.elementor-737 .elementor-element.elementor-element-5fc80ab > .elementor-background-overlay{background-color:var( --e-global-color-c4517f6 );opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-737 .elementor-element.elementor-element-5fc80ab > .elementor-container{min-height:292px;}.elementor-737 .elementor-element.elementor-element-5fc80ab:not(.elementor-motion-effects-element-type-background), .elementor-737 .elementor-element.elementor-element-5fc80ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-737 .elementor-element.elementor-element-5fc80ab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-737 .elementor-element.elementor-element-17a6281 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-737 .elementor-element.elementor-element-17a6281 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-737 .elementor-element.elementor-element-02a5f1c > .elementor-container{max-width:1252px;}@media(max-width:767px){.elementor-737 .elementor-element.elementor-element-5fc80ab > .elementor-container{min-height:151px;}}/* Start custom CSS for html, class: .elementor-element-4e121a9 */.our-work-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.our-work-title {
  text-align: center;
  font-size: 2.2em;
  margin-bottom: 40px;
  color: #333;
}

.our-work-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.work-item {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.work-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.work-item i {
  font-size: 3em;
  color: #4a90e2;
  margin-bottom: 20px;
}

.work-item h3 {
  font-size: 1.2em;
  margin-bottom: 10px;
  color: #333;
}

.work-item p {
  font-size: 0.9em;
  color: #666;
}

@media (max-width: 768px) {
  .our-work-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}/* End custom CSS */