.elementor-1272 .elementor-element.elementor-element-0b21a1d{--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;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1272 .elementor-element.elementor-element-0b21a1d:not(.elementor-motion-effects-element-type-background), .elementor-1272 .elementor-element.elementor-element-0b21a1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cefa31a );}.elementor-1272 .elementor-element.elementor-element-fa65e15{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1272 .elementor-element.elementor-element-fa65e15:not(.elementor-motion-effects-element-type-background), .elementor-1272 .elementor-element.elementor-element-fa65e15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cefa31a );}.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-1272 .elementor-element.elementor-element-216c5f9{text-align:center;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1272 .elementor-element.elementor-element-0e36c6a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1272 .elementor-element.elementor-element-0e36c6a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.53 * 100% );}.elementor-1272 .elementor-element.elementor-element-0e36c6a:after{content:"0.53";}.elementor-1272 .elementor-element.elementor-element-0e36c6a .elementor-post__thumbnail__link{width:100%;}.elementor-1272 .elementor-element.elementor-element-0e36c6a .elementor-post__meta-data span + span:before{content:"•";}.elementor-1272 .elementor-element.elementor-element-0e36c6a .elementor-post__text{margin-top:20px;}.elementor-1272 .elementor-element.elementor-element-d89aeff{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1272 .elementor-element.elementor-element-0b21a1d{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1272 .elementor-element.elementor-element-fa65e15{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1272 .elementor-element.elementor-element-0e36c6a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1272 .elementor-element.elementor-element-0e36c6a:after{content:"0.5";}.elementor-1272 .elementor-element.elementor-element-0e36c6a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* Base styles for desktop/tablets */
.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Two equal-width columns for larger screens */
  grid-gap: 30px !important; /* Spacing between grid items */
  margin: 0 auto;
  max-width: 1200px !important; /* Optional: limits the grid width */
}

.section {
  background-color: #0e4d92 !important; /* Initial background color (dark blue) */
  color: white !important; /* Text color is white */
  padding: 20px !important;
  border-radius: 8px !important;
  border: 4px solid #0e4d92 !important; /* Thicker border with color #0e4d92 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important; /* Smooth transition for hover */
}

.section h2 {
  font-size: 1.5em !important;
  margin-bottom: 10px !important;
  color: white !important; /* Header text color */
}

.section p, .section ul {
  font-size: 1em !important;
  line-height: 1.6 !important;
  color: white !important; /* Body text color */
}

.section ul {
  list-style-type: none !important;
  padding-left: 0 !important;
}

.section ul li {
  margin-bottom: 10px !important;
}

.section strong {
  font-weight: bold !important;
  color: white !important; /* Bold text color */
}

/* Hover Effect */
.section:hover {
  background-color: white !important; /* Change background color to white on hover */
  color: #0e4d92 !important; /* Change text color to dark blue on hover */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important; /* Optional: Add a stronger shadow on hover */
  border: 4px solid #0e4d92 !important; /* Keep the dark blue border on hover */
}

/* Ensure child elements (headings, paragraphs, etc.) change text color too */
.section:hover h2,
.section:hover p,
.section:hover ul,
.section:hover strong {
  color: #0e4d92 !important; /* Change text color to dark blue on hover */
}

/* Mobile Optimization (Mobile devices and smaller tablets) */
@media (max-width: 768px) {
  .services-grid {
    grid-template-columns: 1fr !important; /* Switch to a single column on mobile */
    grid-gap: 20px !important; /* Reduce spacing between grid items */
  }

  .section {
    padding: 15px !important; /* Adjust padding for smaller screens */
  }

  .section h2 {
    font-size: 1.25em !important; /* Reduce header font size */
  }

  .section p, .section ul {
    font-size: 0.95em !important; /* Reduce body text font size */
  }
}/* End custom CSS */