@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box}html,body{min-height:100vh;width:100%;font-family:Roboto,sans-serif}button{font-family:Roboto,sans-serif}.header-placeholder{width:100vw}.hero{width:100%;height:100vh;background-image:url(/hero/background-img.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff;display:flex;justify-content:flex-end;padding-right:6vw;align-items:center}.hero-details h1{font-size:4vw;font-weight:600;padding-bottom:.8vw}.hero-details h1 span{font-weight:400}.hero-details p{width:34vw;font-size:1.3vw;line-height:2.1vw;letter-spacing:1px;padding-bottom:1.7vw}.hero-btn button{font-size:1.2vw;padding:1vw 2vw;border:none}.hero-btn .services-btn{background-color:#51c5e9;color:#fff;transition:.4s all ease-in;cursor:pointer}.hero-btn .details-btn{background-color:#ffba00;margin-right:1.2vw;transition:.4s all ease-in;cursor:pointer}.hero-btn .details-btn:hover{background-color:#51c5e9;color:#fff;transition:.4s all ease-in}.hero-btn .services-btn:hover{background-color:#ffba00;color:#fff;transition:.4s all ease-in}@media (max-width: 1024px){.hero{height:75vh}.hero-details p{width:37vw;font-size:1.4vw}.hero-btn button{padding-top:1;font-weight:600;padding:1.3vw 2vw}}@media (max-width: 768px){.hero{padding-right:0;justify-content:center}.hero-details h1{font-size:5vw;text-align:center;padding-bottom:1.7vw}.hero-details h1 span{font-weight:400}.hero-details p{width:56vw;text-align:center;padding-bottom:2.4vw}.hero-btn{text-align:center}.hero-btn button{font-size:1.4vw;padding:1.5vw 3vw}}@media (max-width: 426px){.hero{height:80vh}.hero-details p{display:none}.hero-details h1{font-size:7.5vw;line-height:10vw}.hero-btn>button{display:none}.hero-btn>a>button{background-color:red;font-size:15px;padding:10px 20px}}@media (max-width: 376px){.hero{height:80vh}.hero-details h1{line-height:12vw}}@media (max-width: 320px){.hero{height:50vh}.hero-details h1{font-size:7vw;line-height:10vw}}.services{padding-top:6vw;height:fit-content;background-color:#f5f4f4}.services-header{display:flex;flex-direction:column;align-items:center;gap:1.2vw}.services-header h1{font-size:3.5vw;font-weight:800}.services-header h4{display:flex;align-items:flex-end;color:orange}.services-header p{text-align:center;font-size:1.3vw;width:56vw;color:#6e6e6e;line-height:1.8vw}.services-header h4 .line{width:3vw;border:1px solid orange}.services-list{width:100%;display:flex}.service-one{width:300px;height:450px;padding-top:10px}.service-one>.imageDiv{width:100%;height:45%;border-radius:5px;position:relative;cursor:pointer;overflow:hidden}.service-one>.imageDiv>img{width:100%;height:100%;border-radius:5px;object-fit:cover;transition:.5s all ease-in-out}.imageDiv .blackDiv{width:100%;height:100%;background-color:#10263b2a;border-radius:5px;position:absolute;top:0;display:none}.imageDiv:hover>img{transform:scale(1.05);transition:.5s all ease-in-out}.imageDiv:hover .blackDiv{display:block}.service-one .text-div{width:95%;height:55%;background-color:#fff;border-radius:5px;position:relative;top:-20px;left:18px;padding-left:20px;padding-right:20px}.text-div>h3{font-size:large;padding-top:12px;padding-bottom:12px;border-bottom:2px dotted grey;cursor:pointer}.text-div>h3:hover{color:orange;transition:.2s all ease-in}.text-div>p{font-size:large;padding-top:10px;padding-bottom:10px;word-spacing:10px;line-height:28px;color:gray;font-weight:300}.text-div a .spanTwo{background-color:orange;height:2px;width:35px;transition:width .2s ease-in}.text-div a{color:orange;font-size:small;font-weight:700;text-decoration:none;text-transform:uppercase}.text-div a:hover .spanTwo{width:72px;transition:width .2s all ease-in}.services-list{padding-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:50px}@media (max-width: 1024px){.services-header h1{font-size:3.8vw}.services-header p{font-size:1.8vw;width:60vw;color:#6e6e6e;line-height:2.6vw}.services-list{padding-left:2vw;padding-right:2vw}.service-one{width:300px}.services-list{justify-content:space-around;gap:10px}}@media (max-width: 768px){.services-header h4{font-size:1.8vw}.services-header h4 .line{width:5vw}.services-header h1{font-size:4.8vw}.services-header p{font-size:2vw;width:70vw;color:#6e6e6e;line-height:2.9vw}.service-one{width:332px}}@media (max-width: 426px){.services-header{gap:4vw}.services-header h4{font-size:3.3vw;letter-spacing:1px}.services-header h4 .line{width:9vw}.services-header h1{width:80vw;font-size:8vw;text-align:center}.services-header p{font-size:3.7vw;width:85vw;letter-spacing:1px;line-height:6vw}}@media (max-width: 376px){.services-header p{font-size:4.2vw}}@media (max-width: 320px){.services-header p{font-size:5vw;width:80vw}.services-header h1{width:85vw;font-size:10vw}.services-header h4{font-size:5vw}.services-header h4 .line{width:12vw}.service-one{width:300px}}.features{padding-top:4vw}.features-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.features-header h4{display:flex;align-items:flex-end;color:orange;padding-bottom:1.7vw}.features-header h4 .line{width:3vw;border:1px solid orange}.features-header h1{font-size:3vw;font-weight:800;text-align:center;letter-spacing:1px;width:90vw;padding-bottom:3vw}.features-header p{width:90vw;text-align:center;font-size:1.4vw;color:#6e6e6e;line-height:2.4vw}.features-details{display:flex;justify-content:center;align-items:center;padding-top:5vw}.features-details>div{padding:0 5vw}.features-details>div{display:flex;flex-direction:column;align-items:center;border-left:1px solid #cfcfcf}.features-details>div>h3{font-size:1.7vw;padding-top:.7vw}.features-details :first-child{border:none}@media (max-width: 768px){.features-header h1{font-size:5.3vw}.features-header h4{font-size:1.8vw}.features-header h4 .line{width:5vw}.features-header p{font-size:2.4vw;line-height:3.2vw}.features-details>div>h3{font-size:2.5vw}.features-header h4{padding-bottom:2.5vw}.features-header h1{padding-bottom:4.3vw}}@media (max-width: 426px){.features-header h1{font-size:10vw}.features-header h4{font-size:3.3vw;letter-spacing:1px}.features-header h4 .line{width:9vw}.features-header p{font-size:4.3vw;line-height:7.3vw;padding-bottom:9vw}.features-details{padding:0 13vw;flex-wrap:wrap}.features-details>div{padding:0 7vw;margin-bottom:2vw}.features-details .values{border-right:1px solid #cfcfcf}.features-details>div>h3{font-size:4vw}.features-details :last-child{border:none}}@media (max-width: 376px){.features-header h4{padding-bottom:5vw}.features-details{padding:0}.features-details>div>h3{font-size:4.7vw}}@media (max-width: 320px){.features-header p,.features-header h4{font-size:5vw}.features-header h4 .line{width:12vw}}.testimonials{padding-top:5vw;width:100%;display:flex}.testimonials .testimonial-left-box{width:35vw;height:95vh;background-image:url(/testimonials/testimonial-left-box-bg.jpg);background-size:cover;background-repeat:no-repeat}.testimonials .testimonial-right-box{display:flex;justify-content:space-around;align-items:center;width:65vw;height:95vh;padding-right:3vw;background-image:linear-gradient(to right bottom,#153b5fcc,#153b5fcc),url(/testimonials/testimonial-right-box-bg.jpg);color:#fff}.testimonial-right-box .testimonial-header{width:5vw;height:inherit;position:relative;padding-left:2vw}.testimonial-header h3{display:flex;align-items:flex-end;transform:rotate(-90deg);transform-origin:top left;position:absolute;top:60%;font-weight:800}.testimonial-header h3 div{width:3vw;border:1px solid white}.testimonial-right-box .some-testimonials{width:40vw}.some-testimonials-main .some-testimonials-header h3{padding-left:1vw;font-size:2vw;font-weight:900}.some-testimonials-header{display:flex;align-items:flex-end;padding-bottom:1.5vw}.some-testimonials-main{display:flex;position:absolute;flex-direction:column;flex-shrink:0;width:40vw;transition:transform .6s ease-in}.corousal{display:flex;width:40vw;height:50vh;position:relative;overflow:hidden}.some-testimonials-main p{font-size:1.4vw;line-height:2vw;padding-bottom:2vw;border-bottom:1px solid #6e6e6e;color:#fff}.username-picture{display:flex;align-items:center;padding-top:1.5vw}.username-picture .user-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;object-position:center;overflow:hidden}.username-picture .user-pic img{width:50px;height:50px}.username-picture h4{padding-left:1vw;color:orange;font-size:1.1vw}.scroller{display:flex;justify-content:flex-end;gap:6px}.scroller div{width:12px;height:12px;border:1px solid white;border-radius:50%;cursor:pointer}.scroller{display:flex;justify-content:center;padding-top:2vw}.scroller i{padding:10px;background-color:#fff;color:#000;font-size:1.6vw;border-radius:50%;cursor:pointer}@media (max-width: 768px){.testimonials{flex-direction:column}.testimonials .testimonial-left-box{width:100vw}.testimonials .testimonial-right-box{justify-content:flex-start;flex-direction:column;width:100vw;height:95vh;gap:10vw;padding-right:0vw}.some-testimonials-main,.testimonial-right-box .some-testimonials,.corousal{width:70vw}.some-testimonials-main .some-testimonials-header h3{font-size:3vw}.some-testimonials-main p{font-size:2vw;line-height:2.7vw;padding-bottom:2.6vw}.testimonial-header h3{transform:rotate(0);transform-origin:none;position:relative;top:0}.testimonial-right-box .testimonial-header{display:flex;justify-content:center;align-items:flex-end;width:100vw;height:10vh}.username-picture .user-pic,.username-picture .user-pic img{width:40px;height:40px}.username-picture h4{font-size:1.9vw}.scroller div{width:10px;height:10px}.some-testimonials-header{padding-bottom:2.4vw}}@media (max-width: 426px){.testimonials .testimonial-right-box{height:fit-content;gap:10vw;padding-right:0vw;padding-top:20px;padding-bottom:20px}.testimonials .testimonial-left-box{height:60vh}.some-testimonials-main p{font-size:4.1vw;line-height:6vw;padding-bottom:2.6vw;font-weight:300}.some-testimonials-main .some-testimonials-header h3{font-size:4vw}.some-testimonials-main .some-testimonials-header img{height:7vw}.username-picture .user-pic,.username-picture .user-pic img{width:35px;height:35px}.username-picture h4{font-size:3.3vw;padding-left:2vw}.testimonial-header h3{font-size:5vw}.testimonial-header h3 div{width:8vw}.scroller i{font-size:3vw}}@media (max-width: 376px){.testimonials .testimonial-left-box{height:60vh}.testimonial-right-box .some-testimonials{width:70vw}.some-testimonials-main p{font-size:4.3vw;font-weight:300;padding-bottom:50px}.some-testimonials-main .some-testimonials-header{padding-bottom:5vw}.some-testimonials-footer{padding-top:5vw}.username-picture h4{padding-left:2.8vw}}@media (max-width: 320px){.testimonials .testimonial-left-box{height:50vh}.testimonial-right-box .some-testimonials{width:85vw}.testimonial-right-box{height:70vh}.some-testimonials-main,.corousal{width:85vw}.some-testimonials-main p{font-size:5vw;line-height:8vw;font-weight:300;padding-bottom:5vw}.some-testimonials-footer{padding-top:3vw}.some-testimonials-main .some-testimonials-header h3{font-size:6vw;padding-left:3vw}.some-testimonials-main .some-testimonials-header img{height:10vw}.username-picture .user-pic,.username-picture .user-pic img{width:40px;height:40px}.username-picture h4{font-size:4vw}.scroller i{font-size:5vw}}.contacts-touch{display:flex;justify-content:space-between;align-self:center;padding:4vw 3vw;background-color:#ffba00;font-size:1.4vw}.contacts-touch .contact-us-btn{font-size:1.2vw;font-weight:800;cursor:pointer;padding:1.5vw 3vw;color:#fff;background-color:#062c53;border:none}@media (max-width: 768px){.contacts-touch{align-items:center}.contacts-touch h1{font-size:3.2vw}.contacts-touch .contact-us-btn{font-size:1.9vw;padding:2.5vw 5vw}}@media (max-width: 426px){.contacts-touch h1{font-size:4.5vw}.contacts-touch .contact-us-btn{font-size:2.5vw;width:30vw;padding:3vw 5vw}}.our-projects{width:100%;height:fit-content;padding-top:4vw;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(to right bottom,#1519229d,#151922),url(/testimonials/testimonial-right-box-bg.jpg);background-size:cover;background-repeat:no-repeat;position:relative}.our-projects h3{display:flex;align-items:flex-end;font-size:1.2vw;color:orange}.our-projects h3 .line{width:3vw;border:1px solid orange}.our-projects h1{font-size:3.5vw;font-weight:900;padding:1vw 0;color:#fff}.project-courosel{width:100%;height:300px;display:flex;flex-wrap:nowrap;gap:40px;position:relative;padding-left:20px;overflow-x:scroll}.project-courosel::-webkit-scrollbar{display:none}.project-wrapper{width:fit-content;height:200px;position:absolute;padding-left:10px}.project-courosel .project-image{width:340px;height:100%;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;cursor:pointer;object-fit:cover;transition:transform .5s ease-in}.project-image:hover>img{transform:scale(1.05);transition:transform .5s ease-in}.project-image .outer-Div{width:100%;height:100%;background-color:#2424246b;position:absolute;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .5s ease-in;color:#000;text-decoration:none}.project-image:hover .outer-Div{opacity:1;transition:all .5s ease-in}.outer-Div i{background-color:#fab90a;font-size:x-large;padding:20px;border-radius:80px;cursor:pointer;transform:translateY(-40px);font-weight:700;opacity:0;transition:all 1s ease}.outer-Div:hover i{opacity:1;transform:translateY(0);transition:all .5s ease}@media (max-width: 768px){.our-projects h3{font-size:1.8vw}.our-projects h3 .line{width:5vw}.our-projects h1{font-size:4.4vw}.our-projects-pic .our-project-img{width:42vw;height:42vh}.our-projects-pic{gap:7vw}}@media (max-width: 425px){.our-projects{padding-top:20px;padding-bottom:20px;height:fit-content}.our-project-header{gap:20px}.our-projects h3{font-size:15px;padding-bottom:5px}.our-projects h1{text-align:center;font-size:xx-large;padding-bottom:10px}}@media (max-width: 375px){.project-courosel .project-image{width:300px}}@media (max-width: 320px){.project-courosel{height:200px}.project-courosel .project-image{width:260px}}.quoteBeauty{width:100%;height:250px;display:flex;align-items:center;font-size:32px;font-weight:700;text-align:center;justify-content:center;line-height:40px;background-image:linear-gradient(to right bottom,#153b5fcc,#153b5fcc),url(/testimonials/testimonial-right-box-bg.jpg);color:#fff}.quoteBeauty p{width:75.5%}.quoteBeauty p>span{color:#fab90a;text-decoration:underline}.quoteBeauty .secondElem{font-weight:400;color:#fff;text-decoration:none}@media (max-width: 768px){.quoteBeauty{font-size:3.7vw}}@media (max-width: 425px){.quoteBeauty{padding-top:5px;padding-bottom:5px;font-size:6vw;height:340px}.quoteBeauty p{width:80%}}@media (max-width: 320px){.quoteBeauty{font-size:7vw;line-height:33px}}.contact{width:100%;height:fit-content;display:flex}.ourClients{width:50%;height:100%;padding-top:70px;padding-left:70px}.ourContact{width:50%;height:100%;padding-top:70px;padding-left:70px;padding-right:70px}.header-contact h4{font-size:15px;display:flex;color:orange;text-transform:uppercase;align-self:center}.header-contact h4 .line{width:40px;border-bottom:2px solid #ffa500}.header-contact h1{font-size:50px;font-weight:900;color:#242424;letter-spacing:1px;padding-bottom:10px}.ourClients .desc{padding-right:20px;line-height:25px;color:gray;word-spacing:6px}.clientLogo{width:100%;height:320px;overflow-y:scroll;display:flex;justify-content:space-between;gap:10px;padding-top:20px;flex-wrap:wrap}.clientLogo div{width:30%;height:140px;border:1px solid rgba(128,128,128,.582);cursor:pointer;transition:1s all ease;overflow:hidden}.clientLogo div:hover{border-radius:10px;border:1px solid rgba(49,30,218,.582);transition:1s all ease}.clientLogo::-webkit-scrollbar{display:none}.logo img{width:100%;height:100%;object-fit:scale-down}.ourContact .form{width:full;height:80%;background-color:#f7f7f9;padding:10px}.form form{display:flex;padding:40px;flex-direction:column;gap:20px;background-color:#fff}form>div{display:flex}form>div>i{font-size:10px}form input,select{padding:10px;font-size:18px;width:90%;outline:none;border:1px solid rgba(190,185,233,.582);color:gray}form select option{border:2px solid rgba(190,185,233,.582);padding:30px}form #button{width:fit-content;height:fit-content;background-color:#fab90a;border:none;cursor:pointer;color:#000;border-radius:2px;font-weight:medium;padding:10px 8px;transition:.4s all ease-in-out}form #button:hover{background-color:#51c5e9;color:#fff;transition:.4s all ease-in}form i{color:red;font-size:.6vw}@media (max-width: 1024px){.ourClients{padding-top:70px;padding-left:30px}.clientLogo{justify-content:flex-start;padding-top:20px}.logo img{object-fit:scale-down}}@media (max-width: 768px){.contact{height:fit-content;flex-direction:column;padding-bottom:20px}.ourClients{width:100%;height:50%;padding-right:10px}.ourContact{width:100%;height:50%}.header-contact h4{font-size:12px}.header-contact h1{font-size:30px}}@media (max-width: 425px){.ourContact{padding-top:70px;padding-left:40px}.clientLogo{height:320px;justify-content:center}.ourClients{padding-top:70px;padding-left:10px}.ourContact{padding-left:10px;padding-right:10px}}@media (max-width: 375px){.clientLogo .logo{width:40%}}@media (max-width: 320px){.clientLogo .logo{width:60%}.ourContact form{padding:5px}}.notification-box{background-color:#dde4eb;border-left:6px solid #10263b;border-radius:10px;box-shadow:0 6px 16px #10263b4d;padding:20px;max-width:400px;min-width:320px;width:100%;position:fixed;top:5%;left:50%;transform:translate(-50%);display:none;z-index:100}.notification-box .icon{font-size:22px;color:#10263b;margin-right:12px;vertical-align:middle}.notification-title{font-size:1.3em;font-weight:700;margin:0;color:#10263b}.notification-message{font-size:1em;color:#3b4a59;margin-top:6px}.close-btn{position:absolute;top:12px;right:12px;font-size:18px;color:#7b8a96;cursor:pointer;transition:color .3s ease}.close-btn:hover{color:#10263b}@media (max-width: 1024px){.notification-box{max-width:400px;padding:18px;z-index:100}}@media (max-width: 768px){.notification-box{max-width:400px;padding:16px}.notification-title{font-size:1.2em}.notification-message{font-size:.95em}}@media (max-width: 426px){.notification-box{max-width:310px;padding:14px}.notification-title{font-size:1.1em}.notification-message{font-size:.9em}}@media (max-width: 375px){.notification-box{max-width:340px;padding:12px}.notification-title{font-size:1em}.notification-message{font-size:.85em}}@media (max-width: 320px){.notification-box{max-width:250px;padding:10px}.notification-title{font-size:.9em}.notification-message{font-size:.8em}}