.hero-section{height:100vh}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(http://127.0.0.1:8000/images/hero-6-bg.png) no-repeat center center}footer{background-image:url(http://127.0.0.1:8000/images/footer-bg.png)}.hidden{opacity:0;filter:blur(5px);transition:all 1s;transform:translate(100px)}.show{opacity:1;filter:blur(0);transform:translate(0)}.advantage:nth-child(2){transition-delay:.1s}.advantage:nth-child(3){transition-delay:.2s}.advantage:nth-child(4){transition-delay:.3s}.advantage:nth-child(5){transition-delay:.6s}.advantage:nth-child(6){transition-delay:.7s}.advantage:nth-child(7){transition-delay:.8s}@media (prefers-reduced-motion){.hidden,.show{transition:none}}.dot-img-left{position:absolute;left:0;bottom:-50px;opacity:.35;z-index:-1}.dot-img-right{position:absolute;right:0;bottom:-50px;opacity:.35;z-index:-1}.content{margin-top:100px}.hero-about-section{position:relative;background:linear-gradient(135deg,#198754 0%,#198754 60%,transparent 60%)}.hero-about-section .hero-background-image{position:absolute;top:0;right:0;width:60%;height:100%;background-image:url(https://noorplan.com/images/webp/floriane.webp);background-size:cover;background-position:center;background-repeat:no-repeat;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:1}@media (max-width: 768px){.hero-about-section .hero-background-image{width:100%;clip-path:none;opacity:.3}}.hero-about-section .hero-overlay{position:absolute;top:0;right:0;width:60%;height:100%;background:#0006;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:2}@media (max-width: 768px){.hero-about-section .hero-overlay{width:100%;clip-path:none;background:#00000080}}.hero-about-section .hero-content-overlay{background:#fff3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-about-section .hero-content-overlay{background:#0006;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}.hero-about-section .hero-overview-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.hero-about-section .container{z-index:3}.hero-blog-section{position:relative;background:linear-gradient(135deg,#198754 0%,#198754 60%,transparent 60%)}.hero-blog-section .hero-background-image{position:absolute;top:0;right:0;width:60%;height:100%;background-image:url(https://noorplan.com/images/webp/blog.webp);background-size:cover;background-position:center;background-repeat:no-repeat;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:1}@media (max-width: 768px){.hero-blog-section .hero-background-image{width:100%;clip-path:none;opacity:.3}}.hero-blog-section .hero-overlay{position:absolute;top:0;right:0;width:60%;height:100%;background:#0006;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:2}@media (max-width: 768px){.hero-blog-section .hero-overlay{width:100%;clip-path:none;background:#00000080}}.hero-blog-section .hero-content-overlay{background:#fff3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-blog-section .hero-content-overlay{background:#0006;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}.hero-blog-section .hero-overview-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.hero-blog-section .container{z-index:3}.hero-how-section{position:relative;background:linear-gradient(135deg,#198754 0%,#198754 60%,transparent 60%)}.hero-how-section .hero-background-image{position:absolute;top:0;right:0;width:60%;height:100%;background-image:url(https://noorplan.com/images/webp/how.webp);background-size:cover;background-position:center;background-repeat:no-repeat;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:1}@media (max-width: 768px){.hero-how-section .hero-background-image{width:100%;clip-path:none;opacity:.3}}.hero-how-section .hero-overlay{position:absolute;top:0;right:0;width:60%;height:100%;background:#0006;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:2}@media (max-width: 768px){.hero-how-section .hero-overlay{width:100%;clip-path:none;background:#00000080}}.hero-how-section .hero-content-overlay{background:#fff3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-how-section .hero-content-overlay{background:#0006;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}.hero-how-section .hero-image-placeholder{display:flex;align-items:center;justify-content:center;height:300px;position:relative;z-index:3}.hero-how-section .container{z-index:3}.hero-plan-section{position:relative;background:linear-gradient(135deg,#198754 0%,#198754 60%,transparent 60%)}.hero-plan-section .hero-background-image{position:absolute;top:0;right:0;width:60%;height:100%;background-image:url(https://noorplan.com/images/webp/plan.webp);background-size:cover;background-position:center;background-repeat:no-repeat;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:1}@media (max-width: 768px){.hero-plan-section .hero-background-image{width:100%;clip-path:none;opacity:.3}}.hero-plan-section .hero-overlay{position:absolute;top:0;right:0;width:60%;height:100%;background:#0006;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);z-index:2}@media (max-width: 768px){.hero-plan-section .hero-overlay{width:100%;clip-path:none;background:#00000080}}.hero-plan-section .hero-content-overlay{background:#fff3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-plan-section .hero-content-overlay{background:#0006;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}.hero-plan-section .hero-overview-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.hero-plan-section .container{z-index:3}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026!important}.min-vh-50{min-height:50vh}@media (max-width: 768px){.display-4{font-size:2.5rem}.display-5{font-size:2rem}}