.elementor-55 .elementor-element.elementor-element-04ef274{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-04ef274:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-04ef274 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#312783;}.elementor-55 .elementor-element.elementor-element-c5a4d04{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-55 .elementor-element.elementor-element-b560a0e{left:0px;}body.rtl .elementor-55 .elementor-element.elementor-element-b560a0e{right:0px;}.elementor-55 .elementor-element.elementor-element-b560a0e{top:-17px;}.elementor-55 .elementor-element.elementor-element-72b9fba{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-96ec3f9{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-55 .elementor-element.elementor-element-d4791db .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-d4791db .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-d4791db{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-d4791db .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-d4791db .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-d4791db .elementor-icon-list-text{color:#FFFFFFB3;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-b6ab939{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E7E7E7;--border-color:#E7E7E7;}.elementor-55 .elementor-element.elementor-element-a2560d7{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55 .elementor-element.elementor-element-56517ac{text-align:start;}.elementor-55 .elementor-element.elementor-element-56517ac img{width:120px;}.elementor-55 .elementor-element.elementor-element-7597bf0{--display:flex;--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;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-55 .elementor-element.elementor-element-ede5f23 .e-search-input{font-family:"Libre Franklin", Sans-serif;font-size:14px;font-weight:400;border-radius:50px 50px 50px 50px;}.elementor-55 .elementor-element.elementor-element-ede5f23{--e-search-input-padding-block-start:12px;--e-search-input-padding-inline-start:20px;--e-search-input-padding-block-end:12px;--e-search-input-padding-inline-end:20px;}.elementor-55 .elementor-element.elementor-element-d7fdc8f{--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:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-a7063c4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-a7063c4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-a7063c4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-a7063c4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-55 .elementor-element.elementor-element-a268113 .elementor-menu-cart__close-button, .elementor-55 .elementor-element.elementor-element-a268113 .elementor-menu-cart__close-button-custom{margin-left:auto;}.elementor-55 .elementor-element.elementor-element-a268113{--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-55 .elementor-element.elementor-element-a268113 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-55 .elementor-element.elementor-element-228db77{--display:flex;--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;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-55 .elementor-element.elementor-element-a11d230{--display:flex;}.elementor-55 .elementor-element.elementor-element-4c7ede4{--display:flex;}.elementor-55 .elementor-element.elementor-element-50e5c09{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#312783;--border-color:#312783;--border-radius:0px 0px 30px 30px;box-shadow:0px 0px 10px 0px rgba(184.8962448120117, 184.8962448120117, 184.8962448120117, 0.5);--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-50e5c09.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-4679f4d{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-fb8e237{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-text{color:#5C5850;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#312783;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-55 .elementor-element.elementor-element-e8e457d .elementor-button{background-color:#FFFFFF;font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:600;fill:#312783;color:#312783;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-55 .elementor-element.elementor-element-e8e457d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-c23f668{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-298a099 img{height:250px;object-fit:fill;border-radius:0px 0px 30px 0px;}.elementor-55 .elementor-element.elementor-element-9c86013{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#312783;--border-color:#312783;--border-radius:0px 0px 30px 30px;box-shadow:0px 0px 10px 0px rgba(184.8962448120117, 184.8962448120117, 184.8962448120117, 0.5);--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-9c86013.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-a2bffd0{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-f4f2bbd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-text{color:#5C5850;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text{color:#312783;}.elementor-55 .elementor-element.elementor-element-22de462 .elementor-button{background-color:#FFFFFF;font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:600;fill:#312783;color:#312783;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-55 .elementor-element.elementor-element-22de462 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-748bd48{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-248eb83 img{height:320px;object-fit:fill;border-radius:0px 0px 30px 0px;}.elementor-55 .elementor-element.elementor-element-c943ab6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#312783;--border-color:#312783;--border-radius:0px 0px 30px 30px;box-shadow:0px 0px 10px 0px rgba(184.8962448120117, 184.8962448120117, 184.8962448120117, 0.5);--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-c943ab6.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-8081fa3{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-6ead3c9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-text{color:#5C5850;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#312783;}.elementor-55 .elementor-element.elementor-element-b072268 .elementor-button{background-color:#FFFFFF;font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:600;fill:#312783;color:#312783;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-55 .elementor-element.elementor-element-b072268 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-c83fbb3{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-00c1a04 img{height:170px;object-fit:fill;border-radius:0px 0px 30px 0px;}.elementor-55 .elementor-element.elementor-element-85e9f1d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#312783;--border-color:#312783;--border-radius:0px 0px 30px 30px;box-shadow:0px 0px 10px 0px rgba(184.8962448120117, 184.8962448120117, 184.8962448120117, 0.5);--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-85e9f1d.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-f12b847{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-492fa6c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-text{color:#5C5850;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text{color:#312783;}.elementor-55 .elementor-element.elementor-element-efe9a5b .elementor-button{background-color:#FFFFFF;font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:600;fill:#312783;color:#312783;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-55 .elementor-element.elementor-element-efe9a5b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-392fbb1{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-25290b4 img{height:200px;object-fit:fill;border-radius:0px 0px 30px 0px;}.elementor-55 .elementor-element.elementor-element-4d4c785{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#312783;--border-color:#312783;--border-radius:0px 0px 30px 30px;box-shadow:0px 0px 10px 0px rgba(184.8962448120117, 184.8962448120117, 184.8962448120117, 0.5);--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-4d4c785.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-4f26d90{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-b3907d6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-text{color:#5C5850;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#312783;}.elementor-55 .elementor-element.elementor-element-784c0de .elementor-button{background-color:#FFFFFF;font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:600;fill:#312783;color:#312783;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-55 .elementor-element.elementor-element-784c0de .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-5b6fd0b{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-009a963 img{height:240px;object-fit:fill;border-radius:0px 0px 30px 0px;}.elementor-55 .elementor-element.elementor-element-0ca0392{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#312783;--border-color:#312783;--border-radius:0px 0px 30px 30px;box-shadow:0px 0px 10px 0px rgba(184.8962448120117, 184.8962448120117, 184.8962448120117, 0.5);--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-0ca0392.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-825433b{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-760b6df{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-text{color:#5C5850;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text{color:#312783;}.elementor-55 .elementor-element.elementor-element-796c290 .elementor-button{background-color:#FFFFFF;font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:600;fill:#312783;color:#312783;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-55 .elementor-element.elementor-element-796c290 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-a6ea8cc{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-6a3f354 img{height:240px;object-fit:fill;border-radius:0px 0px 30px 0px;}.elementor-55 .elementor-element.elementor-element-9ecd481{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#312783;--border-color:#312783;--border-radius:0px 0px 30px 30px;box-shadow:0px 0px 10px 0px rgba(184.8962448120117, 184.8962448120117, 184.8962448120117, 0.5);--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-9ecd481.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-86b2d0f{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-9c203f6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item > a{font-family:"Libre Franklin", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-text{color:#5C5850;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#312783;}.elementor-55 .elementor-element.elementor-element-17c207f .elementor-button{background-color:#FFFFFF;font-family:"Libre Franklin", Sans-serif;font-size:12px;font-weight:600;fill:#312783;color:#312783;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-55 .elementor-element.elementor-element-17c207f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-81d9359{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-2240be9 img{height:280px;object-fit:fill;border-radius:0px 0px 30px 0px;}.elementor-55 .elementor-element.elementor-element-d0d9d8d{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:13px;--n-menu-title-color-normal:#3E3B35;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-55 .elementor-element.elementor-element-d0d9d8d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-55 .elementor-element.elementor-element-d0d9d8d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-55 .elementor-element.elementor-element-d0d9d8d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Libre Franklin", Sans-serif;font-weight:600;}.elementor-55 .elementor-element.elementor-element-d0d9d8d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-style:solid;border-width:0px 0px 2px 0px;}.elementor-55 .elementor-element.elementor-element-d0d9d8d {--n-menu-title-color-hover:#312783;--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-d0d9d8d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:solid;border-width:0px 0px 2px 0px;border-color:#312783;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-c5a4d04{--width:33%;}.elementor-55 .elementor-element.elementor-element-72b9fba{--width:33%;}.elementor-55 .elementor-element.elementor-element-96ec3f9{--width:33%;}.elementor-55 .elementor-element.elementor-element-a2560d7{--width:33%;}.elementor-55 .elementor-element.elementor-element-7597bf0{--width:33%;}.elementor-55 .elementor-element.elementor-element-d7fdc8f{--width:33%;}.elementor-55 .elementor-element.elementor-element-50e5c09{--width:50%;}.elementor-55 .elementor-element.elementor-element-4679f4d{--width:40%;}.elementor-55 .elementor-element.elementor-element-c23f668{--width:70%;}.elementor-55 .elementor-element.elementor-element-9c86013{--width:50%;}.elementor-55 .elementor-element.elementor-element-a2bffd0{--width:40%;}.elementor-55 .elementor-element.elementor-element-748bd48{--width:70%;}.elementor-55 .elementor-element.elementor-element-c943ab6{--width:50%;}.elementor-55 .elementor-element.elementor-element-8081fa3{--width:40%;}.elementor-55 .elementor-element.elementor-element-c83fbb3{--width:70%;}.elementor-55 .elementor-element.elementor-element-85e9f1d{--width:50%;}.elementor-55 .elementor-element.elementor-element-f12b847{--width:40%;}.elementor-55 .elementor-element.elementor-element-392fbb1{--width:70%;}.elementor-55 .elementor-element.elementor-element-4d4c785{--width:50%;}.elementor-55 .elementor-element.elementor-element-4f26d90{--width:40%;}.elementor-55 .elementor-element.elementor-element-5b6fd0b{--width:70%;}.elementor-55 .elementor-element.elementor-element-0ca0392{--width:50%;}.elementor-55 .elementor-element.elementor-element-825433b{--width:40%;}.elementor-55 .elementor-element.elementor-element-a6ea8cc{--width:70%;}.elementor-55 .elementor-element.elementor-element-9ecd481{--width:50%;}.elementor-55 .elementor-element.elementor-element-86b2d0f{--width:40%;}.elementor-55 .elementor-element.elementor-element-81d9359{--width:70%;}}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-04ef274{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-55 .elementor-element.elementor-element-b560a0e{top:6px;}.elementor-55 .elementor-element.elementor-element-a2560d7{--width:30%;}.elementor-55 .elementor-element.elementor-element-7597bf0{--width:70%;}.elementor-55 .elementor-element.elementor-element-d7fdc8f{--justify-content:center;--flex-wrap:nowrap;}}/* Start custom CSS for shortcode, class: .elementor-element-b560a0e */<style>
/* 1. MAIN BAR LAYOUT */
.custom-header-bar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #1E1A50 !important; /* Deep Purple */
    height: 40px !important;
    padding: 0 16px !important;
    gap: 12px !important;
    width: 100%;
}

