.cta-window{width:100%;height:100svh;padding:1rem;position:relative;overflow:hidden}.cta-window .container{background-color:var(--base-450);border-radius:2rem;align-items:flex-end;display:flex;position:relative;overflow:hidden}.cta-window .cta-window-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.cta-window .cta-window-img-overlay{background-color:#141313a6;width:100%;height:100%;position:absolute;top:0;left:0}.cta-window .cta-window-header{text-align:center;width:100%;color:var(--base-100);padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-window .cta-window-header h1{margin-bottom:2rem;font-size:5vw}.cta-subscription-container{flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.subscription-title{color:var(--base-100);text-align:center;font-size:1.5rem;font-weight:600;line-height:1.4}.subscription-form{justify-content:center;width:100%;max-width:400px;display:flex}.subscription-btn-input{background:var(--glass-btn-bg);width:20rem;height:3.3rem;-webkit-backdrop-filter:var(--glass-btn-filter);backdrop-filter:var(--glass-btn-filter);box-shadow:var(--glass-btn-ring);cursor:text;border:none;border-radius:4rem;outline:none;margin:1rem 0;padding:.15rem;font-size:.9rem;display:inline-block;position:relative;overflow:hidden;transform:scale(1)}.subscription-btn-input .circle{background:var(--mhg-primary);z-index:2;border-radius:4rem;width:3rem;height:3rem;margin:0;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);display:block;position:absolute;top:.15rem;right:.15rem;overflow:hidden;transform:scale(1)}.subscription-btn-input .icon{width:3rem;height:3rem;color:var(--base-100);will-change:transform;cursor:pointer;z-index:4;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);display:flex;position:absolute;top:.15rem;right:.15rem}.subscription-btn-input .input-text{text-align:left;color:var(--glass-btn-ink);font-family:"Uni-Sans", var(--font-arabic), sans-serif;white-space:nowrap;z-index:5;margin:0;font-weight:600;line-height:1;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:50%;left:1.5rem;right:4rem;transform:translateY(-50%)}.subscription-btn-input .line{color:var(--glass-btn-ink);font-size:1rem;font-family:"Uni-Sans", var(--font-arabic), sans-serif;will-change:transform;cursor:text;z-index:6;background:0 0;border:none;outline:none;width:100%;margin:0;padding:.75rem 0;font-weight:600;position:relative}.subscription-btn-input .line::placeholder{color:#ffffffa8;opacity:1;font-weight:500}.subscription-btn-input .line:focus{outline:none}.subscription-btn-input .line:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--glass-btn-ink)!important;background-color:#0000!important;background-image:none!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.subscription-btn-input .line:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--glass-btn-ink)!important;background-color:#0000!important;background-image:none!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.subscription-btn-input .line:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--glass-btn-ink)!important;background-color:#0000!important;background-image:none!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.subscription-btn-input .line:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--glass-btn-ink)!important;background-color:#0000!important;background-image:none!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}:-webkit-any(.subscription-btn-input:hover .line:-webkit-autofill,.subscription-btn-input:focus-within .line:-webkit-autofill){-webkit-text-fill-color:var(--base-100)!important}:is(.subscription-btn-input:hover .line:autofill,.subscription-btn-input:focus-within .line:autofill){-webkit-text-fill-color:var(--base-100)!important}.subscription-btn-input:hover .circle,.subscription-btn-input:focus-within .circle{border-radius:4rem;width:calc(100% - .3rem);height:calc(100% - .3rem)}.subscription-btn-input:hover .icon,.subscription-btn-input:focus-within .icon{transform:scale(1.1)}.subscription-btn-input:hover .input-text,.subscription-btn-input:hover .line,.subscription-btn-input:focus-within .input-text,.subscription-btn-input:focus-within .line{color:var(--base-100)}.subscription-btn-input:hover .line::placeholder,.subscription-btn-input:focus-within .line::placeholder{color:var(--base-200)}.subscription-btn-input:focus-within{cursor:text}.subscription-btn-input:focus-within .circle{background:var(--mhg-primary);box-shadow:0 0 0 2px #006eb64d}.cta-window .cta-window-footer{z-index:1;width:100%;color:var(--base-100);justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex;position:relative}.cta-window .cta-window-footer .cta-window-callout{width:25%}.cta-window .cta-window-footer .cta-window-description{text-align:right;width:25%}.cta-window .cta-window-footer p{color:var(--base-300)}@media (max-width:1000px){.cta-window .cta-window-header h1{font-size:7vw}.subscription-title{font-size:1.25rem}.subscription-form{max-width:350px}.subscription-btn-input{width:18rem;font-size:.85rem}.subscription-btn-input .circle{width:2.75rem;height:2.75rem}.subscription-btn-input .icon{width:2.75rem;height:2.75rem;font-size:1.3rem;top:.15rem;right:.15rem}.subscription-btn-input .input-text{left:1.25rem;right:3.5rem}.subscription-btn-input .line{font-size:.9rem}.cta-window .cta-window-footer{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1rem}.cta-window .cta-window-footer .cta-window-callout,.cta-window .cta-window-footer .cta-window-description{width:100%}.cta-window .cta-window-footer .cta-window-description{text-align:left}}@media (max-width:600px){.cta-window .cta-window-header h1{font-size:9vw}.subscription-title{font-size:1.1rem}.subscription-form{max-width:300px}.subscription-btn-input{width:16rem;font-size:.8rem}.subscription-btn-input .circle{width:2.5rem;height:2.5rem}.subscription-btn-input .icon{width:2.5rem;height:2.5rem;font-size:1.2rem;top:.15rem;right:.15rem}.subscription-btn-input .input-text{left:1rem;right:3rem}.subscription-btn-input .line{font-size:.85rem}}.cta-window .cta-window-header .subscription-status{text-align:center;min-height:1.5em;color:var(--base-200);margin:1rem 0 0;font-size:.95rem}.subscription-status.is-sent{color:#7ee2a8}.subscription-status.is-invalid,.subscription-status.is-failed{color:#ffb4a8}.subscription-trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset-inline-start:-9999px}
.featured-projects{width:100%;color:var(--base-100);background-color:#0000;padding:1rem;position:relative}.featured-projects .featured-project-card{width:100%;height:100svh;transform-style:preserve-3d;perspective:1000px;will-change:transform;justify-content:center;align-items:center;display:flex;position:sticky}.featured-projects .featured-project-card-inner{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);transform-origin:50% 100%;will-change:transform;background:#0000001a;border:1px solid #ffffff1a;border-radius:2rem;gap:1rem;width:100%;height:calc(100% - 2rem);padding:1rem;display:flex;position:relative;overflow:hidden}.featured-projects .featured-project-card-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.featured-projects .featured-project-card-content-main{flex-direction:column;align-items:flex-start;padding:1.5rem;display:flex}.featured-projects .featured-project-card-info{text-align:start;width:40%;color:var(--base-350);padding:.5rem}.featured-projects .featured-project-card-title h2{padding:2rem 0 1rem}.featured-projects .featured-project-card-description{text-align:start;width:75%;color:var(--base-250)}.featured-projects .featured-project-card-img{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#ffffff0d;border:1px solid #ffffff14;border-radius:1.5rem;flex:1;width:100%;height:100%;overflow:hidden}.featured-projects .featured-project-card-inner:after{content:"";background-color:rgb(var(--page-mid-rgb));width:100%;height:100%;opacity:var(--after-opacity,0);will-change:opacity;pointer-events:none;z-index:2;position:absolute;inset-block-start:0;inset-inline-start:0}@media (max-width:1000px){.featured-projects .featured-project-card-inner{flex-direction:column}.featured-projects .featured-project-card-content,.featured-projects .featured-project-card-img{flex:1}.featured-projects .featured-project-card-info{text-align:center;width:75%;margin:0 auto}.featured-projects .featured-project-card-title{text-align:start;width:100%}.featured-projects .featured-project-card-description{display:none}}.featured-project-card-icon i{color:var(--primary-400);opacity:.9;font-size:3rem}.featured-project-card-stats{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;flex-wrap:wrap;gap:2rem;margin:1rem 0;padding:1rem;display:flex}.stat-item{flex-direction:column;align-items:flex-start;display:flex}html[dir=rtl] .stat-item{align-items:flex-end}.stat-value{color:var(--base-100);margin:0;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{opacity:.8;color:var(--base-200);margin:.25rem 0 0;font-size:.9rem}.featured-project-card-brands{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;margin-top:1rem;padding:1rem}.featured-project-card-brands h3{color:var(--base-100);margin:0 0 .5rem;font-size:1rem;font-weight:600}.featured-project-card-brands p{color:var(--base-200);margin:0;font-weight:500}@media (max-width:768px){.featured-project-card-icon i{font-size:1.5rem}.featured-project-card-stats{gap:.5rem}.featured-projects .featured-project-card-title h2{padding:.5rem 0;font-size:1.5rem}.stat-value{font-size:.7rem}.featured-project-card-stats{flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:1rem;margin:.5rem 0;display:flex}}@media (hover:hover){.featured-projects .featured-project-card-inner:hover{-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);background:#00000085;border:1px solid #ffffff5c;transition:all .3s}.featured-projects .featured-project-card-img:hover{background:#ffffff14;border:1px solid #ffffff1f;transition:all .3s}}
