.services-container{display:grid;grid-template-columns:1fr 2fr;gap:35px;position:relative}.services-section .image{height:100%}.services-section .svg-this{position:absolute;top:50%;right:0%;transform:translateY(-35%);-webkit-transform:translateY(-35%);-moz-transform:translateY(-35%);-ms-transform:translateY(-35%);-o-transform:translateY(-35%)}.services-description{border-radius:8px;position:relative;margin:auto;height:100%;width:100%}.services-container .contant{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 50px}.services-description img{width:100%;height:100%;vertical-align:middle;border-radius:18px}.services-description h2{font-size:44px;margin:0 0 50px;color:#fff}.services-description p{font-size:16px;line-height:1.5;color:#fff}.explore-button{margin-top:70px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-card{background-color:#f5f5f5;padding:50px 20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:space-between;flex-direction:column;row-gap:20px}.services-grid .icon-image{width:110px;height:110px;background:#f5f0ff;display:flex;align-items:center;justify-content:center;border-radius:50%}.services-description .image svg{width:100%}.service-card h3{margin:0;font-size:24px;color:#1a1a1a}.service-card button{background-color:#6c63ff;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.service-card button:hover{background-color:#5753c9}@media screen and (max-width: 1050px){.services-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media screen and (max-width: 768px){.services-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 750px){.services-description p{font-size:16px}.services-grid{gap:18px}.service-card{padding:25px 15px;justify-content:start}.services-grid .icon-image{width:60px;height:60px}.services-description h2{font-size:24px;margin:0 0 22px}.services-description .image svg{width:100%;height:auto}.explore-button{margin-top:20px}.explore-button{font-size:16px}.services-container .contant{padding:0 20px;text-align:center}.service-card h3{margin:0;font-size:20px;color:#1a1a1a}}@media screen and (max-width: 375px){.services-description h2{margin:0}}.services-section .icon-image img{width:100%;height:100%;display:block}
/*# sourceMappingURL=/cdn/shop/t/13/assets/our-services.css.map */