/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2026 | 13:41:42 */
:not(.sticky)  .logo img  {
    clip-path: circle();
    padding: 10px;
    background: #ffffff;
}

html { scroll-padding-top: 120px; }
[id] { scroll-margin-top: 120px; }

@media (max-width: 900px) {
  html { scroll-padding-top: 70px; }
  [id] { scroll-margin-top: 70px; }
}

/* Force the interactive text container to respect its parent width */
.w-itext-part {
    max-width: 100% !important;
    width: auto !important;
    display: inline-block !important;
    white-space: normal !important; /* Forces text to wrap to the next line */
    word-wrap: break-word !important;
}

/* Ensure the individual text states also wrap */
.w-itext-state {
    display: inline !important;
    white-space: normal !important;
}



/* Container for the 3-column layout */
.benefit-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 40px 0;
}

/* Individual Box */
.benefit-item {
    text-align: center;
    transition: transform 0.3s ease;
}

/* Text above the image */
.benefit-text-top h4 {
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    min-height: 50px; /* Keeps boxes aligned if text lengths vary */
}

/* The Image Box */
.benefit-image-wrapper {
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
    border: 1px solid rgba(255,255,255,0.1); /* Subtle border like the ref */
}

/* Darkening overlay for that moody look */
.image-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4); 
}

.step {
	color: #5e5b5b;
}

.centerlist ul{
 	margin-inline-start:0rem;
    list-style-type: disc;
    text-align: center;
    list-style-position: inside;
 
}
.transparentbox {    
	
	padding: 2.5vh !important;
    border: 1px solid var(--color-content-secondary) !important;
    box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.08) !important;
}
.transparentbox-white article{    
    padding: 2.5vh !important;
    border: 1px solid var(--color-chrome-toolbar) !important;
    box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.08) !important;
}
.transparentbox h3 {    
font-size:1.2rem;
}


.quotes {
    text-align: center !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
	font-style: italic !important;
}
/* Ensure the tab wrapper expands to full width and spreads its items */
.tabs .w-tabs-list-h {
    display: flex !important;
    width: 100% !important;
}

/* Force each tab item to grow equally and distribute width evenly */
.tabs .w-tabs-list-h .w-tabs-item {
    flex: 1 1 0% !important;
    max-width: 100% !important;
    text-align: center !important; /* Optional: Centers the text inside the tab */
}

.tabs span.w-tabs-item-title {
    font-size: 15px;
	    font-weight: 400;
}

.tabs .w-tabs-sections {
 
    background: #999999;
    color: black;
}


.tabs button.w-tabs-item {
    background: #d8d8d8;
}

.tabs .w-tabs-list-h {
 
    background: #d8d8d8;
}

.w-tabs.style_default>.w-tabs-list {
    background: trans !important;
  
}


.tabs span.w-tabs-item-title {
    color: #000;
}
.tabs .active span.w-tabs-item-title {
    color: #ffffff;
}
.tabs .w-tabs-section-content {
   
    padding: 1.5rem;
}
.tabs button.w-tabs-item {
    border-width: 0px 1px 0px 0px !important;
    border-color: #a29d9d  !important;
}

.tabs .w-tabs.style_default>.w-tabs-list .w-tabs-item:not(.active):focus-visible, .no-touch .w-tabs.style_default>.w-tabs-list .w-tabs-item:not(.active):hover {
    background: #d8d8d8;
    color: #000;
}

.tabs .w-tabs.style_default>.w-tabs-list .w-tabs-item.active {
    background: #d8d8d8 !important;
    border-color: currentColor;
}

@media (max-width: 599px) {
 .g-cols.via_grid.type_default>.has_bg_color {
   /* padding: 0rem  !important;*/
}
}

.hero-home { display: flex; flex-direction: column; }
.hero-home > .l-section-h { flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; }
.hero-home > .l-section-h > .g-cols,
.hero-home > .l-section-h > .g-cols > .wpb_column,
.hero-home > .l-section-h > .g-cols > .wpb_column > .vc_column-inner {
  flex: 1 1 auto; display: flex; flex-direction: column;
}
.hero-home .hero-tagline { margin-top: auto !important; }