@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);:root{--green:rgba(124, 212, 0, 1);--white:black}*{margin:0;padding:0;box-sizing:border-box}body{height:100%;width:100%;font-family:"Poppins",sans-serif;font-weight:100;background-color:whitesmoke;font-style:normal}html{scroll-behavior:smooth;scroll-padding:1rem}.section{max-width:100%;margin:auto;padding:2rem 3rem}.hero{background-position:center;background-color:gray;object-fit:cover;padding:0;padding-bottom:3rem;background-size:cover;position:relative;text-align:center}.circle{position:absolute;color:#fff;width:100px;height:100px;background:#000;border-radius:50%;display:flex;right:12rem;bottom:-3rem;border:7px solid whitesmoke;justify-content:center;align-items:center}.circle i{font-size:30px}.text{width:100%;height:100%;position:absolute;animation:anmi 10s linear infinite}@keyframes anmi{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.text span{position:absolute;left:50%;font-size:.9em;font-weight:500;transform-origin:0 45px}.hero nav{display:flex;justify-content:space-between;padding:1rem;border-radius:10px;align-items:center}.hero nav .link-list{display:flex}.hero nav .link-list .link{list-style:none;margin:0 10px;font-weight:300;font-size:12px}.hero nav .link-list .link a{color:#fff;text-decoration:none}.hero nav .link-list .link::after{content:'';width:0;display:block;margin:0;height:2px;background-color:var(--green);transition:0.5s;border-radius:10px}.hero nav .link-list .link:hover::after{width:50%}.logo{color:#fff}.logo span{font-size:10px}nav .btn{background-color:var(--green);padding:.5rem 1rem;color:var(--white);border:none;border-radius:7px;text-decoration:none;font-weight:500;font-size:14px}nav .btn:hover{background-color:var(--white);color:var(--green);border:1px solid var(--green);transition:0.4s}.hero-content{margin-bottom:2rem}#slider-nav{margin:3rem 0;display:flex;justify-content:center;align-items:center;gap:1rem}#slider-nav .dot{width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:.5;transition:background-color 0.5s ease-in-out}#slider-nav .dot.active{background-color:var(--green);opacity:1}.hero-text{font-family:'Oswald',sans-serif;font-size:400%;font-weight:600;margin:4rem 0;color:#fff;transition:0.5s}.hero-text span{display:block}.button{background-color:var(--green);padding:.7rem 3rem;border:none;font-weight:500;border-radius:7px;font-size:14px;color:var(--white);text-decoration:none;border:#fff0}.button:hover{background-color:var(--white);color:var(--green);border:1px solid var(--green);transition:0.4s}.services{text-align:center}.sub-topic{color:#444489;margin:.7rem 0}.images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:2rem;align-items:start;text-align:center;margin-bottom:3rem}.services .images img{max-width:80%;border-radius:10px}.topic{font-weight:800;text-align:center}.image i{font-size:30px;border:10px whitesmoke solid;margin-left:-55px;margin-bottom:-35px;border-radius:50%;padding:14px 16px;color:whitesmoke;background-color:#000}.image h2{text-align:left;margin-left:1.1rem}.repair_info{font-size:1.1em;width:90%;margin:auto;font-weight:300}.aboutus .topic{margin-bottom:10px}.firstabout{display:flex;align-items:center;justify-content:space-between;width:90%;gap:2rem;margin:auto}.firstabout p{width:70%;text-align:center;font-size:1.1em;line-height:1.45em;font-weight:300}.secondabout img{align-items:center}.aboutus img{width:350px;border-radius:20px}.secondabout{display:flex;align-items:center;justify-content:space-between;width:90%;gap:2rem;margin:auto;margin-top:50px}.secondabout p{width:70%;text-align:center;font-size:1.1em;line-height:1.45em;font-weight:300}.aboutus .circle{color:#fff;position:static}.footer{text-align:center;padding:0rem 0rem;width:100%;position:relative}.footer::before{content:"OC TECH";width:100%;font-size:14em;position:absolute;font-weight:700;left:0;margin-top:-2rem;z-index:-1;color:#004e8276}.footer img{width:clamp(450px, 50%, 600px);margin-bottom:-1rem;z-index:20;position:relative}.shadow{height:10px;width:420px;position:absolute;top:38%;left:35%;z-index:1;box-shadow:0 80px 70px 10px #000}.footer_content{border-top-left-radius:30px;border-top-right-radius:30px;background-color:#004D82}.TandC{color:#fff;font-size:1.1rem;padding:1rem 0rem;font-weight:300;padding:2rem}.footer-cols{display:grid;width:100%;margin-top:-15rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;padding-top:15rem;padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.footer_content .col{color:#fff;text-align:left}.first p{font-weight:400;font-family:"Montserrat",sans-serif}.socials{width:50px;gap:1rem;margin-top:10px;display:flex}.socials a{color:#000;padding:7px;background-color:#fff;border-radius:50%;text-decoration:none;font-size:1.5em}.col h2{font-weight:500}.second a,.third a{color:#fff;text-decoration:none;font-family:"Montserrat",sans-serif;font-weight:500}.second{margin-left:10rem}.second li{list-style:none;margin:1rem 0}.third p{font-weight:500;margin-top:20px;font-family:"Montserrat",sans-serif}@media only screen and (max-width:748px){.section{padding:2rem 1rem}.hero-text{text-align:center;margin-top:4rem}.hero nav .link-list{display:none}.hero .hero-text{font-size:40px}.hero .circle i{font-size:20px}.circle{width:70px;height:70px}.hero .circle{right:3.5rem}.TandC{font-size:.8em;padding:1rem}.text span{left:50%;font-size:.6em;font-weight:500;transform-origin:0 29px}.services .images img{width:220px;border-radius:10px}.images h2{text-align:center;margin-left:-6rem}.hero nav{padding:0}.repair_info{font-size:.9em}.firstabout{width:100%;align-items:center;gap:.5rem}.secondabout{width:100%;align-items:center;gap:1rem;margin-bottom:3rem}.firstabout p{font-size:.7em}.firstabout img{max-width:150px;border-radius:10px}.secondabout p{font-size:.7em}.secondabout img{width:200px;border-radius:10px}.footer::before{font-size:5.2em;text-align:center;width:100%;top:5%;padding:0rem}.footer{text-align:center}.footer img{width:400px;margin-bottom:-.5rem}.shadow{width:250px;top:18%;left:23%}.second{margin-left:0}.col{margin:1rem 0rem}}