.elementor-989165 .elementor-element.elementor-element-e5b5c69{--display:flex;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-989165 .elementor-element.elementor-element-80f6e22{text-align:center;}.elementor-989165 .elementor-element.elementor-element-80f6e22 .elementor-heading-title{font-size:31px;font-weight:600;color:#1C4B42;}.elementor-989165 .elementor-element.elementor-element-a5bc8df{--display:flex;--border-radius:13px 13px 13px 13px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-989165 .elementor-element.elementor-element-a5bc8df:not(.elementor-motion-effects-element-type-background), .elementor-989165 .elementor-element.elementor-element-a5bc8df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C4B42;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-989165 .elementor-element.elementor-element-a5bc8df{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-989165 .elementor-element.elementor-element-a5bc8df{--width:954px;}}/* Start custom CSS for shortcode, class: .elementor-element-9484375 *//* === BetterDocs Category Grid Custom Styling === */

/* Make borders green and thin */
.betterdocs-category-grid-item,
.betterdocs-category-box,
.betterdocs-categories .betterdocs-single-cat {
  border: 1px solid green !important;
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

/* Add green hover effect */
.betterdocs-category-grid-item:hover,
.betterdocs-category-box:hover,
.betterdocs-categories .betterdocs-single-cat:hover {
  border-color: #0f9b0f !important; /* lighter green shade */
  background-color: #f0fff0 !important; /* subtle greenish background */
  transform: translateY(-3px);
}

/* Header line */
.betterdocs-category-header,
.betterdocs-category-header-inner {
  border-bottom: 1px solid #1c4b42 !important;
}

/* Category title - stays normal (no hover color) */
.betterdocs-category-title {
  font-size: 20px;
  font-weight: 600;
  color: #111 !important;
}

/* Number badge (count of docs) */
.betterdocs-category-items-counts span {
  background-color: green !important;
  color: white !important;
  border-radius: 50%;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 600;
}

/* Category icon */
.betterdocs-category-icon-img {
  width: 40px !important;
  height: 40px !important;
  filter: hue-rotate(90deg) !important; /* makes blue icons greenish */
  transition: transform 0.3s ease;
}

/* Slight zoom effect on hover */
.betterdocs-category-grid-item:hover .betterdocs-category-icon-img {
  transform: scale(1.1);
}

/* === Make doc article titles green on hover === */
/* (this targets the article links inside each category) */
.betterdocs-articles-list li a {
  color: #111 !important; /* default dark text */
  text-decoration: none !important;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

.betterdocs-articles-list li a:hover {
  color: green !important; /* hover turns green */
  text-decoration: underline !important;
}

/* === Responsive tweaks === */
@media (max-width: 768px) {
  .betterdocs-category-title {
    font-size: 18px !important;
  }
  .betterdocs-category-icon-img {
    width: 30px !important;
    height: 30px !important;
  }
}

@media (max-width: 480px) {
  .betterdocs-category-title {
    font-size: 18px !important;
  }
  .betterdocs-category-icon-img {
    width: 24px !important;
    height: 24px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5bc8df */.elementor-989165 .elementor-element.elementor-element-a5bc8df {
    max-width: 900px; /* Set your desired max width here */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 50px !important;
}/* End custom CSS */