/* === main === */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1422px){.container{max-width:1422px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-\[-2rem\]{bottom:-2rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-\[4rem\]{top:4rem}.z-10{z-index:10}.z-50{z-index:50}.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.-mx-2\.5{margin-left:-.625rem;margin-right:-.625rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-\[-3rem\]{margin-left:-3rem;margin-right:-3rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-44{margin-bottom:11rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-10{margin-top:2.5rem}.mt-4{margin-top:1rem}.mt-48{margin-top:12rem}.mt-8{margin-top:2rem}.mt-\[-10rem\]{margin-top:-10rem}.mt-\[-3rem\]{margin-top:-3rem}.mt-\[-4rem\]{margin-top:-4rem}.mr-2{margin-right:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-8{height:2rem}.h-\[105px\]{height:105px}.h-\[208px\]{height:208px}.h-\[54px\]{height:54px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[68px\]{min-height:68px}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-9\/12{width:75%}.w-\[310px\]{width:310px}.w-auto{width:auto}.w-full{width:100%}.w-1\/2{width:50%}.min-w-\[68px\]{min-width:68px}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-\[120px\]{border-radius:120px}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border,.border-\[1px\]{border-width:1px}.border-b-\[1\.8px\]{border-bottom-width:1.8px}.border-b-\[2px\]{border-bottom-width:2px}.border-t-\[2px\]{border-top-width:2px}.border-none{border-style:none}.border-\[\#E4E4E4\]{--tw-border-opacity:1;border-color:rgb(228 228 228/var(--tw-border-opacity))}.border-\[\#E8E8E8\]{--tw-border-opacity:1;border-color:rgb(232 232 232/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(7 134 225/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#1084C8\]{--tw-bg-opacity:1;background-color:rgb(16 132 200/var(--tw-bg-opacity))}.bg-\[\#DFEFF4\]{--tw-bg-opacity:1;background-color:rgb(223 239 244/var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity:1;background-color:rgb(6 120 201/var(--tw-bg-opacity))}.bg-dark-grey{--tw-bg-opacity:1;background-color:rgb(12 21 34/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(7 134 225/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(242 88 13/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-1{background-image:linear-gradient(62deg,#0786e0 8.51%,#29c6ff 70.52%)}.bg-gradient-2{background-image:linear-gradient(62deg,#29c6ff 8.51%,#0786e0 70.52%)}.bg-gradient-3{background-image:linear-gradient(206deg,#f26c0d 24.27%,#f2420d 52.99%)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-4{padding-bottom:1rem}.pb-60{padding-bottom:15rem}.pb-8{padding-bottom:2rem}.pb-96{padding-bottom:24rem}.pl-0{padding-left:0}.pl-4{padding-left:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.ps-7{padding-inline-start:1.75rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-area{font-family:area-normal,sans-serif}.text-12{font-size:12px}.text-14{font-size:14px}.text-15{font-size:15px}.text-18{font-size:18px}.text-20{font-size:20px}.text-22{font-size:22px}.text-24{font-size:24px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-30{font-size:30px}.text-32{font-size:32px}.text-40{font-size:40px}.text-50{font-size:50px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-7{line-height:1.75rem}.leading-\[0\.9\]{line-height:.9}.leading-\[50px\]{line-height:50px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-\[\#24BCFA\]{--tw-text-opacity:1;color:rgb(36 188 250/var(--tw-text-opacity))}.text-\[\#3154BA\]{--tw-text-opacity:1;color:rgb(49 84 186/var(--tw-text-opacity))}.text-\[\#4D555B\]{--tw-text-opacity:1;color:rgb(77 85 91/var(--tw-text-opacity))}.text-\[\#959ABE\]{--tw-text-opacity:1;color:rgb(149 154 190/var(--tw-text-opacity))}.text-\[\#A1BCC5\]{--tw-text-opacity:1;color:rgb(161 188 197/var(--tw-text-opacity))}.text-\[\#DDE7F3\]{--tw-text-opacity:1;color:rgb(221 231 243/var(--tw-text-opacity))}.text-grey{--tw-text-opacity:1;color:rgb(85 85 85/var(--tw-text-opacity))}.text-heading-grey{--tw-text-opacity:1;color:rgb(1 26 55/var(--tw-text-opacity))}.text-light-grey{--tw-text-opacity:1;color:rgb(96 96 96/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(7 134 225/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(242 88 13/var(--tw-text-opacity))}.text-tertiary{--tw-text-opacity:1;color:rgb(0 34 105/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}.slick-arrow.slick-hidden{display:none}*{box-sizing:border-box;font-family:unset;margin:0;padding:0}html{border:none!important;overflow-x:hidden}body{font-weight:400;line-height:1.25;margin:0 auto;overflow:clip;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-family:area-normal,sans-serif;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(0 34 105/var(--tw-text-opacity))}p{line-height:1.5;margin-bottom:1.15rem}p:last-of-type{margin-bottom:0}ul{list-style-type:disc;margin-bottom:1rem;padding-inline-start:1.75rem}ul li{line-height:1.5}img{max-width:100%}a,a:hover{text-decoration:none}.btn,a.btn{border-radius:120px;font-family:area-normal,sans-serif;font-size:1rem;line-height:1;padding:.75rem 1.25rem;transition:all .35s ease}@media (min-width:1024px){.btn,a.btn{padding:1rem 2rem}}.btn,a.btn{font-weight:500}.btn-primary{--tw-bg-opacity:1;background-color:rgb(7 134 225/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-primary:hover,.btn-secondary{--tw-bg-opacity:1;background-color:rgb(242 88 13/var(--tw-bg-opacity))}.btn-secondary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-secondary:hover{--tw-bg-opacity:1;background-color:rgb(7 134 225/var(--tw-bg-opacity))}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1;margin-bottom:1rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background:#f2580d}.span-primary span{--tw-text-opacity:1;color:rgb(7 134 225/var(--tw-text-opacity))}.span-secondary span{--tw-text-opacity:1;color:rgb(242 88 13/var(--tw-text-opacity))}.form-container{align-items:center;display:flex;flex-wrap:wrap;margin:-.5rem -.625rem}@media (min-width:768px){.form-container{margin-bottom:-.875rem;margin-top:-.875rem}}.form-group-half{padding:.5rem .625rem;width:100%}.form-group-half img{width:100%}.form-group-half.h-full.object-cover img{height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}@media (min-width:768px){.form-group-half{padding-bottom:.875rem;padding-top:.875rem;width:50%}}.form-group-full{padding:.5rem .625rem;width:100%}.form-group-full img{width:100%}.form-group-full.h-full.object-cover img{height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}@media (min-width:768px){.form-group-full{padding-bottom:.875rem;padding-top:.875rem}}.form-control{border-radius:1rem;border-style:none;height:54px;padding:.75rem 1.25rem;width:100%;--tw-text-opacity:1;color:rgb(149 154 190/var(--tw-text-opacity));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-control img{width:100%}.form-control.h-full.object-cover img{height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.form-control::-moz-placeholder{--tw-text-opacity:1;color:rgb(149 154 190/var(--tw-text-opacity))}.form-control::placeholder{--tw-text-opacity:1;color:rgb(149 154 190/var(--tw-text-opacity))}.form-control:focus-visible{outline:2px solid transparent;outline-offset:2px}textarea.form-control{height:105px}.w-full img{width:100%}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:0;display:block;left:0;list-style:none;margin:0;padding:0;position:absolute;text-align:left;width:100%}.slick-dots li{cursor:pointer;display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li button{background:#000;border:0;border-radius:10px;color:transparent;cursor:pointer;display:block;font-size:0;height:12px;line-height:0;opacity:.5;outline:none;transition:all .5s ease;width:12px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots .slick-active button,.slick-dots li button:focus,.slick-dots li button:hover{--tw-bg-opacity:1;background-color:rgb(7 134 225/var(--tw-bg-opacity));opacity:1}.search-field{border:1px solid #ccc;padding:.5rem}.search-submit{--tw-bg-opacity:1;background-color:rgb(7 134 225/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));padding:.5rem 1rem}.videomodal .videoWrapper{height:0;padding-bottom:56.25%;position:relative}.videomodal .videoWrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.videomodal .close{background:#fff;border:2px solid #393d40;border-radius:50%;color:#000;font-weight:700;height:26px;line-height:24px;opacity:1;padding:0 .125rem;position:absolute;right:0;right:-10px;text-align:left;top:-10px;width:26px}.wpcf7-not-valid-tip{font-size:.875rem}picture.w-100 img{width:100%}#back-top{bottom:14%;cursor:pointer;display:none;position:fixed;right:-1rem;text-align:center;z-index:999}#back-top .back-to-top-icon{border-radius:50rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.12),0 1px 4px 0 rgba(0,0,0,.16);--tw-bg-opacity:1;background-color:rgb(7 134 225/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));padding:1rem .875rem}#back-top .back-to-top-icon:hover{--tw-bg-opacity:1;background-color:rgb(242 88 13/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(7 134 225/var(--tw-text-opacity))}#back-top.active{right:.95rem}header{background:linear-gradient(169deg,#002269 31.98%,#257ef2 139.87%)}.header-cta-text strong{font-style:italic}.socials a:hover svg path{transition:fill .3s ease;fill:#f2580d}.span-secondary-gredient span{background:var(--Linear,linear-gradient(206deg,#f26c0d 24.27%,#f2420d 52.99%));background-clip:text;-webkit-background-clip:text}.span-primary-gredient span,.span-secondary-gredient span{-webkit-text-fill-color:transparent;font-weight:800;padding-top:.25rem}.span-primary-gredient span{background:var(--Linear,linear-gradient(62deg,#0786e0 8.51%,#29c6ff 70.52%));background-clip:text;-webkit-background-clip:text}.strong-italic strong{font-style:italic;font-weight:800}@media (min-width:1024px){.desktop-unique-bg{background-image:var(--desktop-bg)!important}}.w-full.h-full.object-cover img{height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.primary-menu{margin-top:2.75rem}.primary-menu li{padding-bottom:2.5rem}.primary-menu li.dropdown{display:inline-block;position:relative}.primary-menu li.dropdown a{display:inline-block;padding-right:1.25rem}.primary-menu li.dropdown a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none' viewBox='0 0 12 7'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.809' d='M10.667.963 6.144 5.486 1.622.963'/%3E%3C/svg%3E");background-size:100% 100%;content:"";height:7px;position:absolute;right:0;top:8px;width:12px}.primary-menu li.dropdown:hover ul{opacity:1;transition:opacity .4s linear 0s;visibility:visible}.primary-menu li.dropdown ul{left:0;list-style-type:none;margin-left:auto;margin-right:auto;overflow:hidden;position:absolute;top:4rem;transition:opacity .4s linear 0s;visibility:hidden;width:310px;--tw-bg-opacity:1;background-color:rgb(242 88 13/var(--tw-bg-opacity));opacity:0;padding:1rem 1.5rem}.primary-menu li.dropdown ul li{margin-bottom:1rem;padding-bottom:0}.primary-menu li.dropdown ul li a{font-family:area-normal,sans-serif;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.primary-menu li.dropdown ul li a:hover{font-weight:600;text-decoration-line:underline}.primary-menu li.dropdown ul li a:after{display:none}.mobile-menu li{list-style-type:none;margin-bottom:1rem;padding-bottom:0}.mobile-menu ul{margin-top:.75rem}.mobile-menu ul li{list-style-type:none;margin-bottom:1rem;padding-bottom:0}.socials svg:hover path{fill:#cafb73}footer a:hover{--tw-text-opacity:1;color:rgb(242 88 13/var(--tw-text-opacity))}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{background-color:#ab0000;border-radius:5px;color:#fff;font-size:12px;margin-top:10px;padding:6px 20px}.testimonials-slider .slick-track{display:flex!important}.testimonials-slider .slick-slide{height:inherit!important}.services-slider .service-slide{width:363px}.accordion-item.active{background:#35a4e4!important}.accordion-item.active svg path{fill:#fff!important}.accordion-item.active .accordion-icon{color:#fff!important}.inner-services-tab-container button.active,.inner-services-tab-container button:hover{background:rgba(21,160,237,.2);--tw-text-opacity:1;color:rgb(7 134 225/var(--tw-text-opacity))}.inner-services-tab-container button.active span,.inner-services-tab-container button:hover span,.span-primary-gradient span{background:var(--Linear,linear-gradient(62deg,#0786e0 8.51%,#29c6ff 70.52%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.alphabet-filter .active,.category-filter .active{--tw-bg-opacity:1;background-color:rgb(7 134 225/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.area-items{box-shadow:-16px 24.26px 7.7px -20px rgba(0,0,0,.271)}@media (max-width:1024px){.mb-no-break br{display:none}}@media (max-width:991.98px){.testimonial-card{max-width:303px}.cta-mobile-slider .slider-item{margin-right:10px;width:370px}.tab-item-slider .slider-item{margin-right:10px;width:300px}}.placeholder\:text-\[\#959ABE\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(149 154 190/var(--tw-text-opacity))}.placeholder\:text-\[\#959ABE\]::placeholder{--tw-text-opacity:1;color:rgb(149 154 190/var(--tw-text-opacity))}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(242 88 13/var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(7 134 225/var(--tw-text-opacity))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(242 88 13/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}@media (min-width:768px){.md\:-my-3{margin-bottom:-.75rem;margin-top:-.75rem}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:text-right{text-align:right}}@media (min-width:1024px){.lg\:order-first{order:-9999}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-40{margin-left:10rem;margin-right:10rem}.lg\:my-7{margin-bottom:1.75rem;margin-top:1.75rem}.lg\:mb-0{margin-bottom:0}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-16{margin-bottom:4rem}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-24{margin-bottom:6rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-7{margin-bottom:1.75rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-\[-14rem\]{margin-left:-14rem}.lg\:mr-10{margin-right:2.5rem}.lg\:mr-6{margin-right:1.5rem}.lg\:mr-\[-10rem\]{margin-right:-10rem}.lg\:mt-0{margin-top:0}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-20{margin-top:5rem}.lg\:mt-4{margin-top:1rem}.lg\:mt-8{margin-top:2rem}.lg\:mt-80{margin-top:20rem}.lg\:mt-\[-16rem\]{margin-top:-16rem}.lg\:mr-0{margin-right:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}.lg\:w-2\/5{width:40%}.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:gap-12{gap:3rem}.lg\:gap-4{gap:1rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-1{gap:.25rem}.lg\:p-10{padding:2.5rem}.lg\:p-5{padding:1.25rem}.lg\:p-8{padding:2rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-20{padding-left:5rem;padding-right:5rem}.lg\:px-24{padding-left:6rem;padding-right:6rem}.lg\:px-28{padding-left:7rem;padding-right:7rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:py-12{padding-bottom:3rem;padding-top:3rem}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:py-32{padding-bottom:8rem;padding-top:8rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:py-9{padding-bottom:2.25rem;padding-top:2.25rem}.lg\:pb-0{padding-bottom:0}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-28{padding-bottom:7rem}.lg\:pb-6{padding-bottom:1.5rem}.lg\:pl-20{padding-left:5rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-28{padding-top:7rem}.lg\:pt-32{padding-top:8rem}.lg\:text-left{text-align:left}.lg\:text-14{font-size:14px}.lg\:text-20{font-size:20px}.lg\:text-22{font-size:22px}.lg\:text-24{font-size:24px}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-30{font-size:30px}.lg\:text-32{font-size:32px}.lg\:text-34{font-size:34px}.lg\:text-40{font-size:40px}.lg\:text-60{font-size:60px}.lg\:text-64{font-size:64px}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[30px\]{font-size:30px}.lg\:text-\[34px\]{font-size:34px}.lg\:text-18{font-size:18px}.lg\:text-heading-grey{--tw-text-opacity:1;color:rgb(1 26 55/var(--tw-text-opacity))}.lg\:text-light-grey{--tw-text-opacity:1;color:rgb(96 96 96/var(--tw-text-opacity))}}@media (min-width:1280px){.xl\:ml-2{margin-left:.5rem}.xl\:gap-10{gap:2.5rem}.xl\:bg-center{background-position:50%}.xl\:px-24{padding-left:6rem;padding-right:6rem}.xl\:pb-36{padding-bottom:9rem}.xl\:pb-48{padding-bottom:12rem}.xl\:pb-80{padding-bottom:20rem}.xl\:pl-64{padding-left:16rem}.xl\:pr-20{padding-right:5rem}.xl\:pr-40{padding-right:10rem}.xl\:text-60{font-size:60px}}@media (min-width:1422px){.\32xl\:py-12{padding-bottom:3rem;padding-top:3rem}.\32xl\:py-36{padding-bottom:9rem;padding-top:9rem}.\32xl\:py-44{padding-bottom:11rem;padding-top:11rem}}
/*# sourceMappingURL=main.css.map */


.buttonlnk {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 1rem;
    bottom: 13rem;
    align-items: center;
    gap: .5rem;
}
.buttonlnk a {
    color: #F2520D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: -0.32px;
    width: 17rem;
    text-align: center;
    padding: .5rem;
}
@media only screen and (max-width:1279px) {
    .buttonlnk a {
        width: 15rem;
    }
}
@media only screen and (max-width:1023px) {
    .buttonlnk {
        width: 100%;
        left: 1.5rem;
        right: 0;
        width: 100%;
    }
	.btn-mob {
		margin-top: 1.7rem;
	}
	.btn-mob a {
		flex: 1;
		font-size: 14px;
		text-align: center;
		
	}
	
}
@media only screen and (max-width:767px) {
    .buttonlnk {
        bottom: 9rem;
    }
    .buttonlnk a {
        width: 13rem;
        
    }
	
}
@media only screen and (max-width:650px) {
    .buttonlnk {
        bottom: 22vw;
        left: 1.35rem;
    }
    .buttonlnk a {
        width: 32vw;
        font-size: 2vw;
        padding: 0;
    }
}
@media only screen and (max-width:540px) {
	#sideMenu .btn {
	 font-size: 13px;
	}
}
@media only screen and (max-width:440px) {
    .buttonlnk {
        
        left: 3.35vw;
    }
    .buttonlnk a {
        
    }
	#sideMenu .btn {
		font-size: 3.2vw;
		
	}
	#sideMenu .nav-link {
		font-size: 16px;
	}
	.mobile-menu li, .mobile-menu ul li {
		margin-bottom: .6rem;
	}
	
}
@media only screen and (max-width:414px) {
	#sideMenu .btn {
		font-size: 3.35vw;
	}
	#sideMenu .nav-link {
		font-size: 15px;
	}
	
}
@media only screen and (max-width:412px) {
	#sideMenu .btn {
		font-size: 3.4vw;
	}
}
@media only screen and (max-width:393px) {
	#sideMenu .btn {
		font-size: 3.7vw;
	}
}
@media only screen and (max-width:375px) {
	#toggleSideMenu.actvn {
		position: relative;
    	left: 1rem;
	}
}
@media only screen and (max-width:360px) {
	#toggleSideMenu.actvn {
		left: 1.5rem;
	}
}
@media only screen and (max-width:320px) {
	#toggleSideMenu.actvn {
		left: unset;
		position: absolute;
		z-index: 60;
		right: 0;
    	top: 0;
	}
	.top-bar .btn {
		font-size: 13px;
		font-size: 4.2vw;
	}
	#sideMenu {
		width: 17.5rem;
	}
	#sideMenu .nav-link {
		font-size: 12px;
	}
}
.form-control {
	height: auto;
	padding: 1rem 1.25rem;
}
.btn-secondary:hover {
	background-color: rgb(242 88 13/var(--tw-bg-opacity));
}

#sideMenu .logo img {
	width: auto;
}
.backmodal {
	position: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    background: #0000008a;
}
.backmodal.actv {
	position: fixed;
}
.noscroll {
	overflow-y: hidden;
}
.btn, a.btn {
  font-weight: 600;
}


@media (min-width: 1024px) {
  .lg\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

}

/* === blocks === */
:root {
    --primary-color: #0786E0;
    --secondary-color: #F2580D;
    --heading-color: #011a37;
    --text-color: #5a6470;
    --light-bg: #f8fafc;
    --white-color: #fff;
    --dark-bg: #0c1522;
    --border-color: #e5e7eb;
    --brand-gradient: linear-gradient(62deg, #0786E0 8.51%, #29C6FF 70.52%);
    --dark-gradient: linear-gradient(62deg, #29c6ff 8.51%, #0786e0 70.52%);
    --shadow-light: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
    --shadow-medium: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-heavy: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --accent-gradient: linear-gradient(135deg, rgba(7, 134, 224, 0.1) 0%, rgba(41, 198, 255, 0.05) 100%);
}

/* Content Columns Block Styles */

.content-columns-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
}

.content-columns-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.content-columns-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header Styles */
.content-columns-header {
    text-align: center;
    max-width: 56rem;
    margin: 0 auto 5rem;
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
}

.content-columns-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: var(--heading-color);
}

@media (min-width: 768px) {
    .content-columns-header h2 {
        font-size: 3.25rem;
        margin-bottom: 2rem;
    }
}

.content-columns-header .intro-text {
    font-size: 1.2rem;
    line-height: 1.7;
    color: var(--text-color);
    margin: 0;
    max-width: 48rem;
    margin: 0 auto;
    font-family: 'area-normal', Arial, sans-serif;
}

/* Enhanced Rich Text Styles for Intro Content (same as cards) */
.content-columns-header .intro-text > *:first-child {
    margin-top: 0;
}

.content-columns-header .intro-text > *:last-child {
    margin-bottom: 0;
}

.content-columns-header .intro-text p {
    margin-bottom: 1.25rem;
    color: var(--text-color);
    line-height: 1.8;
    text-align: center;
}

.content-columns-header .intro-text p:last-child {
    margin-bottom: 0;
}

/* Headings in intro text */
.content-columns-header .intro-text h1,
.content-columns-header .intro-text h2,
.content-columns-header .intro-text h3,
.content-columns-header .intro-text h4,
.content-columns-header .intro-text h5,
.content-columns-header .intro-text h6 {
    color: var(--heading-color);
    font-weight: 700;
    line-height: 1.4;
    margin: 1.5rem 0 0.75rem 0;
    text-align: center;
}

.content-columns-header .intro-text h1 { font-size: 1.75rem; }
.content-columns-header .intro-text h2 { font-size: 1.5rem; }
.content-columns-header .intro-text h3 { font-size: 1.25rem; }
.content-columns-header .intro-text h4 { font-size: 1.125rem; }
.content-columns-header .intro-text h5 { font-size: 1rem; font-weight: 600; }
.content-columns-header .intro-text h6 { font-size: 0.9rem; font-weight: 600; }

.content-columns-header .intro-text ul,
.content-columns-header .intro-text ol {
    padding-left: 1.5rem;
    margin: 1.25rem auto;
    color: var(--text-color);
    max-width: 36rem;
    text-align: left;
}

.content-columns-header .intro-text li {
    margin-bottom: 0.75rem;
    line-height: 1.7;
    text-align: left;
}

.content-columns-header .intro-text li:last-child {
    margin-bottom: 0;
}

.content-columns-header .intro-text ul li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.content-columns-header .intro-text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.1em;
}

.content-columns-header .intro-text ol li {
    padding-left: 0.5rem;
}

.content-columns-header .intro-text strong,
.content-columns-header .intro-text b {
    font-weight: 700;
    color: var(--heading-color);
}

.content-columns-header .intro-text em,
.content-columns-header .intro-text i {
    font-style: italic;
    color: var(--primary-color);
}

