*{padding:0;margin:0;box-sizing:border-box;font-family:'Josefin Sans',sans-serif;list-style:none;text-decoration:none;scroll-behavior:smooth;scroll-padding-top:3.5rem}:root{--bg-color:#101010;--secound-bg-color:#191919;--text-color:#fff;--secound-color: #c6c9d8bf;--main-color:gold;--big-font:5.3rem;--h2-font:4.2rem;--p-font:1.1rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:#222;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#777;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#aaa}body{background:var(--bg-color);color:var(--text-color);overflow-x:hidden;width:100%}header{background-color:transparent;position:fixed;width:100%;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px 15%;transition-duration:.3s}.header-scroll{background-color:#141414}.logo{color:var(--text-color);font-size:30px;font-weight:bold;letter-spacing:1px}.navbar{display:flex}.navbar li{position:relative}.navbar a{color:var(--text-color);font-weight:bold;font-size:1rem;padding:10px 20px}.navbar a::after{content:'';position:absolute;width:0;height:2px;background:var(--main-color);left:0;bottom:-4px;transition:ease .40s}.navbar a:hover::after{width:100%}#menu-icon{font-size:32px;color:var(--text-color);z-index:10001;cursor:pointer;display:none}section{padding:120px 15%}section.about{padding:55px 15%}.home{height:100vh;width:100%;background:url(xbgrd.jpg.pagespeed.ic.H7dJR9v_Uc.jpg);background-size:cover;background-position:center;position:relative;display:grid;grid-template-columns:repeat(1,1fr);align-items:center}.home-text .banner img{border-radius:25px}.banner-mobile{display:none}.home-text h1{margin:20px 0 20px;font-size:70px}.home-text h3{font-size:25px;margin-bottom:55px}.home-text h4{color:#fff;font-size:20px;letter-spacing:2px}span{color:var(--main-color)}.whyus{background:var(--secound-bg-color);display:grid;grid-template-columns:repeat(2,2fr);align-items:center;grid-gap:2rem}.whyus-img img{max-width:100%;width:350px;height:auto;border-radius:10px}.whyus-text h2{font-size:var(--h2-font);margin-bottom:20px}.whyus-text p{color:var(--secound-color);letter-spacing:1px;line-height:28px;max-width:590px;font-size:var(--p-font);margin-bottom:45px}.btn{display:inline-block;background:var(--main-color);color:var(--text-color);border:2px solid transparent;font-weight:600;padding:13px 30px;border-radius:30px;transition:ease .35s}.btn:hover{transform:translateY(-8px);border:2px solid var(--main-color);background:transparent}.center{text-align:center}.center h2{font-size:var(--h2-font);margin-bottom:15px}.center p{color:var(--secound-color);letter-spacing:1px;line-height:28px;font-size:var(--p-font)}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,auto));grid-gap:2rem;align-items:center;margin-top:4.5rem}.row{background:var(--secound-bg-color);padding:55px 30px;border-radius:30px;cursor:pointer;transition:all .35s}.row i{color:var(--main-color);margin-bottom:20px;font-size:2.7rem}.row h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:15px}.row p{color:var(--main-color);line-height:20px;font-size:var(--p-font)}.row:hover{transform:translateY(-15px)}#join{padding:50px 25px;background:var(--secound-bg-color)}.cnt{display:flex;justify-content:center;align-items:center;flex-direction:column}.cnt h2{font-size:var(--h2-font);margin-bottom:20px}.cnt p{color:var(--secound-color);letter-spacing:1px;line-height:28px;max-width:590px;font-size:var(--p-font);margin-bottom:25px}.work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px}.work{border-radius:10px;position:relative;overflow:hidden}.work img{width:100%;border-radius:10px;display:block;transition:transform .5s}.layer{width:100%;height:0;background:linear-gradient(rgba(0,0,0,.6),gold);border-radius:10px;position:absolute;left:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;font-size:14px;transition:height .5s}.layer h3{font-weight:500;margin-bottom:20px;letter-spacing:6px}.layer p{font-size:20px}.layer a{margin-top:20px;color:#fffb00;text-decoration:none;font-size:18px;line-height:60px;background:#bfc208;width:60px;height:60px;border-radius:50%;text-align:center}.layer i{font-size:30px;justify-content:center}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}.buttons{display:flex;flex-direction:row}.btn{display:block;margin:50px auto;width:fit-content;border:2px solid #fe0;padding:14px 50px;border-radius:30px;text-decoration:none;color:#fff;transition:all .5s}.btn:hover{background:transparent;border:2px solid #fe0}.footer{text-align:center;background:var(--bg-color);padding:34px}.footer p{font-size:17px;color:var(--secound-color);letter-spacing:1px}.footer p a{color:#fff}.footer p a:hover{color:#009ef7}@media (max-width:850px){*{scale:1}body{scroll-padding-top:0;-webkit-tap-highlight-color:transparent}header{padding:18px 5%}.navbar{display:none}.navbar.show{display:flex;flex-direction:column;align-items:flex-end;position:absolute;transition:ease-out 1.5s;top:70px;left:0;padding-right:10px;width:100%;z-index:999}.navbar.show li{margin:10px 0;float:right}.navbar.show a{font-size:20px;background-color: #252525AA;padding:10px 20px;border-radius:5px}#menu-icon{display:block}.home{padding-top:70px;justify-content:center}.home-text{font-size:40px}.home-text h1{margin:10px auto;font-size:40px}.home-text h3{font-size:18px;margin-bottom:30px}.home-text h4{font-size:16px}.banner{display:none}.banner-mobile{display:block;justify-content:center}.banner-mobile img{width:100%;scale:1.25;border-radius:25px}.whyus{grid-template-columns:repeat(1,1fr);grid-gap:1rem}.whyus-img img{width:100%;border-radius:10px}.whyus-text h2{font-size:32px;margin-bottom:15px}.whyus-text p{max-width:none;margin-bottom:30px}.about-content{grid-template-columns:repeat(1,1fr);grid-gap:1rem;margin-top:3rem}.row{padding:30px 15px}.join{display:flex;justify-content:center}.work-list{grid-template-columns:repeat(1,1fr);grid-gap:1rem;margin:10px auto}.buttons{padding:30px;flex-direction:column}.btn{margin:10px auto;text-align:center}.cnt{text-align:center}}