.elementor-227 .elementor-element.elementor-element-f282804{--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-227 .elementor-element.elementor-element-b9f5b26{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-227 .elementor-element.elementor-element-114bb2a{--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-227 .elementor-element.elementor-element-e8f663f{--display:flex;}.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-227 .elementor-element.elementor-element-bfbe86a{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-227 .elementor-element.elementor-element-bfbe86a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-227 .elementor-element.elementor-element-ef77237{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-227 .elementor-element.elementor-element-6ba9107{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-227 .elementor-element.elementor-element-6ba9107 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-227 .elementor-element.elementor-element-7bef7ff{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;color:#5F5F5F;}.elementor-227 .elementor-element.elementor-element-2190f66{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-227 .elementor-element.elementor-element-2190f66 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-227 .elementor-element.elementor-element-8bb70fa{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;color:#5F5F5F;}.elementor-227 .elementor-element.elementor-element-67f38b9{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-227 .elementor-element.elementor-element-67f38b9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-227 .elementor-element.elementor-element-121c8ff{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;color:#5F5F5F;}@media(max-width:1024px){.elementor-227 .elementor-element.elementor-element-bfbe86a{--container-widget-width:789px;--container-widget-flex-grow:0;width:var( --container-widget-width, 789px );max-width:789px;}.elementor-227 .elementor-element.elementor-element-ef77237{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-227 .elementor-element.elementor-element-6ba9107{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-227 .elementor-element.elementor-element-6ba9107 .elementor-heading-title{font-size:14px;}.elementor-227 .elementor-element.elementor-element-7bef7ff{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-227 .elementor-element.elementor-element-2190f66{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-227 .elementor-element.elementor-element-2190f66 .elementor-heading-title{font-size:14px;}.elementor-227 .elementor-element.elementor-element-8bb70fa{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-227 .elementor-element.elementor-element-67f38b9{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}.elementor-227 .elementor-element.elementor-element-67f38b9 .elementor-heading-title{font-size:14px;}.elementor-227 .elementor-element.elementor-element-121c8ff{--container-widget-width:939px;--container-widget-flex-grow:0;width:var( --container-widget-width, 939px );max-width:939px;}}@media(max-width:767px){.elementor-227 .elementor-element.elementor-element-bfbe86a{--container-widget-width:686px;--container-widget-flex-grow:0;width:var( --container-widget-width, 686px );max-width:686px;}.elementor-227 .elementor-element.elementor-element-bfbe86a .elementor-heading-title{font-size:17px;}.elementor-227 .elementor-element.elementor-element-ef77237{--container-widget-width:319px;--container-widget-flex-grow:0;width:var( --container-widget-width, 319px );max-width:319px;}.elementor-227 .elementor-element.elementor-element-6ba9107{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-227 .elementor-element.elementor-element-6ba9107 .elementor-heading-title{font-size:14px;}.elementor-227 .elementor-element.elementor-element-7bef7ff{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-227 .elementor-element.elementor-element-2190f66{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-227 .elementor-element.elementor-element-2190f66 .elementor-heading-title{font-size:14px;}.elementor-227 .elementor-element.elementor-element-8bb70fa{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-227 .elementor-element.elementor-element-67f38b9{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}.elementor-227 .elementor-element.elementor-element-67f38b9 .elementor-heading-title{font-size:14px;}.elementor-227 .elementor-element.elementor-element-121c8ff{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;}}/* Start custom CSS for container, class: .elementor-element-b9f5b26 *//* Copy Section Stylish Background */
.cp-code {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background: linear-gradient(135deg, #f3f6ff, #e6ecff);
  border: 1px solid #cfd8f3;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Hex Input Style */
.cp-hex-input {
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #b5c0e0;
  font-family: monospace;
  font-weight: 600;
  font-size: 12px;
  color: #2d2d2d;          /* dark gray for readability */
  background: #ffffff;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
  flex: 1;
}

/* Copy Button Style */
.cp-copy-btn {
  padding: 10px 16px;
  border-radius: 8px;
  background: linear-gradient(180deg,#4f6ef7,#7106064);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: #0B0000;          /* white text */
  transition: background 0.3s, transform 0.1s;
}
.cp-copy-btn:hover {
  background: linear-gradient(180deg,#5c7cff,#435ed9);
  transform: translateY(-1px);
}
.cp-copy-btn:active {
  transform: translateY(0);
}/* End custom CSS */