.content-columns-header .intro-text a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-color);
}

.content-columns-header .intro-text blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 1.5rem auto;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    max-width: 36rem;
}

.content-columns-header .intro-text code {
    background: var(--light-bg);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.content-columns-header .intro-text pre {
    background: var(--light-bg);
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.25rem auto;
    border: 1px solid var(--border-color);
    max-width: 36rem;
}

.content-columns-header .intro-text table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem auto;
    max-width: 36rem;
}

.content-columns-header .intro-text th,
.content-columns-header .intro-text td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.content-columns-header .intro-text th {
    background: var(--light-bg);
    font-weight: 600;
    color: var(--heading-color);
}

.content-columns-header .intro-text hr {
    border: none;
    height: 2px;
    background: var(--brand-gradient);
    margin: 2rem auto;
    border-radius: 1px;
    max-width: 12rem;
}

/* Columns Layout */
.content-columns-wrapper {
    display: block;
}

.content-columns-grid {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .content-columns-grid.columns-2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }
}

@media (min-width: 1024px) {
    .content-columns-grid.columns-3 {
        grid-template-columns: repeat(3, 1fr);
        gap: 3.5rem;
    }
    
    .content-columns-grid.columns-4 {
        grid-template-columns: repeat(4, 1fr);
        gap: 3rem;
    }
}

/* Content Column */
.content-column {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2.5rem;
    box-shadow: var(--shadow-light);
    border: 1px solid rgba(229, 231, 235, 0.5);
    position: relative;
    overflow: hidden;
}

.content-column::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--accent-gradient);
    opacity: 0;
    pointer-events: none;
}


/* Column Header */
.content-column-header {
    text-align: center;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
}

.content-column-icon {
    width: 4rem;
    height: 4rem;
    background: var(--brand-gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    position: relative;
}


.content-column-icon i {
    font-size: 1.5rem;
    color: var(--white-color);
}

/* Fallback for default icon if Font Awesome doesn't load */
.content-column-icon .default-icon {
    width: 24px;
    height: 24px;
    background: var(--white-color);
    border-radius: 50%;
    position: relative;
}

.content-column-icon .default-icon::before {
    content: '★';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--primary-color);
    font-size: 14px;
}

/* Ensure icons are visible */
.content-column-icon i {
    display: inline-block;
    font-style: normal;
}

/* Pure CSS icon if Font Awesome fails completely */
.content-column-icon:empty::before {
    content: '⋆';
    color: var(--white-color);
    font-size: 1.5rem;
}

.content-column-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--heading-color);
    margin: 0;
    line-height: 1.3;
    position: relative;
    z-index: 1;
    /* No gradient to differentiate from main title */
}

/* Column Content */
.content-column-content {
    position: relative;
    z-index: 1;
}

/* Enhanced Rich Text Styles */
.content-column-text p {
    margin-bottom: 1.25rem;
    color: var(--text-color);
    line-height: 1.8;
}

.content-column-text p:last-child {
    margin-bottom: 0;
}

/* Headings in content */
.content-column-text h1,
.content-column-text h2,
.content-column-text h3,
.content-column-text h4,
.content-column-text h5,
.content-column-text h6 {
    color: var(--heading-color);
    font-weight: 700;
    line-height: 1.4;
    margin: 1.5rem 0 0.75rem 0;
}

.content-column-text h1 { font-size: 1.75rem; }
.content-column-text h2 { font-size: 1.5rem; }
.content-column-text h3 { font-size: 1.25rem; }
.content-column-text h4 { font-size: 1.125rem; }
.content-column-text h5 { font-size: 1rem; font-weight: 600; }
.content-column-text h6 { font-size: 0.9rem; font-weight: 600; }

.content-column-text ul,
.content-column-text ol {
    padding-left: 1.5rem;
    margin: 1.25rem 0;
    color: var(--text-color);
    text-align: left;
}

.content-column-text li {
    margin-bottom: 0.75rem;
    line-height: 1.7;
    text-align: left;
}

.content-column-text li:last-child {
    margin-bottom: 0;
}

.content-column-text ul li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.content-column-text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.1em;
}

.content-column-text ol li {
    padding-left: 0.5rem;
}

.content-column-text strong,
.content-column-text b {
    font-weight: 700;
    color: var(--heading-color);
}

.content-column-text em,
.content-column-text i {
    font-style: italic;
    color: var(--primary-color);
}

.content-column-text a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-color);
}


.content-column-text blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

