.elementor-76 .elementor-element.elementor-element-20203c6{--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;--border-radius:35px 35px 35px 35px;}@media(min-width:768px){.elementor-76 .elementor-element.elementor-element-20203c6{--width:1250px;}}/* Start custom CSS for html, class: .elementor-element-7dc9ec0 */.chem-mega-wrapper {
  display: flex;
  background: #ffffff;
  padding: 020px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.10);
}

.chem-menu-left {
  width: 35%;
  border-right: 1px solid #ddd;
}

.chem-menu-left li {
  list-style: none;
  padding: 03px 03px;
  font-size: 17px;
  cursor: pointer;
  transition: 0.3s;
  color: #222;
  font-weight: 500;
}

.chem-menu-left li:hover,
.chem-menu-left li.active {
  background: #eaf2ff;
  color: #0066ff;
  border-radius: 8px;
}

.chem-menu-right {
  width: 70%;
  padding-left: 20px;
}

.chem-panel {
  display: none;
  flex-wrap: wrap;
  gap: 5px;
}

.chem-panel.active {
  display: flex;
}

.chem-panel a {
  width: 48%;
  padding: 2px 0;
  text-decoration: none;
  color: #333;
  font-size: 15px;
  transition: 0.3s;
}

.chem-panel a:hover {
  color: #0066ff;
  transform: translateX(5px);
}/* End custom CSS */