main .h1,main .h2,main .h3,main .section-subtitle{font-family:var(--ff-oswald);font-weight:var(--fw-600)}main,main .btn::before{background-color:var(--white)}main .btn-link,main .h1,main .section-subtitle{text-transform:uppercase}main .btn,main .feature-card,main .section-divider{position:relative}:root{--green-blue-crayola:hsl(122, 75%, 47%);--prussian-blue:hsl(130, 71%, 15%);--eerie-black:hsl(210, 11%, 15%);--dark-orange:hsl(124, 100%, 16%);--alice-blue:hsl(124, 100%, 97%);--light-gray:hsl(0, 0%, 80%);--indigo-dye:hsl(127, 64%, 26%);--cultured-1:hsl(0, 0%, 94%);--cultured-2:hsl(0, 0%, 95%);--cultured-3:hsl(0, 0%, 95%);--plutinum:hsl(0, 0%, 91%);--black_60:hsla(0, 0%, 0%, 0.6);--white:hsl(0, 0%, 100%);--black:hsl(0, 0%, 0%);--onyx:hsl(0, 0%, 24%);--ff-oswald:'Cairo',sans-serif;--ff-rubik:'Cairo',sans-serif;--fs-1:4rem!important;--fs-2:3.5rem!important;--fs-3:3rem!important;--fs-4:2.5rem!important;--fs-5:2.2rem!important;--fs-6:2rem!important;--fs-7:1.8rem!important;--fs-8:1.6rem!important;--fs-9:1.4rem!important;--fs-10:1.2rem!important;--fw-500:500;--fw-600:600;--fw-700:700;--fw-800:800;--section-padding:50px;--shadow-1:2px 0 50px hsla(0, 0%, 0%, 0.2);--shadow-2:0px 40px 60px hsla(126, 75%, 47%, 0.7);--shadow-3:0px 0px 60px hsla(126, 75%, 47%, 0.5);--transition:0.25s ease;--cubic-in:cubic-bezier(0.51, 0.03, 0.64, 0.28);--cubic-out:cubic-bezier(0.33, 0.85, 0.4, 0.96)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}main li{list-style:none}main a{text-decoration:none;color:inherit}main a,main button,main img,main input,main ion-icon,main span,main time{display:block}html[lang=ar] .arrow-icon{transform:rotate(180deg)}html[lang=en] .arrow-icon{transform:rotate(0)}main img{height:auto}main button,main input{background:0 0;border:none;font:inherit}main .w-100,main input{width:100%}main button{cursor:pointer}main ion-icon{pointer-events:none}main{color:var(--onyx);line-height:1.7}:focus-visible{outline-offset:4px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:var(--cultured-2)}::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid var(--cultured-2)}::-webkit-scrollbar-thumb:hover{background-color:#b2b2b2}main .container{padding-inline:15px}main .section{padding-block:var(--section-padding)}main .h1,main .h2,main .h3{line-height:1.2}main .h1{font-size:var(--fs-3)}main .h2,main .h3{color:var(--prussian-blue)}main .h2{font-size:var(--fs-4)}main .h3{font-size:var(--fs-5)}main .img-holder{aspect-ratio:var(--width)/var(--height)}main .img-cover{width:100%;height:100%;object-fit:cover;border-radius:10px}main .section-subtitle{color:var(--dark-orange);font-size:var(--fs-6);letter-spacing:3px;margin-block-end:10px}main .feature-card::before,main .newsletter-btn{font-family:var(--ff-oswald);font-weight:var(--fw-700)}main .section-text{line-height:1.4}main .btn{color:var(--white);background-color:var(--dark-orange);max-width:max-content;font-size:var(--fs-9);letter-spacing:1px;padding-block:10px;padding-inline:15px 50px}main .feature-card,main .service-card{padding:30px;transition:var(--transition)}main .btn::after,main .btn::before{content:"";position:absolute;transition:var(--transition)}main .btn::before{top:50%;right:15px;width:25px;height:1px}main .feature-card .card-icon,main .service{background-color:var(--alice-blue)}main .btn::after{top:-6px;right:-6px;bottom:-6px;width:20px;border:2px solid var(--dark-orange);z-index:-1}main .btn:is(:hover,:focus)::before{width:33px}main .btn:is(:hover,:focus)::after{width:40px}main .grid-list{display:grid;gap:30px}main .btn-link{color:var(--dark-orange);font-size:var(--fs-10);display:flex;align-items:center;gap:5px;overflow:hidden}main .btn-link>*{transform:translateX(-22px);transition:var(--transition)}main .btn-link:is(:hover,:focus)>*{transform:translateX(0)}main .about-banner{position:relative;box-shadow:var(--shadow-2);max-width:300px;margin-block-end:60px}main .about .abs-img-2{display:none}main .about .abs-img-1{position:absolute;bottom:40px;right:0;animation:2s ease-in-out infinite alternate move}main .about :is(.section-title,.section-text){margin-block-end:20px}main .about-list{margin-block-end:40px}main .about-item:not(:last-child),main .email-field{margin-block-end:10px}main .about-item{display:flex;align-items:flex-start;gap:15px}main .about-text{font-size:1rem}main .about-icon{min-width:max-content;color:var(--dark-orange);margin-block-start:8px}@keyframes move{0%{transform:translateY(0)}100%{transform:translateY(20px)}}main .service :is(.section-subtitle,.section-title,.section-text){text-align:center}main .newsletter .section-title,main .service .section-title{margin-block-end:20px}main .service .section-text{margin-block-end:50px}main .service-card{background-color:var(--white);border:20px solid var(--cultured-3)}main .service-card:is(:hover,:focus-within){border-color:var(--dark-orange)}main .feature .title-wrapper,main .service-card .card-icon{margin-block-end:30px}main .service-card .card-title{font-size:var(--fs-8)}main .service-card .card-title .span{display:inline-block;color:var(--dark-orange);font-size:var(--fs-3);margin-inline-end:15px}main .service-card .card-text{margin-block:10px 20px}main .feature .section-text,main .feature-card .card-text{margin-block:20px 40px}main .feature-card{text-align:center;border:1px solid var(--alice-blue)}main .feature-card:is(:hover,:focus-within){box-shadow:var(--shadow-3)}main .feature-card::before{content:var(--card-number);color:var(--cultured-1);font-size:var(--fs-1);line-height:1;transition:var(--transition)}main .feature-card:is(:hover,:focus-within)::before{color:var(--dark-orange)}main .feature-card .card-icon{width:170px;height:170px;display:grid;place-content:center;border-radius:50%;margin-inline:auto;margin-block-end:30px}main .feature-card .card-btn{color:var(--prussian-blue);font-size:24px;border:2px solid var(--prussian-blue);max-width:max-content;margin-inline:auto;padding:10px 18px}main .newsletter{background-color:var(--light-gray)}main .newsletter .img-holder{background-color:transparent;margin-block-end:20px;max-width:max-content}main .email-field{background-color:var(--white);color:var(--eerie-black);font-size:var(--fs-9);height:65px;padding-inline:20px;outline:0;transition:var(--transition)}main .email-field:focus{box-shadow:0 2px 2px hsla(0,0%,0%,.4)}main .newsletter-btn{background-color:var(--prussian-blue);color:var(--white);padding:8px 20px}@media (min-width:540px){main .btn{font-size:var(--fs-7);padding-inline:30px 60px}main .about-banner{position:relative;z-index:2}main .about .abs-img-2{display:block;position:absolute;width:400px;bottom:0;left:50px;z-index:-1}html[lang=ar] main .about .abs-img-2{right:50px}html[lang=en] main .about .abs-img-1{right:-200px}html[lang=ar] main .about .abs-img-1{right:200px}}@media (min-width:640px){main .h1{font-size:var(--fs-3)}main .container{max-width:540px;width:100%;margin-inline:auto}main .btn-outline{margin-inline:0}}@media (min-width:768px){main .container{max-width:720px}main .h1{font-size:var(--fs-3)}main .grid-list{grid-template-columns:1fr 1fr}main .btn-outline{font-size:var(--fs-7);padding:12px 30px}main .feature-card::before{font-size:var(--fs-1)}main .newsletter{margin-block-start:110px}main .newsletter .container{position:relative}main .newsletter .newsletter-banner{position:absolute;bottom:-50px;left:0;margin-block-end:0}html[lang=ar] main .newsletter .newsletter-banner{right:0}main .newsletter-content{max-width:355px;margin-inline-start:auto}main .newsletter .section-title{font-size:var(--fs-4)}main .newsletter-btn{font-size:var(--fs-5);padding:10px 30px}}@media (min-width:992px){:root{--fs-4:4.5rem;--section-padding:120px}main .container{max-width:960px}main .h1{font-size:var(--fs-3)}main .section-subtitle{font-size:var(--fs-6)}main .section-text{max-width:70ch;margin-inline:auto}main .grid-list{grid-template-columns:repeat(3,1fr)}main .about .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}main .about-banner,main .feature .section-text{margin-block-end:0}main .about .abs-img-1{right:-100px}html[lang=ar] main .about .abs-img-1{right:200px}main .about .abs-img-2{width:max-content}main .about :is(.section-title,.section-text){margin-block-end:35px}main .feature{text-align:center}main .feature .title-wrapper{display:grid;grid-template-columns:1fr}main .feature-list{margin-block-start:120px}main .feature-card{padding-block-start:80px}main .feature-card::before{font-size:9em;position:absolute;top:-90px;left:20px}main .newsletter{padding-block:30px}main .newsletter .newsletter-banner{bottom:-30px}main .newsletter-content{max-width:600px;display:grid;grid-template-columns:1fr 1fr}}@media (min-width:1200px){main .container{max-width:1180px}main{position:relative}main .h1{font-size:var(--fs-3)}main .about-banner{max-width:370px;z-index:2;position:relative}main .about .abs-img-2{width:max-content;z-index:-1;position:absolute}main .newsletter-content{max-width:840px;grid-template-columns:0.8fr 1fr}}main .section-divider::after,main .section-divider::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:15px;background-repeat:repeat no-repeat;background-position:bottom}main .section-divider.white::after{background-image:url("../img/shape-white.webp")}main .section-divider.gray::after{background-image:url("../img/shape-grey.webp")}