.content-column-text code {
    background: var(--light-bg);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.content-column-text pre {
    background: var(--light-bg);
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.25rem 0;
    border: 1px solid var(--border-color);
}

.content-column-text table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

.content-column-text th,
.content-column-text td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.content-column-text th {
    background: var(--light-bg);
    font-weight: 600;
    color: var(--heading-color);
}

.content-column-text hr {
    border: none;
    height: 2px;
    background: var(--brand-gradient);
    margin: 2rem 0;
    border-radius: 1px;
}

/* ========================================
   THEME VARIATIONS
======================================== */

/* THEME 1: ELEGANT (Default - inspired by introduction-section) */
.content-columns-block.theme-elegant {
    background-color: var(--light-bg);
    color: var(--text-color);
}

/* THEME 2: CLASSIC (inspired by common-causes-section) */
.content-columns-block.theme-classic {
    background-color: var(--white-color);
    color: var(--text-color);
}

.content-columns-block.theme-classic .content-columns-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.content-columns-block.theme-classic .content-column {
    border: 1px solid var(--border-color);
    background: var(--white-color);
}

/* THEME 3: BUSINESS (inspired by property-types-section) */
.content-columns-block.theme-business {
    background-color: #0678c9;
    color: #c0d0e0;
}

.content-columns-block.theme-business .content-columns-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--white-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.content-columns-block.theme-business .content-columns-header .intro-text,
.content-columns-block.theme-business .content-columns-header .intro-text p,
.content-columns-block.theme-business .content-columns-header .intro-text li {
    color: rgba(192, 208, 224, 0.9);
}

.content-columns-block.theme-business .content-column {
    background: var(--white-color);
    color: #002269;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.content-columns-block.theme-business .content-column-title {
    color: #002269;
}

.content-columns-block.theme-business .content-column-text p,
.content-columns-block.theme-business .content-column-text li,
.content-columns-block.theme-business .content-column-text strong,
.content-columns-block.theme-business .content-column-text b {
    color: #002269;
}

.content-columns-block.theme-business .content-column-text h1,
.content-columns-block.theme-business .content-column-text h2,
.content-columns-block.theme-business .content-column-text h3,
.content-columns-block.theme-business .content-column-text h4,
.content-columns-block.theme-business .content-column-text h5,
.content-columns-block.theme-business .content-column-text h6 {
    color: #002269;
}

/* THEME 4: ALERT (inspired by emergency-response-section) */
.content-columns-block.theme-alert {
    background-color: #0c1522;
    color: #c0d0e0;
    text-align: center;
}

.content-columns-block.theme-alert .content-columns-header .intro-text ul,
.content-columns-block.theme-alert .content-columns-header .intro-text ol,
.content-columns-block.theme-alert .content-columns-header .intro-text li {
    text-align: left;
}

.content-columns-block.theme-alert .content-columns-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: var(--white-color);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.content-columns-block.theme-alert .content-columns-header .intro-text,
.content-columns-block.theme-alert .content-columns-header .intro-text p,
.content-columns-block.theme-alert .content-columns-header .intro-text li {
    color: #c0d0e0;
}

.content-columns-block.theme-alert .content-column {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    border: 2px solid var(--secondary-color);
    background: rgba(242, 88, 13, 0.1);
}

.content-columns-block.theme-alert .content-column-title {
    color: var(--white-color);
}

.content-columns-block.theme-alert .content-column-text p,
.content-columns-block.theme-alert .content-column-text li,
.content-columns-block.theme-alert .content-column-text strong,
.content-columns-block.theme-alert .content-column-text b {
    color: rgba(255, 255, 255, 0.9);
}

.content-columns-block.theme-alert .content-column-text h1,
.content-columns-block.theme-alert .content-column-text h2,
.content-columns-block.theme-alert .content-column-text h3,
.content-columns-block.theme-alert .content-column-text h4,
.content-columns-block.theme-alert .content-column-text h5,
.content-columns-block.theme-alert .content-column-text h6 {
    color: var(--white-color);
}

.content-columns-block.theme-alert .content-column-icon {
    background: var(--secondary-color);
}

/* Business theme intro text styles (simple like cards) */
.content-columns-block.theme-business .content-columns-header .intro-text h1,
.content-columns-block.theme-business .content-columns-header .intro-text h2,
.content-columns-block.theme-business .content-columns-header .intro-text h3,
.content-columns-block.theme-business .content-columns-header .intro-text h4,
.content-columns-block.theme-business .content-columns-header .intro-text h5,
.content-columns-block.theme-business .content-columns-header .intro-text h6 {
    color: var(--white-color);
}

.content-columns-block.theme-business .content-columns-header .intro-text strong,
.content-columns-block.theme-business .content-columns-header .intro-text b {
    color: var(--white-color);
}

.content-columns-block.theme-business .content-columns-header .intro-text pre {
    background: rgba(255, 255, 255, 0.1);
    color: var(--white-color);
    border-color: rgba(255, 255, 255, 0.2);
}

.content-columns-block.theme-business .content-columns-header .intro-text em,
.content-columns-block.theme-business .content-columns-header .intro-text i {
    color: #29C6FF;
}

.content-columns-block.theme-business .content-columns-header .intro-text a {
    color: #29C6FF;
    border-bottom-color: #29C6FF;
}

.content-columns-block.theme-business .content-columns-header .intro-text ul li::before {
    color: #29C6FF;
}

.content-columns-block.theme-business .content-columns-header .intro-text blockquote {
    background: rgba(41, 198, 255, 0.1);
    border-left-color: #29C6FF;
}

.content-columns-block.theme-business .content-columns-header .intro-text code {
    background: rgba(41, 198, 255, 0.1);
    color: var(--white-color);
    border-color: rgba(41, 198, 255, 0.3);
}

.content-columns-block.theme-business .content-columns-header .intro-text th {
    background: #29C6FF;
    color: var(--white-color);
}

/* Alert theme intro text styles (simple like cards) */
.content-columns-block.theme-alert .content-columns-header .intro-text h1,
.content-columns-block.theme-alert .content-columns-header .intro-text h2,
.content-columns-block.theme-alert .content-columns-header .intro-text h3,
.content-columns-block.theme-alert .content-columns-header .intro-text h4,
.content-columns-block.theme-alert .content-columns-header .intro-text h5,
.content-columns-block.theme-alert .content-columns-header .intro-text h6 {
    color: var(--white-color);
}

.content-columns-block.theme-alert .content-columns-header .intro-text strong,
.content-columns-block.theme-alert .content-columns-header .intro-text b {
    color: var(--white-color);
}

.content-columns-block.theme-alert .content-columns-header .intro-text pre {
    background: rgba(255, 255, 255, 0.1);
    color: var(--white-color);
    border-color: rgba(255, 255, 255, 0.2);
}

.content-columns-block.theme-alert .content-columns-header .intro-text em,
.content-columns-block.theme-alert .content-columns-header .intro-text i {
    color: var(--secondary-color);
}

.content-columns-block.theme-alert .content-columns-header .intro-text a {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.content-columns-block.theme-alert .content-columns-header .intro-text ul li::before {
    color: var(--secondary-color);
}

.content-columns-block.theme-alert .content-columns-header .intro-text blockquote {
    background: rgba(242, 88, 13, 0.1);
    border-left-color: var(--secondary-color);
}

.content-columns-block.theme-alert .content-columns-header .intro-text code {
    background: rgba(242, 88, 13, 0.1);
    color: var(--white-color);
    border-color: rgba(242, 88, 13, 0.3);
}

.content-columns-block.theme-alert .content-columns-header .intro-text th {
    background: var(--secondary-color);
    color: var(--white-color);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .content-columns-block {
        padding: 4rem 1rem;
    }
    
    .content-columns-header {
        margin-bottom: 4rem;
    }
    
    .content-columns-grid {
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .content-columns-block {
        padding: 3rem 1rem;
    }
    
    .content-columns-header h2 {
        font-size: 2.5rem;
    }
    
    .content-columns-block.theme-business .content-columns-header h2,
    .content-columns-block.theme-alert .content-columns-header h2,
    .content-columns-block.theme-classic .content-columns-header h2 {
        font-size: 2.5rem;
    }
    
    .content-columns-header {
        margin-bottom: 3rem;
    }
    
    /* Responsive intro text */
    .content-columns-header .intro-text {
        font-size: 1.1rem;
        max-width: 100%;
    }
    
    .content-columns-header .intro-text h1 { 
        font-size: 1.5rem; 
    }
    
    .content-columns-header .intro-text h2 { 
        font-size: 1.375rem; 
    }
    
    .content-columns-header .intro-text h3 { 
        font-size: 1.25rem; 
    }
    
    .content-columns-header .intro-text h4 { 
        font-size: 1.125rem; 
    }
    
    .content-columns-header .intro-text h5 { 
        font-size: 1rem; 
    }
    
    .content-columns-header .intro-text h6 { 
        font-size: 0.9rem; 
    }
    
    .content-columns-header .intro-text ul,
    .content-columns-header .intro-text ol {
        max-width: 100%;
        padding-left: 1.25rem;
    }
    
    .content-columns-header .intro-text ul li {
        padding-left: 1.25rem;
    }
    
    .content-columns-header .intro-text ol li {
        padding-left: 0.25rem;
    }
    
    .content-columns-header .intro-text blockquote {
        padding: 1rem;
        margin: 1.5rem auto;
        max-width: 100%;
    }
    
    .content-columns-header .intro-text table {
        max-width: 100%;
        font-size: 0.9rem;
    }
    
    .content-columns-header .intro-text table th,
    .content-columns-header .intro-text table td {
        padding: 0.5rem;
    }
    
    .content-columns-header .intro-text pre {
        padding: 0.75rem;
        margin: 1rem auto;
        max-width: 100%;
    }
    
    .content-columns-header .intro-text code {
        font-size: 0.85rem;
        padding: 0.15rem 0.3rem;
    }
    
    .content-column {
        padding: 2rem;
    }
    
    .content-column-icon {
        width: 3.5rem;
        height: 3.5rem;
        margin-bottom: 1rem;
    }
    
    .content-column-icon i {
        font-size: 1.25rem;
    }
    
    .content-column-title {
        font-size: 1.375rem;
    }
}

@media (max-width: 480px) {
    .content-columns-header h2 {
        font-size: 2rem;
    }
    
    .content-columns-block.theme-business .content-columns-header h2,
    .content-columns-block.theme-alert .content-columns-header h2,
    .content-columns-block.theme-classic .content-columns-header h2 {
        font-size: 2rem;
    }
    
    .content-columns-header .intro-text {
        font-size: 1rem;
    }
    
    /* Extra small screens intro text adjustments */
    .content-columns-header .intro-text h1 { 
        font-size: 1.375rem; 
    }
    
    .content-columns-header .intro-text h2 { 
        font-size: 1.25rem; 
    }
    
    .content-columns-header .intro-text h3 { 
        font-size: 1.125rem; 
    }
    
    .content-columns-header .intro-text h4 { 
        font-size: 1rem; 
    }
    
    .content-columns-header .intro-text h5 { 
        font-size: 0.9rem; 
    }
    
    .content-columns-header .intro-text h6 { 
        font-size: 0.85rem; 
    }
    
    .content-columns-header .intro-text ul,
    .content-columns-header .intro-text ol {
        padding-left: 1rem;
    }
    
    .content-columns-header .intro-text ul li {
        padding-left: 1rem;
    }
    
    .content-columns-header .intro-text ol li {
        padding-left: 0.25rem;
    }
    
    .content-columns-header .intro-text blockquote {
        padding: 0.75rem 1rem;
        margin: 1rem auto;
    }
    
    .content-columns-header .intro-text table th,
    .content-columns-header .intro-text table td {
        padding: 0.4rem 0.2rem;
        font-size: 0.8rem;
    }
    
    .content-columns-header .intro-text pre {
        padding: 0.5rem;
        margin: 0.75rem auto;
    }
    
    .content-columns-header .intro-text code {
        font-size: 0.8rem;
        padding: 0.1rem 0.25rem;
    }
    
    .content-columns-header .intro-text hr {
        max-width: 6rem;
    }
    
    .content-column {
        padding: 1.5rem;
    }
    
    .content-column-title {
        font-size: 1.25rem;
    }
}

/* Theme-specific responsive adjustments */
@media (max-width: 768px) {
    .content-columns-block.theme-alert {
        text-align: left;
    }
    
    .content-columns-block.theme-alert .content-columns-header {
        text-align: center;
    }
    
    .content-columns-block.theme-alert .content-columns-header .intro-text ul,
    .content-columns-block.theme-alert .content-columns-header .intro-text ol,
    .content-columns-block.theme-alert .content-columns-header .intro-text li {
        text-align: left;
    }
}

/* ========================================
   Double Wysiwyg Block
======================================== */

.double-wysiwyg-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
}

.double-wysiwyg-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.double-wysiwyg-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header Styles */
.double-wysiwyg-header {
    text-align: center;
    max-width: 56rem;
    margin: 0 auto 5rem;
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
}

.double-wysiwyg-header .title-heading {
    font-size: 2.75rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
    margin: 0;
    background: var(--brand-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Content Grid */
.double-wysiwyg-content-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: start;
}

@media (min-width: 768px) {
    .double-wysiwyg-content-grid {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

/* Content Columns - Card Mode */
.double-wysiwyg-column.card-mode {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2.5rem;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Content Columns - No Card Mode */
.double-wysiwyg-column.no-card {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    transition: none;
    position: relative;
    overflow: visible;
}

/* Content Styling */
.double-wysiwyg-content {
    color: var(--text-color);
    line-height: 1.7;
    font-size: 1rem;
}

.double-wysiwyg-content h1,
.double-wysiwyg-content h2,
.double-wysiwyg-content h3,
.double-wysiwyg-content h4,
.double-wysiwyg-content h5,
.double-wysiwyg-content h6 {
    color: var(--heading-color);
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.double-wysiwyg-content h1 { font-size: 2.25rem; }
.double-wysiwyg-content h2 { font-size: 1.875rem; }
.double-wysiwyg-content h3 { font-size: 1.5rem; }
.double-wysiwyg-content h4 { font-size: 1.25rem; }
.double-wysiwyg-content h5 { font-size: 1.125rem; }
.double-wysiwyg-content h6 { font-size: 1rem; }

.double-wysiwyg-content p {
    margin-bottom: 1.5rem;
}

.double-wysiwyg-content ul,
.double-wysiwyg-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.double-wysiwyg-content li {
    margin-bottom: 0.5rem;
}

.double-wysiwyg-content a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.double-wysiwyg-content a:hover {
    color: var(--secondary-color);
    text-decoration: underline;
}

.double-wysiwyg-content blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: var(--heading-color);
    background: var(--accent-gradient);
    padding: 1.5rem;
    border-radius: 0.5rem;
}

.double-wysiwyg-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 1.5rem 0;
    box-shadow: var(--shadow-light);
}

.double-wysiwyg-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    background: var(--white-color);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: var(--shadow-light);
}

.double-wysiwyg-content th,
.double-wysiwyg-content td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.double-wysiwyg-content th {
    background: var(--accent-gradient);
    font-weight: 600;
    color: var(--heading-color);
}

/* Theme Variations */
.double-wysiwyg-block.theme-classic {
    background-color: var(--white-color);
}

.double-wysiwyg-block.theme-classic .double-wysiwyg-column {
    background: var(--light-bg);
    border: 1px solid var(--border-color);
}

.double-wysiwyg-block.theme-business {
    background-color: var(--dark-bg);
}

.double-wysiwyg-block.theme-business .double-wysiwyg-header .title-heading {
    color: var(--white-color);
    background: var(--dark-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.double-wysiwyg-block.theme-business .double-wysiwyg-column {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.double-wysiwyg-block.theme-business .double-wysiwyg-content {
    color: rgba(255, 255, 255, 0.8);
}

.double-wysiwyg-block.theme-business .double-wysiwyg-content h1,
.double-wysiwyg-block.theme-business .double-wysiwyg-content h2,
.double-wysiwyg-block.theme-business .double-wysiwyg-content h3,
.double-wysiwyg-block.theme-business .double-wysiwyg-content h4,
.double-wysiwyg-block.theme-business .double-wysiwyg-content h5,
.double-wysiwyg-block.theme-business .double-wysiwyg-content h6 {
    color: var(--white-color);
}

.double-wysiwyg-block.theme-alert {
    background: linear-gradient(135deg, rgba(242, 88, 13, 0.05) 0%, rgba(242, 66, 13, 0.05) 100%);
}

.double-wysiwyg-block.theme-alert .double-wysiwyg-column::before {
    background: linear-gradient(90deg, var(--secondary-color) 0%, #F2420D 100%);
}

/* Responsive Design */
@media (max-width: 767px) {
    .double-wysiwyg-block {
        padding: 4rem 1rem;
    }

    .double-wysiwyg-header {
        margin-bottom: 3rem;
    }

    .double-wysiwyg-header .title-heading {
        font-size: 2rem;
    }

    .double-wysiwyg-content-grid {
        gap: 2rem;
    }

    .double-wysiwyg-column.card-mode {
        padding: 2rem;
    }

    .double-wysiwyg-column.no-card {
        padding: 0;
    }

    .double-wysiwyg-grid {
        gap: 2rem;
    }
}

@media (max-width: 480px) {
    .double-wysiwyg-block {
        padding: 3rem 0.5rem;
    }

    .double-wysiwyg-header .title-heading {
        font-size: 1.75rem;
    }

    .double-wysiwyg-column.card-mode {
        padding: 1.5rem;
    }

    .double-wysiwyg-column.no-card {
        padding: 0;
    }
}

/* ========================================
   Extra Content Block
======================================== */

.extra-content-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
}

.extra-content-block::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.extra-content-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header */
.extra-content-header {
    text-align: center;
    max-width: 56rem;
    margin: 0 auto 4rem;
}
.extra-content-header .main-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.1;
    margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
    .extra-content-header .main-title { font-size: 3.5rem; }
}
.extra-content-header .intro-text {
    font-size: 1.15rem;
    line-height: 1.7;
    color: var(--text-color);
    margin: 0 auto;
    opacity: 0.95;
}
.extra-content-header .intro-text > *:first-child { margin-top: 0; }
.extra-content-header .intro-text > *:last-child { margin-bottom: 0; }

/* Items wrapper */
.extra-items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
}

/* Single item */
.extra-item {
    position: relative;
    border-radius: 1rem;
    background: var(--white-color);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-light);
    overflow: hidden;
}
.extra-item-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    align-items: center;
    padding: 3rem;
}
@media (min-width: 1024px) {
    .extra-item-inner { grid-template-columns: 1.1fr 1fr; padding: 3rem; gap: 2rem; }
    .extra-item.reverse .extra-item-inner { grid-template-columns: 1fr 1.1fr; }
}

/* Image */
.extra-item-image { width: 100%; display: flex; align-items: center; justify-content: center; }
.extra-item-image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    box-shadow: var(--shadow-light);
}

/* Content */
.extra-item-content { width: 100%; }
.extra-item-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 0.75rem;
    line-height: 1.3;
}
.extra-item-text { color: var(--text-color); line-height: 1.7; font-size: 1rem; }
.extra-item-text p { margin-bottom: 1.1rem; }
.extra-item-text p:last-child { margin-bottom: 0; }
.extra-item-text h1,
.extra-item-text h2,
.extra-item-text h3,
.extra-item-text h4,
.extra-item-text h5,
.extra-item-text h6 { color: var(--heading-color); font-weight: 700; line-height: 1.35; margin: 1.25rem 0 .6rem; }
.extra-item-text a { color: var(--primary-color); text-decoration: none; border-bottom: 1px solid var(--primary-color); font-weight: 600; transition: all .3s ease; }
.extra-item-text a:hover { color: var(--secondary-color); border-bottom-color: var(--secondary-color); }
.extra-item-text ul, .extra-item-text ol { padding-left: 1.25rem; margin: 1rem 0; }
.extra-item-text li { margin-bottom: .6rem; }
.extra-item-text blockquote { border-left: 4px solid var(--primary-color); padding: 1rem 1.25rem; margin: 1.25rem 0; background: rgba(7,134,224,0.05); border-radius: .5rem; }
.extra-item-text code { background: var(--light-bg); padding: .2rem .4rem; border-radius: .25rem; border: 1px solid var(--border-color); }
.extra-item-text pre { background: var(--light-bg); padding: 1rem; border-radius: .5rem; overflow-x: auto; border: 1px solid var(--border-color); }

/* Prevent lists from being centered regardless of parent alignment or editor settings */
.extra-content-header .intro-text ul,
.extra-content-header .intro-text ol,
.extra-item-text ul,
.extra-item-text ol { text-align: left !important; padding-left: 1.25rem; margin: 1rem 0; list-style-position: outside; }
.extra-content-header .intro-text li,
.extra-item-text li { text-align: left !important; }
/* Override Gutenberg alignment classes on lists inside this block */
.extra-item-text .has-text-align-center,
.extra-item-text ul.has-text-align-center,
.extra-item-text ol.has-text-align-center,
.extra-content-header .intro-text .has-text-align-center,
.extra-content-header .intro-text ul.has-text-align-center,
.extra-content-header .intro-text ol.has-text-align-center { text-align: left !important; }

/* Hover */

/* Theme Variations (copied from Simple Content and adapted) */
.extra-content-block.theme-elegant { background-color: var(--light-bg); color: var(--text-color); }
.extra-content-block.theme-elegant .extra-content-header .main-title {
    background: var(--brand-gradient);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}

.extra-content-block.theme-classic { background-color: var(--white-color); color: var(--text-color); }
.extra-content-block.theme-classic .extra-content-header .main-title { color: var(--heading-color) !important; -webkit-text-fill-color: var(--heading-color); }
.extra-content-block.theme-classic .extra-item { background: var(--white-color); border: 1px solid var(--border-color); }

.extra-content-block.theme-business { background-color: #0678c9; color: #c0d0e0; }
.extra-content-block.theme-business .extra-content-header .main-title { color: var(--white-color) !important; -webkit-text-fill-color: var(--white-color); }
.extra-content-block.theme-business .extra-content-header .intro-text,
.extra-content-block.theme-business .extra-content-header .intro-text p,
.extra-content-block.theme-business .extra-content-header .intro-text li { color: rgba(192, 208, 224, 0.9); }
.extra-content-block.theme-business .extra-item { background: var(--white-color); color: #002269; }
.extra-content-block.theme-business .extra-item-title { color: #002269; }
.extra-content-block.theme-business .extra-item-text,
.extra-content-block.theme-business .extra-item-text p,
.extra-content-block.theme-business .extra-item-text li { color: #002269; }
.extra-content-block.theme-business .extra-item-text h1,
.extra-content-block.theme-business .extra-item-text h2,
.extra-content-block.theme-business .extra-item-text h3,
.extra-content-block.theme-business .extra-item-text h4,
.extra-content-block.theme-business .extra-item-text h5,
.extra-content-block.theme-business .extra-item-text h6 { color: #002269; }

.extra-content-block.theme-alert { background-color: #0c1522; color: #c0d0e0; }
.extra-content-block.theme-alert .extra-content-header .main-title { color: var(--white-color) !important; -webkit-text-fill-color: var(--white-color); text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.extra-content-block.theme-alert .extra-content-header .intro-text,
.extra-content-block.theme-alert .extra-content-header .intro-text p,
.extra-content-block.theme-alert .extra-content-header .intro-text li { color: #c0d0e0; }
.extra-content-block.theme-alert .extra-item { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); }
.extra-content-block.theme-alert .extra-item-title { color: var(--white-color); }
.extra-content-block.theme-alert .extra-item-text,
.extra-content-block.theme-alert .extra-item-text p,
.extra-content-block.theme-alert .extra-item-text li { color: #c0d0e0; }
.extra-content-block.theme-alert .extra-item-text h1,
.extra-content-block.theme-alert .extra-item-text h2,
.extra-content-block.theme-alert .extra-item-text h3,
.extra-content-block.theme-alert .extra-item-text h4,
.extra-content-block.theme-alert .extra-item-text h5,
.extra-content-block.theme-alert .extra-item-text h6 { color: var(--white-color); }
.extra-content-block.theme-alert .extra-item-text strong,
.extra-content-block.theme-alert .extra-item-text b { color: var(--white-color); }
.extra-content-block.theme-alert .extra-item-text a { color: var(--secondary-color); border-bottom-color: var(--secondary-color); }

/* Responsive */
@media (max-width: 1024px) {
    .extra-content-block { padding: 4rem 1rem; }
    .extra-content-header { margin-bottom: 3rem; }
}
@media (max-width: 768px) {
    .extra-content-block { padding: 3rem 1rem; }
    .extra-content-header .main-title { font-size: 2.25rem; }
    .extra-item-title { font-size: 1.375rem; }
}
@media (max-width: 480px) {
    .extra-content-header .main-title { font-size: 2rem; }
}

/* ========================================
   FAQ Block
======================================== */

.faq-section {
	--primary-color: #0786E0;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--white-color: #fff;
    --light-bg: #f8fafc;
	--border-color: #e5e7eb;
}

.faq-section {
	padding: 6rem 1rem;
	background-color: var(--white-color);
	font-family: 'area-normal', sans-serif;
}

.faq-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.faq-section .section-header {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 4rem;
}

.faq-section .section-header h1,
.faq-section .section-header h2,
.faq-section .section-header h3,
.faq-section .section-header h4,
.faq-section .section-header h5,
.faq-section .section-header h6 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin: 0;
}

.faq-list {
    display: grid;
    gap: 1.5rem;
    max-width: 100%;
    margin: 0 auto;
}

.faq-item {
    background-color: #fff;
    border-left-color: var(--primary-color);
    padding: 1rem;
}

.faq-question {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.4;
    margin: 0;
}

.faq-question i {
    display: none;
    font-size: 1.5rem;
    color: var(--primary-color);
}

.faq-answer {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--border-color);
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.25rem;
}

.faq-answer p { margin: 0; }

/* ========================================
   Grid Cards Block
======================================== */

.grid-cards-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
}

.grid-cards-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.grid-cards-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header Styles */
.grid-cards-header {
    text-align: center;
    max-width: 56rem;
    margin: 0 auto 3rem;
}

.grid-cards-header .title-heading {
    font-size: 2.75rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
    margin: 0 0 1.5rem 0;
    background: var(--brand-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.grid-cards-text {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-color);
    margin-bottom: 3rem;
}

/* Grid Layout */
.grid-cards-layout {
    display: grid;
    gap: 2rem;
    margin-bottom: 3rem;
}

.grid-cards-layout.front-grid-1 {
    grid-template-columns: 1fr;
}

.grid-cards-layout.front-grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.grid-cards-layout.front-grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.grid-cards-layout.front-grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.grid-cards-layout.front-grid-5 {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.grid-cards-layout.front-grid-6 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* Card Styles */
.grid-card {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: block;
}

.grid-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--brand-gradient);
}

.grid-card:hover {
    text-decoration: none;
    color: inherit;
}

.grid-card.extra {
    display: none;
}

.grid-card.extra.show {
    display: block;
}

/* Card Image */
.grid-card-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    min-height: 120px;
}

.grid-card-image img {
    max-width: 100%;
    height: auto;
    max-height: 300px;
    border-radius: 0.5rem;
    transition: transform 0.3s ease;
}

.grid-card-image img.cover {
    object-fit: cover;
}

.grid-card-image img.contain {
    object-fit: contain;
}

/* Card Icon */
.grid-card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    min-height: 120px;
}

.grid-card-icon i {
    font-size: 3rem;
    color: var(--primary-color);
    transition: all 0.3s ease;
}

.grid-card:hover .grid-card-icon i {
    transform: scale(1.1);
    color: var(--secondary-color);
}

.grid-cards-block.theme-business .grid-card-icon i {
    color: var(--white-color);
}

.grid-cards-block.theme-business .grid-card:hover .grid-card-icon i {
    color: #29C6FF;
}

/* Card Content */
.grid-card-content {
    text-align: center;
    color: var(--text-color);
    line-height: 1.6;
}

.grid-card-content h3,
.grid-card-content h4,
.grid-card-content h5,
.grid-card-content h6 {
    color: var(--heading-color);
    font-weight: 600;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.grid-card-content h3 { font-size: 1.25rem; }
.grid-card-content h4 { font-size: 1.125rem; }
.grid-card-content h5 { font-size: 1rem; }
.grid-card-content h6 { font-size: 0.875rem; }

.grid-card-content p {
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.grid-card-content p:last-child {
    margin-bottom: 0;
}

/* View More Button */
.view-more-container {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.view-more-button {
    background: var(--brand-gradient);
    color: var(--white-color);
    border: none;
    padding: 0.875rem 2rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-light);
}

.view-more-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.view-more-button:active {
    transform: translateY(0);
}

/* Theme Variations */
.grid-cards-block.theme-classic {
    background-color: var(--white-color);
}

.grid-cards-block.theme-classic .grid-card {
    background: var(--light-bg);
    border: 1px solid var(--border-color);
}

.grid-cards-block.theme-business {
    background-color: var(--dark-bg);
}

.grid-cards-block.theme-business .grid-cards-header .title-heading {
    color: var(--white-color);
    background: var(--dark-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.grid-cards-block.theme-business .grid-cards-text {
    color: rgba(255, 255, 255, 0.8);
}

.grid-cards-block.theme-business .grid-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.grid-cards-block.theme-business .grid-card-content {
    color: rgba(255, 255, 255, 0.8);
}

.grid-cards-block.theme-business .grid-card-content h3,
.grid-cards-block.theme-business .grid-card-content h4,
.grid-cards-block.theme-business .grid-card-content h5,
.grid-cards-block.theme-business .grid-card-content h6 {
    color: var(--white-color);
}

.grid-cards-block.theme-alert {
    background: linear-gradient(135deg, rgba(242, 88, 13, 0.05) 0%, rgba(242, 66, 13, 0.05) 100%);
}

.grid-cards-block.theme-alert .grid-card::before {
    background: linear-gradient(90deg, var(--secondary-color) 0%, #F2420D 100%);
}

/* Responsive Design */
@media (max-width: 767px) {
    .grid-cards-block {
        padding: 4rem 1rem;
    }

    .grid-cards-header {
        margin-bottom: 2rem;
    }

    .grid-cards-header .title-heading {
        font-size: 2rem;
    }

    .grid-cards-layout {
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .grid-card {
        padding: 1.5rem;
    }

    .grid-card-image {
        min-height: 80px;
        margin-bottom: 1rem;
    }

    .grid-card-image img {
        max-height: 70px;
    }
}

@media (max-width: 480px) {
    .grid-cards-block {
        padding: 3rem 0.5rem;
    }

    .grid-cards-header .title-heading {
        font-size: 1.75rem;
    }

    .grid-card {
        padding: 1.25rem;
    }

    .grid-cards-layout {
        gap: 1rem;
    }
}

/* ========================================
   Grid Cards Block
======================================== */

.hero .text-lg {
    font-size: 1.125rem;
}

.hero .text-light-grey{
    color: #011a37 !important;
}

.hero .text-4xl {
    font-size: 2.25rem;
}

.hero .leading-tight {
    line-height: 1.25;
}

.hero .leading-relaxed {
    line-height: 1.625;
}

.hero .max-w-4xl {
    max-width: 36rem;
}

.hero .mb-6 {
    margin-bottom: 1.5rem;
}

.hero .mt-10 {
    margin-top: 2.5rem;
}

.hero .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

@media (min-width: 1024px) {
    .hero .lg\:text-6xl {
        font-size: 3.75rem;
    }
    .hero .lg\:py-40 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

@media (min-width: 640px) {
    .hero .sm\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}

/* ========================================
   Repeater ZigZag Block
======================================== */

.repeater-zigzag-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
    overflow: hidden;
}

.repeater-zigzag-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.repeater-zigzag-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header Styles */
.repeater-zigzag-header {
    text-align: center;
    max-width: 56rem;
    margin: 0 auto 5rem;
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
}

.repeater-zigzag-header .main-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.1;
    margin-bottom: 2rem;
    position: relative;
    text-shadow: none;
}

@media (min-width: 768px) {
    .repeater-zigzag-header .main-title {
        font-size: 3.75rem;
        margin-bottom: 2.5rem;
    }
}

.repeater-zigzag-header .intro-text {
    font-size: 1.2rem;
    line-height: 1.7;
    color: var(--text-color);
    margin: 0;
    opacity: 0.9;
    background: transparent;
    padding: 0;
}

.repeater-zigzag-header .intro-text p {
    margin: 0;
    color: var(--text-color);
    background: transparent;
}

/* ZigZag Items Container */
.zigzag-items {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

/* Individual ZigZag Item */
.zigzag-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    position: relative;
}

/* Alternating Layout */
.zigzag-item:nth-child(even) {
    direction: rtl;
}

.zigzag-item:nth-child(even) > * {
    direction: ltr;
}

/* Content Section */
.zigzag-content {
    padding: 2rem;
}

.zigzag-content .item-title {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

.zigzag-content .item-description {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-color);
    margin-bottom: 2rem;
}

.zigzag-content .item-description p {
    margin-bottom: 1rem;
    color: var(--text-color);
}

.zigzag-content .item-description p:last-child {
    margin-bottom: 0;
}

/* Rich Text Styling */
.zigzag-content .item-description h1,
.zigzag-content .item-description h2,
.zigzag-content .item-description h3,
.zigzag-content .item-description h4,
.zigzag-content .item-description h5,
.zigzag-content .item-description h6 {
    color: var(--heading-color);
    font-weight: 600;
    margin: 1.5rem 0 1rem 0;
    line-height: 1.4;
}

.zigzag-content .item-description ul,
.zigzag-content .item-description ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
}

.zigzag-content .item-description li {
    margin-bottom: 0.5rem;
    color: var(--text-color);
    line-height: 1.6;
}

.zigzag-content .item-description strong {
    color: var(--heading-color);
    font-weight: 600;
}

.zigzag-content .item-description a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.zigzag-content .item-description a:hover {
    color: var(--secondary-color);
    text-decoration: underline;
}

.zigzag-content .item-description blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

/* Image Section */
.zigzag-image {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: var(--shadow-medium);
    background: var(--white-color);
}

.zigzag-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}


/* Icon Support */
.zigzag-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: var(--brand-gradient);
    color: var(--white-color);
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

/* Button Styling */
.zigzag-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: var(--brand-gradient);
    color: var(--white-color);
    text-decoration: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.zigzag-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
    color: var(--white-color);
    text-decoration: none;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .repeater-zigzag-block {
        padding: 4rem 1rem;
    }
    
    .repeater-zigzag-header {
        margin-bottom: 3rem;
    }
    
    .zigzag-items {
        gap: 3rem;
    }
    
    .zigzag-item {
        gap: 2rem;
    }
    
    .zigzag-content .item-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .repeater-zigzag-block {
        padding: 3rem 1rem;
    }
    
    .repeater-zigzag-header .main-title {
        font-size: 2.5rem;
    }
    
    .zigzag-items {
        gap: 2.5rem;
    }
    
    .zigzag-item {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        text-align: center;
    }
    
    .zigzag-item:nth-child(even) {
        direction: ltr;
    }
    
    .zigzag-content {
        padding: 1rem;
    }
    
    .zigzag-content .item-title {
        font-size: 1.75rem;
    }
    
    .zigzag-image img {
        height: 250px;
    }
}

/* THEME VARIATIONS */

/* THEME 1: ELEGANT */
.repeater-zigzag-block.theme-elegant {
    background-color: var(--light-bg);
    color: var(--text-color);
}

.repeater-zigzag-block.theme-elegant .repeater-zigzag-header .main-title {
    background: var(--brand-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.repeater-zigzag-block.theme-elegant .zigzag-content .item-title {
    color: var(--heading-color);
}

.repeater-zigzag-block.theme-elegant .zigzag-icon {
    background: var(--brand-gradient);
    color: var(--white-color);
}

/* THEME 2: CLASSIC */
.repeater-zigzag-block.theme-classic {
    background-color: var(--white-color);
    color: var(--text-color);
}

.repeater-zigzag-block.theme-classic .repeater-zigzag-header .main-title {
    color: var(--heading-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--heading-color);
}

.repeater-zigzag-block.theme-classic .zigzag-content .item-title {
    color: var(--heading-color);
}

.repeater-zigzag-block.theme-classic .zigzag-icon {
    background: var(--brand-gradient);
    color: var(--white-color);
}

/* THEME 3: BUSINESS */
.repeater-zigzag-block.theme-business {
    background-color: #0678c9;
    color: var(--white-color);
}

.repeater-zigzag-block.theme-business .repeater-zigzag-header .main-title {
    color: #fff !important;
    background: transparent;
}

.repeater-zigzag-block.theme-business .repeater-zigzag-header .intro-text,
.repeater-zigzag-block.theme-business .repeater-zigzag-header .intro-text p {
    color: var(--white-color);
    opacity: 0.9;
}

.repeater-zigzag-block.theme-business .zigzag-content .item-title {
    color: var(--white-color);
}

.repeater-zigzag-block.theme-business .zigzag-content .item-description,
.repeater-zigzag-block.theme-business .zigzag-content .item-description p,
.repeater-zigzag-block.theme-business .zigzag-content .item-description li {
    color: rgba(255, 255, 255, 0.9);
}

.repeater-zigzag-block.theme-business .zigzag-icon {
    background: var(--white-color);
    color: #0678c9;
}

/* THEME 4: ALERT */
.repeater-zigzag-block.theme-alert {
    background-color: var(--dark-bg);
    color: var(--white-color);
}

.repeater-zigzag-block.theme-alert .repeater-zigzag-header .main-title {
    color: var(--white-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--white-color);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.repeater-zigzag-block.theme-alert .repeater-zigzag-header .intro-text,
.repeater-zigzag-block.theme-alert .repeater-zigzag-header .intro-text p {
    color: #c0d0e0;
}

.repeater-zigzag-block.theme-alert .zigzag-content .item-title {
    color: var(--white-color);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.repeater-zigzag-block.theme-alert .zigzag-content .item-description,
.repeater-zigzag-block.theme-alert .zigzag-content .item-description p,
.repeater-zigzag-block.theme-alert .zigzag-content .item-description li {
    color: #c0d0e0;
}

.repeater-zigzag-block.theme-alert .zigzag-icon {
    background: var(--secondary-color);
    color: var(--white-color);
}

/* Accessibility Improvements */
.zigzag-item:focus-within {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .zigzag-image img,
    .zigzag-button {
        transition: none;
    }
    
    .zigzag-item:hover .zigzag-image img {
        transform: none;
    }
}

/* ========================================
   Service Sections Block
======================================== */

.service-sections-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
    overflow: visible; /* Allow arrows to show outside */
}

.service-sections-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.service-sections-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header Styles */
.service-sections-header {
    text-align: center;
    max-width: 56rem;
    margin: 0 auto 5rem;
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
}

.service-sections-header .main-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.1;
    margin-bottom: 2rem;
    position: relative;
    text-shadow: none;
    /* Base sem gradient - será aplicado por tema */
}

@media (min-width: 768px) {
    .service-sections-header .main-title {
        font-size: 3.75rem;
        margin-bottom: 2.5rem;
    }
}

.service-sections-header .intro-text {
    font-size: 1.2rem;
    line-height: 1.7;
    color: var(--text-color);
    margin: 0;
    opacity: 0.9;
    background: transparent;
    padding: 0;
}

.service-sections-header .intro-text p {
    margin: 0;
    color: var(--text-color);
    background: transparent;
}

/* Service Sections Layout */
.service-sections-wrapper {
    display: block;
}

/* Individual Service Section */
.service-section {
    margin-bottom: 4rem;
    position: relative;
}

/* Separator between sections - Base */
.service-section:not(:last-child) {
    position: relative;
    padding-bottom: 5rem;
}

.service-section:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* Largura total da viewport */
    height: 1px;
    background: var(--border-color);
    z-index: 1;
}

.service-section:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .service-section:not(:last-child) {
        padding-bottom: 3rem;
    }
    
    .service-section:not(:last-child)::after {
        width: 100vw; /* Keep fullwidth on mobile */
    }
}

/* Service Section Header */
.service-section-header {
    text-align: center;
    margin-bottom: 1rem;
    background: transparent;
    padding: 0;
}

.service-section-title {
    font-size: 2rem;
    font-weight: 600;
    color: var(--heading-color);
    margin: 0 0 1rem 0;
    line-height: 1.4;
    position: relative;
    display: inline-block;
    /* No gradient to differentiate from main title */
}


/* Service Section Content */
.service-section-content {
    padding: 0;
}

/* Service Cards Grid */
.service-cards-grid {
    display: grid;
    gap: 2rem;
    margin-top: 0;
}

.service-cards-grid.columns-1 {
    grid-template-columns: 1fr;
}

.service-cards-grid.columns-2 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.service-cards-grid.columns-3 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.service-cards-grid.columns-4 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

@media (max-width: 768px) {
    .service-cards-grid.columns-2,
    .service-cards-grid.columns-3,
    .service-cards-grid.columns-4 {
        grid-template-columns: 1fr;
    }
}

/* Service Card */
.service-card {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2rem;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-light);
    transition: box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: left; /* Align all card content to the left */
}

/* Apply max-width only when there's a single card */
.service-card:only-child {
    max-width: 66%;
    margin: 0 auto;
}

.service-card:hover {
    box-shadow: var(--shadow-medium);
}

/* Card Image Styles */
.service-card-image {
    margin-bottom: 1.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    position: relative;
}

.service-card-image.position-top {
    order: -1;
}

.service-card-image.position-left {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    width: 120px;
    height: 120px;
}

.service-card-image.position-right {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    width: 120px;
    height: 120px;
}

.service-card-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0.75rem;
}

.service-card-image.position-left img,
.service-card-image.position-right img {
    height: 120px;
}

/* Card Icon */
.service-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.1) 0%, rgba(41, 198, 255, 0.1) 100%);
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: var(--primary-color);
    position: relative;
    margin-left: 0; /* Ícone alinhado à esquerda */
}

/* Fallback for default icon if Font Awesome doesn't load */
.service-card-icon .default-icon {
    position: relative;
}

/* Fallback CSS icon - Pure CSS star */
.service-card-icon .default-icon::before {
    content: "★";
    font-family: Arial, sans-serif;
    font-size: 2rem;
    line-height: 1;
    display: inline-block;
}

/* Ensure icons are visible */
.service-card-icon i {
    line-height: 1;
    display: inline-block;
}

/* Pure CSS icon if Font Awesome fails completely */
.service-card-icon:empty::before {
    content: "◆";
    font-size: 2rem;
    color: var(--primary-color);
    line-height: 1;
}

/* Base container */
.service-cards-container {
    position: relative;
    padding: 0; /* No padding by default (normal grid) */
}

/* Container for Swiper with space for arrows */
.service-cards-container.has-carousel {
    padding: 0 70px; /* More space for arrows */
    overflow: visible; /* Ensure arrows aren't clipped */
    position: relative;
}

.service-section-content {
    overflow: visible; /* Allow arrows to show outside */
}

.service-sections-wrapper {
    overflow: visible; /* Allow arrows to show outside */
}

/* Swiper Carousel Styles - Keep normal overflow to hide extra cards */
.service-cards-swiper {
    width: 100%;
    padding: 0 0 2.5rem 0;
    overflow: hidden; /* Keep hidden to hide overflow cards */
    position: relative;
}

/* Container wrapper for arrows positioning */
.swiper-navigation-wrapper {
    position: relative;
    width: 100%;
}

.service-cards-swiper .swiper-slide {
    height: auto;
    display: flex;
}

.service-cards-swiper .service-card {
    height: 100%;
    width: 100%;
    margin: 0;
    max-width: none;
}

.service-cards-swiper .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 2rem;
}

