.base-parallex-banner{background-position:center;background-repeat:no-repeat;background-size:cover;float:left;width:100%}.base-parallex-banner .banner-wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:center}.base-parallex-banner .banner-wrapper .banner-image{display:flex;gap:30px;line-height:0}.base-parallex-banner .banner-wrapper .banner-image .about-image img{border-radius:var(--media-radius);transition:.4s all}.base-parallex-banner .banner-wrapper .banner-image .about-image:hover img{transform:translateY(-10px)}.base-parallex-banner .banner-wrapper .banner-contents{margin-right:100px}.base-parallex-banner .banner-wrapper .banner-contents .description{margin:0}.base-parallex-banner .services-wrapper{display:flex;flex-direction:column;gap:30px}.base-parallex-banner .services-wrapper .service-item{display:flex;gap:20px}.base-parallex-banner .services-wrapper .service-item .service-icon{display:inline-block;height:80px;width:80px;background-size:40px;float:none;margin-inline:auto;background-repeat:no-repeat;text-align:center;background-position:center;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;vertical-align:top;border-radius:50%}.base-parallex-banner .services-wrapper .service-item .service:hover .service-icon{transform:rotateY(360deg)}.base-parallex-banner .services-wrapper .service-item .service-content .heading{color:rgb(var(--color-base-background-2-text));margin:0 0 10px}@media screen and (max-width: 1269px){.base-parallex-banner .banner-wrapper .banner-contents{margin-right:15px}}@media screen and (max-width: 989px){.base-parallex-banner .banner-wrapper{display:block}.base-parallex-banner .banner-wrapper .banner-contents{margin:0 0 30px}}@media screen and (max-width: 767px){.base-parallex-banner .banner-wrapper .banner-image{gap:15px}}@media screen and (max-width: 479px){.base-parallex-banner .services-wrapper .service-item .service-icon{height:50px;width:50px;background-size:25px}.base-parallex-banner .services-wrapper .service-item{gap:15px}.base-parallex-banner .services-wrapper .service-item .service-content .heading{margin:0 0 5px;font-size:16px}.base-parallex-banner .services-wrapper{gap:15px}.base-parallex-banner .banner-wrapper .banner-contents{margin:0 0 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/base-parallex-banner.css.map */