.elementor-167 .elementor-element.elementor-element-58d7272{--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;}.elementor-widget-heading .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-167 .elementor-element.elementor-element-18a0540 .elementor-heading-title{color:var( --e-global-color-d7f69f9 );}.elementor-167 .elementor-element.elementor-element-d5e7cbc .highlight-height{height:40vh;}.elementor-167 .elementor-element.elementor-element-d5e7cbc pre, .elementor-167 .elementor-element.elementor-element-d5e7cbc code, .elementor-167 .elementor-element.elementor-element-d5e7cbc .line-numbers .line-numbers-rows{font-size:17px;}/* Start custom CSS for html, class: .elementor-element-e1a5e9a */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

.custom-code-block {
  position: relative;
  font-family: 'Poppins', sans-serif;
  background: #1e1e2f;
  color: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
  overflow: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.custom-code-block pre {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.custom-code-block code {
  display: block;
  line-height: 1.7;
  font-size: 15px;
}

.copy-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #ff6b81;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s;
}

.copy-btn:hover {
  background: #ff3d61;
}/* End custom CSS */