/* Force horizontal alignment in Elementor */
.elementor-widget-shortcode, .elementor-shortcode { display: contents !important; }

.switcher-item { display: flex !important; align-items: center !important; }

.switcher-divider {
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 18px;
    font-weight: 300;
    margin: 0 5px;
}

/* 2. CURRENCY SWITCHER (WCC) */
/* Trigger in bar */
.custom-header-bar .wcc-crnt-currency {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    cursor: pointer;
}

.custom-header-bar .wcc-crnt-currency .wcc-symbol { display: none !important; }

/* Dropdown Card */
.custom-header-bar .wcc-list {
    position: absolute !important;
    top: 40px !important;
    background: #fff !important;
    border-radius: 14px !important;
    min-width: 210px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.15) !important;
    padding: 8px 0 !important;
    border: none !important;
}

.custom-header-bar .wcc-list li {
    padding: 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    color: #333 !important;
}

.custom-header-bar .wcc-list li .wcc-name {
    font-weight: 700 !important;
    color: #1E1A50 !important;
    margin-right: 8px;
}

.custom-header-bar .wcc-list li .wcc-symbol {
    color: #999 !important;
    font-size: 12px;
}

.custom-header-bar .wcc-list li:hover { background: #f4f4ff !important; }

/* 3. LANGUAGE SWITCHER (GTranslate) */
.custom-header-bar .gt-selected { background: transparent !important; }

.custom-header-bar .gt-current-lang {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
}

/* Add Globe Icon */
.custom-header-bar .gt-current-lang::before {
    content: "🌐";
    margin-right: 8px;
    font-size: 14px;
}

.custom-header-bar .gt-current-lang img { display: none !important; }

/* Language Dropdown Card */
.custom-header-bar .gt_options {
    position: absolute !important;
    top: 40px !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.15) !important;
    border: none !important;
    padding: 8px 0 !important;
    min-width: 180px !important;
}

