/******* Do not edit this file *******
Code Snippets Manager
Saved: Apr 06 2026 | 18:51:51 */
/* 1. Animations */
.animate__hfadeInUp {
  -webkit-animation-name: hfadeInUp;
  /* Corrected name to match class intent */
  animation-name: hfadeInUp;
}
/* 2. Global Layout & Elements */
.e-con {
  transition: background var(--background-transition, 0s), transform var(--e-con-transform-transition-duration, 0s) !important;
}
html, body {
  scroll-padding-top: 80px;
}
.ez-toc-widget-container ul.ez-toc-list li.active {
  border-radius: 8px;
}
.ez-toc-widget-container ul li a {
  padding-right: 10px;
}
.top-tabs .e-n-tab-title {
  min-width: 250px !important;
}
.haru-nav-menu--main .haru-nav-menu ul.sub-menu {
  background-color: transparent !important;
}
.haru-nav-menu ul.sub-menu {
  margin-top: -2px !important;
}
.haru-container {
  max-width: 1000px;
}
.haru-archive-blog article.medium-image .post-title a {
  font-weight: 600;
}
.haru-page-title {
  padding: 0px;
}
.haru-button-text {
  font-weight: bold;
}
/* 3. Calculator Components */
.calc-container .calc-list .calc-item {
  margin-bottom: 15px;
}
.calc-checkbox {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
.calc-radio-image-wrapper {
  min-width: 34% !important;
  padding: 15px !important;
}
.calc-radio-image-wrapper img {
  height: 25px !important;
  width: 25px !important;
}
.calc-container .calc-list .calc-subtotal-list.show-unit .sub-item-value {
  word-break: break-word !important;
  /* Fixed whitespace */
}
.calc-container.vertical .calc-subtotal .calc-subtotal-list .ccb-next-content .calc-buttons button {
  width: 100% !important;
  font-size: 15px !important;
}
.ccb-thank-you-12051 .thank-you-page .thank-you-page__title-box-title {
  margin-bottom: 15px;
  font-size: 25px !important;
}
.ccb-page-breaker {
  max-width: 100% !important;
}
.ccb-group__fields textarea {
  height: 51px;
}
/* 4. Utility Classes */
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.margin-bottom--15 {
  margin-bottom: -15px !important;
}
.hide-me, .haru-breadcrumb, .grecaptcha-badge {
  display: none !important;
}
/* 5. Forms */
.ccb-contact-form7 input[type=text], .ccb-contact-form7 input[type=email], .ccb-contact-form7 input[type=password], .ccb-contact-form7 input[type=search], .ccb-contact-form7 input[type=number], .ccb-contact-form7 input[type=url], .ccb-contact-form7 input[type=tel], .ccb-contact-form7 input[type=date], .ccb-contact-form7 select, .ccb-contact-form7 textarea {
  padding: 15px 15px;
  margin-top: 15px;
}
.ccb-cf-wrap .wpcf7-submit, .ccb-order-form .ccb-contact-form7-container .wpcf7-submit {
  border: 0px !important;
  padding: 0px 10px !important;
  height: 55px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1px !important;
  text-transform: none !important;
  margin-top: 15px !important;
}
.thank-you-page .thank-you-page__order, .ti-widget.ti-face.ti-show-rating-text .ti-rating-text {
  display: none;
}
/* 6. Features Grid */
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0px;
  box-sizing: border-box;
}
.feature-item {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 7px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.feature-item p {
  margin: 0;
  font-size: 0.68rem;
  color: #333333;
  line-height: 1.4;
  font-weight: bold;
}
/* 7. Responsive Rules (Merged) */
@media (max-width: 768px) {
  .calc-checkbox {
    grid-template-columns: 1fr !important;
  }
  .calc-container.vertical {
    grid-template-columns: 1fr !important;
  }
  .ccb-total-row__item {
    display: block !important;
  }
  .features-grid {
    grid-template-columns: 1fr;
    max-width: 400px;
  }
}
/* Fixed syntax error here */
.calc-thank-you-page-container .thank-you-page__title-box {
  word-break: break-word !important;
}
