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}.services-grid{padding-top:0}.services-grid .icon-box{-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);padding:40px 30px;border-radius:10px;position:relative;overflow:hidden;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(0);transform:translateY(0);min-height:350px}.services-grid .icon-box::before{position:absolute;content:"";top:100%;left:0;width:100%;height:100%;background:linear-gradient(140deg,var(--brand),var(--brand-second));border-radius:10px;z-index:-1;-webkit-transition:.5s;transition:.5s}.icon-box:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px;box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px}.icon-box:hover::before{top:0}.icon-box h4{text-transform:capitalize}.icon-box:hover h4{color:var(--text-white)}.services-grid .icon-box .icon-wrap{background:linear-gradient(140deg,var(--brand),var(--brand-second));width:60px;height:60px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;-webkit-transition:.5s;transition:.5s}.services-grid .icon-box ion-icon{font-size:30px;color:var(--text-white);-webkit-transition:.5s;transition:.5s}.services-grid .icon-box h4{margin:20px 0 10px;-webkit-transition:.5s;transition:.5s}.services-grid .icon-box p{color:#7b7a7a;-webkit-transition:.5s;transition:.5s}.icon-box:hover p{color:hsla(0,0%,100%,.9)}.icon-box:hover .icon-wrap{background:var(--text-white)}.icon-box:hover ion-icon{color:var(--brand)}.box-active.icon-box{background:linear-gradient(140deg,var(--brand),var(--brand-second));-webkit-box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px;box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px}.box-active.icon-box h4,.box-active.icon-box p{color:hsla(0,0%,100%,.9)}.box-active.icon-box .icon-wrap{background:hsla(0,0%,100%,.9)}.box-active.icon-box ion-icon{color:var(--brand)}.img-banner{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/bg-hm.webp);background:linear-gradient(180deg,hsl(from var(--brand) h s l/ .9),hsl(from var(--brand-second) h s l/ .8)),url(../img/bg-hm.webp);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-white);position:relative;padding-bottom:160px}.img-banner h5{font-size:20px;font-weight:300}.img-banner .wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.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;gap:10px}.why .gn-icon-box ion-icon{width:5%}.why .gn-icon-box p{width:95%}@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 ion-icon{margin-top:6px}}.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)}}