.service-cards-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: var(--border-color);
    opacity: 1;
    transition: all 0.3s ease;
}

.service-cards-swiper .swiper-pagination-bullet-active {
    background: var(--primary-color);
    transform: scale(1.2);
}

/* Navigation arrows */
.service-cards-swiper .swiper-button-next,
.service-cards-swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: var(--white-color) !important;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    color: var(--primary-color) !important;
    transition: all 0.3s ease;
    top: 50% !important;
    margin-top: -25px !important;
    box-shadow: var(--shadow-light);
    z-index: 10;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.service-cards-swiper .swiper-button-next:hover,
.service-cards-swiper .swiper-button-prev:hover {
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
    transform: scale(1.1);
    box-shadow: var(--shadow-medium);
}

.service-cards-swiper .swiper-button-next::after,
.service-cards-swiper .swiper-button-prev::after {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: 'swiper-icons' !important;
}

/* Arrow positioning - Outside the swiper container */
.service-cards-swiper .swiper-button-next {
    right: -70px !important;
    position: absolute !important;
}

.service-cards-swiper .swiper-button-prev {
    left: -70px !important;
    position: absolute !important;
}

/* Force arrows to be visible */
.service-cards-swiper .swiper-button-next,
.service-cards-swiper .swiper-button-prev {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999 !important;
    pointer-events: auto !important;
}

.service-cards-swiper .swiper-button-disabled {
    opacity: 0.5 !important;
}

/* Custom navigation arrows positioned outside Swiper container */
.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    padding-top: 3px;
    background: transparent;
    color: var(--primary-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-light);
    z-index: 100;
    user-select: none;
}

.carousel-arrow:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: var(--shadow-medium);
}

.carousel-arrow.carousel-prev {
    left: 10px;
}

.carousel-arrow.carousel-next {
    right: 10px;
}

.carousel-arrow.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

/* Custom arrows responsive */
@media (max-width: 768px) {
    .carousel-arrow {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    
    .carousel-arrow.carousel-prev {
        left: 5px;
    }
    
    .carousel-arrow.carousel-next {
        right: 5px;
    }
}

/* Card Content */
.service-card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.service-card .card-title {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 1rem;
    line-height: 1.4;
    text-align: left; /* Título do card alinhado à esquerda */
}

.service-card-text {
    color: var(--text-color);
    line-height: 1.7;
    flex-grow: 1;
    margin: 0;
    font-size: 1.05rem;
    text-align: left; /* Texto do card alinhado à esquerda */
}

/* Enhanced Rich Text Styles */
.service-card-text p {
    margin-bottom: 1.25rem;
    color: var(--text-color);
    line-height: 1.8;
    text-align: left; /* Parágrafos alinhados à esquerda */
}

.service-card-text p:last-child {
    margin-bottom: 0;
}

.service-card-text h1,
.service-card-text h2,
.service-card-text h3,
.service-card-text h4,
.service-card-text h5,
.service-card-text h6 {
    color: var(--heading-color);
    font-weight: 700;
    line-height: 1.4;
    margin: 1.5rem 0 0.75rem 0;
    text-align: left; /* Headings no rich text alinhados à esquerda */
}

.service-card-text h1 { font-size: 1.75rem; }
.service-card-text h2 { font-size: 1.5rem; }
.service-card-text h3 { font-size: 1.25rem; }
.service-card-text h4 { font-size: 1.125rem; }
.service-card-text h5 { font-size: 1rem; font-weight: 600; }
.service-card-text h6 { font-size: 0.9rem; font-weight: 600; }

.service-card-text ul,
.service-card-text ol {
    padding-left: 1.5rem;
    margin: 1.25rem 0;
    color: var(--text-color);
    text-align: left; /* Never center lists */
}

.service-card-text li {
    margin-bottom: 0.75rem;
    line-height: 1.7;
    text-align: left; /* Never center lists */
}

.service-card-text li:last-child {
    margin-bottom: 0;
}

.service-card-text ul li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.service-card-text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.1em;
}

.service-card-text ol li {
    padding-left: 0.5rem;
}

.service-card-text strong,
.service-card-text b {
    color: var(--heading-color);
    font-weight: 700;
}

.service-card-text em,
.service-card-text i {
    font-style: italic;
    color: var(--primary-color);
}

.service-card-text a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
    border-bottom: 1px solid transparent;
}

.service-card-text a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.service-card-text blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

.service-card-text code {
    background: var(--light-bg);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.service-card-text pre {
    background: var(--light-bg);
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.25rem 0;
    border: 1px solid var(--border-color);
}

.service-card-text table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

.service-card-text th,
.service-card-text td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.service-card-text th {
    background: var(--light-bg);
    font-weight: 600;
    color: var(--heading-color);
}

.service-card-text hr {
    border: none;
    height: 2px;
    background: var(--brand-gradient);
    margin: 2rem 0;
    border-radius: 1px;
}

/* Text Color Variations */
.service-sections-block.text-white .service-sections-header h2 {
    color: var(--white-color);
    -webkit-text-fill-color: var(--white-color);
}

.service-sections-block.text-white .service-sections-header .intro-text {
    color: rgba(255, 255, 255, 0.9);
}

.service-sections-block.text-white .service-sections-header .intro-text p {
    color: rgba(255, 255, 255, 0.9);
}

.service-sections-block.text-white .service-card h4 {
    color: var(--heading-color);
}


/* Responsive Design */
@media (max-width: 1024px) {
    .service-sections-block {
        padding: 4rem 1rem;
    }
    
    .service-sections-header {
        margin-bottom: 3rem;
    }
    
    .service-section {
        margin-bottom: 3rem;
    }
    
    .service-section-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .service-sections-block {
        padding: 3rem 1rem;
    }
    
    .service-sections-header h2 {
        font-size: 2.5rem;
    }
    
    .service-section {
        margin-bottom: 2.5rem;
    }
    
    .service-section:not(:last-child) {
        padding-bottom: 1.5rem;
    }
    
    .service-section-title {
        font-size: 1.5rem;
    }
    
    .service-section-header {
        margin-bottom: 2rem;
    }
    
    .service-card {
        padding: 1.5rem;
    }
    
    .service-card h4 {
        font-size: 1.25rem;
        font-weight: 700;
    }
    
    .service-card-image.position-left,
    .service-card-image.position-right {
        float: none;
        margin: 0 0 1.5rem 0;
        width: 100%;
        height: auto;
    }
    
    .service-card-image.position-left img,
    .service-card-image.position-right img {
        height: 200px;
    }
}


/* Accessibility Improvements */
.service-card:focus-within {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .service-card {
        transition: none;
    }
}

/* THEME VARIATIONS - Based on original template styles */

/* THEME 1: ELEGANT (introduction-section) */
.service-sections-block.theme-elegant {
    background-color: var(--light-bg); /* #f8fafc */
    color: var(--text-color); /* #5a6470 */
}

.service-sections-block.theme-elegant .service-sections-header .main-title {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    /* Elegant: Gradient azul padrão */
    background: var(--brand-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.service-sections-block.theme-elegant .service-section-title {
    color: var(--heading-color); /* #011a37 */
}

.service-sections-block.theme-elegant .service-card .card-title {
    color: var(--heading-color); /* #011a37 */
}

.service-sections-block.theme-elegant .service-card-icon {
    background: var(--brand-gradient); /* Gradient padrão */
    color: var(--white-color);
}

.service-sections-block.theme-elegant .service-card-text,
.service-sections-block.theme-elegant .service-card-text p,
.service-sections-block.theme-elegant .service-card-text li {
    color: var(--text-color); /* #5a6470 */
    text-align: left; /* Never center lists */
}

/* THEME 2: CLASSIC (common-causes-section) */
.service-sections-block.theme-classic {
    background-color: var(--white-color); /* #fff */
    color: var(--text-color); /* #5a6470 */
}

.service-sections-block.theme-classic .service-sections-header .main-title {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    /* Classic: Cor sólida sem gradient */
    color: var(--heading-color) !important; /* #011a37 */
    background: transparent;
    -webkit-text-fill-color: var(--heading-color);
}

.service-sections-block.theme-classic .service-section-title {
    color: var(--heading-color); /* #011a37 */
}

.service-sections-block.theme-classic .service-card {
    border: 1px solid var(--border-color); /* #e5e7eb */
    background: var(--white-color);
}

.service-sections-block.theme-classic .service-card .card-title {
    color: var(--heading-color); /* #011a37 */
}

.service-sections-block.theme-classic .service-card-icon {
    background: var(--brand-gradient); /* Gradient padrão */
    color: var(--white-color);
}

.service-sections-block.theme-classic .service-card-text,
.service-sections-block.theme-classic .service-card-text p,
.service-sections-block.theme-classic .service-card-text li {
    color: var(--text-color); /* #5a6470 */
    text-align: left; /* Never center lists */
}

/* THEME 3: BUSINESS (property-types-section) */
.service-sections-block.theme-business {
    background-color: #0678c9; /* Azul exato da seção original */
    color: var(--white-color); /* White text */
}

.service-sections-block.theme-business .service-sections-header .main-title {
    font-size: 2.75rem;
    font-weight: 800;
    color: #fff !important; /* White */
    background: transparent;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.service-sections-block.theme-business .service-sections-header .intro-text,
.service-sections-block.theme-business .service-sections-header .intro-text p {
    color: var(--white-color);
    opacity: 0.9;
}

.service-sections-block.theme-business .service-section-title {
    color: var(--white-color);
}

.service-sections-block.theme-business .service-card {
    background: var(--white-color);
    color: #002269; /* Exact text color from original */
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.75rem;
}

.service-sections-block.theme-business .service-card .card-title {
    color: #002269; /* Exact heading color from original */
}

.service-sections-block.theme-business .service-card-icon {
    background: var(--brand-gradient); /* Keep gradient for contrast */
    color: var(--white-color);
}

.service-sections-block.theme-business .service-card-text,
.service-sections-block.theme-business .service-card-text p,
.service-sections-block.theme-business .service-card-text li {
    color: #002269; /* Dark blue text */
    text-align: left; /* Never center lists */
}

/* THEME 4: ALERT (emergency-response-section) */
.service-sections-block.theme-alert {
    background-color: #0c1522; /* Exact color from original */
    color: var(--white-color);
    text-align: center; /* Like in original */
}

/* Ensure lists are never centered in alert theme */
.service-sections-block.theme-alert .service-card-text ul,
.service-sections-block.theme-alert .service-card-text ol,
.service-sections-block.theme-alert .service-card-text li {
    text-align: left !important; /* Override qualquer centralização */
}

.service-sections-block.theme-alert .service-sections-header .main-title {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    /* Alert: White color with text-shadow, without gradient */
    color: var(--white-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--white-color);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.service-sections-block.theme-alert .service-sections-header .intro-text,
.service-sections-block.theme-alert .service-sections-header .intro-text p {
    color: #c0d0e0; /* light-text-color from original */
}

.service-sections-block.theme-alert .service-section-title {
    color: var(--white-color);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.service-sections-block.theme-alert .service-card {
    border: 2px solid var(--secondary-color); /* #F2580D */
    background: rgba(242, 88, 13, 0.1); /* Like in original CTA */
    border-radius: 0.5rem;
}

.service-sections-block.theme-alert .service-card .card-title {
    color: var(--white-color);
    font-weight: 700; /* Like in original */
}

.service-sections-block.theme-alert .service-card-text,
.service-sections-block.theme-alert .service-card-text p,
.service-sections-block.theme-alert .service-card-text li {
    color: #c0d0e0; /* light-text-color */
    text-align: left; /* Never center lists */
}

.service-sections-block.theme-alert .service-card-icon {
    background: var(--secondary-color); /* #F2580D - Orange color from alert theme */
    color: var(--white-color);
}

/* SEPARADORES POR TEMA - Adaptados às cores de cada tema */

/* Theme ELEGANT - Separador padrão */
.service-sections-block.theme-elegant .service-section:not(:last-child)::after {
    background: var(--border-color); /* #e5e7eb */
}

/* Theme CLASSIC - Subtle separator */
.service-sections-block.theme-classic .service-section:not(:last-child)::after {
    background: var(--border-color); /* #e5e7eb */
}

/* Theme BUSINESS - Separator with white/blue color */
.service-sections-block.theme-business .service-section:not(:last-child)::after {
    background: rgba(255, 255, 255, 0.1); 
}

/* Theme ALERT - Separator with orange color */
.service-sections-block.theme-alert .service-section:not(:last-child)::after {
    background: rgba(255,255,255,0.1);
    height: 1px; /* Thicker in alert theme */
}

/* Theme-specific responsive adjustments */
@media (max-width: 768px) {
    .service-sections-block.theme-alert {
        text-align: left;
    }
    
    .service-sections-block.theme-alert .service-sections-header {
        text-align: center;
    }
    
    .service-sections-header .main-title {
        font-size: 2.5rem;
    }
    
    .service-sections-block.theme-business .service-sections-header .main-title,
    .service-sections-block.theme-alert .service-sections-header .main-title,
    .service-sections-block.theme-classic .service-sections-header .main-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .service-sections-header .main-title {
        font-size: 2rem;
    }
    
    .service-sections-block.theme-business .service-sections-header .main-title,
    .service-sections-block.theme-alert .service-sections-header .main-title,
    .service-sections-block.theme-classic .service-sections-header .main-title {
        font-size: 2rem;
    }
}

/* ========================================
   Simple Content Block
======================================== */

.simple-content-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
}

.simple-content-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.simple-content-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header Styles */
.simple-content-header {
    text-align: center;
    max-width: 56rem;
    margin: 0 auto 5rem;
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
}

.simple-content-header .main-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.1;
    margin-bottom: 2rem;
    position: relative;
}

@media (min-width: 768px) {
    .simple-content-header .main-title {
        font-size: 3.5rem;
        margin-bottom: 2.5rem;
    }
}

.simple-content-header .intro-text {
    font-size: 1.2rem;
    line-height: 1.7;
    color: var(--text-color);
    margin: 0;
    opacity: 0.9;
    background: transparent;
    padding: 0;
}

/* Enhanced Rich Text Styles for Intro */
.simple-content-header .intro-text > *:first-child {
    margin-top: 0;
}

.simple-content-header .intro-text > *:last-child {
    margin-bottom: 0;
}

.simple-content-header .intro-text p {
    margin-bottom: 1.25rem;
    color: var(--text-color);
    line-height: 1.8;
    text-align: center;
}

.simple-content-header .intro-text p:last-child {
    margin-bottom: 0;
}

.simple-content-header .intro-text h1,
.simple-content-header .intro-text h2,
.simple-content-header .intro-text h3,
.simple-content-header .intro-text h4,
.simple-content-header .intro-text h5,
.simple-content-header .intro-text h6 {
    color: var(--heading-color);
    font-weight: 700;
    line-height: 1.4;
    margin: 1.5rem 0 0.75rem 0;
    text-align: center;
}

.simple-content-header .intro-text h1 { font-size: 1.75rem; }
.simple-content-header .intro-text h2 { font-size: 1.5rem; }
.simple-content-header .intro-text h3 { font-size: 1.25rem; }
.simple-content-header .intro-text h4 { font-size: 1.125rem; }
.simple-content-header .intro-text h5 { font-size: 1rem; font-weight: 600; }
.simple-content-header .intro-text h6 { font-size: 0.9rem; font-weight: 600; }

.simple-content-header .intro-text ul,
.simple-content-header .intro-text ol {
    padding-left: 1.5rem;
    margin: 1.25rem auto;
    color: var(--text-color);
    max-width: 36rem;
    text-align: left;
}

.simple-content-header .intro-text li {
    margin-bottom: 0.75rem;
    line-height: 1.7;
    text-align: left;
}

.simple-content-header .intro-text li:last-child {
    margin-bottom: 0;
}

.simple-content-header .intro-text ul li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.simple-content-header .intro-text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.1em;
}

.simple-content-header .intro-text ol li {
    padding-left: 0.5rem;
}

.simple-content-header .intro-text strong,
.simple-content-header .intro-text b {
    font-weight: 700;
    color: var(--heading-color);
}

.simple-content-header .intro-text em,
.simple-content-header .intro-text i {
    font-style: italic;
    color: var(--primary-color);
}

.simple-content-header .intro-text a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-color);
}

.simple-content-header .intro-text blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 1.5rem auto;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    max-width: 36rem;
}

/* Content Rows Layout */
.simple-content-rows {
    margin-bottom: 3rem;
}

.simple-content-row {
    margin-bottom: 3rem;
    width: 100%;
}

.simple-content-row:last-child {
    margin-bottom: 0;
}

.simple-content-columns-wrapper {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    width: 100%;
}

/* Dynamic column layouts based on number of columns */
.simple-content-columns-wrapper.cols-1 {
    grid-template-columns: 1fr;
}

.simple-content-columns-wrapper.cols-2 {
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .simple-content-columns-wrapper.cols-2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }
}

.simple-content-columns-wrapper.cols-3 {
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .simple-content-columns-wrapper.cols-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .simple-content-columns-wrapper.cols-3 {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }
}

.simple-content-columns-wrapper.cols-4 {
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .simple-content-columns-wrapper.cols-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .simple-content-columns-wrapper.cols-4 {
        grid-template-columns: repeat(4, 1fr);
        gap: 2.5rem;
    }
}

/* Column Base Styles */
.simple-content-column {
    position: relative;
    width: 100%;
}

/* Card Styles */
.simple-content-column.is-card {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2rem;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    overflow: hidden;
}

.simple-content-column.is-card:hover {
    box-shadow: var(--shadow-medium);
    transform: translateY(-2px);
}

/* Card Style Variations */
.simple-content-column.card-style-01 {
    border-radius: 1rem;
    box-shadow: var(--shadow-light);
}

.simple-content-column.card-style-01:hover {
    box-shadow: var(--shadow-medium);
    transform: translateY(-4px);
}

.simple-content-column.card-style-02 {
    border-radius: 0.75rem;
    border-left: 4px solid var(--primary-color);
    box-shadow: var(--shadow-light);
}

.simple-content-column.card-style-02:hover {
    border-left-color: var(--secondary-color);
    box-shadow: var(--shadow-medium);
}

.simple-content-column.card-style-03 {
    border-radius: 1rem;
    background: var(--accent-gradient);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.simple-content-column.card-style-03:hover {
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.15) 0%, rgba(41, 198, 255, 0.08) 100%);
}

/* Column Content */
.simple-column-image {
    margin-bottom: 1.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    position: relative;
}

.simple-column-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 0.75rem;
    transition: transform 0.3s ease;
}

.simple-column-image img.fit-contain {
    object-fit: contain;
    background: var(--light-bg);
}

.simple-content-column:hover .simple-column-image img {
    transform: scale(1.05);
}

.simple-column-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 1rem;
    line-height: 1.3;
}

.simple-column-content {
    position: relative;
}

/* Enhanced Rich Text Styles for Column Content */
.simple-column-text {
    color: var(--text-color);
    line-height: 1.7;
    font-size: 1rem;
}

.simple-column-text > *:first-child {
    margin-top: 0;
}

.simple-column-text > *:last-child {
    margin-bottom: 0;
}

.simple-column-text p {
    margin-bottom: 1.25rem;
    color: var(--text-color);
    line-height: 1.8;
}

.simple-column-text p:last-child {
    margin-bottom: 0;
}

.simple-column-text h1,
.simple-column-text h2,
.simple-column-text h3,
.simple-column-text h4,
.simple-column-text h5,
.simple-column-text h6 {
    color: var(--heading-color);
    font-weight: 700;
    line-height: 1.4;
    margin: 1.5rem 0 0.75rem 0;
}

.simple-column-text h1 { font-size: 1.75rem; }
.simple-column-text h2 { font-size: 1.5rem; }
.simple-column-text h3 { font-size: 1.25rem; }
.simple-column-text h4 { font-size: 1.125rem; }
.simple-column-text h5 { font-size: 1rem; font-weight: 600; }
.simple-column-text h6 { font-size: 0.9rem; font-weight: 600; }

.simple-column-text ul,
.simple-column-text ol {
    padding-left: 1.5rem;
    margin: 1.25rem 0;
    color: var(--text-color);
}

.simple-column-text li {
    margin-bottom: 0.75rem;
    line-height: 1.7;
}

.simple-column-text li:last-child {
    margin-bottom: 0;
}

.simple-column-text ul li {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}

.simple-column-text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.1em;
}

.simple-column-text ol{
    list-style-type: decimal;
}

.simple-column-text ol li {
    padding-left: 0.5rem;
}

.simple-column-text strong,
.simple-column-text b {
    font-weight: 700;
    color: var(--heading-color);
}

.simple-column-text em,
.simple-column-text i {
    font-style: italic;
    color: var(--primary-color);
}

.simple-column-text a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-color);
    transition: all 0.3s ease;
}

.simple-column-text a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}


.simple-column-button {
    margin-top: 1.75rem;
    display: flex;
    justify-content: flex-start;
}

.simple-column-content .simple-column-text.text-center + .simple-column-button {
    justify-content: center;
}

.simple-column-content .simple-column-text.text-right + .simple-column-button {
    justify-content: flex-end;
}

.simple-column-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    background: var(--brand-gradient);
    color: var(--white-color);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1;
    min-height: 44px;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-light);
}

.simple-column-btn:hover,
.simple-column-btn:focus {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
    color: var(--white-color);
    text-decoration: none;
}

.simple-column-btn:focus {
    outline: 2px solid rgba(7, 134, 224, 0.25);
    outline-offset: 2px;
}

.simple-column-text blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

