.elementor-44 .elementor-element.elementor-element-30831bf{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-1dc6f05{text-align:center;}.elementor-44 .elementor-element.elementor-element-1dc6f05 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#1934B7;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-44 .elementor-element.elementor-element-bc13486 .elementor-button{background-color:#2563EB;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-44 .elementor-element.elementor-element-4a39d3a{--display:flex;}.elementor-44 .elementor-element.elementor-element-62c185a .elementor-drop-cap{margin-inline-end:10px;}.elementor-44 .elementor-element.elementor-element-6dc7157{--display:flex;}.elementor-44 .elementor-element.elementor-element-18532cd{--display:flex;}.elementor-44 .elementor-element.elementor-element-063d295{--display:flex;}.elementor-44 .elementor-element.elementor-element-88c956a{--display:flex;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-44 .elementor-element.elementor-element-1dc6f05 .elementor-heading-title{font-size:45px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-44 .elementor-element.elementor-element-bc13486 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-44 .elementor-element.elementor-element-1dc6f05 .elementor-heading-title{font-size:28px;line-height:1.1em;-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-44 .elementor-element.elementor-element-858ab86{text-align:center;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-44 .elementor-element.elementor-element-bc13486.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-44 .elementor-element.elementor-element-bc13486 .elementor-button{font-size:13px;padding:-2px -2px -2px -2px;}.elementor-44 .elementor-element.elementor-element-422be51{text-align:center;}}/* Start custom CSS for image, class: .elementor-element-17c990f */.elementor-44 .elementor-element.elementor-element-17c990f img {
  max-width: 280px;   /* Desktop/Laptop size */
  width: 100%;        /* Responsive scaling */
  height: auto;       /* Keep proportions */
  border-radius: 12px; /* Soft rounded corners (premium) */
  border: 3px solid #e5e7eb; /* Subtle grey border */
  object-fit: cover;  
  display: block;
  margin: 0 auto;     /* Centers image */
  box-shadow: 0 6px 20px rgba(0,0,0,0.15); /* Elegant shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-44 .elementor-element.elementor-element-17c990f img:hover {
  transform: scale(1.03); /* Subtle zoom */
  box-shadow: 0 10px 28px rgba(0,0,0,0.25);
}

/* Tablet */
@media (max-width: 992px) {
  .elementor-44 .elementor-element.elementor-element-17c990f img {
    max-width: 220px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .elementor-44 .elementor-element.elementor-element-17c990f img {
    max-width: 180px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-858ab86 */<section class="hero-section">
  <div class="hero-container">

    <!-- Profile Image -->
    <div class="hero-image">
      <img src="your-photo.jpg" alt="Dr. Hemchand">
    </div>

    <!-- Text Content -->
    <div class="hero-text">
      <h1>Dr. Hemchand</h1>
      <h2>IT Infrastructure Management &amp; Solutions Specialist</h2>
      <p class="bio">
        Expert in cloud services, cybersecurity, enterprise networking, and IT strategy with over 20+ years of leadership experience. 
        Currently serving as <strong>Associate Director – Govt. &amp; Public Sector Advisory at Nangia &amp; Co LLP</strong>, driving digital transformation and secure enterprise infrastructure.
      </p>
    </div>

  </div>
</section>

<style>
/* Hero Section */
.hero-section {
  background: #f9fafb;
  padding: 70px 20px;
  font-family: "Poppins", sans-serif;
}

/* Container */
.hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: auto;
  gap: 40px;
}

/* Profile Image */
.hero-image img {
  max-width: 280px;
  width: 100%;
  height: auto;
  border-radius: 12px;   /* soft corners */
  border: 3px solid #e5e7eb;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

/* Text */
.hero-text {
  flex: 1.5;
  min-width: 280px;
}

.hero-text h1 {
  font-size: 2.6rem;
  color: #111827;
  margin-bottom: 10px;
}

.hero-text h2 {
  font-size: 1.3rem;
  font-weight: 500;
  color: #2563eb;
  margin-bottom: 15px;
}

.hero-text .bio {
  font-size: 1rem;
  line-height: 1.7;
  color: #374151;
  max-width: 650px;
}

/* 📱 Responsive */
@media (max-width: 992px) {
  .hero-container {
    flex-direction: column;
    text-align: center;
  }
  .hero-text h1 {
    font-size: 2rem;
  }
  .hero-text h2 {
    font-size: 1.1rem;
  }
  .hero-text .bio {
    font-size: 0.95rem;
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .hero-image img {
    max-width: 180px;
  }
  .hero-text h1 {
    font-size: 1.7rem;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-62c185a *//* Skills List Section */
.skills-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
  font-family: "Poppins", sans-serif;
}

.skills-list li {
  background: #ffffff;
  padding: 14px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.skills-list li i {
  color: #2563eb;
  font-size: 1rem;
  min-width: 24px;
  text-align: center;
}

.skills-list li span,
.skills-list li strong {
  color: #111827;
  flex: 1;
}

.skills-list li:hover {
  background: #f9faff;
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.15);
}

/* Mobile */
@media (max-width: 576px) {
  .skills-list {
    grid-template-columns: 1fr; /* stack into one column */
  }
}/* End custom CSS */