.card{width:100%;min-height:250px;border-radius:7px;overflow:hidden;cursor:pointer;position:relative;color:#f0f0f0;box-shadow:0 10px 30px 5px rgba(0,0,0,.2);animation:fadeIn 1s}.card img{position:absolute;object-fit:cover;width:100%;height:100%;top:0;left:0;opacity:.9;transition:opacity .2s ease-out;mask-image:linear-gradient(0deg,rgba(0,0,0,.2) 20%,#000 25%);-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.2) 20%,#000 25%)}.card h2{position:absolute;inset:auto auto 30px 30px;margin:0;font-size:18px;transition:inset .3s ease-out .3s;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--primary-color)}.card a,.card p{position:absolute;opacity:0;max-width:80%;transition:opacity .3s ease-out}.card p{inset:auto auto 20px 30px;font-size:1rem;font-weight:500;letter-spacing:.5px;color:#2b2b2b}.card a{inset:auto auto 40px 30px;color:inherit;text-decoration:none}.card:hover h2{inset:auto auto 220px 30px;transition:inset .3s ease-out}.card:hover a,.card:hover p{opacity:1;transition:opacity .5s ease-in .1s}.card:hover img{transition:opacity filter .3s ease-in;opacity:.4;filter:sepia(0);mask-image:none;-webkit-mask-image:none}.material-symbols-outlined{vertical-align:middle}.service-container{display:flex;padding:35px;gap:15px;flex-wrap:wrap;justify-content:center}.card-container{flex:1 0 30%;height:300px;width:300px}@media only screen and (max-width:768px){.card-container{flex:1 1 100%}}.section-slider{height:100vh}.nav-container{position:absolute;top:0;width:100%}.main-title{background-color:transparent;z-index:300;padding-left:35px;margin-top:20px;position:relative;top:132px;z-index:200}.main-title h1,.main-title h2{animation:appear 2s;font-weight:400;font-size:32px;width:100%;top:30px;color:#fff;text-align:left;background-color:transparent;padding:5px}.main-title h2{font-size:22px;font-weight:lighter;text-decoration:none}.slider-container{height:100vh;width:100%;z-index:100;position:absolute;top:0;overflow:hidden;z-index:20}.slider-container:after{content:"";display:block;position:absolute;height:0;width:100%;bottom:0;background:linear-gradient(0deg,transparent 0,#000);height:100%}.phone-container{font-size:12px;font-weight:100;letter-spacing:2px;display:flex;align-items:center;position:absolute;top:10px;left:5px;z-index:200;color:#fff}.phone-container span{width:auto}.phone-container .tel-icon{margin-right:5px}.phone-container .phone-number{margin-left:5px}.location-container{position:absolute;bottom:10px;right:10px;text-shadow:1px 2px 2px gray;z-index:200;color:#fff}.bg-gray{background-color:gray}.map-container{flex-basis:37%}@media (max-width:768px){.map-container{flex-basis:100%}}@keyframes appear{0%{left:100%}to{left:0}}.btn-warning-close{padding:5px;background-color:var(--primary-color);cursor:pointer}div.loading-container{position:absolute;z-index:600;background-color:#4d4d4d;font-size:60px;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.loader{width:65px;aspect-ratio:1;position:relative}.loader:after,.loader:before{content:"";position:absolute;border-radius:50px;box-shadow:inset 0 0 0 3px #fff;animation:l5 2.5s infinite}.loader:after{animation-delay:-1.25s;border-radius:0}@keyframes l5{0%{inset:0 35px 35px 0}12.5%{inset:0 35px 0 0}25%{inset:35px 35px 0 0}37.5%{inset:35px 0 0 0}50%{inset:35px 0 0 35px}62.5%{inset:0 0 0 35px}75%{inset:0 0 35px 35px}87.5%{inset:0 0 35px 0}to{inset:0 35px 35px 0}}