.simple-column-text code {
    background: var(--light-bg);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.simple-column-text pre {
    background: var(--light-bg);
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.25rem 0;
    border: 1px solid var(--border-color);
}

.simple-column-text table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

.simple-column-text th,
.simple-column-text td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.simple-column-text th {
    background: var(--light-bg);
    font-weight: 600;
    color: var(--heading-color);
}

.simple-column-text hr {
    border: none;
    height: 2px;
    background: var(--brand-gradient);
    margin: 2rem 0;
    border-radius: 1px;
}

/* Text Alignment */
.simple-column-text.text-left {
    text-align: left;
}

.simple-column-text.text-center {
    text-align: center;
}

.simple-column-text.text-right {
    text-align: right;
}

/* Buttons Section */
.simple-content-buttons {
    margin-top: 3rem;
    text-align: center;
}

.simple-content-buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.simple-content-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 120px;
    font-family: area-normal, sans-serif;
    font-size: 1rem;
    line-height: 1;
    padding: .75rem 1.25rem;
    transition: all .35s ease;
    text-decoration: none;
    min-height: 48px;
    border: 2px solid transparent;
    font-weight: 600;
}

.simple-content-btn.primary {
    background: #f2580d;
    color: var(--white-color);
    border-color: transparent;
}

.simple-content-btn.secondary {
    border-radius: 120px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(242 88 13/var(--tw-bg-opacity));
    border-color: transparent;
}

/* ========================================
   THEME VARIATIONS
======================================== */

/* THEME 1: ELEGANT (Default) */
.simple-content-block.theme-elegant {
    background-color: var(--light-bg);
    color: var(--text-color);
}

.simple-content-block.theme-elegant .simple-content-header .main-title {
    background: var(--brand-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* THEME 2: CLASSIC */
.simple-content-block.theme-classic {
    background-color: var(--white-color);
    color: var(--text-color);
}

.simple-content-block.theme-classic .simple-content-header .main-title {
    color: var(--heading-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--heading-color);
}

.simple-content-block.theme-classic .simple-content-column.is-card {
    border: 1px solid var(--border-color);
    background: var(--white-color);
}

/* THEME 3: BUSINESS */
.simple-content-block.theme-business {
    background-color: #0678c9;
    color: #c0d0e0;
}

.simple-content-block.theme-business .simple-content-header .main-title {
    color: var(--white-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--white-color);
}

.simple-content-block.theme-business .simple-content-header .intro-text,
.simple-content-block.theme-business .simple-content-header .intro-text p,
.simple-content-block.theme-business .simple-content-header .intro-text li {
    color: rgba(192, 208, 224, 0.9);
}

/* Business theme intro text rich elements */
.simple-content-block.theme-business .simple-content-header .intro-text h1,
.simple-content-block.theme-business .simple-content-header .intro-text h2,
.simple-content-block.theme-business .simple-content-header .intro-text h3,
.simple-content-block.theme-business .simple-content-header .intro-text h4,
.simple-content-block.theme-business .simple-content-header .intro-text h5,
.simple-content-block.theme-business .simple-content-header .intro-text h6 {
    color: var(--white-color);
}

.simple-content-block.theme-business .simple-content-header .intro-text strong,
.simple-content-block.theme-business .simple-content-header .intro-text b {
    color: var(--white-color);
}

.simple-content-block.theme-business .simple-content-header .intro-text em,
.simple-content-block.theme-business .simple-content-header .intro-text i {
    color: #29C6FF;
}

.simple-content-block.theme-business .simple-content-header .intro-text a {
    color: #29C6FF;
    border-bottom-color: #29C6FF;
}

.simple-content-block.theme-business .simple-content-header .intro-text ul li::before {
    color: #29C6FF;
}

/* Content outside cards in business theme */
.simple-content-block.theme-business .simple-column-title {
    color: var(--white-color);
}

.simple-content-block.theme-business .simple-column-text,
.simple-content-block.theme-business .simple-column-text p,
.simple-content-block.theme-business .simple-column-text li {
    color: rgba(192, 208, 224, 0.9);
}

.simple-content-block.theme-business .simple-column-text h1,
.simple-content-block.theme-business .simple-column-text h2,
.simple-content-block.theme-business .simple-column-text h3,
.simple-content-block.theme-business .simple-column-text h4,
.simple-content-block.theme-business .simple-column-text h5,
.simple-content-block.theme-business .simple-column-text h6 {
    color: var(--white-color);
}

/* Cards in business theme have white background */
.simple-content-block.theme-business .simple-content-column.is-card {
    background: var(--white-color);
    color: #002269;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.simple-content-block.theme-business .simple-content-column.is-card .simple-column-title {
    color: #002269;
}

.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text p,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text li {
    color: #002269;
}

.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text h1,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text h2,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text h3,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text h4,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text h5,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text h6 {
    color: #002269;
}

.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text strong,
.simple-content-block.theme-business .simple-content-column.is-card .simple-column-text b {
    color: #002269;
}

/* THEME 4: ALERT */
.simple-content-block.theme-alert {
    background-color: #0c1522;
    color: #c0d0e0;
    text-align: center;
}

.simple-content-block.theme-alert .simple-content-header .main-title {
    color: var(--white-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--white-color);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.simple-content-block.theme-alert .simple-content-header .intro-text,
.simple-content-block.theme-alert .simple-content-header .intro-text p,
.simple-content-block.theme-alert .simple-content-header .intro-text li {
    color: #c0d0e0;
}

/* Alert theme intro text rich elements */
.simple-content-block.theme-alert .simple-content-header .intro-text h1,
.simple-content-block.theme-alert .simple-content-header .intro-text h2,
.simple-content-block.theme-alert .simple-content-header .intro-text h3,
.simple-content-block.theme-alert .simple-content-header .intro-text h4,
.simple-content-block.theme-alert .simple-content-header .intro-text h5,
.simple-content-block.theme-alert .simple-content-header .intro-text h6 {
    color: var(--white-color);
}

.simple-content-block.theme-alert .simple-content-header .intro-text strong,
.simple-content-block.theme-alert .simple-content-header .intro-text b {
    color: var(--white-color);
}

.simple-content-block.theme-alert .simple-content-header .intro-text em,
.simple-content-block.theme-alert .simple-content-header .intro-text i {
    color: var(--secondary-color);
}

.simple-content-block.theme-alert .simple-content-header .intro-text a {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.simple-content-block.theme-alert .simple-content-header .intro-text ul li::before {
    color: var(--secondary-color);
}

/* Content outside cards in alert theme */
.simple-content-block.theme-alert .simple-column-title {
    color: var(--white-color);
}

.simple-content-block.theme-alert .simple-column-text,
.simple-content-block.theme-alert .simple-column-text p,
.simple-content-block.theme-alert .simple-column-text li {
    color: #c0d0e0;
}

.simple-content-block.theme-alert .simple-column-text h1,
.simple-content-block.theme-alert .simple-column-text h2,
.simple-content-block.theme-alert .simple-column-text h3,
.simple-content-block.theme-alert .simple-column-text h4,
.simple-content-block.theme-alert .simple-column-text h5,
.simple-content-block.theme-alert .simple-column-text h6 {
    color: var(--white-color);
}

/* Cards in alert theme */
.simple-content-block.theme-alert .simple-content-column.is-card {
    background: rgba(242, 88, 13, 0.1);
    border: 2px solid var(--secondary-color);
    color: var(--white-color);
}

.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-title {
    color: var(--white-color);
}

.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text p,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text li {
    color: rgba(255, 255, 255, 0.9);
}

.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text h1,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text h2,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text h3,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text h4,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text h5,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text h6 {
    color: var(--white-color);
}

.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text strong,
.simple-content-block.theme-alert .simple-content-column.is-card .simple-column-text b {
    color: var(--white-color);
}

/* Ensure lists are always left-aligned in alert theme */
.simple-content-block.theme-alert .simple-column-text ul,
.simple-content-block.theme-alert .simple-column-text ol,
.simple-content-block.theme-alert .simple-column-text li {
    text-align: left !important;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .simple-content-block {
        padding: 4rem 1rem;
    }
    
    .simple-content-header {
        margin-bottom: 4rem;
    }
    
    .simple-content-columns-wrapper {
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .simple-content-block {
        padding: 3rem 1rem;
    }
    
    .simple-content-header .main-title {
        font-size: 2.5rem;
    }
    
    .simple-content-header {
        margin-bottom: 3rem;
    }
    
    .simple-content-header .intro-text {
        font-size: 1.1rem;
    }
    
    .simple-content-column.is-card {
        padding: 1.5rem;
    }
    
    .simple-column-title {
        font-size: 1.375rem;
    }
    
    .simple-content-buttons-wrapper {
        flex-direction: column;
        align-items: center;
    }
    
    .simple-content-btn {
        width: 100%;
        max-width: 280px;
    }
}

@media (max-width: 480px) {
    .simple-content-header .main-title {
        font-size: 2rem;
    }
    
    .simple-content-header .intro-text {
        font-size: 1rem;
    }
    
    .simple-content-column.is-card {
        padding: 1.25rem;
    }
    
    .simple-column-title {
        font-size: 1.25rem;
    }
}

/* Theme-specific responsive adjustments */
@media (max-width: 768px) {
    .simple-content-block.theme-alert {
        text-align: left;
    }
    
    .simple-content-block.theme-alert .simple-content-header {
        text-align: center;
    }
    
    .simple-content-block.theme-alert .simple-content-buttons {
        text-align: center;
    }
}

/* Accessibility Improvements */
.simple-content-column:focus-within {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .simple-content-column.is-card {
        transition: none;
    }
    
    .simple-content-btn {
        transition: none;
    }
    
    .simple-column-image img {
        transition: none;
    }
}

/* Print Styles */
@media print {
    .simple-content-block {
        background: white !important;
        color: black !important;
        padding: 1rem !important;
    }
    
    .simple-content-column.is-card {
        border: 1px solid #ccc !important;
        box-shadow: none !important;
        background: white !important;
    }
    
    .simple-content-buttons {
        display: none;
    }
}

/* ========================================
   Text Centered Block
======================================== */

.text-centered-block {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
    overflow: hidden;
}

.text-centered-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.text-centered-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
}

/* Main Content Container */
.text-centered-content-wrapper {
    max-width: 56rem;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Image Styles */
.text-centered-image {
    margin-bottom: 2.5rem;
    position: relative;
    display: inline-block;
}

.text-centered-image img {
    width: 100%;
    max-width: 400px;
    height: 300px;
    object-fit: cover;
    border-radius: 1rem;
    transition: transform 0.3s ease;
}


/* Title Styles */
.text-centered-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.1;
    margin-bottom: 2rem;
    position: relative;
    text-shadow: none;
}

@media (min-width: 768px) {
    .text-centered-title {
        font-size: 3.75rem;
        margin-bottom: 2.5rem;
    }
}

/* Content Styles */
.text-centered-content {
    font-size: 1.2rem;
    line-height: 1.7;
    color: var(--text-color);
    margin-bottom: 2.5rem;
    opacity: 0.9;
}

.text-centered-content p {
    margin-bottom: 1rem;
    color: var(--text-color);
}

.text-centered-content p:last-child {
    margin-bottom: 0;
}

/* Rich Text Styling */
.text-centered-content h1,
.text-centered-content h2,
.text-centered-content h3,
.text-centered-content h4,
.text-centered-content h5,
.text-centered-content h6 {
    color: var(--heading-color);
    font-weight: 600;
    margin: 1.5rem 0 1rem 0;
    line-height: 1.4;
}

.text-centered-content ul,
.text-centered-content ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
    text-align: left;
    display: inline-block;
}

.text-centered-content li {
    margin-bottom: 0.5rem;
    color: var(--text-color);
    line-height: 1.6;
}

.text-centered-content strong {
    color: var(--heading-color);
    font-weight: 600;
}

.text-centered-content a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.text-centered-content a:hover {
    color: var(--secondary-color);
    text-decoration: underline;
}

.text-centered-content blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    text-align: left;
}

/* Button Styling */
.text-centered-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: var(--brand-gradient);
    color: var(--white-color);
    text-decoration: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    margin-top: 1rem;
}

.text-centered-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
    color: var(--white-color);
    text-decoration: none;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .text-centered-block {
        padding: 4rem 1rem;
    }
    
    .text-centered-content-wrapper {
         padding: 0 1.5rem;
     }
    
    .text-centered-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .text-centered-block {
        padding: 3rem 1rem;
    }
    
    .text-centered-content-wrapper {
         padding: 0 1rem;
     }
    
    .text-centered-title {
        font-size: 2rem;
    }
    
    .text-centered-content {
        font-size: 1.1rem;
    }
    
    .text-centered-image img {
        height: 200px;
        max-width: 300px;
    }
}

/* THEME VARIATIONS */

/* THEME 1: ELEGANT */
.text-centered-block.theme-elegant {
    background-color: var(--light-bg);
    color: var(--text-color);
}

.text-centered-block.theme-elegant .text-centered-title {
    background: var(--brand-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}



/* THEME 2: CLASSIC */
.text-centered-block.theme-classic {
    background-color: var(--white-color);
    color: var(--text-color);
}

.text-centered-block.theme-classic .text-centered-title {
    color: var(--heading-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--heading-color);
}



/* THEME 3: BUSINESS */
.text-centered-block.theme-business {
    background-color: #0678c9;
    color: var(--white-color);
}

.text-centered-block.theme-business .text-centered-title {
    color: #fff !important;
    background: transparent;
}

.text-centered-block.theme-business .text-centered-content,
.text-centered-block.theme-business .text-centered-content p {
    color: var(--white-color);
    opacity: 0.9;
}



/* THEME 4: ALERT */
.text-centered-block.theme-alert {
    background-color: var(--dark-bg);
    color: var(--white-color);
}

.text-centered-block.theme-alert .text-centered-title {
    color: var(--white-color) !important;
    background: transparent;
    -webkit-text-fill-color: var(--white-color);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.text-centered-block.theme-alert .text-centered-content,
.text-centered-block.theme-alert .text-centered-content p {
    color: #c0d0e0;
}



/* Accessibility Improvements */
.text-centered-content-wrapper:focus-within {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .text-centered-image img,
    .text-centered-button {
        transition: none;
    }
    
    .text-centered-content-wrapper:hover .text-centered-image img {
         transform: none;
     }
}

/* === double_wysiwyg === */
.default-double-wysiwyg {
    --ddw-bg: var(--light-bg);
    --ddw-card-bg: var(--white-color);
    --ddw-border: var(--border-color);
    --ddw-heading: var(--heading-color);
    --ddw-text: var(--text-color);
    --ddw-accent: var(--primary-color);
    padding: 4.5rem 1.5rem;
    background: var(--ddw-bg);
    font-family: 'area-normal', sans-serif;
}

.default-double-wysiwyg--flush {
    padding: 0;
}

.default-double-wysiwyg__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-double-wysiwyg--flush .default-double-wysiwyg__container {
    max-width: 100%;
}

.default-double-wysiwyg__grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media (min-width: 992px) {
    .default-double-wysiwyg__grid {
        flex-direction: row;
        gap: 3rem;
        align-items: stretch;
    }
}

.default-double-wysiwyg__column {
    flex: 1;
    min-width: 0;
}

.default-double-wysiwyg--order-left .default-double-wysiwyg__column--primary {
    order: 2;
}

.default-double-wysiwyg--order-left .default-double-wysiwyg__column--secondary {
    order: 1;
}

.default-double-wysiwyg--order-center .default-double-wysiwyg__grid {
    max-width: 760px;
    margin: 0 auto;
}

.default-double-wysiwyg__card {
    background-color: var(--ddw-card-bg);
    border: 1px solid var(--ddw-border);
    border-radius: 0.75rem;
    padding: 2rem;
    box-shadow: 0 12px 30px -20px rgba(0, 0, 0, 0.2);
}

.default-double-wysiwyg--no-card .default-double-wysiwyg__card {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.default-double-wysiwyg__richtext {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--ddw-text);
}

.default-double-wysiwyg__richtext > *:first-child {
    margin-top: 0;
}

.default-double-wysiwyg__richtext > *:last-child {
    margin-bottom: 0;
}

.default-double-wysiwyg__richtext p {
    margin-bottom: 1.25rem;
    color: var(--ddw-text);
}

.default-double-wysiwyg__richtext h1,
.default-double-wysiwyg__richtext h2,
.default-double-wysiwyg__richtext h3,
.default-double-wysiwyg__richtext h4,
.default-double-wysiwyg__richtext h5,
.default-double-wysiwyg__richtext h6 {
    font-weight: 700;
    color: var(--ddw-heading);
    line-height: 1.3;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.default-double-wysiwyg__richtext h2 {
    font-size: 2rem;
}

.default-double-wysiwyg__richtext h3 {
    font-size: 1.6rem;
}

.default-double-wysiwyg__richtext h4 {
    font-size: 1.35rem;
}

.default-double-wysiwyg__richtext h5 {
    font-size: 1.2rem;
}

.default-double-wysiwyg__richtext h6 {
    font-size: 1.05rem;
}

.default-double-wysiwyg__richtext a {
    color: var(--ddw-accent);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.default-double-wysiwyg__richtext a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-double-wysiwyg__richtext ul,
.default-double-wysiwyg__richtext ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-double-wysiwyg__richtext ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-double-wysiwyg__richtext ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-double-wysiwyg__richtext ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--ddw-accent);
    font-weight: 700;
}

.default-double-wysiwyg__richtext ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-double-wysiwyg__richtext ol li {
    margin-bottom: 0.75rem;
}

.default-double-wysiwyg__richtext blockquote {
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    border-left: 4px solid var(--ddw-accent);
    background: rgba(7, 134, 224, 0.06);
    border-radius: 0.5rem;
    color: var(--ddw-heading);
    font-style: italic;
}

.default-double-wysiwyg__richtext img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    display: block;
    margin: 2rem auto;
    box-shadow: 0 10px 25px -18px rgba(0, 0, 0, 0.25);
}

.default-double-wysiwyg__richtext table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

.default-double-wysiwyg__richtext table th,
.default-double-wysiwyg__richtext table td {
    border: 1px solid var(--ddw-border);
    padding: 0.75rem;
    text-align: left;
}

.default-double-wysiwyg__richtext table th {
    background: rgba(7, 134, 224, 0.1);
    color: var(--ddw-heading);
}

.default-double-wysiwyg--bg-light {
    --ddw-bg: var(--light-bg);
}

.default-double-wysiwyg--bg-white {
    --ddw-bg: var(--white-color);
}

.default-double-wysiwyg--bg-blue {
    --ddw-bg: #0786e0;
    --ddw-card-bg: var(--white-color);
    --ddw-border: var(--border-color);
    --ddw-heading: var(--heading-color);
    --ddw-text: var(--text-color);
    --ddw-accent: var(--primary-color);
}

.default-double-wysiwyg--bg-blue .default-double-wysiwyg__card {
    background-color: rgba(255, 255, 255, 0.95);
}

.default-double-wysiwyg--bg-blue.default-double-wysiwyg--no-card .default-double-wysiwyg__card {
    background-color: transparent;
}

.default-double-wysiwyg--bg-blue.default-double-wysiwyg--no-card {
    --ddw-heading: var(--white-color);
    --ddw-text: rgba(255, 255, 255, 0.9);
    --ddw-accent: var(--white-color);
}

.default-double-wysiwyg--bg-blue.default-double-wysiwyg--no-card .default-double-wysiwyg__richtext a {
    color: var(--white-color);
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.default-double-wysiwyg--bg-blue.default-double-wysiwyg--no-card .default-double-wysiwyg__richtext a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-double-wysiwyg--bg-blue.default-double-wysiwyg--no-card .default-double-wysiwyg__richtext ul li::before {
    color: var(--white-color);
}

.default-double-wysiwyg--bg-dark {
    --ddw-bg: var(--dark-bg);
    --ddw-card-bg: #101b2d;
    --ddw-border: rgba(255, 255, 255, 0.12);
    --ddw-heading: var(--white-color);
    --ddw-text: #c0d0e0;
    --ddw-accent: #29c6ff;
}

.default-double-wysiwyg--bg-dark.default-double-wysiwyg--no-card {
    --ddw-heading: var(--white-color);
    --ddw-text: rgba(255, 255, 255, 0.9);
    --ddw-accent: var(--white-color);
}

.default-double-wysiwyg--bg-dark.default-double-wysiwyg--no-card .default-double-wysiwyg__richtext a {
    color: var(--white-color);
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.default-double-wysiwyg--bg-dark.default-double-wysiwyg--no-card .default-double-wysiwyg__richtext a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-double-wysiwyg--bg-dark.default-double-wysiwyg--no-card .default-double-wysiwyg__richtext ul li::before {
    color: var(--white-color);
}

.default-double-wysiwyg--no-card .default-double-wysiwyg__richtext img {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.default-double-wysiwyg--bg-dark .default-double-wysiwyg__richtext blockquote {
    background: rgba(41, 198, 255, 0.12);
}

@media (max-width: 768px) {
    .default-double-wysiwyg {
        padding: 3.5rem 1.25rem;
    }

    .default-double-wysiwyg__card {
        padding: 1.5rem;
    }

    .default-double-wysiwyg__richtext {
        font-size: 1rem;
    }

    .default-double-wysiwyg__richtext h2 {
        font-size: 1.75rem;
    }

    .default-double-wysiwyg__richtext h3 {
        font-size: 1.4rem;
    }
}


/* === faq_blocks === */
.default-faq-block {
    padding: 4.5rem 1.5rem;
    background-color: var(--white-color);
    font-family: 'area-normal', sans-serif;
}

.default-faq-block__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-faq-block__header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3rem;
}

.default-faq-block__header h1,
.default-faq-block__header h2,
.default-faq-block__header h3,
.default-faq-block__header h4,
.default-faq-block__header h5,
.default-faq-block__header h6 {
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin: 0 0 1rem;
}

.default-faq-block__header h2 {
    font-size: 2.75rem;
}

.default-faq-block__intro li,
.default-faq-block__header p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-color);
    margin: 0;
}

.default-faq-block__intro {
    margin-top: 0.75rem;
}

.default-faq-block__intro p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-color);
    margin: 0;
}

.default-faq-block__list {
    display: grid;
    gap: 1.5rem;    
}

.default-faq-block__item {
    padding: 0.25rem 0 1.75rem;
}

.default-faq-block__item:first-child {
    padding-top: 0;
}

.default-faq-block__item:last-child {
    padding-bottom: 0;
}

.default-faq-block__question {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.4;
    margin: 0 0 1.5rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--border-color);
}

.default-faq-block__answer {
    font-size: 1.25rem;
    line-height: 1.8;
    color: var(--text-color);
}

.default-faq-block__answer p {
    margin: 0 0 1rem;
}

.default-faq-block__answer p:last-child {
    margin-bottom: 0;
}

.default-faq-block__header ul,
.default-faq-block__header ol,
.default-faq-block__answer ul,
.default-faq-block__answer ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-faq-block__header ul,
.default-faq-block__answer ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-faq-block__header ul li,
.default-faq-block__answer ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-faq-block__header ul li::before,
.default-faq-block__answer ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: 700;
}

.default-faq-block__header ol,
.default-faq-block__answer ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-faq-block__header ol li,
.default-faq-block__answer ol li {
    margin-bottom: 0.75rem;
}

.default-faq-block__answer a {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.default-faq-block__answer a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

@media (max-width: 768px) {
    .default-faq-block {
        padding: 3.5rem 1.25rem;
    }

    .default-faq-block__header h2 {
        font-size: 2rem;
    }

    .default-faq-block__answer {
        font-size: 1rem;
    }
}


/* === grid_cards === */
.default-grid-cards {
    --dgc-bg: var(--white-color);
    --dgc-card-bg: var(--white-color);
    --dgc-border: var(--border-color);
    --dgc-heading: var(--heading-color);
    --dgc-text: var(--text-color);
    --dgc-accent: var(--primary-color);
    padding: 5rem 1.5rem;
    background-color: var(--dgc-bg);
    font-family: 'area-normal', sans-serif;
}

.default-grid-cards__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-grid-cards__header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3.5rem;
}

