:root{--blue:#007bff}*{border:0;margin:0;padding:0;box-sizing:border-box}a:hover{text-decoration:none}.animation{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50%;height:10%}#animation p,.animation h3{text-transform:uppercase;display:block}.slidertexta{color:#fff;font-size:60px;font-weight:700;letter-spacing:8px;margin-bottom:20px;position:relative;animation:ust 3s 1;background-color:rgba(13, 14, 14, .5);border-radius:25px}.slidertextp{font-size:30px;font-weight:500;animation-fill-mode:forwards;background-color:rgb(0, 0, 0, .5);border-radius:25px;color:white;transition:1s}@media (min-width:320px) and (max-width:480px){.slidertexta{font-size:1.2em;overflow:hidden}.animation{width:80%}.slidertextp{font-size:0.8em}}@media only screen and (min-device-width :768px) and (max-device-width :1024px){.slidertexta{font-size:2.8em;overflow:hidden}.animation{width:80%}.slidertextp{font-size:1.5em}}@media only screen and (min-width:1030px) and (max-width:1366px){.slidertexta{font-size:3em}.animation{width:50%}.slidertextp{font-size:1.5em}}:root{--background-dark:#2d3548;--text-light:rgba(255, 255, 255, 0.6);--text-lighter:rgba(255, 255, 255, 0.9);--spacing-s:8px;--spacing-m:16px;--spacing-l:24px;--spacing-xl:32px;--spacing-xxl:64px;--width-container:1200px}.hero-section{align-items:flex-start;display:flex;min-height:100%;justify-content:center;padding:var(--spacing-xxl) var(--spacing-l);margin-left:15%}@media(max-width:960px){.hero-section{align-items:flex-start;display:flex;min-height:100%;justify-content:center;padding:var(--spacing-xxl) var(--spacing-l);margin-left:auto;margin-right:auto}}.card-grid{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:var(--spacing-l);grid-row-gap:var(--spacing-l);max-width:var(--width-container);width:100%}@media(min-width:540px){.card-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width:960px){.card-grid{grid-template-columns:repeat(4, 1fr)}}.cardOne{list-style:none;position:relative}.cardOne:before{content:'';display:block;padding-bottom:150%;width:100%}.card__background{background-size:cover;background-position:center;border-radius:var(--spacing-l);bottom:0;filter: brightness(.75) saturate(1.2) contrast(.85);left:0;position:absolute;right:0;top:0;transform-origin:center;transform:scale(1) translateZ(0);transition:filter 0.2s linear, transform 0.2s linear}.card__background img{background-size:cover;background-position:center;border-radius:var(--spacing-l);bottom:0;left:0;position:absolute;right:0;top:0;transform-origin:center}.cardOne:hover .card__background{transform:scale(1.05) translateZ(0)}.card__content{left:0;padding:var(--spacing-l);position:absolute;top:0}.card__category{color:var(--text-light);font-size:0.9rem;margin-bottom:var(--spacing-s);text-transform:uppercase}.card__heading{color:var(--text-lighter);font-size:1.9rem;text-shadow:2px 2px 20px rgba(0, 0, 0, .2);line-height:1.4;word-spacing:100vw}.slider{max-width:1100px;display:flex}.slider .card{flex:1;margin:0 10px;background:#fff}.slider .card .img{height:200px;width:100%}.slider .card .img img{height:100%;width:100%;object-fit:cover}.slider .card .content{padding:10px 20px}.card .content .title{color:#007bff;font-size:25px;font-weight:600}.card .content p{margin:10px 0;text-align:center}.card .content .btn{display:block;text-align:center;margin:10px 0}.card .content .btn button{border:solid #007bff 2px;border-radius:10px;background:#fff;color:#007bff;outline:0;font-size:17px;padding:5px 8px;cursor:pointer;transition:0.2s}.card .content .btn button a{top:-10px !important}.card .content .btn button:hover{color:#fff;transition-duration:0.5s;background-color:#007bff}.featureicon{font-size:25px}.featureicond:hover{transition-duration:0.6s;background-color:#fff !important;color:#007bff}.card-text{font-size:18px}.card-img-top{transition:0.3s transform ease-out}.card-img-top:focus{outline:-webkit-focus-ring-color auto 1px}