figure{padding:120px 0;background:-webkit-gradient(linear,left top,left bottom,from(hsl(from var(--brand) h s l/ .9)),to(hsl(from var(--brand-second) h s l/ .8))),url(../img/web.webp);background:linear-gradient(180deg,hsl(from var(--brand) h s l/ .9),hsl(from var(--brand-second) h s l/ .8)),url(../img/web.webp);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}figure h4{color:var(--dark);font-size:17px;background:-webkit-gradient(linear,left top,right top,from(hsl(from var(--text-white) h s l/ .9)),to(hsl(from var(--text-white) h s l/ .1)));background:linear-gradient(90deg,hsl(from var(--text-white) h s l/ .9),hsl(from var(--text-white) h s l/ .1));padding:10px 30px;display:inline-block;border-radius:100vh}figure h1{color:var(--text-white);margin:15px 0}figure p{color:var(--text-white);font-weight:200;max-width:600px;margin:0 auto;line-height:1.2}.s-grid{background:url(../img/element_46.png) no-repeat}.s-grid .card-container{text-align:center;-webkit-transition:.5s;transition:.5s;position:relative;overflow:hidden;border-bottom:3px solid transparent;-o-border-image:linear-gradient(-140deg,var(--brand),var(--brand-second));border-image:linear-gradient(-140deg,var(--brand),var(--brand-second));border-image-slice:1}.s-grid .card-container .card-text{position:absolute;bottom:-80px;left:0;background:var(--text-white);margin:0 20px;padding:20px;-webkit-transition:.5s;transition:.5s;cursor:pointer;border-radius:10px}.s-grid .card-container ion-icon{position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:40px;margin-bottom:10px;color:var(--text-white);background:var(--text-white);padding:10px;border-radius:50%;color:var(--brand);--ionicon-stroke-width:18px}.s-grid .card-container .card-img{overflow:hidden}.s-grid .card-container .card-img img{-webkit-transition:.5s;transition:.5s;border-radius:10px;margin-bottom:60px}.s-grid .card-container h5{font-size:19px;margin-bottom:15px;margin-top:20px;-webkit-transition:.5s;transition:.5s}.s-grid .card-container p{color:hsl(from var(--dark) h s l/ .6);line-height:1.6;-webkit-transition:.5s;transition:.5s;opacity:0}.card-container:hover .card-text{bottom:0}.card-container:hover .card-text p{opacity:1}.card-container:hover .card-text h5{background:-webkit-linear-gradient(360deg,var(--brand),var(--brand-second));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.why .sm{font-size:20px}@media (max-width:768px){.margin-top-sm{margin-top:40px}}.why .gn-icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.why .gn-icon-box .icon{width:10%}.why .gn-icon-box p{width:90%}@media (max-width:425px){figure{padding:30px 0}.why .gn-icon-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.why .gn-icon-box .icon{margin-top:5px}}.col-box-img{position:relative}.side-animation-box{position:absolute;bottom:0;left:0;width:230px;height:100px;background:linear-gradient(140deg,hsl(from var(--brand) h s l/ .9),hsl(from var(--brand-second) h s l/ .9));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;color:var(--text-white);border-radius:10px;-webkit-animation:3s linear infinite bounce;animation:3s linear infinite bounce}.side-animation-box ion-icon,.side-animation-box-text h4{font-size:40px}.side-animation-box-text p{font-size:16px;margin-top:-10px}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.img-banner{background:-webkit-gradient(linear,left top,left bottom,from(hsl(from var(--brand) h s l/ .1)),to(hsl(from var(--brand-second) h s l/ .1))),url(../img/sub-header.jpg);background:linear-gradient(180deg,hsl(from var(--brand) h s l/ .1),hsl(from var(--brand-second) h s l/ .1)),url(../img/sub-header.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--text-white);position:relative;-webkit-filter:grayscale(100%) brightness(90%);filter:grayscale(100%) brightness(90%);-webkit-transition:.5s;transition:.5s}.img-banner:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.img-banner h5{font-size:20px;font-weight:300}