.default-grid-cards__heading {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--dgc-heading);
    line-height: 1.2;
    margin: 0 0 1rem;
}

.default-grid-cards__intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--dgc-text);
}

.default-grid-cards__intro > *:first-child {
    margin-top: 0;
}

.default-grid-cards__intro > *:last-child {
    margin-bottom: 0;
}

.default-grid-cards__intro p {
    margin: 0 0 1.25rem;
}

.default-grid-cards__intro a {
    color: var(--dgc-accent);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.default-grid-cards__intro a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-grid-cards__intro ul,
.default-grid-cards__intro ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-grid-cards__intro ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-grid-cards__intro ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-grid-cards__intro ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dgc-accent);
    font-weight: 700;
}

.default-grid-cards__intro ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-grid-cards__intro ol li {
    margin-bottom: 0.75rem;
}

.default-grid-cards__grid {
    display: grid;
    gap: 2rem;
}

.default-grid-cards__card {
    background-color: var(--dgc-card-bg);
    border: 1px solid var(--dgc-border);
    border-radius: 0.75rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 12px 25px -20px rgba(0, 0, 0, 0.25);
}

.default-grid-cards__media {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.default-grid-cards__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.default-grid-cards__body {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex: 1;
}

.default-grid-cards__title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--dgc-heading);
    margin: 0;
    line-height: 1.3;
}

.default-grid-cards__text {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--dgc-text);
}

.default-grid-cards__text p {
    margin: 0 0 1rem;
}

.default-grid-cards__text p:last-child {
    margin-bottom: 0;
}

.default-grid-cards__text ul,
.default-grid-cards__text ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-grid-cards__text ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-grid-cards__text ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-grid-cards__text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dgc-accent);
    font-weight: 700;
}

.default-grid-cards__text ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-grid-cards__text ol li {
    margin-bottom: 0.75rem;
}

.default-grid-cards__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--dgc-accent);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.default-grid-cards__link::after {
    content: '›';
    font-size: 1.25rem;
    line-height: 1;
    transition: transform 0.3s ease;
}

.default-grid-cards__link:hover {
    color: var(--secondary-color);
}

.default-grid-cards__link:hover::after {
    transform: translateX(4px);
}

@media (min-width: 768px) {
    .default-grid-cards--cols-2 .default-grid-cards__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .default-grid-cards--cols-3 .default-grid-cards__grid,
    .default-grid-cards--cols-4 .default-grid-cards__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .default-grid-cards--cols-3 .default-grid-cards__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .default-grid-cards--cols-4 .default-grid-cards__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .default-grid-cards {
        padding: 3.5rem 1.25rem;
    }

    .default-grid-cards__heading {
        font-size: 2rem;
    }

    .default-grid-cards__body {
        padding: 1.5rem;
    }

    .default-grid-cards__text {
        font-size: 1rem;
    }
}


/* === grid_icon_cards === */
.default-grid-icon-cards {
    --dgic-bg: var(--white-color);
    --dgic-card-bg: var(--white-color);
    --dgic-border: var(--border-color);
    --dgic-heading: var(--heading-color);
    --dgic-text: var(--text-color);
    --dgic-accent: var(--primary-color);
    padding: 5rem 1.5rem;
    background-color: var(--dgic-bg);
    font-family: 'area-normal', sans-serif;
}

.default-grid-icon-cards__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-grid-icon-cards__header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3.5rem;
}

.default-grid-icon-cards__heading {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--dgic-heading);
    line-height: 1.2;
    margin: 0 0 1rem;
}

.default-grid-icon-cards__intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--dgic-text);
}

.default-grid-icon-cards__intro > *:first-child {
    margin-top: 0;
}

.default-grid-icon-cards__intro > *:last-child {
    margin-bottom: 0;
}

.default-grid-icon-cards__intro p {
    margin: 0 0 1.25rem;
}

.default-grid-icon-cards__intro a {
    color: var(--dgic-accent);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.default-grid-icon-cards__intro a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-grid-icon-cards__intro ul,
.default-grid-icon-cards__intro ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-grid-icon-cards__intro ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-grid-icon-cards__intro ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-grid-icon-cards__intro ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dgic-accent);
    font-weight: 700;
}

.default-grid-icon-cards__intro ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-grid-icon-cards__intro ol li {
    margin-bottom: 0.75rem;
}

.default-grid-icon-cards__grid {
    display: grid;
    gap: 2rem;
}

.default-grid-icon-cards__card {
    background-color: var(--dgic-card-bg);
    border: 1px solid var(--dgic-border);
    border-radius: 0.75rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    box-shadow: 0 12px 25px -20px rgba(0, 0, 0, 0.25);
}

.default-grid-icon-cards__icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.default-grid-icon-cards__icon-wrap--primary {
    background-color: rgba(7, 134, 224, 0.12);
}

.default-grid-icon-cards__icon-wrap--secondary {
    background-color: rgba(242, 88, 13, 0.15);
}

.default-grid-icon-cards__icon {
    font-size: 1.5rem;
    color: var(--dgic-accent);
    line-height: 1;
    display: inline-block;
}

.default-grid-icon-cards__text {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--dgic-text);
}

.default-grid-icon-cards__text p {
    margin: 0 0 1rem;
}

.default-grid-icon-cards__text p:last-child {
    margin-bottom: 0;
}

.default-grid-icon-cards__text ul,
.default-grid-icon-cards__text ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-grid-icon-cards__text ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-grid-icon-cards__text ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-grid-icon-cards__text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dgic-accent);
    font-weight: 700;
}

.default-grid-icon-cards__text ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-grid-icon-cards__text ol li {
    margin-bottom: 0.75rem;
}

.default-grid-icon-cards__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--dgic-accent);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.default-grid-icon-cards__link::after {
    content: '›';
    font-size: 1.25rem;
    line-height: 1;
    transition: transform 0.3s ease;
}

.default-grid-icon-cards__link:hover {
    color: var(--secondary-color);
}

.default-grid-icon-cards__link:hover::after {
    transform: translateX(4px);
}

.default-grid-icon-cards--bg-light {
    --dgic-bg: var(--light-bg);
}

.default-grid-icon-cards--bg-medium {
    --dgic-bg: #0786e0;
    --dgic-card-bg: rgba(255, 255, 255, 0.95);
}

.default-grid-icon-cards--bg-medium .default-grid-icon-cards__header {
    color: var(--white-color);
}

.default-grid-icon-cards--bg-medium .default-grid-icon-cards__heading {
    color: var(--white-color);
}

.default-grid-icon-cards--bg-medium .default-grid-icon-cards__intro {
    color: rgba(255, 255, 255, 0.9);
}

.default-grid-icon-cards--bg-medium .default-grid-icon-cards__intro a {
    color: var(--white-color);
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.default-grid-icon-cards--bg-medium .default-grid-icon-cards__intro a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-grid-icon-cards--bg-dark {
    --dgic-bg: var(--dark-bg);
    --dgic-card-bg: #101b2d;
    --dgic-border: rgba(255, 255, 255, 0.12);
    --dgic-heading: var(--white-color);
    --dgic-text: #c0d0e0;
    --dgic-accent: #29c6ff;
}

@media (min-width: 768px) {
    .default-grid-icon-cards--cols-2 .default-grid-icon-cards__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .default-grid-icon-cards--cols-3 .default-grid-icon-cards__grid,
    .default-grid-icon-cards--cols-4 .default-grid-icon-cards__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .default-grid-icon-cards--cols-3 .default-grid-icon-cards__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .default-grid-icon-cards--cols-4 .default-grid-icon-cards__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .default-grid-icon-cards {
        padding: 3.5rem 1.25rem;
    }

    .default-grid-icon-cards__heading {
        font-size: 2rem;
    }

    .default-grid-icon-cards__card {
        padding: 1.5rem;
    }

    .default-grid-icon-cards__text {
        font-size: 1rem;
    }
}
.grid-icon-cards-block {
    padding: 6rem 1rem;
    background-color: var(--white-color);
    font-family: 'area-normal', Arial, sans-serif;
    --block-text-color: var(--text-color);
    --block-heading-color: var(--heading-color);
    --block-link-color: var(--primary-color);
}

.grid-icon-cards-container {
    max-width: 1280px;
    margin: 0 auto;
}

.grid-icon-cards-text {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--block-text-color);
    text-align: center;
    margin-bottom: 3rem;
}

.grid-icon-cards-layout {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.grid-icon-cards-layout.columns-1 { grid-template-columns: 1fr; }
.grid-icon-cards-layout.columns-2 { grid-template-columns: repeat(2, 1fr); }
.grid-icon-cards-layout.columns-3 { grid-template-columns: repeat(3, 1fr); }
.grid-icon-cards-layout.columns-4 { grid-template-columns: repeat(4, 1fr); }
.grid-icon-cards-layout.columns-5 { grid-template-columns: repeat(5, 1fr); }
.grid-icon-cards-layout.columns-6 { grid-template-columns: repeat(6, 1fr); }

.grid-icon-card {
    --block-text-color: var(--text-color);
    --block-heading-color: var(--heading-color);
    --block-link-color: var(--primary-color);
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: var(--shadow-light);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}

.grid-icon-card.background_primary {
    border: 2px solid var(--primary-color);
}

.grid-icon-card.background_secondary {
    border: 2px solid var(--secondary-color);
}

.grid-icon-card-media img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
}

.grid-icon-card-content {
    color: var(--block-text-color);
    line-height: 1.6;
}

.grid-icon-card-content h1,
.grid-icon-card-content h2,
.grid-icon-card-content h3,
.grid-icon-card-content h4,
.grid-icon-card-content h5,
.grid-icon-card-content h6 {
    color: var(--block-heading-color);
    font-weight: 700;
    margin: 1.25rem 0 0.75rem;
    line-height: 1.4;
}

.grid-icon-card-content p {
    margin-bottom: 1rem;
}

.grid-icon-card-content p:last-child {
    margin-bottom: 0;
}

.grid-icon-card-content a {
    color: var(--block-link-color);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
}

.grid-icon-card-content a:hover {
    color: var(--secondary-color);
    border-bottom-color: currentColor;
}

.grid-icon-card-content blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.25rem;
    margin: 1.25rem 0;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    border-radius: 0.5rem;
}

.grid-icon-card-content ul,
.grid-icon-card-content ol,
.grid-icon-card-content li {
    text-align: left !important;
}

@media (max-width: 768px) {
    .grid-icon-cards-layout.columns-2,
    .grid-icon-cards-layout.columns-3,
    .grid-icon-cards-layout.columns-4,
    .grid-icon-cards-layout.columns-5,
    .grid-icon-cards-layout.columns-6 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .grid-icon-cards-block {
        padding: 4rem 1rem;
    }
}

@media (max-width: 768px) {
    .grid-icon-card {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .grid-icon-cards-block {
        padding: 2.5rem 0.5rem;
    }

    .grid-icon-card {
        padding: 1.25rem;
    }
}


/* === grid_images === */
.default-grid-images {
    --dgi-bg: var(--light-bg);
    --dgi-card-bg: var(--white-color);
    --dgi-border: var(--border-color);
    --dgi-heading: var(--heading-color);
    --dgi-text: var(--text-color);
    --dgi-accent: var(--primary-color);
    padding: 5rem 1.5rem;
    background-color: var(--dgi-bg);
    background-size: cover;
    background-position: center;
    font-family: 'area-normal', sans-serif;
}

.default-grid-images__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-grid-images__header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3.5rem;
}

.default-grid-images__heading {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--dgi-heading);
    line-height: 1.2;
    margin: 0 0 1rem;
}

.default-grid-images__intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--dgi-text);
}

.default-grid-images__intro > *:first-child {
    margin-top: 0;
}

.default-grid-images__intro > *:last-child {
    margin-bottom: 0;
}

.default-grid-images__intro p {
    margin: 0 0 1.25rem;
}

.default-grid-images__intro a {
    color: var(--dgi-accent);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.default-grid-images__intro a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-grid-images__intro ul,
.default-grid-images__intro ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-grid-images__intro ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-grid-images__intro ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-grid-images__intro ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dgi-accent);
    font-weight: 700;
}

.default-grid-images__intro ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-grid-images__intro ol li {
    margin-bottom: 0.75rem;
}

.default-grid-images__grid {
    display: grid;
    gap: 2rem;
}

.default-grid-images__card {
    background-color: var(--dgi-card-bg);
    border: 1px solid var(--dgi-border);
    border-radius: 0.75rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 12px 25px -20px rgba(0, 0, 0, 0.25);
}

.default-grid-images--no-card .default-grid-images__card {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.default-grid-images--no-card .default-grid-images__body {
    padding: 1.5rem 0 0;
}

.default-grid-images--no-card .default-grid-images__text,
.default-grid-images--no-card .default-grid-images__link {
    color: var(--dgi-text);
}

.default-grid-images--no-card .default-grid-images__link {
    border-bottom: 2px solid transparent;
}

.default-grid-images--no-card .default-grid-images__link:hover {
    color: var(--secondary-color);
}

.default-grid-images__media {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.default-grid-images__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.default-grid-images__body {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.default-grid-images__text {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--dgi-text);
}

.default-grid-images__text p {
    margin: 0 0 1rem;
}

.default-grid-images__text p:last-child {
    margin-bottom: 0;
}

.default-grid-images__text ul,
.default-grid-images__text ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-grid-images__text ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-grid-images__text ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-grid-images__text ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dgi-accent);
    font-weight: 700;
}

.default-grid-images__text ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-grid-images__text ol li {
    margin-bottom: 0.75rem;
}

.default-grid-images__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--dgi-accent);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.default-grid-images__link::after {
    content: '›';
    font-size: 1.25rem;
    line-height: 1;
    transition: transform 0.3s ease;
}

.default-grid-images__link:hover {
    color: var(--secondary-color);
}

.default-grid-images__link:hover::after {
    transform: translateX(4px);
}

.default-grid-images--bg-light {
    --dgi-bg: var(--light-bg);
}

.default-grid-images--bg-blue {
    --dgi-bg: #0786e0;
    --dgi-card-bg: rgba(255, 255, 255, 0.95);
}

.default-grid-images--bg-blue .default-grid-images__heading {
    color: var(--white-color);
}

.default-grid-images--bg-blue .default-grid-images__intro {
    color: rgba(255, 255, 255, 0.9);
}

