/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.hhs-blog-post-card {
    border: 1px solid #e5e4e2;
    border-radius: 24px;
}

.hhs-post-feat-img{
  border-top-left-radius: 19px;
    border-top-right-radius: 19px;
  border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: none;
  background-color: #000 !important;
}

.hhs-blog-post-card-foot  {
    border: 4px solid #fff;
    border-radius: 24px;
    border-color: #d9d9d9;
}

.hhs-footer-mod .hhs-post-feat-img {
    min-height: 150px !important;
}

.hhs-post-content {
  padding-left: 10px;
  padding-right: 10px;
  color: #222222;
}


.reading-minutes {
   color: #d32f2e !important;
  font-weight: bold;
}



/*****************************************/
/* Start All Cusom Lines for the cards   */
/*****************************************/


.custom-link {
    color: white !important;
    position: relative;  /* Added for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}

.custom-link::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 1px;  /* Or adjust as needed for underline thickness */
    background-color: #d32f2e;  /* Color of the underline */
    transition: width 0.6s;  /* This gives the animation effect */
}

.custom-link:hover {
    color: #d32f2e !important;  /* Color of the link text on hover */
}

.custom-link:hover::before {
    width: 100%;  /* On hover, the underline spans the entire width of the link text */
}

.custom-link-gray {
    color: white !important;
    position: relative;  /* Added for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}

.custom-link-gray::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 1px;  /* Or adjust as needed for underline thickness */
    background-color: #e5e4e2;  /* Color of the underline */
    transition: width 0.6s;  /* This gives the animation effect */
}

.custom-link-gray:hover {
    color: #e5e4e2 !important;  /* Color of the link text on hover */
}

.custom-link-gray:hover::before {
    width: 100%;  /* On hover, the underline spans the entire width of the link text */
}

.card-custom-link {
    font-size: 22px; /* Sets the font size to 22px */
    font-weight: bold; /* Makes the text bold */
    color: #003F82 !important; /* Sets the link color to the specified blue */
    font-weight: bold; /* Makes the text bold */
    position: relative;  /* Necessary for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}
/* Card link for Blue*/
.card-custom-link::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 2px;  /* Adjust for underline thickness */
    background-color: #003F82;  /* Color of the underline */
    transition: width 0.3s;  /* Animation effect */
}

.card-custom-link:hover {
    color: #003F82 !important;  /* Maintain the blue color on hover */
    text-decoration: none !important; /* Ensures no underline appears on hover */
}

.card-custom-link:hover::before {
    width: 100%; /* On hover, the underline grows to full width */
}

/* Card link for Home Services*/
.card-custom-link-hs {
    font-size: 22px; /* Sets the font size to 22px */
    font-weight: bold; /* Makes the text bold */
    color: #16442A !important; /* Sets the link color to dark green */
    font-weight: bold; /* Makes the text bold */
    position: relative;  /* Necessary for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}

.card-custom-link-hs::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 2px;  /* Adjust for underline thickness */
    background-color: #16442A;  /* Color of the underline */
    transition: width 0.3s;  /* Animation effect */
}

.card-custom-link-hs:hover {
    color: #16442A !important; /* Maintain the dark green color on hover */
    text-decoration: none !important; /* Ensures no underline appears on hover */
}

.card-custom-link-hs:hover::before {
    width: 100%; /* On hover, the underline grows to full width */
}

/* Card link for Personal Care*/
.card-custom-link-pc {
    font-size: 22px; /* Sets the font size to 22px */
    font-weight: bold; /* Makes the text bold */
    color: #592d3c !important; /* Sets the link color to dark green */
    font-weight: bold; /* Makes the text bold */
    position: relative;  /* Necessary for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}

.card-custom-link-pc::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 2px;  /* Adjust for underline thickness */
    background-color: #592d3c;  /* Color of the underline */
    transition: width 0.3s;  /* Animation effect */
}

