@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@1,400;1,700&family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crete+Round&display=swap";@import"http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";:root{--color-primary: #272B36;--color-secondary:#F5F6F7}html{scroll-behavior:smooth}.back-to-top{position:fixed;bottom:10px;right:10px;width:50px;height:50px;font-size:1.8rem;color:#f5f6f7;border-radius:50%;background-color:#106eea;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;box-shadow:5px 5px 4px #00000040}body{margin:0;padding:0;font-family:Roboto,sans-serif}.logo{cursor:pointer}header{padding:15px 60px;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary);border-bottom:1px solid black}header .translation-icon{height:100px;width:140px}.logo-corner{display:flex}.translation-icon img{height:100%;width:100%;object-fit:cover}header ul{display:flex;list-style:none;justify-content:space-evenly;max-width:700px;width:80%}header ul li a{text-decoration:none;color:#fff;font-size:18px;font-family:Droid Arabic Kufi,serif;font-display:swap;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}header ul li a{position:relative}header ul li a:after{position:absolute;bottom:-5px;left:0;width:100%;transform:scaleX(0);transform-origin:left;height:2px;background-color:#fff;content:""}header ul li a:hover:after{transform:scaleX(1);transition:transform 255ms ease-in-out}.hamburger{fill:#f5f6f7;display:none;cursor:pointer}.hamburger-lines{height:3px;background-color:#f5f6f7;width:1.7rem}.hamburger-menu-links{display:flex;flex-direction:column;position:fixed;top:0;left:0;background-color:#f5f6f7;border-bottom:2px solid black;margin-top:0;transform:translate(-100%);z-index:99;height:100%;width:50%;max-width:15rem;gap:30px;list-style:none;padding-right:30px;padding-top:20px;transition:transform 255ms ease-in-out}.hamburger-menu-links .close{align-self:flex-end}.hamburger-menu-links li{border-bottom:1px solid black;padding-bottom:10px}.hamburger-menu-links a{text-decoration:none;color:var(--color-primary);font-size:20px;font-style:normal;align-self:center;font-weight:500;line-height:normal;text-transform:uppercase}.hamburger-menu-show{transform:translate(0)}.none{display:none}.close{font-size:1.6rem;color:red;cursor:pointer}@media screen and (max-width: 830px){header ul{display:none}header{padding-right:30px;padding-left:30px}.hamburger{display:flex!important;flex-direction:column;gap:.4rem}}.hero{margin-top:0;width:100%;height:70vh;position:relative}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;z-index:-1}.hero .overlay{background:rgba(57,57,57,.7);display:grid;grid-template-columns:2fr 1fr;width:100%;height:100%}.hero h1{font-family:Droid Arabic Kufi,serif;font-display:swap;font-weight:400;color:#fff;font-style:normal;font-size:64px;line-height:normal;margin:0;margin-bottom:-1rem;letter-spacing:-2.14px}.hero .col1{padding-left:80px;display:flex;flex-direction:column;justify-content:center;gap:20px}.hero .col1 p{margin:0;max-width:487px;color:#fff;font-size:24px;font-weight:500;line-height:normal}.hero button{border-radius:5px;background:#1B74E4;width:160px;height:60px;flex-shrink:0;color:#fffffc;font-family:Roboto;font-size:24px;font-style:normal;text-transform:uppercase;font-weight:700}.hero button:hover{border:2px solid #fff;cursor:pointer}.col2{position:relative;overflow:hidden}.col2-img{width:100%;height:100%;object-fit:contain;position:absolute}@media screen and (max-width:1047px){.hero{height:90vh}}@media screen and (max-width:750px){.hero{height:fit-content}.hero .col1 h1{font-size:44px}.hero .col1 p{font-size:20px!important;text-align:center}.hero button{width:140px!important;height:50px!important;font-size:20px!important}.hero .col1{padding-left:0;align-items:center;justify-content:flex-end}.hero .overlay{grid-template-columns:none;grid-template-rows:1fr 1fr}.hero .col2{display:flex;justify-content:center;height:300px}.col2-img{height:100%;object-fit:contain}}@media screen and (max-width:420px){header{padding-left:20px}.hero .col1 h1{text-align:center}}.top-cards{display:flex;padding:30px 80px;justify-content:space-evenly;flex-wrap:wrap}.top-cards .card{width:285px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:500;color:#fff;background-color:var(--color-primary);margin-bottom:1rem}.top-cards h2{font-family:Droid Arabic Kufi,serif;font-display:swap;font-size:34px;margin:0}.top-cards p{font-size:24px;margin:0}@media screen and (max-width:389px){.top-cards{padding:30px 0}}.expertise{background-color:#272b36}.expertise{display:flex;flex-direction:column;gap:20px;align-items:center;padding:0 1rem}.expertise-cards{display:flex;gap:30px;justify-content:space-evenly;flex-wrap:wrap;margin-bottom:2rem}.expertise h2{font-size:34px;color:#fffffc;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.32px;font-family:Droid Arabic Kufi,serif;font-display:swap;text-transform:uppercase}.expertise-cards .card{max-width:480px;width:90%;padding:25px 40px 0;align-items:center;border-radius:10px;display:flex;flex-direction:column;background:#F5F6F7;box-shadow:4px 4px 4px #fff}.expertise-cards .card-title{font-size:24px;color:#000;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:10px;justify-content:center}.expertise .card-body p{font-size:18px;font-style:normal;text-align:left;font-weight:400;line-height:132.687%;text-transform:none}@media screen and (max-width:400px){.expertise{padding:0}.expertise-cards .card{box-shadow:none;width:100%;border-radius:0}}.about-us{margin-top:20px;background-color:#f5f6f7;padding-top:20px;padding-bottom:50px;padding-left:20px;display:flex;flex-direction:column;align-items:center}.about-us h2{letter-spacing:-.32px;font-family:Droid Arabic Kufi,serif;font-display:swap;font-size:34px}.about-us-body{display:grid;margin-top:1.8rem;grid-template-columns:repeat(2,1fr);justify-items:center}.about-us-body p{font-size:18px;max-width:600px;font-style:normal;text-align:left;font-weight:400;line-height:132.687%}.about-us-body>div{max-width:400px}.about-us-body img{width:100%;height:100%;margin-top:1rem;max-height:350px;overflow:hidden;object-fit:cover}.cases h2{font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.32px;font-family:Droid Arabic Kufi,serif;font-display:swap;text-transform:uppercase;font-size:34px}.cases{display:flex;flex-direction:column;align-items:center;margin-top:20px;padding:20px 0;background:#F5F6F7}.case-cards{display:grid;justify-items:center;grid-auto-rows:1fr;gap:3rem;padding:0 60px}.case-cards .card{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media screen and (max-width:427px){.case-cards{padding:0 20px}}@media screen and (max-width:900px){.case-cards .card{border-bottom:2px solid var(--color-primary);display:grid;grid-template-columns:none;grid-template-rows:1fr auto;gap:.5rem}.case-cards{gap:1rem}.about-us-body{display:flex;flex-direction:column-reverse;margin-top:1.8rem;justify-items:center;padding:0 10px}.about-us-body>div{max-width:400px;grid-row:1;margin-bottom:2rem}}.case-card-image img{height:100%;width:100%;border:2px solid black;object-fit:cover}.case-card-details h2{font-size:24px;font-weight:500;text-transform:capitalize}.case-card-details h3{font-size:21px;font-weight:500;display:flex;align-items:center;gap:.4rem}.case-card-details p{font-style:normal;font-weight:400;line-height:133.687%;font-size:17px;max-width:450px}.booking-form{margin-top:20px;display:flex;align-self:stretch;justify-content:center;align-items:center;background-color:var(--color-primary);padding:70px 0}.booking-form h2{letter-spacing:-.32px;font-family:Droid Arabic Kufi,serif;font-display:swap;font-size:34px;font-style:normal;text-decoration:underline;font-weight:400}.booking-form form{display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:center;padding-top:10px;padding-bottom:2rem;max-width:450px;width:80%;border-radius:10px;background:#FFF;box-shadow:10px 10px 4px #00000040}.form-group{display:flex;flex-direction:column;gap:.5rem;width:70%;max-width:300px}.form-group label{font-size:20px;font-weight:700;line-height:normal;text-transform:capitalize}.form-group input{border-radius:5px;background:#F5F6F7;height:35px;border:none;font-size:18px;color:#0009;padding:0 20px}@media screen and (max-width:512px){.booking-form form{width:90%}}.form-group select{border-radius:5px;background:#F5F6F7;height:35px;max-width:100%;border:none;font-size:18px;color:#0009;padding:0 20px}.booking-form button{border-radius:5px;background:#1B74E4;width:160px;height:40px;margin-top:1rem;flex-shrink:0;color:#fffffc;font-family:Roboto;font-size:20px;font-style:normal;text-transform:uppercase;font-weight:700}.booking-form button:hover{border:2px solid #fff;cursor:pointer}.contact{background:#F5F6F7;margin:20px 0;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:80px 0 60px}.contact-box{flex:1;max-width:400px;min-width:320px;padding-top:23px;padding-bottom:25px;margin-bottom:2rem;margin-right:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;background:#FFF;box-shadow:5px 5px 4px #00000040}.contact-box:nth-child(n+1){max-height:320px;color:#000}.contact-box:nth-child(2){cursor:pointer}.contact-box p{font-size:21px;font-style:normal;font-weight:700;line-height:normal}.contact-box .mail{font-style:normal;font-weight:500;line-height:normal;color:#1d6ff2;font-size:21px}footer{background-color:var(--color-primary);display:flex;gap:10px;padding:10px 0}footer ul{display:flex;list-style:none;gap:2.5rem;flex-wrap:wrap;max-width:300px;width:80%}footer li a{text-decoration:none;color:#fff;font-size:20px;font-family:Droid Arabic Kufi,serif;font-display:swap;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}footer>div{flex:1;display:flex;align-items:center}.copyright{font-size:21px;color:#f5f6f7;align-items:center;justify-content:center}@media screen and (min-width:1500px){.case-cards{grid-template-columns:repeat(2,1fr);padding:0 20px}}.react-calendar{width:100%;max-width:700px;background-color:#fff;color:#222;border-radius:8px;box-shadow:0 12px 24px #0003;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;align-items:center}.react-calendar__navigation button{color:var(--color-primary);min-width:44px;background:none;font-size:16px;margin-top:8px}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#f8f8fa}.react-calendar__navigation button[disabled]{background-color:#f0f0f0}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background:#f8f8fa;color:var(--color-primary);border-radius:6px}.react-calendar__tile--now{background:var(--color-primary)33;border-radius:6px;font-weight:700;color:var(--color-primary)}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:var(--color-primary)33;border-radius:6px;font-weight:700;color:var(--color-primary)}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#f8f8fa}.react-calendar__tile--active{background:var(--color-primary);border-radius:6px;font-weight:700;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:var(--color-primary);color:#fff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#f8f8fa}.react-calendar__tile--range{background:#f8f8fa;color:var(--color-primary);border-radius:0}.react-calendar__tile--rangeStart{border-radius:6px 0 0 6px;background:var(--color-primary);color:#fff}.react-calendar__tile--rangeEnd{border-radius:0 6px 6px 0;background:var(--color-primary);color:#fff}.booking-div{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}.booking-div h1{margin-bottom:2rem;text-align:center}.booking-div .booking-form{margin-top:2.3rem}.booking-section{display:flex;background-color:var(--color-primary);padding:30px;border-radius:10px}.timeslots{flex-grow:1;padding:5px;border-radius:5px;max-width:600px}.line{width:1px;background:var(--color-secondary);margin:16px}.timeslots .time-slot{text-align:center;margin:.2rem;background:var(--color-secondary);box-sizing:border-box;padding:12px 16px;color:var(--color-primary);font-size:16px;font-style:normal;font-weight:400;border-radius:10px;cursor:pointer}@media screen and (max-width: 715px){.booking-section{flex-direction:column;gap:.5rem;padding:10px}.line{width:100%;height:1px;margin:8px}}.button-success{background-color:#38a169;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.25rem}.button-success:hover{background-color:#2f855a}.button-finished{border:1px solid #999999;background-color:#ccc;color:#666;font-weight:700;padding:.5rem 1.3rem;border-radius:.25rem}@media screen and (max-width:390px){.contact-box{margin-right:0}.about-us{padding-left:0}}