.default-grid-images--bg-blue .default-grid-images__intro a {
    color: var(--white-color);
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.default-grid-images--bg-blue .default-grid-images__intro a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-grid-images--bg-dark {
    --dgi-bg: var(--dark-bg);
    --dgi-card-bg: #101b2d;
    --dgi-border: rgba(255, 255, 255, 0.12);
    --dgi-heading: var(--white-color);
    --dgi-text: #c0d0e0;
    --dgi-accent: #29c6ff;
}

.default-grid-images--bg-blue.default-grid-images--no-card,
.default-grid-images--bg-dark.default-grid-images--no-card {
    --dgi-heading: var(--white-color);
    --dgi-text: rgba(255, 255, 255, 0.9);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__heading,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__heading {
    color: var(--white-color);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__intro,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__intro {
    color: rgba(255, 255, 255, 0.9);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__intro a,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__intro a {
    color: var(--white-color);
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__intro a:hover,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__intro a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__text,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__text {
    color: rgba(255, 255, 255, 0.9);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__text ul li::before,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__text ul li::before,
.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__intro ul li::before,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__intro ul li::before {
    color: var(--white-color);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__link,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__link {
    color: var(--white-color);
}

.default-grid-images--bg-blue.default-grid-images--no-card .default-grid-images__link:hover,
.default-grid-images--bg-dark.default-grid-images--no-card .default-grid-images__link:hover {
    color: var(--secondary-color);
}

@media (min-width: 768px) {
    .default-grid-images--cols-2 .default-grid-images__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .default-grid-images--cols-3 .default-grid-images__grid,
    .default-grid-images--cols-4 .default-grid-images__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .default-grid-images--cols-3 .default-grid-images__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .default-grid-images--cols-4 .default-grid-images__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .default-grid-images {
        padding: 3.5rem 1.25rem;
    }

    .default-grid-images__heading {
        font-size: 2rem;
    }

    .default-grid-images__body {
        padding: 1.5rem;
    }

    .default-grid-images__text {
        font-size: 1rem;
    }
}
.grid-images-block {
    padding: 6rem 1rem;
    background-color: var(--white-color);
    background-size: cover;
    background-position: center;
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
    --block-text-color: var(--text-color);
    --block-heading-color: var(--heading-color);
    --block-link-color: var(--primary-color);
}

.grid-images-block.bg-blue {
    background: linear-gradient(62deg, #29c6ff 8.51%, #0786e0 70.52%);
    color: var(--white-color);
    --block-text-color: rgba(255, 255, 255, 0.9);
    --block-heading-color: var(--white-color);
    --block-link-color: var(--white-color);
}

.grid-images-block.bg-dark {
    background-color: var(--dark-bg);
    color: var(--white-color);
    --block-text-color: rgba(255, 255, 255, 0.9);
    --block-heading-color: var(--white-color);
    --block-link-color: var(--white-color);
}

.grid-images-block.bg-dark .grid-images-text,
.grid-images-block.bg-blue .grid-images-text {
    color: rgba(255, 255, 255, 0.9);
}

.grid-images-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.grid-images-text {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--block-text-color);
    margin-bottom: 3rem;
    text-align: center;
}

.grid-images-layout {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.grid-images-layout.front-images-1 { grid-template-columns: 1fr; }
.grid-images-layout.front-images-2 { grid-template-columns: repeat(2, 1fr); }
.grid-images-layout.front-images-3 { grid-template-columns: repeat(3, 1fr); }
.grid-images-layout.front-images-4 { grid-template-columns: repeat(4, 1fr); }
.grid-images-layout.front-images-5 { grid-template-columns: repeat(5, 1fr); }
.grid-images-layout.front-images-6 { grid-template-columns: repeat(6, 1fr); }

.grid-image-card {
    --block-text-color: var(--text-color);
    --block-heading-color: var(--heading-color);
    --block-link-color: var(--primary-color);
    background: var(--white-color);
    border-radius: 1rem;
    padding: 1.75rem;
    box-shadow: var(--shadow-light);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}

.grid-image-card:hover {
    box-shadow: var(--shadow-medium);
}

.grid-image-media img {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
}

.grid-image-content {
    color: var(--block-text-color);
    line-height: 1.6;
}

.grid-images-text h1,
.grid-images-text h2,
.grid-images-text h3,
.grid-images-text h4,
.grid-images-text h5,
.grid-images-text h6,
.grid-image-content h1,
.grid-image-content h2,
.grid-image-content h3,
.grid-image-content h4,
.grid-image-content h5,
.grid-image-content h6 {
    color: inherit;
    font-weight: 700;
    margin: 1.25rem 0 0.75rem;
    line-height: 1.4;
}

.grid-images-text p,
.grid-image-content p {
    margin-bottom: 1rem;
}

.grid-images-text p:last-child,
.grid-image-content p:last-child {
    margin-bottom: 0;
}

.grid-images-text a,
.grid-image-content a {
    color: currentColor;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
}

.grid-images-text a:hover,
.grid-image-content a:hover {
    border-bottom-color: currentColor;
}

.grid-images-text blockquote,
.grid-image-content blockquote {
    border-left: 4px solid currentColor;
    padding-left: 1.25rem;
    margin: 1.25rem 0;
    font-style: italic;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
}

.grid-image-content ul,
.grid-image-content ol,
.grid-image-content li {
    text-align: left !important;
}

@media (max-width: 768px) {
    .grid-images-layout.front-images-2,
    .grid-images-layout.front-images-3,
    .grid-images-layout.front-images-4,
    .grid-images-layout.front-images-5,
    .grid-images-layout.front-images-6 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .grid-images-block {
        padding: 4rem 1rem;
    }
}

@media (max-width: 768px) {
    .grid-images-block {
        padding: 3rem 1rem;
    }

    .grid-image-card {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .grid-images-block {
        padding: 2.5rem 0.5rem;
    }

    .grid-image-card {
        padding: 1.25rem;
    }
}

/* === repeater_zigzag === */
.default-repeater-zigzag {
    --drz-bg: var(--light-bg);
    --drz-card-bg: var(--white-color);
    --drz-border: var(--border-color);
    --drz-heading: var(--heading-color);
    --drz-text: var(--text-color);
    --drz-accent: var(--primary-color);
    padding: 5rem 1.5rem;
    background-color: var(--drz-bg);
    font-family: 'area-normal', sans-serif;
}

.default-repeater-zigzag--pad-sm {
    padding: 3.5rem 1.5rem;
}

.default-repeater-zigzag--pad-md {
    padding: 5rem 1.5rem;
}

.default-repeater-zigzag--pad-lg {
    padding: 6.5rem 1.5rem;
}

.default-repeater-zigzag__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-repeater-zigzag__grid {
    display: grid;
    gap: 2.5rem;
    align-items: center;
}

@media (min-width: 992px) {
    .default-repeater-zigzag__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.default-repeater-zigzag__media {
    width: 100%;
}

.default-repeater-zigzag__image {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
    display: block;
    box-shadow: 0 16px 30px -20px rgba(0, 0, 0, 0.3);
}

.default-repeater-zigzag__content {
    background-color: var(--drz-card-bg);
    border: 1px solid var(--drz-border);
    border-radius: 0.75rem;
    padding: 2.5rem;
    box-shadow: 0 12px 25px -20px rgba(0, 0, 0, 0.25);
}

.default-repeater-zigzag__richtext {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--drz-text);
}

.default-repeater-zigzag__richtext > *:first-child {
    margin-top: 0;
}

.default-repeater-zigzag__richtext > *:last-child {
    margin-bottom: 0;
}

.default-repeater-zigzag__richtext h1,
.default-repeater-zigzag__richtext h2,
.default-repeater-zigzag__richtext h3,
.default-repeater-zigzag__richtext h4,
.default-repeater-zigzag__richtext h5,
.default-repeater-zigzag__richtext h6 {
    font-weight: 700;
    color: var(--drz-heading);
    line-height: 1.3;
    margin: 0 0 1rem;
}

.default-repeater-zigzag__richtext a {
    color: var(--drz-accent);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.default-repeater-zigzag__richtext a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-repeater-zigzag__richtext ul,
.default-repeater-zigzag__richtext ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-repeater-zigzag__richtext ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-repeater-zigzag__richtext ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-repeater-zigzag__richtext ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--drz-accent);
    font-weight: 700;
}

.default-repeater-zigzag__richtext ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-repeater-zigzag__richtext ol li {
    margin-bottom: 0.75rem;
}

.default-repeater-zigzag--order-right .default-repeater-zigzag__media {
    order: 2;
}

.default-repeater-zigzag--order-right .default-repeater-zigzag__content {
    order: 1;
}

.default-repeater-zigzag--bg-light {
    --drz-bg: var(--light-bg);
}

.default-repeater-zigzag--bg-blue {
    --drz-bg: #0786e0;
}

.default-repeater-zigzag--bg-blue .default-repeater-zigzag__content {
    background-color: rgba(255, 255, 255, 0.95);
}

.default-repeater-zigzag--bg-dark {
    --drz-bg: var(--dark-bg);
    --drz-card-bg: #101b2d;
    --drz-border: rgba(255, 255, 255, 0.12);
    --drz-heading: var(--white-color);
    --drz-text: #c0d0e0;
    --drz-accent: #29c6ff;
}

@media (max-width: 768px) {
    .default-repeater-zigzag {
        padding: 3.5rem 1.25rem;
    }

    .default-repeater-zigzag__content {
        padding: 2rem;
    }
}
.repeater-zigzag-block {
    padding: 6rem 1rem;
    background-color: var(--white-color);
    font-family: 'area-normal', Arial, sans-serif;
    position: relative;
    overflow: hidden;
}

.repeater-zigzag-block::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(7, 134, 224, 0.02) 0%, rgba(41, 198, 255, 0.02) 100%);
    pointer-events: none;
}

.repeater-zigzag-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.zigzag-items {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.zigzag-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    position: relative;
    --block-text-color: var(--text-color);
    --block-heading-color: var(--heading-color);
    --block-link-color: var(--primary-color);
}

.zigzag-item.bg-light { background: transparent; }
.zigzag-item.bg-blue { background: linear-gradient(62deg, #29c6ff 8.51%, #0786e0 70.52%); border-radius: 1rem; padding: 1rem; }
.zigzag-item.bg-dark { background: var(--dark-bg); border-radius: 1rem; padding: 1rem; }

.zigzag-item.small-padding .zigzag-content { padding: 1rem; }
.zigzag-item.medium-padding .zigzag-content { padding: 2rem; }
.zigzag-item.large-padding .zigzag-content { padding: 3rem; }

.zigzag-item.order-right {
    direction: rtl;
}

.zigzag-item.order-right > * {
    direction: ltr;
}

.zigzag-content {
    padding: 2rem;
}

.zigzag-content .item-description {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--block-text-color);
}

.zigzag-content .item-description p {
    margin-bottom: 1rem;
    color: var(--block-text-color);
}

.zigzag-content .item-description p:last-child {
    margin-bottom: 0;
}

.zigzag-content .item-description h1,
.zigzag-content .item-description h2,
.zigzag-content .item-description h3,
.zigzag-content .item-description h4,
.zigzag-content .item-description h5,
.zigzag-content .item-description h6 {
    color: var(--block-heading-color);
    font-weight: 600;
    margin: 1.5rem 0 1rem 0;
    line-height: 1.4;
}

.zigzag-content .item-description ul,
.zigzag-content .item-description ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
    text-align: left !important;
}

.zigzag-content .item-description li {
    margin-bottom: 0.5rem;
    color: var(--block-text-color);
    line-height: 1.6;
    text-align: left !important;
}

.zigzag-content .item-description a {
    color: var(--block-link-color);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
}

.zigzag-content .item-description a:hover {
    color: var(--secondary-color);
    border-bottom-color: currentColor;
}

.zigzag-content .item-description blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 1.25rem;
    margin: 1.25rem 0;
    font-style: italic;
    background: rgba(7, 134, 224, 0.05);
    border-radius: 0.5rem;
}

.zigzag-image {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: var(--shadow-medium);
    background: var(--white-color);
}

.zigzag-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.zigzag-item.bg-blue,
.zigzag-item.bg-dark {
    --block-text-color: rgba(255, 255, 255, 0.9);
    --block-heading-color: var(--white-color);
    --block-link-color: var(--white-color);
}

@media (max-width: 1024px) {
    .repeater-zigzag-block {
        padding: 4rem 1rem;
    }

    .zigzag-items {
        gap: 3rem;
    }

    .zigzag-item {
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .repeater-zigzag-block {
        padding: 3rem 1rem;
    }

    .zigzag-items {
        gap: 2.5rem;
    }

    .zigzag-item {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        text-align: center;
    }

    .zigzag-item.order-right {
        direction: ltr;
    }

    .zigzag-content {
        padding: 1rem;
    }

    .zigzag-image img {
        height: 250px;
    }
}


/* === stylized_zigzag === */
.default-stylized-zigzag {
    --dsz-bg: var(--light-bg);
    --dsz-card-bg: var(--white-color);
    --dsz-border: var(--border-color);
    --dsz-heading: var(--heading-color);
    --dsz-text: var(--text-color);
    --dsz-accent: var(--primary-color);
    padding: 5rem 1.5rem;
    background-color: var(--dsz-bg);
    font-family: 'area-normal', sans-serif;
}

.default-stylized-zigzag__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-stylized-zigzag__grid {
    display: grid;
    gap: 2.5rem;
    align-items: center;
}

@media (min-width: 992px) {
    .default-stylized-zigzag__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.default-stylized-zigzag__media {
    width: 100%;
}

.default-stylized-zigzag__image,
.default-stylized-zigzag__video {
    width: 100%;
    border-radius: 0.75rem;
    display: block;
    box-shadow: 0 16px 30px -20px rgba(0, 0, 0, 0.3);
}

.default-stylized-zigzag__content {
    background-color: var(--dsz-card-bg);
    border: 1px solid var(--dsz-border);
    border-radius: 0.75rem;
    padding: 2.5rem;
    box-shadow: 0 12px 25px -20px rgba(0, 0, 0, 0.25);
}

.default-stylized-zigzag__richtext {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--dsz-text);
}

.default-stylized-zigzag__richtext > *:first-child {
    margin-top: 0;
}

.default-stylized-zigzag__richtext > *:last-child {
    margin-bottom: 0;
}

.default-stylized-zigzag__richtext h1,
.default-stylized-zigzag__richtext h2,
.default-stylized-zigzag__richtext h3,
.default-stylized-zigzag__richtext h4,
.default-stylized-zigzag__richtext h5,
.default-stylized-zigzag__richtext h6 {
    font-weight: 700;
    color: var(--dsz-heading);
    line-height: 1.3;
    margin: 0 0 1rem;
}

.default-stylized-zigzag__richtext a {
    color: var(--dsz-accent);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.default-stylized-zigzag__richtext a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.default-stylized-zigzag__richtext ul,
.default-stylized-zigzag__richtext ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-stylized-zigzag__richtext ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.default-stylized-zigzag__richtext ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    text-align: left;
}

.default-stylized-zigzag__richtext ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dsz-accent);
    font-weight: 700;
}

.default-stylized-zigzag__richtext ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-stylized-zigzag__richtext ol li {
    margin-bottom: 0.75rem;
}

.default-stylized-zigzag__button {
    --tw-bg-opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.75rem;
    padding: 0.85rem 2.25rem;
    border-radius: 0.6rem;
    background: var(--brand-gradient);
    color: var(--white-color);
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-shadow: 0 12px 20px -16px rgba(0, 0, 0, 0.35);
}

.default-stylized-zigzag__button:hover {
    transform: translateY(-1px);
}

.default-stylized-zigzag__button--secondary {
    background: rgb(242 88 13 / var(--tw-bg-opacity));
}

.default-stylized-zigzag--bg-light {
    --dsz-bg: var(--light-bg);
}

.default-stylized-zigzag--bg-blue,
.default-stylized-zigzag--bg-medium {
    --dsz-bg: #0786e0;
}

.default-stylized-zigzag--bg-blue .default-stylized-zigzag__content,
.default-stylized-zigzag--bg-medium .default-stylized-zigzag__content {
    background-color: rgba(255, 255, 255, 0.95);
}

.default-stylized-zigzag--bg-dark {
    --dsz-bg: var(--dark-bg);
    --dsz-card-bg: #101b2d;
    --dsz-border: rgba(255, 255, 255, 0.12);
    --dsz-heading: var(--white-color);
    --dsz-text: #c0d0e0;
    --dsz-accent: #29c6ff;
}

.default-stylized-zigzag--no-card .default-stylized-zigzag__content {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.default-stylized-zigzag--bg-medium.default-stylized-zigzag--no-card {
    --dsz-heading: var(--white-color);
    --dsz-text: rgba(255, 255, 255, 0.92);
    --dsz-accent: var(--white-color);
}

.default-stylized-zigzag--bg-dark.default-stylized-zigzag--no-card {
    --dsz-card-bg: transparent;
}

@media (max-width: 768px) {
    .default-stylized-zigzag {
        padding: 3.5rem 1.25rem;
    }

    .default-stylized-zigzag__content {
        padding: 2rem;
    }

    .default-stylized-zigzag--no-card .default-stylized-zigzag__content {
        padding: 0;
    }
}

/* === template_part === */
.default-template-part {
    padding: 4rem 1.5rem;
    background-color: var(--white-color);
    font-family: 'area-normal', sans-serif;
}

.default-template-part__container {
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .default-template-part {
        padding: 3rem 1.25rem;
    }
}


/* === text_centered === */
.default-text-centered {
    --dtc-bg: var(--white-color);
    --dtc-card-bg: var(--white-color);
    --dtc-border: var(--border-color);
    --dtc-heading: var(--heading-color);
    --dtc-text: var(--text-color);
    --dtc-accent: var(--primary-color);
    padding: 5rem 1.5rem;
    background-color: var(--dtc-bg);
    font-family: 'area-normal', sans-serif;
}

.default-text-centered__container {
    max-width: 960px;
    margin: 0 auto;
}

.default-text-centered__container--wide {
    max-width: 1200px;
}

.default-text-centered__content {
    text-align: center;
}

.default-text-centered__card {
    background-color: var(--dtc-card-bg);
    border: 1px solid var(--dtc-border);
    border-radius: 0.75rem;
    padding: 3rem;
    box-shadow: 0 16px 30px -20px rgba(0, 0, 0, 0.25);
}

.default-text-centered--no-card .default-text-centered__card {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.default-text-centered__media {
    margin-bottom: 2rem;
}

.default-text-centered__image {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    display: inline-block;
}

.default-text-centered__richtext {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--dtc-text);
}

.default-text-centered__richtext h1,
.default-text-centered__richtext h2,
.default-text-centered__richtext h3,
.default-text-centered__richtext h4,
.default-text-centered__richtext h5,
.default-text-centered__richtext h6 {
    font-weight: 800;
    color: var(--dtc-heading);
    line-height: 1.2;
    margin: 0 0 1rem;
}

.default-text-centered__richtext p {
    margin: 0 0 1.25rem;
}

.default-text-centered__richtext ul,
.default-text-centered__richtext ol {
    margin: 1.5rem auto;
    padding-left: 1.5rem;
    text-align: left;
    max-width: 520px;
}

.default-text-centered__richtext ul {
    list-style: none;
    padding-left: 0;
}

.default-text-centered__richtext ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
}

.default-text-centered__richtext ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dtc-accent);
    font-weight: 700;
}

.default-text-centered__richtext ol {
    list-style: decimal;
    margin-left: auto;
    margin-right: auto;
}

.default-text-centered__button {
    --tw-bg-opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    padding: 0.875rem 2rem;
    background: var(--brand-gradient);
    color: var(--white-color);
    border-radius: 0.5rem;
    text-decoration: none;
    font-weight: 600;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.default-text-centered__button--secondary {
    background: rgb(242 88 13 / var(--tw-bg-opacity));
}

.default-text-centered__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -20px rgba(0, 0, 0, 0.35);
}

.default-text-centered--bg-light {
    --dtc-bg: var(--light-bg);
}

.default-text-centered--bg-blue {
    --dtc-bg: #0786e0;
    --dtc-card-bg: rgba(255, 255, 255, 0.95);
}

.default-text-centered--bg-dark {
    --dtc-bg: var(--dark-bg);
    --dtc-card-bg: #101b2d;
    --dtc-border: rgba(255, 255, 255, 0.12);
    --dtc-heading: var(--white-color);
    --dtc-text: #c0d0e0;
    --dtc-accent: #29c6ff;
}

.default-text-centered--bg-blue.default-text-centered--no-card,
.default-text-centered--bg-dark.default-text-centered--no-card {
    --dtc-heading: var(--white-color);
    --dtc-text: rgba(255, 255, 255, 0.9);
    --dtc-accent: var(--white-color);
}

.default-text-centered--bg-blue.default-text-centered--no-card .default-text-centered__richtext a,
.default-text-centered--bg-dark.default-text-centered--no-card .default-text-centered__richtext a {
    color: var(--white-color);
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}

.default-text-centered--bg-blue.default-text-centered--no-card .default-text-centered__richtext a:hover,
.default-text-centered--bg-dark.default-text-centered--no-card .default-text-centered__richtext a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

@media (max-width: 768px) {
    .default-text-centered {
        padding: 3.5rem 1.25rem;
    }

    .default-text-centered__card {
        padding: 2rem;
    }
}

/* === two_cards === */
.default-two-cards {
    --dtc-bg: var(--light-bg);
    --dtc-card-bg: var(--white-color);
    --dtc-border: var(--border-color);
    --dtc-heading: var(--heading-color);
    --dtc-text: var(--text-color);
    --dtc-accent: var(--primary-color);
    padding: 5rem 1.5rem;
    background-color: var(--dtc-bg);
    font-family: 'area-normal', sans-serif;
}

.default-two-cards__container {
    max-width: 1200px;
    margin: 0 auto;
}

.default-two-cards__grid {
    display: grid;
    gap: 2.5rem;
    align-items: start;
}

@media (min-width: 992px) {
    .default-two-cards__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.default-two-cards__card {
    background-color: var(--dtc-card-bg);
    border: 1px solid var(--dtc-border);
    border-radius: 0.75rem;
    padding: 2.5rem;
    box-shadow: 0 12px 25px -20px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.default-two-cards--no-card .default-two-cards__card {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.default-two-cards--no-card .default-two-cards__image {
    border-radius: 0;
    box-shadow: none;
}

.default-two-cards__media {
    width: 100%;
}

.default-two-cards__image {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
    display: block;
    box-shadow: 0 12px 24px -20px rgba(0, 0, 0, 0.25);
}

.default-two-cards__richtext {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--dtc-text);
}

.default-two-cards__richtext h1,
.default-two-cards__richtext h2,
.default-two-cards__richtext h3,
.default-two-cards__richtext h4,
.default-two-cards__richtext h5,
.default-two-cards__richtext h6 {
    font-weight: 700;
    color: var(--dtc-heading);
    line-height: 1.3;
    margin: 0 0 1rem;
}

.default-two-cards__richtext p {
    margin: 0 0 1rem;
}

.default-two-cards__richtext ul,
.default-two-cards__richtext ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
    text-align: left;
}

.default-two-cards__richtext ul {
    list-style: none;
    padding-left: 0;
}

.default-two-cards__richtext ul li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
}

.default-two-cards__richtext ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--dtc-accent);
    font-weight: 700;
}

.default-two-cards__richtext ol {
    list-style: decimal;
    margin-left: 1.25rem;
}

.default-two-cards--bg-light {
    --dtc-bg: var(--light-bg);
}

.default-two-cards--bg-blue {
    --dtc-bg: #0786e0;
    --dtc-card-bg: rgba(255, 255, 255, 0.95);
}

.default-two-cards--bg-dark {
    --dtc-bg: var(--dark-bg);
    --dtc-card-bg: #101b2d;
    --dtc-border: rgba(255, 255, 255, 0.12);
    --dtc-heading: var(--white-color);
    --dtc-text: #c0d0e0;
    --dtc-accent: #29c6ff;
}

@media (max-width: 768px) {
    .default-two-cards {
        padding: 3.5rem 1.25rem;
    }

    .default-two-cards__card {
        padding: 2rem;
    }
}

/* === blog === */
/* ========================================
   BLOG STYLES - AIIMS Theme
======================================== */

:root {
    --primary-color: #0786E0;
    --secondary-color: #F2580D;
    --heading-color: #011a37;
    --text-color: #5a6470;
    --light-bg: #f8fafc;
    --white-color: #fff;
    --dark-bg: #0c1522;
    --border-color: #e5e7eb;
    --brand-gradient: linear-gradient(62deg, #0786E0 8.51%, #29C6FF 70.52%);
    --shadow-light: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
    --shadow-medium: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

/* ========================================
   BREADCRUMBS
======================================== */

.breadcrumbs {
    margin-bottom: 2rem;
    padding: 1rem 0;
    font-size: 0.875rem;
}

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
    color: var(--text-color);
    text-decoration: none;
}

.breadcrumbs a {
    color: var(--primary-color);
    font-weight: 500;
    transition: color 0.3s ease;
}

.breadcrumbs a:hover {
    color: var(--secondary-color);
}

.breadcrumbs .breadcrumb_last {
    color: var(--heading-color);
    font-weight: 600;
}

.breadcrumbs span.sep,
.breadcrumbs .separator {
    margin: 0 0.5rem;
    color: var(--text-color);
    opacity: 0.5;
}

/* Yoast Breadcrumb Styling */
#breadcrumbs {
    margin-bottom: 2rem;
    padding: 1rem 0;
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .breadcrumbs,
    #breadcrumbs {
        font-size: 0.8125rem;
        padding: 0.75rem 0;
        margin-bottom: 1.5rem;
    }
}

/* ========================================
   BLOG ARCHIVE / HOME PAGE
======================================== */

.blog-header {
    background: var(--brand-gradient);
    padding: 6rem 1rem 4rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.blog-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(41, 198, 255, 0.1) 0%, rgba(7, 134, 224, 0.1) 100%);
    pointer-events: none;
}

.blog-header-content {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.blog-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--white-color);
    margin-bottom: 1rem;
    line-height: 1.1;
}

@media (min-width: 768px) {
    .blog-title {
        font-size: 4rem;
    }
}

.blog-description {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 48rem;
    margin: 0 auto;
    line-height: 1.7;
}

/* Blog Posts Grid */
.blog-posts-section {
    padding: 4rem 1rem;
    background-color: var(--light-bg);
}

.blog-posts-container {
    max-width: 1280px;
    margin: 0 auto;
}

.blog-posts-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .blog-posts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }
}

@media (min-width: 1024px) {
    .blog-posts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Blog Card */
.blog-card {
    background: var(--white-color);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: var(--shadow-light);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-medium);
}

.blog-card-image {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.05);
}

.blog-card-content {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.blog-card-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.blog-card-date,
.blog-card-author,
.blog-card-category {
    font-size: 0.875rem;
    color: var(--primary-color);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.blog-card-date i,
.blog-card-author i,
.blog-card-category i {
    font-size: 1rem;
}

.blog-card-category {
    background: rgba(7, 134, 224, 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
}

.blog-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 1rem;
    line-height: 1.3;
}

.blog-card-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-card-title a:hover {
    color: var(--primary-color);
}

.blog-card-excerpt {
    color: var(--text-color);
    line-height: 1.7;
    margin-bottom: 1.5rem;
    flex-grow: 1;
}

.blog-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blog-card-link i {
    font-size: 0.875rem;
    transition: transform 0.3s ease;
}

.blog-card-link:hover {
    color: var(--secondary-color);
    gap: 0.75rem;
}

.blog-card-link:hover i {
    transform: translateX(3px);
}

/* Pagination */
.blog-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.blog-pagination a,
.blog-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
}

.blog-pagination a {
    background: var(--white-color);
    color: var(--primary-color);
    border: 2px solid var(--border-color);
}

.blog-pagination a:hover {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.blog-pagination span.current {
    background: var(--brand-gradient);
    color: var(--white-color);
    border: 2px solid transparent;
}

/* ========================================
   SINGLE POST
======================================== */

.single-post-section {
    padding: 4rem 1rem;
    background-color: var(--light-bg);
}

.single-post-container {
    max-width: 900px;
    margin: 0 auto;
}

/* Post Header */
.single-post-header {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 3rem;
    margin-bottom: 2rem;
    box-shadow: var(--shadow-light);
}

.single-post-meta {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.post-meta-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--text-color);
}

.post-meta-item i {
    color: var(--primary-color);
    font-size: 1.125rem;
}

.post-categories {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.post-category {
    background: rgba(7, 134, 224, 0.1);
    color: var(--primary-color);
    padding: 0.375rem 1rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.post-category:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.single-post-title {
    margin-top: 1.5rem;
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .single-post-title {
        font-size: 3rem;
    }
}

/* Featured Image */
.single-post-featured-image {
    margin-bottom: 2rem;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: var(--shadow-light);
}

.single-post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Post Content */
.single-post-content {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 3rem;
    box-shadow: var(--shadow-light);
}

/* Rich Text Content Styling */
.post-content {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
}

.post-content > *:first-child {
    margin-top: 0;
}

.post-content > *:last-child {
    margin-bottom: 0;
}

.post-content p {
    margin-bottom: 1.5rem;
    color: var(--text-color);
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.3;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}

.post-content h2 {
    font-size: 2rem;
    background: var(--brand-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.post-content h3 {
    font-size: 1.75rem;
}

.post-content h4 {
    font-size: 1.5rem;
}

.post-content h5 {
    font-size: 1.25rem;
}

.post-content h6 {
    font-size: 1.125rem;
}

.post-content a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.post-content a:hover {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.post-content strong,
.post-content b {
    font-weight: 700;
    color: var(--heading-color);
}

.post-content em,
.post-content i {
    font-style: italic;
    color: var(--primary-color);
}

.post-content ul,
.post-content ol {
    margin: 1.5rem 0;
    padding-left: 2rem;
}

.post-content ul {
    list-style: none;
}

.post-content ul li {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.post-content ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2em;
}

.post-content ol {
    list-style: decimal;
}

.post-content ol li {
    margin-bottom: 1rem;
}

.post-content blockquote {
    position: relative;
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    background: rgba(7, 134, 224, 0.05);
    border-left: 4px solid var(--primary-color);
    border-radius: 0.5rem;
    font-style: italic;
    color: var(--heading-color);
}

.post-content blockquote p {
    margin-bottom: 0.75rem;
}

.post-content blockquote p:last-child {
    margin-bottom: 0;
}

.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    margin: 2rem auto;
    display: block;
    box-shadow: var(--shadow-light);
}

.post-content figure {
    margin: 2rem 0;
}

.post-content figcaption {
    text-align: center;
    font-size: 0.9rem;
    color: var(--text-color);
    margin-top: 0.75rem;
    font-style: italic;
}

.post-content code {
    background: var(--light-bg);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.9em;
    color: var(--heading-color);
    border: 1px solid var(--border-color);
    font-family: 'Courier New', monospace;
}

.post-content pre {
    background: var(--dark-bg);
    color: var(--white-color);
    padding: 1.5rem;
    border-radius: 0.75rem;
    overflow-x: auto;
    margin: 2rem 0;
    border: 1px solid var(--border-color);
}

.post-content pre code {
    background: transparent;
    padding: 0;
    border: none;
    color: var(--white-color);
}

.post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: var(--shadow-light);
}

.post-content th,
.post-content td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.post-content th {
    background: var(--primary-color);
    color: var(--white-color);
    font-weight: 600;
}

.post-content tr:last-child td {
    border-bottom: none;
}

.post-content tr:nth-child(even) {
    background: rgba(7, 134, 224, 0.03);
}

.post-content hr {
    border: none;
    height: 2px;
    background: var(--brand-gradient);
    margin: 3rem 0;
    border-radius: 1px;
}

/* WordPress Alignment Classes */
.post-content .alignleft {
    float: left;
    margin: 0.5rem 1.5rem 1rem 0;
}

.post-content .alignright {
    float: right;
    margin: 0.5rem 0 1rem 1.5rem;
}

.post-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* WordPress Gallery */
.post-content .wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

/* Post Footer */
.single-post-footer {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2rem;
    margin-top: 2rem;
    box-shadow: var(--shadow-light);
}

.post-tags {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.post-tags strong {
    color: var(--heading-color);
    margin-right: 0.5rem;
}

.post-tag {
    background: var(--light-bg);
    color: var(--text-color);
    padding: 0.375rem 1rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.post-tag:hover {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

/* Post Navigation */
.post-navigation {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .post-navigation {
        grid-template-columns: 1fr 1fr;
    }
}

.post-nav-link {
    background: var(--light-bg);
    padding: 1.5rem;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.post-nav-link:hover {
    background: var(--white-color);
    border-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: var(--shadow-light);
}

.post-nav-link-prev {
    text-align: left;
}

.post-nav-link-next {
    text-align: right;
}

.post-nav-label {
    font-size: 0.875rem;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

.post-nav-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--heading-color);
}

/* ========================================
   COMMENTS SECTION
======================================== */

.comments-area {
    background: var(--white-color);
    border-radius: 1rem;
    padding: 3rem;
    box-shadow: var(--shadow-light);
}

.comments-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-color);
}

/* Comment List */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

.comment-list .comment {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--light-bg);
    border-radius: 0.75rem;
    border-left: 3px solid var(--primary-color);
}

.comment-list .children {
    list-style: none;
    margin-left: 2rem;
    margin-top: 1.5rem;
}

.comment-body {
    position: relative;
}

.comment-author {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.comment-author .avatar {
    border-radius: 50%;
    border: 2px solid var(--primary-color);
}

.comment-author .fn {
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--heading-color);
    font-style: normal;
}

.comment-author .says {
    display: none;
}

.comment-metadata {
    font-size: 0.875rem;
    color: var(--text-color);
    margin-bottom: 1rem;
}

.comment-metadata a {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.comment-metadata a:hover {
    color: var(--secondary-color);
}

.comment-content {
    color: var(--text-color);
    line-height: 1.7;
    margin-bottom: 1rem;
}

.comment-content p {
    margin-bottom: 1rem;
}

.comment-content p:last-child {
    margin-bottom: 0;
}

.reply {
    margin-top: 1rem;
}

.comment-reply-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--primary-color);
    color: var(--white-color);
    text-decoration: none;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.comment-reply-link:hover {
    background: var(--secondary-color);
    transform: translateY(-2px);
    box-shadow: var(--shadow-light);
}

/* Comment awaiting moderation */
.comment-awaiting-moderation {
    display: block;
    padding: 0.75rem 1rem;
    background: rgba(242, 88, 13, 0.1);
    color: var(--secondary-color);
    border-left: 3px solid var(--secondary-color);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

/* Pingbacks & Trackbacks */
.pingback,
.trackback {
    padding: 1rem;
    background: var(--light-bg);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

/* Comment Form */
.comment-respond {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid var(--border-color);
}

.comment-reply-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 1.5rem;
}

.comment-reply-title small {
    font-size: 0.875rem;
    font-weight: 400;
}

.comment-reply-title small a {
    color: var(--primary-color);
    text-decoration: none;
    margin-left: 0.5rem;
}

.comment-reply-title small a:hover {
    color: var(--secondary-color);
    text-decoration: underline;
}

.comment-form {
    display: grid;
    gap: 1.5rem;
}

.comment-form-comment {
    grid-column: 1 / -1;
}

.comment-form label {
    display: block;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: 0.5rem;
    font-size: 1rem;
    font-family: 'area-normal', Arial, sans-serif;
    color: var(--text-color);
    transition: all 0.3s ease;
    background: var(--white-color);
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(7, 134, 224, 0.1);
}

.comment-form textarea {
    min-height: 150px;
    resize: vertical;
}

.form-submit {
    margin-top: 1rem;
}

.form-submit .submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 2rem;
    background: var(--brand-gradient);
    color: var(--white-color);
    border: none;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'area-normal', Arial, sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-light);
}

.form-submit .submit:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-medium);
}

.form-submit .submit:active {
    transform: translateY(0);
}

/* Comment Form Notes */
.comment-notes,
.comment-form-cookies-consent {
    font-size: 0.875rem;
    color: var(--text-color);
    line-height: 1.6;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.comment-form-cookies-consent input[type="checkbox"] {
    margin-top: 0.25rem;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.required {
    color: var(--secondary-color);
}

/* No Comments Message */
.no-comments {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-color);
    font-size: 1.125rem;
}

/* Comment Navigation */
.comment-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border-color);
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    flex: 1;
}