.card-custom-link-pc:hover {
    color: #592d3c !important; /* Maintain the dark green color on hover */
    text-decoration: none !important; /* Ensures no underline appears on hover */
}

.card-custom-link-pc:hover::before {
    width: 100%; /* On hover, the underline grows to full width */
}

/* Card link for Professional Services*/
.card-custom-link-ps {
    font-size: 22px; /* Sets the font size to 22px */
    font-weight: bold; /* Makes the text bold */
    color: #7b3f00 !important; /* Sets the link color to dark green */
    font-weight: bold; /* Makes the text bold */
    position: relative;  /* Necessary for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}

.card-custom-link-ps::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 2px;  /* Adjust for underline thickness */
    background-color: #7b3f00;  /* Color of the underline */
    transition: width 0.3s;  /* Animation effect */
}

.card-custom-link-ps:hover {
    color: #7b3f00 !important; /* Maintain the dark green color on hover */
    text-decoration: none !important; /* Ensures no underline appears on hover */
}

.card-custom-link-ps:hover::before {
    width: 100%; /* On hover, the underline grows to full width */
}


/* Card link for Senior Care*/
.card-custom-link-sc {
    font-size: 22px; /* Sets the font size to 22px */
    font-weight: bold; /* Makes the text bold */
    color: #273a5c !important; /* Sets the link color to dark green */
    font-weight: bold; /* Makes the text bold */
    position: relative;  /* Necessary for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}

.card-custom-link-sc::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 2px;  /* Adjust for underline thickness */
    background-color: #273a5c;  /* Color of the underline */
    transition: width 0.3s;  /* Animation effect */
}

.card-custom-link-sc:hover {
    color: #273a5c !important; /* Maintain the dark green color on hover */
    text-decoration: none !important; /* Ensures no underline appears on hover */
}

.card-custom-link-sc:hover::before {
    width: 100%; /* On hover, the underline grows to full width */
}

@media only screen and (max-width: 767px) { 
  .c-scroll-down {
    display: none !important;
  }
}

/*****************************************/
/* The header hat link stuff  */
/*****************************************/

.header-hat {
    color: white !important; /* Keeps the text color white */
    position: relative; /* Necessary for positioning the pseudo-element */
    text-decoration: none !important; /* Removes the default underline */
}

.header-hat::before {
    content: ""; /* Necessary for the pseudo-element to display */
    position: absolute; /* Absolute positioning */
    bottom: 0; /* Aligns it to the bottom of the link text */
    left: 0; /* Starts from the left side */
    width: 0; /* By default, the underline is hidden (0 width) */
    height: 1px; /* Sets the underline thickness to 2px */
    background-color: white; /* Color of the underline */
    transition: width 0.3s; /* Animation effect for the sliding underline */
}

.header-hat:hover {
    color: #4380b8 !important; /* Maintains the white color on hover */
}

.header-hat:hover::before {
    width: 100%; /* On hover, the underline grows to full width */
    background-color: #4380b8; /* Changes the underline color to blue on hover */
}

.table-custom-link {
    color: #003f82 !important;  /* Your blue color */
    font-weight: bold !important;  /* Make the text bold */
    position: relative;  /* Added for positioning of the pseudo-element */
    text-decoration: none !important;  /* Remove default underline */
}

.table-custom-link::before {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;  /* Absolute positioning */
    bottom: 0;  /* Align it to the bottom of the link text */
    left: 0;  /* Start from the left side */
    width: 0;  /* By default, the underline is hidden (0 width) */
    height: 1px;  /* Or adjust as needed for underline thickness */
    background-color: #003f82;  /* Color of the underline */
    transition: width 0.6s;  /* This gives the animation effect */
}

.table-custom-link:hover {
    color: #003f82 !important;  /* Color of the link text on hover */
}

.table-custom-link:hover::before {
    width: 100%;  /* On hover, the underline spans the entire width of the link text */
}


/*****************************************/
/* The end of the all the custom links  */
/*****************************************/


/* Attempt to target the Typeform iframe */
.typeform-widget iframe {
  border-radius: 0 !important;
}

