.elementor-23662 .elementor-element.elementor-element-756d3d3{--display:flex;}.elementor-23662 .elementor-element.elementor-element-37b640a{padding:20px 20px 20px 20px;}/* Start custom CSS for html, class: .elementor-element-37b640a */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');
  
    :root {
      --dev-red:        #455a93;
      --dev-red-dark:   #455a93;
      --dev-dark:       #303030;
      --dev-dark-mid:   #444444;
      --dev-font:       'Poppins', sans-serif;
    }
  
    .dev-wrapper {
      font-family: var(--dev-font);
      padding: 10px 0;
      width: 100%;
    }
  
    .dev-section-heading {
      font-family: var(--dev-font);
      font-size: 1.4rem;
      font-weight: 500;
      color: var(--dev-dark);
      margin-bottom: 6px;
      display: inline-block;
    }
  
    .dev-section-heading::after {
      content: '';
      display: block;
      width: 45px;
      height: 4px;
      background: var(--dev-red);
      border-radius: 4px;
      margin-top: 6px;
    }
  
    .dev-cards-grid {
      margin-top: 30px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }
  
    .dev-offer-card {
      position: relative;
      border-radius: 15px;
      padding: 20px 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 190px;
      cursor: pointer;
      overflow: hidden;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
  
    .dev-offer-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    }
  
    .dev-offer-card:nth-child(odd)  { background: linear-gradient(145deg, var(--dev-red-dark), var(--dev-red)); }
    .dev-offer-card:nth-child(even) { background: linear-gradient(145deg, #222, var(--dev-dark)); }
  
    .dev-offer-card::before {
      content: '';
      position: absolute;
      width: 140px;
      height: 140px;
      border: 3px solid rgba(255,255,255,0.12);
      border-radius: 24px;
      transform: rotate(45deg);
      top: 50%; left: 50%;
      translate: -50% -50%;
      pointer-events: none;
    }
  
    .dev-icon-box {
      background: #fff;
      border-radius: 50%;
      width: 65px;
      height: 65px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      position: relative;
      z-index: 2;
      transition: transform 0.25s ease;
    }
  
    .dev-offer-card:hover .dev-icon-box { transform: scale(1.1); }
    .dev-icon-box svg { width: 32px; height: 32px; }
  
    .dev-card-text {
      font-size: 0.85rem;
      font-weight: 400;
      color: #fff;
      text-align: center;
      line-height: 1.3;
      position: relative;
      z-index: 2;
    }
  
    @media (max-width: 1024px) {
      .dev-cards-grid { grid-template-columns: repeat(2, 1fr); }
    }
  
    @media (max-width: 480px) {
      .dev-cards-grid { gap: 12px; }
      .dev-offer-card { min-height: 160px; padding: 20px 10px; }
      .dev-card-text { font-size: 0.85rem; }
    }/* End custom CSS */