.comment-navigation .nav-next {
    text-align: right;
}

.comment-navigation a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.comment-navigation a:hover {
    color: var(--secondary-color);
}

/* Responsive Comments */
@media (max-width: 768px) {
    .comments-area {
        padding: 2rem;
    }
    
    .comments-title {
        font-size: 1.75rem;
    }
    
    .comment-list .children {
        margin-left: 1rem;
    }
    
    .comment-reply-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .comments-area {
        padding: 1.5rem;
    }
    
    .comments-title {
        font-size: 1.5rem;
    }
    
    .comment-list .children {
        margin-left: 0.5rem;
    }
    
    .comment-author {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .blog-header {
        padding: 4rem 1rem 3rem;
    }
    
    .blog-title {
        font-size: 2.25rem;
    }
    
    .blog-posts-section {
        padding: 3rem 1rem;
    }
    
    .single-post-header,
    .single-post-content {
        padding: 2rem;
    }
    
    .single-post-title {
        font-size: 2rem;
    }
    
    .post-content {
        font-size: 1rem;
    }
    
    .post-content h2 {
        font-size: 1.75rem;
    }
    
    .post-content h3 {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .single-post-header,
    .single-post-content,
    .single-post-footer {
        padding: 1.5rem;
    }
    
    .post-content {
        font-size: 0.95rem;
    }
}



/* === inner-areas === */
:root {
	--primary-color: #0786E0;
	--secondary-color: #F2580D;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--light-bg: #f8fafc;
	--white-color: #fff;
	--dark-bg: #0c1522;
	--border-color: #e5e7eb;
	--brand-gradient: linear-gradient(62deg, #0786E0 8.51%, #29C6FF 70.52%);
	--dark-gradient: linear-gradient(62deg, #29c6ff 8.51%, #0786e0 70.52%);
}
.tab-pane { display: none; animation: fadeIn 0.5s ease; }
.tab-pane.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.tabs-nav .tab-button {
    transition: all 0.3s ease;
    border-radius: 9999px;
    padding: 0.5rem 1.5rem;
    font-weight: 700;
    color: #A1BCC5;
    background-color: var(--white-color);
    border: 1px solid var(--primary-color);
}
.tabs-nav .tab-button:hover {
    background: rgba(21, 160, 237, 0.20);
    color: var(--primary-color);
}
.tabs-nav .tab-button.active {
    background: rgba(21, 160, 237, 0.20);
    color: var(--primary-color);
}
.tabs-nav .tab-button.active .tab-button-text,
.tabs-nav .tab-button:hover .tab-button-text {
    background: var(--brand-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1024px) {
    .process-timeline::before {
        content: '';
        position: absolute;
        top: 24px;
        left: 10%;
        width: 80%;
        height: 2px;
        background-color: var(--border-color);
        z-index: 1;
    }
}

#introduction {
	--primary-color: #0786E0;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--light-bg: #f8fafc;
	--white-color: #fff;
	--border-color: #e5e7eb;
}

.introduction-section {
	padding: 6rem 1rem;
	background-color: var(--light-bg);
	font-family: 'area-normal', sans-serif;
}

.introduction-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.introduction-grid {
	display: grid;
	align-items: center;
	gap: 3rem;
}

@media (min-width: 1024px) {
	.introduction-grid {
		grid-template-columns: repeat(2, 1fr);
        gap: 4rem;
	}
}

.introduction-content .eyebrow-text {
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 1rem;
}

.introduction-content h2 {
	font-size: 2.75rem;
	font-weight: 800;
	color: var(--heading-color);
	line-height: 1.2;
	margin: 0;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.introduction-content h2 {
		font-size: 3.25rem;
	}
}

.introduction-content p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: var(--text-color);
	max-width: 42rem;
    margin: 0;
}

.credentials-card {
	background-color: var(--white-color);
	padding: 2.5rem;
	border-radius: 0.75rem;
	border: 1px solid var(--border-color);
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
}

.credential-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-bottom: 1.25rem;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid var(--border-color);
}

.credential-item:last-of-type {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.credential-icon {
	font-size: 1.5rem;
	color: var(--primary-color);
}

.credential-label {
	font-weight: 600;
	color: var(--heading-color);
}

.credentials-text {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--text-color);
    margin: 0;
}

#why-important {
	--primary-color: #f2580d;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--light-bg: #f8fafc;
	--white-color: #fff;
	--border-color: #e5e7eb;
}

.why-important-section {
	padding: 6rem 1rem;
	font-family: 'area-normal', sans-serif;
}

.why-important-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.why-important-section .section-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 3.5rem;
}

.why-important-section .section-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.why-important-section .section-header p {
    font-size: 1.125rem;
    color: var(--text-color);
    line-height: 1.7;
}

.benefits-grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .benefits-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.benefit-card {
    background-color: var(--white-color);
    padding: 2.5rem 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--border-color);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1);
}

.benefit-icon-wrapper {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.benefit-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 0.5rem;
}

.benefit-description {
    font-size: 0.95rem;
    color: var(--text-color);
    line-height: 1.6;
    margin: 0;
}

.why-important-section .section-footer {
    text-align: center;
    margin-top: 3rem;
}

.why-important-section .section-footer p {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--heading-color);
}

#leak-symptoms {
	--primary-color: #0786E0;
	--secondary-color: #F2580D;
	--white-color: #fff;
    --heading-color: #011a37;
    --text-color: #5a6470;
    --border-color: #e5e7eb;
}

.leak-symptoms-section {
	padding: 6rem 1rem;
	font-family: 'area-normal', sans-serif;
	background: linear-gradient(62deg, #29c6ff 8.51%, #0786e0 70.52%);
	color: var(--white-color);
}

.leak-symptoms-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.symptoms-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 4rem;
}

.symptoms-header h3 {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.symptoms-header p {
    font-size: 1.125rem;
    line-height: 1.7;
    opacity: 0.9;
}

.symptoms-grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .symptoms-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .symptoms-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.symptom-card {
    background-color: var(--white-color);
    border-radius: 0.5rem;
    padding: 2rem;
    border: 1px solid transparent;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
}

.symptom-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
}

.symptom-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.symptom-icon {
    font-size: 1.75rem;
    color: var(--primary-color);
    flex-shrink: 0;
}

.symptom-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--heading-color);
    line-height: 1.5;
    text-align: left;
}

.symptoms-footer {
    text-align: center;
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 2px solid var(--secondary-color);
}

.symptoms-footer p {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.7;
    margin: 0;
}

.symptoms-footer strong {
    color: var(--white-color);
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#common-causes {
	--primary-color: #0786E0;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--white-color: #fff;
	--border-color: #e5e7eb;
}

.common-causes-section {
	padding: 6rem 1rem;
	background-color: var(--white-color);
	font-family: 'area-normal', sans-serif;
}

.common-causes-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.causes-layout-grid {
	display: grid;
	align-items: flex-start;
	gap: 3rem;
}

@media (min-width: 1024px) {
	.causes-layout-grid {
		grid-template-columns: 1fr 1.5fr;
        gap: 5rem;
	}
}

.causes-introduction h3 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.causes-introduction p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-color);
    margin-bottom: 1.5rem;
}

.causes-introduction .conclusion-text {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
    font-style: italic;
    color: var(--heading-color);
}

.causes-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.causes-list li {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

.causes-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.causes-list .list-icon {
    font-size: 1.75rem;
    color: var(--primary-color);
    margin-top: 0.25rem;
    width: 28px;
    text-align: center;
}

.causes-list .list-text strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--heading-color);
}

.causes-list .list-text span {
    font-size: 1rem;
    color: var(--text-color);
}

#our-services {
	--primary-color: #0786E0;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--light-bg: #f8fafc;
	--white-color: #fff;
	--border-color: #e5e7eb;
}

.our-services-section {
    padding: 6rem 1rem;
    background-color: var(--light-bg);
    font-family: 'area-normal', sans-serif;
}

.our-services-section .container {
    max-width: 1280px;
    margin: 0 auto;
}

.services-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 3.5rem;
}

.services-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.services-header p {
    font-size: 1.125rem;
    color: var(--text-color);
}

.services-layout-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .services-layout-grid {
        grid-template-columns: 300px 1fr;
        gap: 3rem;
    }
}

.service-navigation {
    position: sticky;
    top: 2rem;
    align-self: start;
}

.service-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    .service-menu {
       flex-direction: column;
    }
}

.service-nav-button {
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    background-color: var(--white-color);
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.service-nav-button i {
    color: var(--primary-color);
    font-size: 1.25rem;
    width: 24px;
    transition: transform 0.3s ease;
}

.service-nav-button:hover {
    border-color: var(--primary-color);
    background-color: #eef8ff;
    color: var(--heading-color);
}

.service-nav-button.active {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
    box-shadow: 0 4px 14px rgba(7, 134, 224, 0.25);
}

.service-nav-button.active i {
    color: var(--white-color);
    transform: scale(1.1);
}

.service-content-pane {
    display: none;
    animation: contentFadeIn 0.5s ease;
    background-color: var(--white-color);
    padding: 2.5rem;
    border-radius: 0.75rem;
    line-height: 1.8;
}

.service-content-pane.active {
    display: block;
}

.service-content-pane h3 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 1.5rem;
}

.service-content-pane h4 {
    font-weight: 700;
    color: var(--heading-color);
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.service-content-pane ul {
    list-style: disc;
    padding-left: 1.25rem;
}

#property-types {
	--primary-color: #FF842A;
    --secondary-color: #fff;
	--white-color: #fff;
    --dark-bg: #0678c9;
    --light-text-color: #fff;
}

.property-types-section {
	padding: 6rem 1rem;
	font-family: 'area-normal', sans-serif;
	background-color: var(--dark-bg);
	color: var(--light-text-color);
}

.property-types-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.property-types-section .section-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 4rem;
}

.property-types-section .section-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--white-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.property-types-section .section-header p {
    font-size: 1.125rem;
    line-height: 1.7;
    opacity: 0.9;
}

.property-types-grid {
    display: grid;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .property-types-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.property-card {
    background-color: #fff;
    color: rgb(0 34 105/var(--tw-text-opacity));
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
}

.property-card .card-header {
    padding: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

.property-card .card-icon {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.property-card h3 {
    font-size: 1.75rem;
    font-weight: 700;
    color:rgb(0 34 105/var(--tw-text-opacity));
    line-height: 1.3;
    margin: 0;
}

.property-card .card-body {
    padding: 2rem;
    flex-grow: 1;
}

.property-card .card-body p {
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.property-card .card-body p:last-child {
    margin-bottom: 0;
}

.property-card .card-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.property-card .card-body li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.property-card .card-body li::before {
    content: '\f00c'; /* Font Awesome checkmark icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: var(--secondary-color);
    margin-top: 0.25rem;
}

#emergency-response {
	--primary-color: #0786E0;
	--secondary-color: #F2580D;
	--white-color: #fff;
    --dark-bg: #0c1522;
    --light-text-color: #c0d0e0;
}

.emergency-response-section {
	padding: 6rem 1rem;
	font-family: 'area-normal', sans-serif;
	background-color: var(--dark-bg);
	color: var(--white-color);
    text-align: center;
}

.emergency-response-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.emergency-wrapper {
    max-width: 48rem;
    margin: 0 auto;
}

.emergency-icon {
    font-size: 3.5rem;
    color: var(--secondary-color);
    margin-bottom: 2rem;
}

.emergency-wrapper h2 {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.emergency-description {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--light-text-color);
    margin-bottom: 2.5rem;
}

.emergency-description p {
    margin-bottom: 1rem;
}

.emergency-description p:last-child {
    margin-bottom: 0;
}

.emergency-cta-wrapper p {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0;
    padding: 1.5rem;
    border: 2px solid var(--secondary-color);
    border-radius: 0.5rem;
    background-color: rgba(242, 88, 13, 0.1);
}
#technology {
	--primary-color: #0786E0;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--white-color: #fff;
    --light-bg: #f8fafc;
	--border-color: #e5e7eb;
}

.technology-section {
	padding: 6rem 1rem;
	background-color: var(--white-color);
	font-family: 'area-normal', sans-serif;
}

.technology-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.technology-section .section-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 4rem;
}

.technology-section .section-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.technology-section .section-header p {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-color);
}

.technology-grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .technology-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .technology-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.tech-card {
    background-color: var(--light-bg);
    border-radius: 0.75rem;
    padding: 2em;
    text-align: center;
}

.tech-icon {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
    display: inline-block;
}

.tech-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 0.1rem;
}

.tech-description {
    font-size: 1rem;
    color: var(--text-color);
    line-height: 1.6;
    margin: 0;
}

.technology-section .section-footer {
    text-align: center;
    margin-top: 4rem;
}

.technology-section .section-footer p {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--heading-color);
    max-width: 48rem;
    margin: 0 auto;
}

#all-in-one {
	--primary-color: #0786E0;
    --secondary-color: #F2580D;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--light-bg: #f8fafc;
	--white-color: #fff;
	--border-color: #e5e7eb;
}

.all-in-one-section {
	padding: 6rem 1rem;
	background-color: var(--light-bg);
	font-family: 'area-normal', sans-serif;
}

.all-in-one-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.all-in-one-section .section-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 4rem;
}

.all-in-one-section .section-header h2 {
    font-size: 2.6rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
}

.process-flow-grid {
    display: grid;
    align-items: center;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .process-flow-grid {
        grid-template-columns: 1fr auto 1fr;
        gap: 3rem;
    }
}

.process-step-card {
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
    border-radius: 0.75rem;
    padding: 2.5rem;
    text-align: center;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.step-icon-wrapper {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 2rem;
}

.step-content p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-color);
    margin: 0;
}

.step-content p + p {
    margin-top: 1.5rem;
}

.step-content .tagline {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--heading-color);
}

.process-flow-arrow {
    display: none;
    font-size: 3rem;
    color: var(--primary-color);
    text-align: center;
}

@media (min-width: 1024px) {
    .process-flow-arrow {
       display: block;
    }
}
#who-we-work-with {
	--primary-color: #f2580d;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--white-color: #fff;
    --light-bg: #fff;
	--border-color: #e5e7eb;
}

.who-we-work-with-section {
	padding: 6rem 1rem;
	background-color: var(--white-color);
	font-family: 'area-normal', sans-serif;
}

.who-we-work-with-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.who-we-work-with-section .section-header {
    text-align: center;
    max-width: 42rem;
    margin: 0 auto 4rem;
}

.who-we-work-with-section .section-header h3 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.who-we-work-with-section .section-header p {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-color);
}

.client-grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .client-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .client-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.client-card {
    background-color: var(--light-bg);
    padding: 2.5rem;
    border: 1px solid var(--border-color);
    border-radius: 0.75rem;
    text-align: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.client-card:hover {
    background-color: var(--white-color);
    border-color: var(--primary-color);
}

.client-icon {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.client-name {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--heading-color);
    line-height: 1.4;
    margin: 0;
}
/* Shared Variables & Styles */
#process-overview,
#why-choose-us,
#service-areas {
	--primary-color: #0786E0;
    --secondary-color: #F2580D;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--white-color: #fff;
    --light-bg: #fff;
	--border-color: #e5e7eb;
    --dark-gradient: linear-gradient(62deg, #29c6ff 8.51%, #0786e0 70.52%);
}

#process-overview{
    border-top: 1px solid #e5e7eb;
}

.process-overview-section,
.why-choose-section,
.service-areas-section {
	padding: 6rem 1rem;
	font-family: 'area-normal', sans-serif;
	border-bottom: 1px solid var(--border-color);
}

.process-overview-section .container,
.why-choose-section .container,
.service-areas-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.service-areas-section .container {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}


.process-overview-section .section-header,
.why-choose-section .section-header,
.service-areas-section .section-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 4rem;
}

.service-areas-section .section-header {
  text-align: center;
  max-width: 100%;
  margin: 0 auto 2rem;
}

.process-overview-section .section-header h2,
.why-choose-section .section-header h2,
.service-areas-section .section-header h3 {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: var(--heading-color);
}

.process-overview-section .section-header p,
.why-choose-section .section-header p,
.service-areas-section .section-header p {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--text-color);
}

.process-overview-section .section-footer,
.why-choose-section .section-footer {
    text-align: center;
    margin-top: 3rem;
}

.process-overview-section .section-footer p,
.why-choose-section .section-footer p {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--heading-color);
    max-width: 48rem;
    margin: 0 auto;
}

/* Section 1: Process Timeline */
.process-overview-section {
    background-color: var(--light-bg);
}

.process-timeline-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .process-timeline-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.timeline-step {
    border-radius: 0.75rem;
}

.step-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 2px solid #f2580d;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.step-number {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--primary-color);
    background-color: #eef8ff;
}

.timeline-step h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--heading-color);
    text-align: left;
    margin: 0;
}

.timeline-step p {
    font-size: 0.95rem;
    text-align: left;
    line-height: 1.6;
    color: var(--text-color);
    margin: 0;
}

/* Section 2: Why Choose Us (Dark Gradient) */
.why-choose-section {
    background-image: var(--dark-gradient);
}

.why-choose-section .section-header h2,
.why-choose-section .section-footer p {
    color: var(--white-color);
}


.reasons-grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .reasons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .reasons-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.reason-card {
    background-color: #fff;
    padding: 2.5rem 2rem;
    border-radius: 0.75rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.reason-icon-wrapper {
    font-size: 2.5rem;
    color: var(--secondary-color);
    margin-bottom: 1.5rem;
}

.reason-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--white-color);
    line-height: 1.5;
    margin: 0;
}

/* Section 3: Service Areas */
.service-areas-section {
    background-color: var(--light-bg);
}

.areas-list-container {
    background-color: var(--white-color);
    padding: 2.5rem;
    border: 1px solid var(--border-color);
    border-radius: 0.75rem;
    max-width: 56rem;
    margin: 0 auto;
}

.areas-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 1rem 2rem;
}

@media (min-width: 768px) {
    .areas-list ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

.areas-list li {
    font-weight: 500;
    color: var(--text-color);
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.areas-list li:nth-last-child(-n+2) {
    border-bottom: none;
}

@media (max-width: 767px) {
    .areas-list li:last-child {
        border-bottom: none;
    }
}

.areas-list li i {
    color: var(--primary-color);
    margin-right: 0.75rem;
}

#faq {
	--primary-color: #0786E0;
	--heading-color: #011a37;
	--text-color: #5a6470;
	--white-color: #fff;
    --light-bg: #f8fafc;
	--border-color: #e5e7eb;
}

.faq-section {
	padding: 6rem 1rem;
	background-color: var(--white-color);
	font-family: 'area-normal', sans-serif;
}

.faq-section .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.faq-section .section-header {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 4rem;
}

.faq-section .section-header h2 {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--heading-color);
    line-height: 1.2;
    background: none;
}

.faq-list {
    display: grid;
    gap: 1.5rem;
    max-width: 100%;
    margin: 0 auto;
}

.faq-item {
    background-color: #fff;
    border-left-color: var(--primary-color);
    padding: 1rem;
}

.faq-question {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.4;
}

.faq-question i {
    display: none;
    font-size: 1.5rem;
    color: var(--primary-color);
}

.faq-answer {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--border-color);
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.25rem;
}

.faq-answer p {
    margin: 0;
}