/* Make rotating text extra bold */
.rotating-text .animated {
  font-weight: 900; /* You can use 900 for the boldest available weight */
}


.quote-con {
    color: black; /* Sets the text color to black */
    line-height: 1.1; /* Sets the line height to 1.2 */
}

.hhs-post-summary h2 {
    font-weight: bold;
    font-size: 20px;
    color: #222222;
}
.cta-input-inline {
    width: 100%; /* Set the width of the form container */
    margin: 0 auto; /* Center the form container */
    position: relative; /* Needed for absolute positioning of the submit button */
}


 
 .cta-input-inline *, 
 .cta-input-inline form *:after, .cta-input-inline form *:before{
   box-sizing:border-box;
 }
 .cta-input-inline form > div:first-child{
   display:inline-block;
   width:100%;
 }
 .cta-input-inline .hs_email,
 .cta-input-inline .hs_email input{ 
   width:100%;
   display:inline-block;
 }
 .cta-input-inline .hs_submit{
   position: absolute;
   top: 4px;
   right: 0px;
 }
 
 .cta-input-inline .submit-alt .hs-button.primary,
 .cta-input-inline .hs-button.primary {
   padding-top: 15px;
   padding-bottom: 15px;
   margin-right: -1px;
 }
 
 body .cta-input-inline input[type="email"] {
   margin-bottom: 0px; 
 }
 
 .hubspot-link__icon {
   margin-bottom: 4px !important; 
 }
 
 .hs_submit .actions {
   margin-top: 0em; 
 }

.counter_widget_1701465876086 {
    font-weight: bold;
}

.drop-shadow {
    -webkit-box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);
}

/* CSS for desktop and larger devices */
.rounded-corners .row > div:first-child .c-col-inner {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}

.rounded-corners .row > div:last-child .c-col-inner {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

/* Adjustments for mobile view when columns stack */
@media (max-width: 991px) { /* This breakpoint might need adjustment */
    .rounded-corners .row > div:first-child .c-col-inner {
        /* Apply rounded corners to the top of the first (top) column */
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
        border-bottom-left-radius: 0; /* Reset to 0 for stacking */
        border-bottom-right-radius: 0; /* Reset to 0 for stacking */
    }

    .rounded-corners .row > div:last-child .c-col-inner {
        /* Apply rounded corners to the bottom of the second (bottom) column */
        border-bottom-left-radius: 35px;
        border-bottom-right-radius: 35px;
        border-top-left-radius: 0; /* Reset to 0 for stacking */
        border-top-right-radius: 0; /* Reset to 0 for stacking */
    }
}

/*****************************************/
/* Slider Work to match CSS in Website   */
/*****************************************/

.c-slide-inner-3 {
  box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3);
}

.c-slide-inner-1 {
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  margin: 10px;
}

/*****************************************/
/* Pricing module Work to match CSS in Website   */
/*****************************************/

.hhs-price-inner.pack-2.highlight-pack {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    padding-top: 30px !important;
}

.hhs-price-inner.pack-2.highlight-pack .col-2-highlight {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
}

.hhs-price-inner {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    border-radius: 24px !important;
}

.hhs-price-inner.pack-1 .col-desc,
.hhs-price-inner.pack-2 .col-desc,
.hhs-price-inner.pack-3 .col-desc {
    padding: 10px !important;
}

.hhs-price-inner.pack-1 h4,
.hhs-price-inner.pack-2 h4,
.hhs-price-inner.pack-3 h4 {
    font-weight: 500 !important;
}

.hhs-price-inner.pack-1 .price1,
.hhs-price-inner.pack-2 .price1,
.hhs-price-inner.pack-3 .price1 {
    font-weight: 700 !important;
}

.hhs-price-inner.pack-1 .price2,
.hhs-price-inner.pack-2 .price2,
.hhs-price-inner.pack-3 .price2 {
    font-weight: 700 !important;
}

