.elementor-31456 .elementor-element.elementor-element-3de6f9f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-31456 .elementor-element.elementor-element-3de6f9f:not(.elementor-motion-effects-element-type-background), .elementor-31456 .elementor-element.elementor-element-3de6f9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFA3;}.elementor-31456 .elementor-element.elementor-element-3de6f9f.e-con{--align-self:center;}.elementor-31456 .elementor-element.elementor-element-1f791f1{--display:flex;--min-height:0px;--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;--justify-content:center;}.elementor-31456 .elementor-element.elementor-element-1f791f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31456 .elementor-element.elementor-element-908c421{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31456 .elementor-element.elementor-element-908c421 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-31456 .elementor-element.elementor-element-908c421.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(26px/2);}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(26px/2);}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(26px/2);}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-26px/2);}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-26px/2);}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:#CEA27F;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-item > a{text-transform:capitalize;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-text{color:#686767;transition:color 2s;}.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#CEA27F;}.elementor-31456 .elementor-element.elementor-element-7ded777{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:49px 49px;--row-gap:49px;--column-gap:49px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31456 .elementor-element.elementor-element-7ded777.e-con{--align-self:center;}@media(min-width:769px){.elementor-31456 .elementor-element.elementor-element-3de6f9f{--content-width:1140px;}.elementor-31456 .elementor-element.elementor-element-1f791f1{--width:23%;}.elementor-31456 .elementor-element.elementor-element-7ded777{--width:78%;}}/* Start custom CSS for icon-list, class: .elementor-element-908c421 *//* Custom CSS for Elementor Icon List Text Hover Effect 
Target: .elementor-16795 .elementor-element.elementor-element-eff5e86 .elementor-icon-list-text
Effect: A smooth-closing white rectangle border appears on hover.
*/

.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-text  {
    /* 1. Establish Positioning Context */
    
    display: inline-block; /* Ensure it wraps tightly around the text */
    padding: 0px 5px 0px 0px; /* Add slight padding so the box doesn't touch the text */
    z-index: 1; /* Keep text above the pseudo-element box */
    color: #686767; /* Ensure text color is consistent */
}

/* 2. Create the Border Box Pseudo-Element */
.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-text :after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;/* Start position: Right edge */
    bottom: 0;
    left: 0;
    
    /* Initial state: Hidden (width 0, scale 0, or border transparent) */
    border: 2px solid transparent; 
    border-radius: 1px; /* Clean, modern rounded corners */
    
    /* Transition setup: Smoothness is key */
    transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1); /* Modern, snappy easing */
    
    /* Ensure it is behind the text */
    z-index: -1; 
    
    /* We use scaleX for the 'closing' effect */
    transform: scaleX(0); 
    transform-origin: right  center; /* Start the animation from the right */
}

/* 3. Hover State: Show the Border Box */
.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-text :hover::after {
    /* Full width border */
    border-color: #cea27f; /* Border color is white */
    
    /* Expand the box */
    transform: scaleX(1); 
    transform-origin: left center; /* End the animation on the left (closing effect from right to left) */
}

/* Optional: Subtle text color change on hover for better contrast against the new border */
.elementor-31456 .elementor-element.elementor-element-908c421 .elementor-icon-list-text :hover {
    color: #ffffff; /* Text color on hover is white */
    transition: color 0.35s ease-in-out;
}/* End custom CSS */