@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";body{font-family:Raleway,serif;font-optical-sizing:auto;font-style:normal}:root{--primary-color:black;--secondary-color: grey;--dark-text-primary: black;--light-text-primary: white}p{line-height:1.5rem}*{margin:0;padding:0;box-sizing:border-box}.primary-btn{padding:1rem 2rem;width:300px;border-radius:10px;outline:none;border:none;font:inherit;background-color:var(--primary-color);color:var(--light-text-primary)}#navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}#navbar nav{display:flex;justify-content:space-between;align-items:center;gap:2rem}#hero{padding:0 4rem}#hero .hero-content{height:90vh;display:flex;align-items:center;justify-content:space-between}#hero .hero-content .content{width:75%}#hero .hero-content .content h1{font-size:4rem}#hero .hero-content .content p{margin-bottom:1rem}#hero .hero-content .content .hero-subheading{margin:2rem 0;font-size:2rem;line-height:2.5rem}#hero .hero-content .hero-social-icons{display:flex;flex-direction:column;gap:2rem;align-items:center}#hero .hero-content .hero-social-icons:after,#hero .hero-content :before{content:"";width:2px;height:80px;background-color:var(--primary-color)}#about{padding:4rem;height:90vh;display:flex;align-items:center}#about .content{width:75%;margin:auto;text-align:center}#about .content h2{font-size:3rem}#about .content p{width:80%;margin:auto;padding:1rem 0;line-height:1.5rem;text-align:justify}#services{margin-top:4rem;padding:4rem;height:100vh;text-align:center}#services h2{font-size:3rem}#services .services{margin-top:3rem;display:flex;align-items:stretch;justify-content:space-between;gap:2rem}#services .services .each-service{width:100%;background-color:var(--secondary-color);border-radius:10px;position:relative;display:flex;flex-direction:column;height:auto;text-align:left}#services .services .each-service .image{height:40vh;width:100%;background-color:var(--primary-color);border-radius:inherit}#services .services .each-service .service-content{padding:2rem}#services .services .each-service .service-content p{padding:2rem 0}#services .services .each-service .service-content button{border:none;outline:none;background-color:none;background:none;font:inherit}#why-us{margin-top:8rem;padding:8rem 4rem;height:100%;text-align:center;background-color:#000;color:#fff}#why-us h2{font-size:3rem}#why-us>p{width:70%;margin:2rem auto}#why-us .why-us{display:flex;justify-content:space-between;align-items:stretch;gap:2rem;width:75%;margin:4rem auto 0}#why-us .why-us .reasons{display:flex;flex-direction:column;gap:2rem;width:100%;text-align:left}#why-us .why-us .reasons .reason{display:flex;align-items:flex-start;gap:1rem}#why-us .why-us .reasons .reason .icon{font-size:5rem;padding:0;margin:0}#why-us .why-us .reasons .reason .each-reason h3{font-size:2rem;margin-bottom:1rem}#why-us .why-us .image{width:100%;background-color:gray;border-radius:10px}#mvs{height:100%;padding:8rem 4rem;text-align:center}#mvs h2{font-size:3rem}#mvs .mvs{margin-top:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}#mvs .mvs .each-mvs{width:100%;background-color:var(--secondary-color);border-radius:10px;aspect-ratio:1/1;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;transition:transform .3s ease-in-out}#mvs .mvs .each-mvs h3{position:absolute;bottom:0;padding:2rem;font-size:1.5rem}#mvs .mvs .each-mvs .hover-content{position:absolute;top:100%;left:0;width:100%;height:100%;background-color:var(--primary-color);color:#fff;display:flex;justify-content:center;align-items:center;transition:top .3s ease-in-out;text-align:center;font-size:16px;padding:15px}#mvs .mvs .each-mvs:hover .hover-content{top:0}#references{padding:8rem 4rem;background-color:var(--primary-color);color:var(--light-text-primary)}#references h2{font-size:3rem;text-align:center}#references .references{display:grid;grid-template-columns:repeat(2,1fr);margin-top:3rem;gap:1rem;column-gap:4rem;row-gap:2rem}#references .references .reference{display:flex;align-items:center;justify-content:space-between;position:relative;padding-bottom:2rem}#references .references .reference:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff4}#references .references .reference:nth-last-child(1):after,#references .references .reference:nth-last-child(2):after{content:none}#management{height:100vh;padding:4rem;text-align:center;display:flex;align-items:center}#management .management h2{font-size:3rem}#management .management p{font-size:1.2rem;width:80%;margin:auto;line-height:2rem;padding:1rem 0}#management .management .members{margin-top:2rem;display:flex;justify-content:space-between}#management .management .members .member{width:100%;display:flex;flex-direction:column;align-items:center}#management .management .members .member p{margin:0;padding:0}#management .management .members .member .name{margin-top:1rem;font-weight:700}#management .management .members .member .profile{width:100px;height:100px;border-radius:50%;background-color:gray}#footer{padding:1rem 4rem;background-color:var(--primary-color);display:flex;justify-content:space-between;color:#fff;align-items:center}#footer p{font-size:.8rem}#footer .footer-icon{display:flex;flex-direction:row;gap:2rem}@media (min-width: 501px) and (max-width: 900px){#hero{padding:3rem}#about{padding:3rem}#about .content{width:100%}#services{padding:3rem;height:100%}#services .services{flex-direction:column;padding:0 4rem}#why-us{margin-top:4rem;height:100%}#why-us>p{width:100%}#why-us .why-us{width:100%}#why-us .why-us .image{display:none}#mvs{height:100%;margin-top:4rem}#mvs .mvs{flex-direction:column}#references{padding:8rem 4rem}#management{height:100%;padding:8rem 4rem}#management .management .members{justify-content:center;gap:1rem}}@media (max-width: 500px){#navbar{padding:1rem 0}#navbar nav{display:none}#hero{padding:0 2rem}#hero .hero-content{gap:2rem}#hero .hero-content .content{width:100%}#hero .hero-content .content h1{font-size:2.5rem}#hero .hero-content .content .hero-subheading{margin:1rem 0;font-size:1.3rem;line-height:2rem}#about{padding:2rem;height:100%}#about .content{width:100%}#about .content p{width:100%}#services{padding:2rem;margin-top:2rem;height:100%}#services .services{flex-direction:column}#why-us{margin-top:2rem;height:100%;padding:2rem}#why-us h2{font-size:2.4rem}#why-us>p{width:100%;text-align:justify}#why-us .why-us{display:block;width:100%}#why-us .why-us .image{display:none}#why-us .why-us .reason .icon{font-size:2rem}#mvs{height:100%;padding:2rem;margin-top:2rem}#mvs .mvs{flex-direction:column}#references{padding:2rem;margin-top:2rem}#references .references{display:block}#management{height:100%;padding:2rem}#management .management p{width:100%;text-align:justify}#management .management .members{flex-direction:column;align-items:center;text-align:center;gap:2rem}#management .management .members .member{text-align:center}#management .management .members .member p{width:auto;margin:auto}#footer{padding:1rem 2rem;flex-direction:column-reverse;gap:1rem}}