.hhs-price-inner.pack-1 .small,
.hhs-price-inner.pack-2 .small,
.hhs-price-inner.pack-3 .small {
    font-weight: 500 !important;
}

.pack-price .pre-text {
    line-height: 1.2 !important; /* Tighten line height */
    margin: 0 !important; /* Remove all margins */
    padding: 0 !important; /* Remove all padding */
    display: inline-block; /* Ensure it remains inline */
}

.pack-price .wrap {
    margin-top: 0 !important; /* Remove top margin */
    padding-top: 0 !important; /* Remove top padding */
    margin-bottom: 0 !important; /* Remove bottom margin */
    padding-bottom: 0 !important; /* Remove bottom padding */
}

.pack-price .pre-text + br {
    display: none; /* Remove the line break if it exists */
}

#module_17172532893423_lottie-container-2-lottie-02 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_17172532893423_lottie-container-2-lottie-03 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_17172532893423_lottie-container-2-lottie-04 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_17172626792695_lottie-container-2-lottie-02 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_17172557444035_lottie-container-2-lottie-06 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_17172557444035_lottie-container-3-lottie-06 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}


#module_17172626792695_lottie-container-3-lottie-02 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_1724848428743_lottie-container-3-lottie-06 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_17248484635023_lottie-container-3-lottie-02 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}

#module_17248484635023_lottie-container-3-lottie-02 {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */

}
[id*="_lottie-container-"] {
    max-width: 500px;
    border-radius: 15px; /* Adjust the value as needed for more or less rounded corners */
    overflow: hidden; /* Ensures the content respects the border-radius */
    border: none; /* Remove any existing border that might be visible */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4); /* More pronounced drop shadow */
    background-color: white; /* Ensure the background is white to hide any borders */
}



@media (max-width: 768px) {
  .c-content-con.c-in-2 {
    left: 0px !important;
  }
}

@media (max-width: 768px) {
  .c-content-con.c-in-3 {
    left: 0px !important;
  }
}


.hhs-divider {
  width: 500px !important;
  margin-top: -50px; /* Reset margin */
  margin-bottom: -50px; /* Reset margin */
  background-color: #003f82; /* Solid blue background */

  /* Use transform to shift the divider upwards */
  transform: translateY(0px); /* Moves the divider up by 40px */
  padding-bottom: 0px; /* Adjusts spacing at the bottom if needed */
}


.second-col .hhs-col-inner  {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3); /* Basic drop shadow */
}

.number-counter-card-inner {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3) /* Adds a subtle drop shadow */

}

.c-wave-con-btm, .c-wave-con-top {z-index: 4 !important;}

