.slider .controls .next,.slider .controls .prev{position:absolute;top:0;left:auto;bottom:0;right:20px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.1);backdrop-filter:blur(10px);margin:auto;cursor:pointer;z-index:2;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.slider .controls .next:before,.slider .controls .next:after,.slider .controls .prev:before,.slider .controls .prev:after{content:" ";position:absolute;top:-6px;left:2px;bottom:0;right:0;width:10px;height:2px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,0.2);margin:auto;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.slider .controls .next:after,.slider .controls .prev:after{top:6px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.slider .controls .next:hover,.slider .controls .prev:hover{background:rgba(0,0,0,0.2)}.slider .controls .next{left:20px;right:auto}.slider .controls .next:before{right:4px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.slider .controls .next:after{right:4px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.slider .dots{position:absolute;top:auto;left:0;bottom:10px;right:0;text-align:center;z-index:2}.slider .dots .dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);margin:4px;vertical-align:middle;cursor:pointer;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.slider .dots .dot.active,.slider .dots .dot:hover{background:rgba(255,255,255,0.8)}.slider .dots+.slides .banner .info{bottom:50px}@media (max-width: 768px){.slider .dots{display:none}.slider .dots+.slides .banner .info{bottom:0}}

.box{position:relative;display:inline-grid;grid-template-rows:200px auto auto auto;grid-template-columns:auto auto auto;grid-gap:10px 0;grid-template-areas:"icon icon icon" "title title title" "content content content" ". . button";background-size:0}.box .background{position:absolute;top:0;left:0;bottom:auto;right:0;height:200px;background-image:inherit;z-index:2}.box .image{position:absolute;top:0;left:0;bottom:auto;right:0;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.box .icon{position:relative;grid-area:icon;line-height:200px;text-align:center;font-size:48px;font-family:Material Icons Outlined;z-index:3}.box .title{position:relative;grid-area:title;line-height:28px;font-size:18px;font-weight:bold;z-index:3}.box .content{position:relative;grid-area:content;line-height:20px;z-index:3}.box .button{position:relative;max-height:42px;grid-area:button;display:inline-block;line-height:42px;text-align:center;font-weight:bold;padding:0 10px;color:var(--dark);background:var(--primary);z-index:3}.box.hover{height:240px;grid-gap:0;grid-template-rows:auto;grid-template-areas:"icon icon icon" "title title title" "content content content" ". button ."}.box.hover .image,.box.hover .background{height:100%;background-size:cover}.box.hover .icon{height:140px;line-height:180px;opacity:1;visibility:visible;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transition-delay:.2s;transition-delay:.2s}.box.hover .icon:empty{display:none}.box.hover .icon:empty+.title{height:0;margin-top:60px}.box.hover .title{height:100px;text-align:center;font-size:24px;opacity:1;visibility:visible;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transition-delay:.2s;transition-delay:.2s}.box.hover .content{height:0;text-align:center;opacity:0;visibility:hidden;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transition-delay:0s;transition-delay:0s}.box.hover .button{max-height:0;opacity:0;visibility:hidden;overflow:hidden;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transition-delay:0s;transition-delay:0s}.box.hover:hover .icon,.box.hover:hover .title{height:0 !important;opacity:0 !important;margin:0 !important;visibility:hidden;-webkit-transition-delay:0s;transition-delay:0s}.box.hover:hover .content{height:120px;opacity:1;visibility:visible;-webkit-transition-delay:.2s;transition-delay:.2s}.box.hover:hover .button{min-height:42px;max-height:42px;opacity:1;visibility:visible;-webkit-transition-delay:.2s;transition-delay:.2s}.box.center{grid-template-areas:"icon icon icon" "title title title" "content content content" ". button ."}.box.center .title{text-align:center}.box.center .content{text-align:center}.box.center.round{grid-template-rows:120px auto auto auto;min-height:120px}.box.center.round .background,.box.center.round .image{width:120px;height:120px;border-radius:60px;overflow:hidden;margin:0 auto}.box.center.round .icon{line-height:120px}.box.right{grid-template-rows:auto auto auto;grid-template-columns:120px auto auto;grid-gap:10px;grid-template-areas:"icon title title" "icon content content" "icon content content" "icon button ."}.box.right .background{left:auto;width:120px;height:100%}.box.right .image{left:auto;width:120px;height:100%}.box.right .icon{line-height:120px}.box.right.round{min-height:120px}.box.right.round .background,.box.right.round .image{width:120px;height:120px;border-radius:60px;overflow:hidden}.box.left{grid-template-rows:auto auto auto;grid-template-columns:auto auto 120px;grid-gap:10px;grid-template-areas:"title title icon" "content content icon" "content content icon" "button . icon"}.box.left .background{right:auto;width:120px;height:100%}.box.left .image{right:auto;width:120px;height:100%}.box.left .icon{line-height:120px}.box.left.round{min-height:120px}.box.left.round .background,.box.left.round .image{width:120px;height:120px;border-radius:60px;overflow:hidden}.rounded .box .button{border-radius:30px}

.blog-items{position:relative}.blog-items .group{display:flex;margin-bottom:10px}.blog-items .group .box{flex:1}.blog-items.slider .controls i{right:0}.blog-items.slider .controls i.next{right:auto;left:0}.blog-items.slider .dots{bottom:-28px}.blog-items.slider .dots .dot{background:rgba(0,0,0,0.1);backdrop-filter:blur(10px)}.blog-items.slider .dots .dot.active,.blog-items.slider .dots .dot:hover{background:rgba(0,0,0,0.2)}.blog-items.slider .slides .group{position:absolute;top:0;left:0;bottom:auto;right:0;padding:0 40px;box-sizing:border-box;opacity:0;visibility:hidden;transform:scale(1.02);-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.blog-items.slider .slides .group.active{position:relative;transform:scale(1);opacity:1;visibility:visible}@media (max-width: 768px){.blog-items .group{display:block;text-align:center}.blog-items .group .box{width:calc(100% - 20px);max-width:400px;margin:10px auto !important}}