.featured-services .card{background-color:var(--bs-black);color:var(--bs-white);border:1px solid var(--bs-white);position:relative;border-radius:10px;overflow:hidden;min-height:500px}.featured-services .card:hover{border-color:var(--color-gravelmania-light)}.featured-services .card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0));z-index:2}.featured-services .card:hover:before{background:linear-gradient(180deg,rgba(255,255,255,0) 25%,rgba(0,0,0,.9) 75%)}.featured-services .card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}.featured-services .card .card-body{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:30px}.featured-services .card .card-body h3{font-weight:700;font-size:20px;margin-bottom:0;padding-left:10px;border-left:3px solid var(--color-gravelmania-light)}.featured-services .card .card-body h3 a{color:var(--bs-white)}.featured-services .card .card-body .card-content{display:grid;grid-template-rows:0fr;transition:.5s ease-in-out;visibility:hidden;opacity:0}.featured-services .card .card-body .card-content p{font-size:15px;padding-top:10px;margin-bottom:0;overflow:hidden;color:var(--bs-white)}.featured-services .card:hover .card-content{grid-template-rows:1fr;visibility:visible;opacity:1}.about-text{text-align:center;color:azure}.about-div{max-width:45rem;margin:auto}.about{padding-top:168px;padding-bottom:168px}.about .content h3{font-weight:600;font-size:26px}.about .content ul{list-style:none;padding:0}.about .content ul li{padding-left:28px;position:relative}.about .content ul li+li{margin-top:10px}.about .content ul i{position:absolute;left:0;top:2px;font-size:20px;color:#000000;line-height:1}.about .content p:last-child{margin-bottom:0}.btn-learn-more:hover{background:#DC5F00;color:#fff;text-decoration:none}#hero{width:100%;height:80vh;height:47.25rem;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--color-gravelmania-dark);position:relative}#hero .background-image{position:absolute;top:0;left:0;width:100%;height:100%;filter:brightness(.4)}#hero h1{margin:0 0 10px;font-size:48px;font-weight:700;line-height:56px;color:#fff}#hero h2{color:rgb(255,255,255);margin-bottom:50px;font-size:24px;text-shadow:1px 1px 2px rgb(0,0,0),0 0 1em rgb(255,123,0),0 0 .2em rgb(255,123,0)}#hero .btn-get-started{font-family:Jost,sans-serif;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:10px 28px 11px;border-radius:50px;transition:.5s;margin:0 auto;width:300px;color:#fff;background:#000000}#hero .btn-get-started:hover{background:#FF6E31}#hero .btn-watch-video{font-size:16px;display:flex;align-items:center;transition:.5s;margin:10px 0 0 25px;color:#fff;line-height:1}#hero .btn-watch-video i{line-height:0;color:#fff;font-size:32px;transition:.5s;margin-right:8px}#hero .btn-watch-video:hover i{color:#000000}#hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}.grav-text{padding-top:100px}@media (min-width:991px){#hero .hero-img{width:70%;margin:auto}#hero .container{padding-top:32px}}@media (max-width:991px){#hero{height:100vh;text-align:center}#hero .animated{animation:none}#hero .hero-img{text-align:center}#hero .hero-img img{width:50%}}@media (max-width:768px){#hero h1{font-size:28px;line-height:36px}#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}#hero .hero-img img{width:70%}#hero .btn-get-started{margin-top:70px}}@media (max-width:575px){#hero .hero-img img{width:80%}#hero .btn-get-started{font-size:16px;padding:10px 24px 11px}}@keyframes up-down{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}