.hero{margin:90px auto 0;padding:50px 0;display:flex;width:950px}.hero .text{width:100%;text-align:center}.hero .text p{font-size:20px;color:#686868;max-width:700px;margin:0 auto;line-height:1.5}.hero .text h1{font-size:60px;color:var(--primary-color);line-height:1.2}.hero .text h1 span{color:var(--secondary-color);font-family:inherit;font-weight:inherit}.bx{overflow:hidden;width:100vw;height:100vh;top:0;left:0}.bx,.icon{position:absolute}.icon{top:20px;left:8%;&.icon_2{top:-90px;right:8%;left:auto;transform:rotate(155deg)}}.icon img{width:120px;opacity:50%}.services{display:grid;grid-template-columns:repeat(3,1fr);width:950px;margin:0 auto 50px;gap:20px}.services .card{padding:30px 10px 10px;box-shadow:0 0 70px rgba(0,0,0,.078);border-radius:15px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.services .card h3{margin-bottom:20px;padding:0 5px}.services .card img{width:100%;height:-moz-max-content;height:max-content;border-radius:15px}@media screen and (max-width:1200px){.hero,.services{width:100%;padding-right:5%;padding-left:5%}.hero{margin-top:50px;padding-bottom:30px}}@media screen and (max-width:900px){.services{grid-template-columns:repeat(2,1fr);max-width:650px;gap:10px}.hero .text h1{font-size:30px}.hero .text p{font-size:18px}.services .card h3{font-size:16px;padding:0}.icon img{width:50px;opacity:50%}}