.elementor-623 .elementor-element.elementor-element-e7068db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1ea7a47 */body {font-family: 'Poppins', sans-serif; margin: 0; padding: 0; color: #333;}
.hero {background: linear-gradient(135deg, #6a00f4, #b06cff); color: #fff; text-align: center; padding: 120px 20px;}
.hero h1 {font-size: 48px; margin-bottom: 20px;}
.hero p {font-size: 18px; margin-bottom: 30px;}
.btn {display: inline-block; padding: 12px 28px; background: #7e3ff2; color: #fff; border-radius: 8px; text-decoration: none; box-shadow: 0 6px 18px rgba(126,63,242,0.25);}
.btn:hover {background: #5a2ad6; transform: translateY(-2px);}
.about {display: flex; flex-wrap: wrap; align-items: center; background: #fff; padding: 80px 20px;}
.about .container {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1200px; margin:auto;}
.about-text {flex: 1 1 45%;}
.about-img {flex: 1 1 45%; text-align: right;}
.about-img img {max-width: 100%; border-radius: 12px; box-shadow: 0 8px 30px rgba(176,108,255,0.15);}
.what-is {text-align: center; padding: 80px 20px; background: #faf7ff;}
.services {padding: 100px 20px; text-align: center; background: #fff;}
.service-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: 40px;}
.service-box {background: #f6f0ff; padding: 20px; border-radius: 12px; transition: 0.3s; color: #3a0e6f;}
.service-box img {display:block; margin: 0 auto 12px; max-width:60px;}
.service-box:hover {transform: translateY(-8px); box-shadow: 0 10px 30px rgba(106,0,244,0.12);}
.why-choose {background: linear-gradient(90deg,#8e43ff,#b06cff); color: #fff; padding: 100px 20px; text-align: center;}
.why-choose ul {list-style: none; padding: 0; margin-top: 20px;}
.why-choose li {margin: 10px 0; font-size: 18px;}
.industries {text-align: center; padding: 80px 20px; background: #fff;}
.industry-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px;}
.industry-grid div {background: #f6f0ff; padding: 15px 25px; border-radius: 8px; transition: 0.3s; color: #3a0e6f;}
.industry-grid div:hover {background: #7e3ff2; color: #fff;}
.cta {background: linear-gradient(135deg, #6a00f4, #b06cff); color: #fff; text-align: center; padding: 100px 20px;}
footer {background: #1b0530; color: #fff; text-align: center; padding: 40px 20px;}/* End custom CSS */