.hhs-form-wizard-mod .container-slim {
  border-radius: 15px; 
  box-shadow: 0 4px 8px rgba(0, 63, 130, 0.5); 
  overflow: hidden; 
  padding-top: 40px; 
  padding-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
  .hhs-form-wizard-mod {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (max-width: 768px) {
  .hhs-form-wizard-mod .container-slim {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.hhs-steps {
  padding-top: 20px !important;
  padding-bottom: 0px !important;
}


table {
    border-collapse: collapse; /* Ensures that the borders don't overlap */
    width: 100%; /* Ensures the table takes up the full width */
}

table th, table td {
    vertical-align: top;
    border: 1px solid #CCCCCC; /* Sets the grid color */
    padding: 20px !important; /* Adds some padding to the cells */
    text-align: center; /* Centers the text in the table cells */
}

thead th {
    background-color: #f5f5f5; /* Sets the background color for the header */
    text-align: center; /* Centers the text in the header */
}

thead th span {
    display: block;
    width: 100%;
    text-align: center;
}

tbody td {
    background-color: #fff; /* Ensures the body cells have a white background */
    vertical-align: middle; /* Vertically centers the content */
}

.hhs-table-mod tbody td {
    vertical-align: top; /* Aligns the content to the top of the table cells */
}

.c-quote-icon-3 {
    width: 50px !important;
    height: 50px !important;
    padding: 8px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    position: relative !important;
    top: -20px !important;
}

.custom-text-column .hhs-col-inner {
    background-color: white !important; /* White background for the text column */
    border-radius: 10px !important; /* 10px rounded corners */
   /* border: 1px solid #222222 !important; /* 1px #222222 outline */
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3) !important;
    padding: 20px !important; /* Add padding inside the box */
    margin-bottom: 20px !important; /* Optional: Add margin at the bottom */
    z-index: 2 !important; /* Ensures it's above the image */
    position: relative !important; /* Required for z-index to work */
}
.custom-text-column .hhs-img img {
    border-radius: 10px !important; /* 10px rounded corners */
    overflow: hidden; /* Ensures the rounded corners are applied properly */
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3) !important;
    z-index: 1 !important; /* Ensures it's above the image */
}

.custom-rich-text-box {
    padding: 0 20px;
    background-color: white;
    outline: 1px solid #CCCCCC;
    padding: 20px 20px 1px 20px;
    width: 300px;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 992px) {
    .custom-rich-text-box {
        margin-top: 50px; /* Adds 50px space above the rich text box */
    }
}

.custom-rich-text-box-two {
    padding: 0 20px;
    background-color: white;
    outline: 1px solid #CCCCCC;
    padding: 20px 20px 1px 20px !important;
    width: 65%;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3) !important;
}

.accordion-no-margin .c-accordion {
    margin: 0px auto !important;
    border-top: 0px !important;
}

/* Stamped Sytling */

.fa-star, .fa-star-checked, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o {
  color: #ff8300 !important;
}

.summary-rating-bar-content {
    background: #ff8300 !important;
}


/* All paperform work below */

.Paperform__popupcontent {
    max-width: 800px !important;
    padding: 20px !important;
    max-height: 650px !important;
}

/* CSS for Paperform popup */

.Paperform__popupclose * {
    border-bottom: 2px solid #fff !important;
}

.Paperform__popupwrapper {
    position: fixed !important;  /* Ensure popup stays fixed to the viewport */
}

.Paperform__popupoverlay {
    position: fixed !important;  /* Overlay should also be fixed */
    background: rgba(0, 0, 0, 0.9) !important;  /* Add semi-transparent background to overlay */
}

/* When the popup is open */
.Paperform__popupwrapper--open {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Prevent body from scrolling when the popup is open */
.Paperform__popupwrapper--open ~ body {
    overflow: hidden !important;
}

/* Target the iframe within the Paperform embed main page*/
[data-paperform-id="qoor7g2e"] iframe {
    position: relative !important;
    width: 100% !important;
    max-width: 1000px !important;
    max-height: 600px !important;
    height: 600px !important;
    overflow-y: auto !important;
    margin-top: -20px !important;
}

/* Optional for adjusting iframe within the embed */
[data-paperform-id="qoor7g2e"] iframe {
    max-height: 600px !important;
}

.hhs-head-cta-1 {
  display: none !important;
}

.hhs-post-content a {
  color: white !important;
  position: relative;
  text-decoration: none !important;
  display: inline-block; /* Ensures ::before is positioned correctly */
}

.hhs-post-content a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #d32f2e;
  transition: width 0.4s ease-in-out;
}

.hhs-post-content a:hover::before {
  width: 100%;
}

.hhs-post-content a:hover,
.hhs-post-content a:hover h6 {
  color: #d32f2e !important;
}


@media (max-width: 767px) {
.col-lg-4.col-md-12.flex-col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
]

.hhs-price-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


@media (max-width: 767px) {
  .c-slide-3.slick-slide {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

  
@media (max-width: 767px) {
  .hhs-post-feat-img.lazy-background.visible {
    min-height: 185px !important;
    padding-bottom: 30px !important;
    background-size: cover !important;
    background-position: center !important;
  }
}

.blog-index__post-image--large  {
  background-color: #000 !important;
}

  
.blog-index__post-image--small {
    background-color: #000 !important;
    
  }