@media screen and (min-width:1200px){header{z-index:100;background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 20px;display:flex;position:absolute;top:0;left:0}header h4{margin:0}header ul{margin:0;list-style-type:none;display:flex}header ul li{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:fit-content;height:35px;margin:0 10px;padding:0 10px;display:flex}header ul li:hover{color:#fff;background-color:#00bfff;border-radius:5px;width:fit-content;height:35px;padding:0 10px}header ul li a{color:#000;justify-content:center;align-items:center;width:100%;height:100%;font-weight:400;text-decoration:none;display:flex}header ul li a:hover{color:#fff}}
:root{--dark:#00bfff;--light:#e0f7ff;--accent:#00bfff}@media screen and (min-width:1200px){h1{color:#00bfff;margin:15px 0;font-size:6vh}.about-us{background-color:#e0f7ff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(140vh - 150px);padding:0 40px;display:flex}.about-us-vision-card{color:#fff;background:linear-gradient(135deg,#00bfff,#e0f7ff);border-radius:1rem;margin-top:2rem;margin-bottom:3rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.about-us-vision-card:after{content:"";background-color:#ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.about-us-vision-card h2{z-index:1;margin-bottom:1rem;font-size:1.5rem;position:relative}.about-us-vision-card p{z-index:1;max-width:80%;font-size:1.25rem;position:relative}.about-us-mission-section h2{text-align:center;color:var(--dark);margin-bottom:2rem;font-size:1.75rem}.about-us-mission-grid{justify-content:space-between;gap:15px;display:flex}.about-us-mission-card{border-top:4px solid var(--accent);background-color:#fff;border-radius:.75rem;width:30%;padding:2rem;transition:transform .3s;box-shadow:0 4px 6px -1px #0000001a}.about-us-mission-card:hover{transform:translateY(-5px)}.about-us-mission-card h3{color:var(--dark);margin-bottom:1rem;font-size:1.25rem}.about-us-mission-card p{color:var(--dark);opacity:.9}.about-us-mission-icon{color:var(--dark);background-color:#e0f7ff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1rem;font-size:1.5rem;display:flex}}
@media screen and (min-width:1200px){.hero{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.hero-title{height:fit-contentq;text-align:center;width:fit-content}.hero-title h1{color:#00bfff;font-size:8vh}.hero-summary{height:fit-contentq;text-align:center;width:fit-content}.hero-summary h4{color:#00bfff;font-size:5.5vh}.hero-summary h6{color:#00bfff;font-size:4vh}.hero-btns{justify-content:center;width:40%;display:flex}.hero-btns button{cursor:pointer;color:#fff;background-color:#00bfff;border-radius:5px;width:fit-content;height:fit-content;padding:10px}}
@media screen and (min-width:1200px){.products{background-color:#e0f7ff;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:calc(100vh - 70px);padding:10px 20px;display:flex}.products h6{color:#00bfff;font-size:8vh}.products .products-cnt{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:calc(100% - 40px);padding:10px 20px;display:flex}.products-cnt ul{list-style-type:none}.products-cnt ul li{background-color:#0000;border-radius:20px;width:fit-content;height:fit-content}}
.card,#card{background-color:#fff;border-radius:20px;width:230px;padding:5px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.card:hover{transform:scale(1.05)}.card .top-section{background-color:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;height:50px;display:flex;position:relative}.card .top-section .border{background:#1b233d;border-bottom-right-radius:10px;width:130px;height:30px;position:relative;transform:skew(-40deg);box-shadow:-10px -10px #1b233d}.card .top-section .icons{justify-content:space-between;width:100%;height:30px;display:flex;position:absolute;top:0}.card .top-section .icons .logo{aspect-ratio:1;height:100%;padding:7px 0 7px 15px}.card .top-section .icons .logo .top-section{height:100%}.card .top-section .icons .social-media{gap:7px;height:100%;padding:8px 15px;display:flex}.card .top-section .icons .social-media .svg{fill:#1b233d;height:100%}.card .top-section .icons .social-media .svg:hover{fill:#fff}.card .bottom-section{text-align:center;margin-top:15px;padding:10px 5px}.card .bottom-section .title{color:#00bfff;text-align:center;letter-spacing:2px;font-size:17px;font-weight:bolder;display:block}.card .bottom-section .row{justify-content:space-between;margin-top:20px;display:flex}.card .bottom-section .row .item{text-align:center;cursor:pointer;color:#aadef3b8;flex-direction:column;flex:30%;justify-content:center;align-items:center;gap:10px;padding:5px;display:flex}.card .bottom-section .row .item .big-text{font-size:12px;display:block}.card .bottom-section .row .item .regular-text{color:#00bfff;font-size:12px;font-weight:500}.card .bottom-section .row .item:nth-child(2){border-left:1px solid #ffffff20;border-right:1px solid #ffffff20}
@media screen and (min-width:1200px){.what-we-build{background-color:#00bfff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:calc(100vh - 70px);padding:10px 20px;display:flex}.what-we-build .left{text-align:left;flex-direction:column;justify-content:center;align-items:center;width:55%;height:100%;padding:20px;display:flex}.what-we-build .left h6{text-align:left;color:#fff;font-size:8vh}.what-we-build .left p{text-align:left;color:#fff;width:550px;font-size:3.5vh}}
@media screen and (min-width:1200px){.contact-us{background-color:#00bfff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:calc(100vh - 70px);padding:40px;display:flex}.contact-us .contact-us-headline{flex-direction:column;justify-content:flex-start;align-items:center;width:500px;height:100%;padding:0 25px;display:flex}.contact-us .contact-us-headline h1{text-align:left;color:#fff;font-size:8vh}.contact-us .contact-us-headline p{color:#fff;font-size:3.5vh}.contact-us ul{flex-direction:column;justify-content:flex-end;align-items:center;width:45%;height:100%;padding:20px 40px;list-style-type:none;display:flex}.contact-us ul li{background-color:#fff;border-radius:12px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:110px;margin:15px 0;padding:0 15px;display:flex}.contact-us ul li h3{font-size:3.5vh;font-weight:700}}
@media screen and (min-width:1200px){.layout{position:relative}main{scroll-behavior:smooth;width:100%;height:100vh;overflow:auto}}