styles.css

@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=Lato:wght@300&family=Montserrat:wght@200;300&family=Roboto+Flex:opsz,wght@8..144,200;8..144,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Montserrat:wght@200;300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);.blog,.contact{border-bottom:1px solid #000}.nav-item a,.show h1{font-weight:700}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Lato,sans-serif;color:#333;line-height:1.6}.companyname,.people h3,.show h1,h6{font-family:Cinzel}body h1,h2,h3,h4,h5{color:#d4af37;font-family:Cinzel}.navbar-nav{align-items:center}nav{background-color:rgba(0,0,0,.9)}nav img{width:6.2rem;margin-right:20px}.nav-item a{margin-right:2.5rem;color:#fff}.tag a:hover{color:#fff;border-bottom:2px solid wheat}.companyname{font-size:5rem}.work{background-color:#fffbe9;height:60%}.work .content{width:60%}.item{border-right:2px solid #000}.item1{border-right:2px solid #fff}.card-section:hover{box-shadow:0 1px 15px rgba(0,0,0,.3);border-radius:20px}a:hover{border-bottom:2px solid #000}a{text-decoration:none;color:#000}h4{font-weight:bolder}.cards img{display:block;margin-left:auto;margin-right:auto;width:50%;border-radius:20px}.people img{border-radius:50%;height:200px;width:200px;margin:0 auto}.people .line{border:0;width:25%;margin:1rem auto;border-bottom:1px solid rgba(0,0,0,.3)}.people a:hover{border:none;color:#333}.people .card{height:44rem;border:0;width:400px;margin:0 auto}.people .card:hover{box-shadow:0 3px 20px rgba(0,0,0,.3);z-index:100}.people button:hover{box-shadow:0 1px 15px rgba(0,0,0,.3);transform:scale(.97)}.career img{width:80%}.career-down{width:70%;font-size:1.5rem;margin:0 auto;z-index:100;position:relative;bottom:5rem;background-color:#fff}.blog{border-top:1px solid #000}.contact a,.contact i{margin-right:1rem}.contact button{width:10rem;height:3rem;padding:3px}.contact button:hover{background-color:#fff;color:#333}.contact .line{border:0;border-bottom:1px solid rgba(0,0,0,.3);margin-top:3rem;margin-bottom:1.5rem}.footer .logo img{width:15rem;margin:15px 0}.footer .line{border:0;border-bottom:1px solid rgba(0,0,0,.3);margin-top:1rem;margin-bottom:1.5rem}.articles p{margin-top:1rem;font-size:1rem}.work-showcase{height:400px;width:100%;background:url('./img/2711.webp') center/cover no-repeat;color:#fff}.content,.parent:hover{background-color:rgba(0,0,0,.5);box-shadow:1px 1px 27px rgba(0,0,0,.5)}.show{margin-top:100px;width:90%;padding:5px}#preloader,.hero,.vid{width:100%}.content h1,.content p{font-weight:600;transition:.5s}.line{border:0;border-bottom:1px solid rgba(0,0,0,.5);margin-top:2.5rem}.text-link{display:inline-block;margin:1rem 0;font-size:1.25rem;color:#00f}.text-link:hover{border-bottom:1px solid #00f}.contact{font-size:smaller}#preloader{background:url('./img/preloade3r.webp') center/40% no-repeat #000;height:100vh;position:fixed;z-index:100}.hero{height:100vh;position:relative;padding:0 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:1s}.back-video,.inputBox span,.vid{position:absolute}.content{text-align:center;padding:20px}.content:hover{box-shadow:1px 1px 27px rgba(0,0,0,.5);color:#d4af37}.content h1{font-size:90px;color:#d4af37}.content h1:hover{-webkit-text-stroke:2px #fff;color:transparent}.content p{font-size:20px;color:#fff}.vid{top:0;left:0;height:100%;overflow:hidden;z-index:-1}.back-video{min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.aa{opacity:.7}.child{transition:1s ease-in-out}.parent:hover .child{color:#d4af37;transform:translateX(150px)}@media (min-aspect-ratio:16/9){.back-video{width:100%;height:auto}}@media (max-aspect-ratio:16/9){.back-video{width:auto;height:100%}}.contactss{font-family:Poppins,sans-serif;position:relative;min-height:100vh;padding:50px 100px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(./img/indus.webp) rgba(0,0,0,.7);background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:darken}.contactss .contents{max-width:800px;text-align:center}.contactss .contents h2{font-size:36px;font-weight:500;color:#fff}.contactss .contents p{font-weight:500;color:#fff}.containerr{width:100%;display:flex;justify-content:center;align-items:center;margin-top:30px}.contactINfo{display:flex;width:50%;flex-direction:column}.contactINfo .box{position:relative;padding:20px 0;display:flex}.contactINfo .box .icon{min-width:60px;height:60px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:22px;color:#d4af37}.contactINfo .box .text{display:flex;margin-left:20px;font-size:16px;color:#fff;flex-direction:column;font-weight:300}.contactINfo .box .text h3{font-weight:500;color:#d4af37}.contactForm{width:40%;padding:40px;background:#fff}.contactForm h2{font-size:30px;color:#333;font-weight:500}.contactForm .inputBox{position:relative;width:100%;margin-top:10px}.contactForm .inputBox input,.contactForm .inputBox textarea{width:100%;padding:5px;font-size:16px;margin:10px;border:none;border-bottom:2px solid #333;outline:0;resize:none}.inputBox span{bottom:15px;left:0;padding:5px;margin:10px;pointer-events:none;transition:.5s;color:#666}.contactForm .inputBox input:focus~span,.contactForm .inputBox input:valid~span{color:#e91e63;font-size:12px;transform:translateY(-20px)}.contactForm .inputBox textarea:focus~span,.contactForm .inputBox textarea:valid~span{color:#e91e63;font-size:12px;transform:translateY(-100px)}.contactForm .inputBox input[type=submit]{width:100px;background:#d4af37;color:#fff;border:none;cursor:pointer;padding:10px;font-size:18px}.inputBox input[type=submit]:hover{transform:scale(.95)}.clients{background:rgba(0,0,0,.1);border-radius:20px}.clients img{box-shadow:1px 1px 27px rgba(0,0,0,.5)}.careerback{background:url(./img/careerback.webp) 0 0/cover}@media(max-width:992px){#showcase .content{margin-top:9rem}.item{border:0;border-bottom:2px solid #000}.career img,.careershtml .careerss img,.clients img,.contactForm,.containerr .contactINfo{width:100%}.career-down{width:90%;font-size:1rem;position:relative;bottom:4rem}.careershtml .careerss{width:100px;margin-top:4.5rem}.careershtml .career-down{font-size:15px}.contactss{padding:50px}.containerr{flex-direction:column}.containerr .contactINfo{margin-bottom:40px}.show{margin-top:0}.quotes{padding:30px}.quotes .second{margin-right:30px}}#img-link{text-decoration: none !important;border: 0px !important;outline: none;border-width: 0px;outline-width: 0px;border-bottom: none;}