.custom-header-bar .gt_options a {
    color: #333 !important;
    padding: 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.custom-header-bar .gt_options a:hover { background: #f4f4ff !important; }

/* Hide Google Branding */
.skiptranslate, .goog-te-gadget, .goog-logo-link { display: none !important; }
</style>/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-ede5f23 *//* 1. CONTROL THE SEARCH ICON (Size & Location) */
.e-search-form .e-search-label svg.e-fas-search {
    width: 15px !important;  /* Control Size */
    height: 15px !important; 
  
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-71ce832 */.mini-wishlist-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 8px; /* Space between icon and text */
    color: #1a1a1a;
    transition: opacity 0.2s ease;
}

/* Sizing the SVG to match your screenshot */
.wishlist-svg-icon {
    width: 18px;  
    height: 18px;
    display: block;
    object-fit: contain;
}

.wishlist-label {
    font-size: 15px; /* Adjust based on your menu font size */
    font-weight: 400;
    font-family: inherit;
    line-height: 1;
}

.mini-wishlist-link:hover {
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-a268113 *//* 1. The Main Pill Container */
.elementor-menu-cart__toggle .elementor-button {
    background-color: #2D1A70 !important; /* Deep purple */
    border-radius: 50px !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
}

/* 2. Replace Default Icon with your Custom SVG */
.elementor-menu-cart__toggle .e-font-icon-svg {
    display: none !important; /* Hide original */
}

.elementor-menu-cart__toggle .elementor-button-icon::before {
    content: "";
    display: inline-block;
    width: 22px; /* Control Icon Size */
    height: 22px;
    background-image: url('https://cosmocosmeticsmy.com/wp-content/uploads/2026/05/svgexport-6.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px; /* Spacing between Icon and "Cart" */
}

/* 3. The "Cart" Text Spacing */
.elementor-menu-cart__toggle .elementor-button-icon::after {
    content: "Cart";
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
    margin-right: 12px;
    padding-left: 8px;/* Spacing between "Cart" and Bubble */
}

/* 4. The Pink Quantity Bubble */
.elementor-menu-cart__toggle .elementor-button-icon-qty {
    background-color: #E85D75 !important; /* Pink/Red color */
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 24px !important; /* Control Bubble Size */
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    
    position: static !important; /* Moves it into the line */
    transform: none !important;
    line-height: 1 !important;
}

/* 5. Clean up Layout and hide unused elements */
.elementor-button-icon {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
}

.elementor-menu-cart__toggle .elementor-button-text,
.elementor-menu-cart__toggle .woocommerce-Price-amount {
    display: none !important; /* Hide price to match image */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fb8e237 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-fb8e237 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f4f2bbd *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-f4f2bbd .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6ead3c9 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-6ead3c9 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-492fa6c *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-492fa6c .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b3907d6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-b3907d6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-760b6df *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-760b6df .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9c203f6 *//* Target the list items in your icon list */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover {
    background-color: #f0f0ff !important; /* This is the soft lavender/purple color */
    transition: background 0.3s ease; /* Makes the color fade in smoothly */
}

/* Ensure the text turns purple on hover as well */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #483d8b !important; /* Darker purple for the text */
}

/* If you want the icon to change color too */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #483d8b !important;
}

/* Make sure the hover covers the full width and has some padding */
.elementor-55 .elementor-element.elementor-element-9c203f6 .elementor-icon-list-item {
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer;
}/* End custom CSS */