.elementor-2789 .elementor-element.elementor-element-2632215{--display:flex;}.elementor-2789 .elementor-element.elementor-element-ede3fa9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-2789 .elementor-element.elementor-element-6b82e46{columns:1;}.elementor-2789 .elementor-element.elementor-element-253f500{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2789 .elementor-element.elementor-element-08ca9ed{--display:flex;}@media(max-width:1024px){.elementor-2789 .elementor-element.elementor-element-ede3fa9{--grid-auto-flow:row;}.elementor-2789 .elementor-element.elementor-element-253f500{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2789 .elementor-element.elementor-element-ede3fa9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2789 .elementor-element.elementor-element-253f500{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-e9522d9 *//* 🔹 Main Container */
#cysec-riskexp {
  width: 100vw; /* Full width of the viewport */
  margin-left: calc(-50vw + 50%); /* Center-align the container */
  position: relative; /* Enable absolute positioning for child elements */
  z-index: 1; /* Ensure proper layering */
  overflow: visible; /* Allow overflow for image */
}

/* 🔹 Background Container */
#cysec-riskexp .background-container {
  background-color: #E8F8F5; /* Light green/blue background */
  width: 100%; /* Ensure it spans the full width */
  padding: 80px 0; /* Top and bottom padding */
  box-sizing: border-box; /* Include padding in height calculation */
}

/* 🔹 Content Layout (2-column design) */
#cysec-riskexp .content-container {
  display: grid; /* Use CSS Grid for layout */
  grid-template-columns: auto auto; /* Auto-adjust column sizes */
  gap: 20px; /* Add spacing between the columns */
  align-items: start; /* Align items at the top of their respective columns */
  width: 100%; /* Ensure full width */
  margin: 0; /* Remove default margin */
}

/* 🔹 Text Column */
#cysec-riskexp .text-column {
  padding-left: 20%;
  padding-right: 10%;
  text-align: left; /* Ensure left-aligned text */
}

#cysec-riskexp h2 {
  color: #0A263C; /* Navy blue heading */
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

#cysec-riskexp p {
  color: #4A4A4A; /* Neutral gray for text */
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: justify; /* Align text neatly */
}

/* 🔹 List Formatting */
#cysec-riskexp ul {
  padding-left: 20px;
  list-style-type: disc;
}

#cysec-riskexp ul li {
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  color: #0A263C;
}

/* 🔹 Image Column */
#cysec-riskexp .image-column {
  position: relative; /* Ensure the image aligns within its column */
  margin-top: -120px;
  opacity: 75%;
  padding-right: 10%;
  display: flex; /* Use flexbox for alignment */
  justify-content: flex-end; /* Push image all the way to the right */
  filter: brightness(0.8) sepia(1) hue-rotate(90deg) saturate(2);
  /* Adjust hue-rotate and saturate values for the desired green tint */
  transition: filter 0.3s ease; /* Smooth transition */
}

/* 🔹 Image Styling */
#cysec-riskexp .offset-image {
  position: relative; /* Allow normal flow within its container */
  max-width: 100%; /* Ensure the image scales appropriately */
  max-height: 400px; /* Set a maximum height */
  display: block;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.4); /* Stronger shadow effect */
}

/* 🔹 Responsive Design */
@media (max-width: 768px) {
  #cysec-riskexp .content-container {
    grid-template-columns: 1fr; /* Stack columns on smaller screens */
    text-align: center;
  }

  #cysec-riskexp .text-column {
    padding-left: 10%;
    padding-right: 10%;
  }

  #cysec-riskexp ul {
    text-align: left;
    display: inline-block;
  }

  #cysec-riskexp .image-column {
    justify-content: center;
    margin-top: 0;
  }
}/* End custom CSS */