.elementor-31588 .elementor-element.elementor-element-724d571{--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;}.elementor-31588 .elementor-element.elementor-element-896d3cc{--display:flex;--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-31588 .elementor-element.elementor-element-5b8cae3{text-align:start;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-31588 .elementor-element.elementor-element-5b8cae3 img{width:75%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-5b8cae3 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-31588 .elementor-element.elementor-element-5b8cae3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31588 .elementor-element.elementor-element-11643f1{--display:flex;--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-31588 .elementor-element.elementor-element-159d6b0 .elementor-search-form{text-align:center;}.elementor-31588 .elementor-element.elementor-element-159d6b0 .elementor-search-form__toggle{--e-search-form-toggle-size:30px;--e-search-form-toggle-color:#FFFFFF;--e-search-form-toggle-background-color:rgba(0, 0, 0, 0);--e-search-form-toggle-icon-size:calc(68em / 100);}.elementor-31588 .elementor-element.elementor-element-159d6b0.elementor-search-form--skin-full_screen .elementor-search-form__container{background-color:rgba(0, 0, 0, 0.95);}.elementor-31588 .elementor-element.elementor-element-159d6b0 .elementor-search-form__input,
					.elementor-31588 .elementor-element.elementor-element-159d6b0 .elementor-search-form__icon,
					.elementor-31588 .elementor-element.elementor-element-159d6b0 .elementor-lightbox .dialog-lightbox-close-button,
					.elementor-31588 .elementor-element.elementor-element-159d6b0 .elementor-lightbox .dialog-lightbox-close-button:hover,
					.elementor-31588 .elementor-element.elementor-element-159d6b0.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:#FFFFFF;fill:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-159d6b0:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-31588 .elementor-element.elementor-element-159d6b0.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-31588 .elementor-element.elementor-element-159d6b0{width:var( --container-widget-width, 95.09% );max-width:95.09%;--container-widget-width:95.09%;--container-widget-flex-grow:0;}.elementor-31588 .elementor-element.elementor-element-159d6b0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31588 .elementor-element.elementor-element-e26b776{--main-alignment:right;--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;--toggle-button-icon-color:#FFFFFF;--toggle-button-border-width:0px;--toggle-icon-size:27px;--toggle-icon-padding:0px 6px 0px 0px;--items-indicator-text-color:#FFFFFF;--cart-border-style:none;--cart-padding:010px 20px 0px 20px;--cart-close-button-color:#909090;--cart-close-button-hover-color:#000000;--remove-item-button-color:#909090;--remove-item-button-hover-color:#000000;--menu-cart-subtotal-color:#272727;--menu-cart-subtotal-text-align:center;--product-price-color:#000000;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--empty-message-alignment:left;flex-basis:46px;}.elementor-31588 .elementor-element.elementor-element-e26b776 .elementor-menu-cart__close-button, .elementor-31588 .elementor-element.elementor-element-e26b776 .elementor-menu-cart__close-button-custom{margin-left:auto;}body:not(.rtl) .elementor-31588 .elementor-element.elementor-element-e26b776 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-0px;top:-0px;}body.rtl .elementor-31588 .elementor-element.elementor-element-e26b776 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:0px;top:-0px;left:auto;}.elementor-31588 .elementor-element.elementor-element-e26b776 .widget_shopping_cart_content{--subtotal-divider-left-width:0px;--subtotal-divider-right-width:0px;--subtotal-divider-top-width:0px;--subtotal-divider-bottom-width:0px;}.elementor-31588 .elementor-element.elementor-element-e26b776 .elementor-menu-cart__product-name a{color:#404040;}.elementor-31588 .elementor-element.elementor-element-e26b776 .elementor-menu-cart__product-name a:hover{color:#000000;}.elementor-31588 .elementor-element.elementor-element-e26b776 > .elementor-widget-container{padding:0px 5px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__container{justify-content:flex-start;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__plane-normal{background-color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__state-normal .jet-button__label{text-align:left;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__state-hover .jet-button__label{text-align:left;}.elementor-31588 .elementor-element.elementor-element-846062b  .jet-button__state-normal .jet-button__label{font-weight:bold;}.elementor-31588 .elementor-element.elementor-element-846062b  .jet-button__state-hover .jet-button__label{font-weight:bold;}.elementor-31588 .elementor-element.elementor-element-0d6e3f2{--display:flex;--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-31588 .elementor-element.elementor-element-227f110 .elementor-icon-wrapper{text-align:center;}.elementor-31588 .elementor-element.elementor-element-227f110.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-227f110.elementor-view-framed .elementor-icon, .elementor-31588 .elementor-element.elementor-element-227f110.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-227f110.elementor-view-framed .elementor-icon, .elementor-31588 .elementor-element.elementor-element-227f110.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-12bc396 .elementor-icon-wrapper{text-align:center;}.elementor-31588 .elementor-element.elementor-element-12bc396.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-12bc396.elementor-view-framed .elementor-icon, .elementor-31588 .elementor-element.elementor-element-12bc396.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-12bc396.elementor-view-framed .elementor-icon, .elementor-31588 .elementor-element.elementor-element-12bc396.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-6f8204e{--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;}.elementor-31588 .elementor-element.elementor-element-67f3832e > .elementor-container{max-width:1920px;min-height:100px;}.elementor-31588 .elementor-element.elementor-element-67f3832e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-31588 .elementor-element.elementor-element-67f3832e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-108px;z-index:999;}.elementor-31588 .elementor-element.elementor-element-67f3832e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-31588 .elementor-element.elementor-element-1db76030.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31588 .elementor-element.elementor-element-1db76030.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31588 .elementor-element.elementor-element-1db76030.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-31588 .elementor-element.elementor-element-1db76030 > .elementor-element-populated{padding:0px 0px 0px 20px;}.elementor-31588 .elementor-element.elementor-element-4ebe72b2 img{width:220px;}.elementor-31588 .elementor-element.elementor-element-4ebe72b2 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-31588 .elementor-element.elementor-element-4ebe72b2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-31588 .elementor-element.elementor-element-4ebe72b2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-bc-flex-widget .elementor-31588 .elementor-element.elementor-element-34e073eb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31588 .elementor-element.elementor-element-34e073eb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31588 .elementor-element.elementor-element-34e073eb.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-31588 .elementor-element.elementor-element-34e073eb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-31588 .elementor-element.elementor-element-34e073eb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-34e073eb{z-index:999;}.elementor-31588 .elementor-element.elementor-element-d8addf2{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-31588 .elementor-element.elementor-element-6832e9e{--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;}.elementor-31588 .elementor-element.elementor-element-ee18635{--display:flex;--min-height:450px;--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-31588 .elementor-element.elementor-element-8415684{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-31588 .elementor-element.elementor-element-72c13bb{--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-31588 .elementor-element.elementor-element-fba42bd{--display:flex;--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-31588 .elementor-element.elementor-element-e788fb3{--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;--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-31588 .elementor-element.elementor-element-88b2a74{--display:flex;--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-31588 .elementor-element.elementor-element-2d4186d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:28px;}.elementor-31588 .elementor-element.elementor-element-d53e67d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31588 .elementor-element.elementor-element-d53e67d .elementor-button{font-size:1.2rem;fill:#000000;color:#000000;background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-d53e67d .elementor-button:hover, .elementor-31588 .elementor-element.elementor-element-d53e67d .elementor-button:focus{color:#DB0A13;background-color:#02010100;}.elementor-31588 .elementor-element.elementor-element-d53e67d .elementor-button:hover svg, .elementor-31588 .elementor-element.elementor-element-d53e67d .elementor-button:focus svg{fill:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-d53e67d > .elementor-widget-container{margin:02% 0% 0% 0%;}.elementor-31588 .elementor-element.elementor-element-1b651f1{--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;--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-31588 .elementor-element.elementor-element-847da38{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-847da38:hover{border-style:none;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-31588 .elementor-element.elementor-element-847da38, .elementor-31588 .elementor-element.elementor-element-847da38::before{--border-transition:0.3s;}.elementor-31588 .elementor-element.elementor-element-06fc78c{text-align:start;}.elementor-31588 .elementor-element.elementor-element-06fc78c img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-0764f4f .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-703e5b2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-703e5b2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-af3fb17{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-ab8c20a{text-align:start;}.elementor-31588 .elementor-element.elementor-element-ab8c20a img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-557e88a .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-f690a37{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-f690a37 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-55f9bf0{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-541654e{text-align:start;}.elementor-31588 .elementor-element.elementor-element-541654e img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-197d873 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-ba320ff{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-ba320ff .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-ba320ff > .elementor-widget-container{padding:0% 040% 0% 0%;}.elementor-31588 .elementor-element.elementor-element-178686e{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-09ddaff{text-align:start;}.elementor-31588 .elementor-element.elementor-element-09ddaff img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-71e434e .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-53d9f1e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-53d9f1e .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-9089fa2{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-8ba60f9{text-align:start;}.elementor-31588 .elementor-element.elementor-element-8ba60f9 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-7d9a38f .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-dcbe9e1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-dcbe9e1 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-9b4a2f7{--display:flex;--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-31588 .elementor-element.elementor-element-53c49e7{--display:flex;--min-height:450px;--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-31588 .elementor-element.elementor-element-73905ff{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-31588 .elementor-element.elementor-element-b372672{--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-31588 .elementor-element.elementor-element-0ad154a{--display:flex;--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-31588 .elementor-element.elementor-element-128f10e{--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;--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-31588 .elementor-element.elementor-element-99b6352{--display:flex;--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-31588 .elementor-element.elementor-element-288118c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:28px;}.elementor-31588 .elementor-element.elementor-element-ea33246 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31588 .elementor-element.elementor-element-ea33246 .elementor-button{font-size:1.2rem;fill:#000000;color:#000000;background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-ea33246 .elementor-button:hover, .elementor-31588 .elementor-element.elementor-element-ea33246 .elementor-button:focus{color:#DB0A13;background-color:#02010100;}.elementor-31588 .elementor-element.elementor-element-ea33246 .elementor-button:hover svg, .elementor-31588 .elementor-element.elementor-element-ea33246 .elementor-button:focus svg{fill:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-ea33246 > .elementor-widget-container{margin:02% 0% 0% 0%;}.elementor-31588 .elementor-element.elementor-element-a7a81bc{--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;--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-31588 .elementor-element.elementor-element-b7afcaa{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-40d0e5f{text-align:start;}.elementor-31588 .elementor-element.elementor-element-40d0e5f img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-889f780 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-d2daaae{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-d2daaae .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-27a9673{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-284a827{text-align:start;}.elementor-31588 .elementor-element.elementor-element-284a827 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-1e70684 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-e8dce62{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-e8dce62 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-b6850c2{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-6b8f3d3{text-align:start;}.elementor-31588 .elementor-element.elementor-element-6b8f3d3 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-55bdbeb .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-7aa5275{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-7aa5275 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-5ae73c9{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-8b7aad8{text-align:start;}.elementor-31588 .elementor-element.elementor-element-8b7aad8 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-bab8dd1 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-e43f9fe{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-e43f9fe .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-ee6fdbd{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-5b03c74{text-align:start;}.elementor-31588 .elementor-element.elementor-element-5b03c74 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-6a4a67f .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-37c00a3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-37c00a3 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-9a5bff0{--display:flex;--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-31588 .elementor-element.elementor-element-9a5bff0:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-31588 .elementor-element.elementor-element-9a5bff0:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-31588 .elementor-element.elementor-element-9a5bff0, .elementor-31588 .elementor-element.elementor-element-9a5bff0::before{--border-transition:0.3s;}.elementor-31588 .elementor-element.elementor-element-a8b503e{--display:flex;--min-height:450px;--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-31588 .elementor-element.elementor-element-9999e37{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-31588 .elementor-element.elementor-element-362f098{--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-31588 .elementor-element.elementor-element-eb77985{--display:flex;--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-31588 .elementor-element.elementor-element-12e05fb{--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;--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-31588 .elementor-element.elementor-element-730da7b{--display:flex;--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-31588 .elementor-element.elementor-element-d877df0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:28px;}.elementor-31588 .elementor-element.elementor-element-250e2b7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31588 .elementor-element.elementor-element-250e2b7 .elementor-button{font-size:1.2rem;fill:#000000;color:#000000;background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-250e2b7 .elementor-button:hover, .elementor-31588 .elementor-element.elementor-element-250e2b7 .elementor-button:focus{color:#DB0A13;background-color:#02010100;}.elementor-31588 .elementor-element.elementor-element-250e2b7 .elementor-button:hover svg, .elementor-31588 .elementor-element.elementor-element-250e2b7 .elementor-button:focus svg{fill:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-250e2b7 > .elementor-widget-container{margin:02% 0% 0% 0%;}.elementor-31588 .elementor-element.elementor-element-53a5e20{--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;--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-31588 .elementor-element.elementor-element-7656641{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-f92a6d7{text-align:start;}.elementor-31588 .elementor-element.elementor-element-f92a6d7 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-6e55683 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-b059d38{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-b059d38 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-aff5d0e{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-c88ecf2{text-align:start;}.elementor-31588 .elementor-element.elementor-element-c88ecf2 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-e744d59 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-c816864{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-c816864 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-6a0b9cf{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-a2042f2{text-align:start;}.elementor-31588 .elementor-element.elementor-element-a2042f2 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-6b0086a .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-d164b54{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-d164b54 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-bede1f6{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-64806c1{text-align:start;}.elementor-31588 .elementor-element.elementor-element-64806c1 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-696cef6 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-59ec549{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-59ec549 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-69d5eee{--display:flex;--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-31588 .elementor-element.elementor-element-c48aafe{--display:flex;--min-height:450px;--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-31588 .elementor-element.elementor-element-453d27b{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-31588 .elementor-element.elementor-element-96c5d5e{--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-31588 .elementor-element.elementor-element-37d0282{--display:flex;--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-31588 .elementor-element.elementor-element-0ca906c{--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;--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-31588 .elementor-element.elementor-element-cecbb85{--display:flex;--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-31588 .elementor-element.elementor-element-668788b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:28px;}.elementor-31588 .elementor-element.elementor-element-9bad5f7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31588 .elementor-element.elementor-element-9bad5f7 .elementor-button{font-size:1.2rem;fill:#000000;color:#000000;background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-9bad5f7 .elementor-button:hover, .elementor-31588 .elementor-element.elementor-element-9bad5f7 .elementor-button:focus{color:#DB0A13;background-color:#02010100;}.elementor-31588 .elementor-element.elementor-element-9bad5f7 .elementor-button:hover svg, .elementor-31588 .elementor-element.elementor-element-9bad5f7 .elementor-button:focus svg{fill:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-9bad5f7 > .elementor-widget-container{margin:02% 0% 0% 0%;}.elementor-31588 .elementor-element.elementor-element-208b538{--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;--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-31588 .elementor-element.elementor-element-3e3fdc0{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-6c71b62{text-align:start;}.elementor-31588 .elementor-element.elementor-element-6c71b62 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-4e62ab3 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-78294b1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-78294b1 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-73863d4{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-0455bdf{text-align:start;}.elementor-31588 .elementor-element.elementor-element-0455bdf img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-172be70 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-04ffa9e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-04ffa9e .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-5747fbc{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-9ea60d7{text-align:start;}.elementor-31588 .elementor-element.elementor-element-9ea60d7 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-9e6181a .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-7253556{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-7253556 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-1e0bf14{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-6815413{text-align:start;}.elementor-31588 .elementor-element.elementor-element-6815413 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-ae43893 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-e732bfb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-e732bfb .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-a9068fc{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-7baf12b{text-align:start;}.elementor-31588 .elementor-element.elementor-element-7baf12b img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-a2b4745 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-c9d7c24{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-c9d7c24 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-9ea34dc{--display:flex;--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-31588 .elementor-element.elementor-element-8c1155a{--display:flex;--min-height:450px;--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-31588 .elementor-element.elementor-element-6edc059{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-31588 .elementor-element.elementor-element-5353d0e{--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-31588 .elementor-element.elementor-element-3bbf07a{--display:flex;--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-31588 .elementor-element.elementor-element-b8833c5{--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;--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-31588 .elementor-element.elementor-element-061a7fe{--display:flex;--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-31588 .elementor-element.elementor-element-ad0038c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:28px;}.elementor-31588 .elementor-element.elementor-element-08107ac .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31588 .elementor-element.elementor-element-08107ac .elementor-button{font-size:1.2rem;fill:#000000;color:#000000;background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-08107ac .elementor-button:hover, .elementor-31588 .elementor-element.elementor-element-08107ac .elementor-button:focus{color:#DB0A13;background-color:#02010100;}.elementor-31588 .elementor-element.elementor-element-08107ac .elementor-button:hover svg, .elementor-31588 .elementor-element.elementor-element-08107ac .elementor-button:focus svg{fill:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-08107ac > .elementor-widget-container{margin:02% 0% 0% 0%;}.elementor-31588 .elementor-element.elementor-element-ae1c7ec{--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;--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-31588 .elementor-element.elementor-element-5696e61{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-77f91d1{text-align:start;}.elementor-31588 .elementor-element.elementor-element-77f91d1 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-9366af1 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-60d03d8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-60d03d8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-0450d28{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-ab39f9e{text-align:start;}.elementor-31588 .elementor-element.elementor-element-ab39f9e img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-50f64b5 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-ff21175{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-ff21175 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-3d156ad{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-2cfa0f1{text-align:start;}.elementor-31588 .elementor-element.elementor-element-2cfa0f1 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-a7cf009 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-03c4170{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-03c4170 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-ff2eaeb{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-61b3754{text-align:start;}.elementor-31588 .elementor-element.elementor-element-61b3754 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-6953bff .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-ca0b058{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-ca0b058 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-3633cd3{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-342e655{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-342e655 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-304f169{--display:flex;--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-31588 .elementor-element.elementor-element-78477e3{--display:flex;--min-height:450px;--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-31588 .elementor-element.elementor-element-a46e5bc{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-31588 .elementor-element.elementor-element-a2d1711{--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-31588 .elementor-element.elementor-element-913ec16{--display:flex;--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-31588 .elementor-element.elementor-element-9be0cd6{--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;--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-31588 .elementor-element.elementor-element-7fe1c72{--display:flex;--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-31588 .elementor-element.elementor-element-2ab9337{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:28px;}.elementor-31588 .elementor-element.elementor-element-0348e4b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-31588 .elementor-element.elementor-element-0348e4b .elementor-button{font-size:1.2rem;fill:#000000;color:#000000;background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-0348e4b .elementor-button:hover, .elementor-31588 .elementor-element.elementor-element-0348e4b .elementor-button:focus{color:#DB0A13;background-color:#02010100;}.elementor-31588 .elementor-element.elementor-element-0348e4b .elementor-button:hover svg, .elementor-31588 .elementor-element.elementor-element-0348e4b .elementor-button:focus svg{fill:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-0348e4b > .elementor-widget-container{margin:02% 0% 0% 0%;}.elementor-31588 .elementor-element.elementor-element-961b308{--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;--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-31588 .elementor-element.elementor-element-04c5640{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-43f1a7f{text-align:start;}.elementor-31588 .elementor-element.elementor-element-43f1a7f img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-4d4882e .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-3850c85{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-3850c85 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-039469b{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-c7923f0{text-align:start;}.elementor-31588 .elementor-element.elementor-element-c7923f0 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-527a56e .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-4b94f78{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-4b94f78 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-254fce5{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-53678af{text-align:start;}.elementor-31588 .elementor-element.elementor-element-53678af img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-b310174 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-11ab299{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-11ab299 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-7b30453{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-bcd79f2{text-align:start;}.elementor-31588 .elementor-element.elementor-element-bcd79f2 img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-eb71eeb .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-e034756{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-e034756 .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-86c77f5{--display:flex;--justify-content:flex-start;--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-31588 .elementor-element.elementor-element-71da0aa{text-align:start;}.elementor-31588 .elementor-element.elementor-element-71da0aa img{width:80%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-c3c4342 .elementor-heading-title{font-family:"Inter";font-size:18px;font-weight:600;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-d23f02f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-item > a{font-size:18px;line-height:22px;}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-d23f02f .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-eaa2644{--display:flex;--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-31588 .elementor-element.elementor-element-feb27d3{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:17%;--n-tabs-title-flex-basis:auto;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:100%;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:nowrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:40px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:70px;--n-tabs-title-font-size:20px;--n-tabs-title-color:#888888;--n-tabs-title-color-active:#000000;}.elementor-31588 .elementor-element.elementor-element-feb27d3.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F4F4F4;}.elementor-31588 .elementor-element.elementor-element-feb27d3.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-31588 .elementor-element.elementor-element-feb27d3.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F4F4F4;}.elementor-31588 .elementor-element.elementor-element-feb27d3.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter";font-weight:600;line-height:25px;letter-spacing:0px;}.elementor-31588 .elementor-element.elementor-element-feb27d3 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}.elementor-31588 .elementor-element.elementor-element-feb27d3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-63b1f1b{--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;--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-31588 .elementor-element.elementor-element-63b1f1b:not(.elementor-motion-effects-element-type-background), .elementor-31588 .elementor-element.elementor-element-63b1f1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-046727a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:60px;--padding-right:25px;}.elementor-31588 .elementor-element.elementor-element-0313b6d{--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:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-31588 .elementor-element.elementor-element-b3f4db3{text-align:center;}.elementor-31588 .elementor-element.elementor-element-b3f4db3 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-022166e{--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:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-31588 .elementor-element.elementor-element-b33bf22{text-align:center;}.elementor-31588 .elementor-element.elementor-element-b33bf22 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-a41a3ec{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;--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-31588 .elementor-element.elementor-element-3eefaae .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-31588 .elementor-element.elementor-element-3eefaae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-afbe394{--display:flex;}.elementor-31588 .elementor-element.elementor-element-1807821{--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;--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-31588 .elementor-element.elementor-element-1807821:not(.elementor-motion-effects-element-type-background), .elementor-31588 .elementor-element.elementor-element-1807821 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-7cd9a32{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-31588 .elementor-element.elementor-element-8bb9c9b{--display:flex;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-31588 .elementor-element.elementor-element-5122d98 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-be1dd40 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-ab2e428 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-b941920 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-2a1ce3b .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-5114971 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-e76b2f3 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-508f6eb .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-5d67921{--display:flex;--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-31588 .elementor-element.elementor-element-438bb4d .elementor-heading-title{font-family:"Poppins";font-size:22px;font-weight:500;line-height:26px;}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31588 .elementor-element.elementor-element-40d421f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-item > a{font-family:"Inter";font-weight:300;}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-text{transition:color 0.3s;}.elementor-31588 .elementor-element.elementor-element-b3182fd img{width:100%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-b3182fd > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-31588 .elementor-element.elementor-element-eceecc3{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--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-31588 .elementor-element.elementor-element-b89fe81 .elementor-heading-title{font-family:"Poppins";font-size:25px;font-weight:500;line-height:32px;}.elementor-31588 .elementor-element.elementor-element-ccde311{--n-menu-dropdown-content-max-width:fit-content;--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-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-font-size:18px;--n-menu-title-color-normal:#FFFFFF;--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-31588 .elementor-element.elementor-element-ccde311 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-31588 .elementor-element.elementor-element-ccde311 > .elementor-widget-container > .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-31588 .elementor-element.elementor-element-ccde311 > .elementor-widget-container > .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:"Encode Sans";font-weight:600;}.elementor-31588 .elementor-element.elementor-element-ccde311 {--n-menu-title-color-hover:#DB0A13;--n-menu-title-color-active:#DB0A13;}.elementor-31588 .elementor-element.elementor-element-ccde311 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-ccde311 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-31588 .elementor-element.elementor-element-2f26a525.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31588 .elementor-element.elementor-element-2f26a525.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31588 .elementor-element.elementor-element-2f26a525.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-31588 .elementor-element.elementor-element-17041594 .elementor-search-form{text-align:center;}.elementor-31588 .elementor-element.elementor-element-17041594 .elementor-search-form__toggle{--e-search-form-toggle-size:36px;--e-search-form-toggle-color:#FFFFFF;--e-search-form-toggle-background-color:rgba(0, 0, 0, 0);--e-search-form-toggle-icon-size:calc(68em / 100);}.elementor-31588 .elementor-element.elementor-element-17041594.elementor-search-form--skin-full_screen .elementor-search-form__container{background-color:rgba(0, 0, 0, 0.95);}.elementor-31588 .elementor-element.elementor-element-17041594 .elementor-search-form__input,
					.elementor-31588 .elementor-element.elementor-element-17041594 .elementor-search-form__icon,
					.elementor-31588 .elementor-element.elementor-element-17041594 .elementor-lightbox .dialog-lightbox-close-button,
					.elementor-31588 .elementor-element.elementor-element-17041594 .elementor-lightbox .dialog-lightbox-close-button:hover,
					.elementor-31588 .elementor-element.elementor-element-17041594.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:#FFFFFF;fill:#FFFFFF;}.elementor-31588 .elementor-element.elementor-element-17041594:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-31588 .elementor-element.elementor-element-17041594.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-31588 .elementor-element.elementor-element-17041594{width:var( --container-widget-width, 95.09% );max-width:95.09%;--container-widget-width:95.09%;--container-widget-flex-grow:0;}.elementor-31588 .elementor-element.elementor-element-17041594.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-bc-flex-widget .elementor-31588 .elementor-element.elementor-element-878de9f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31588 .elementor-element.elementor-element-878de9f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31588 .elementor-element.elementor-element-878de9f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-31588 .elementor-element.elementor-element-878de9f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-31588 .elementor-element.elementor-element-878de9f > .elementor-element-populated{text-align:center;padding:0px 20px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-181bb1ce{--main-alignment:right;--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;--toggle-button-icon-color:#FFFFFF;--toggle-button-border-width:0px;--toggle-icon-size:27px;--toggle-icon-padding:0px 6px 0px 0px;--items-indicator-text-color:#FFFFFF;--cart-border-style:none;--cart-padding:010px 20px 0px 20px;--cart-close-button-color:#909090;--cart-close-button-hover-color:#000000;--remove-item-button-color:#909090;--remove-item-button-hover-color:#000000;--menu-cart-subtotal-color:#272727;--menu-cart-subtotal-text-align:center;--product-price-color:#000000;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--empty-message-alignment:left;flex-basis:46px;}.elementor-31588 .elementor-element.elementor-element-181bb1ce .elementor-menu-cart__close-button, .elementor-31588 .elementor-element.elementor-element-181bb1ce .elementor-menu-cart__close-button-custom{margin-left:auto;}body:not(.rtl) .elementor-31588 .elementor-element.elementor-element-181bb1ce .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-0px;top:-0px;}body.rtl .elementor-31588 .elementor-element.elementor-element-181bb1ce .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:0px;top:-0px;left:auto;}.elementor-31588 .elementor-element.elementor-element-181bb1ce .widget_shopping_cart_content{--subtotal-divider-left-width:0px;--subtotal-divider-right-width:0px;--subtotal-divider-top-width:0px;--subtotal-divider-bottom-width:0px;}.elementor-31588 .elementor-element.elementor-element-181bb1ce .elementor-menu-cart__product-name a{color:#404040;}.elementor-31588 .elementor-element.elementor-element-181bb1ce .elementor-menu-cart__product-name a:hover{color:#000000;}.elementor-31588 .elementor-element.elementor-element-181bb1ce > .elementor-widget-container{padding:0px 5px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance{width:180px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal{justify-content:center;padding:10px 10px 10px 10px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-hover{justify-content:center;padding:10px 10px 10px 10px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-top .jet-button__state-normal{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-top .jet-button__state-hover{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-bottom .jet-button__state-normal{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-bottom .jet-button__state-hover{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__container{justify-content:flex-start;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance:hover{border-radius:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__plane-normal{background-color:#DB0A13;border-radius:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__plane-hover{border-radius:5px 5px 5px 5px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal .jet-button__icon{font-size:1px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal .jet-button__label{text-align:left;margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-hover .jet-button__label{text-align:left;margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153  .jet-button__state-normal .jet-button__label{font-size:17px;font-weight:bold;}.elementor-31588 .elementor-element.elementor-element-5cd40153  .jet-button__state-hover .jet-button__label{font-size:17px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31588 .elementor-element.elementor-element-5cd40153{flex-basis:10px;}.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-31588 .elementor-element.elementor-element-896d3cc{--width:20%;}.elementor-31588 .elementor-element.elementor-element-11643f1{--width:60%;}.elementor-31588 .elementor-element.elementor-element-0d6e3f2{--width:20%;}.elementor-31588 .elementor-element.elementor-element-1db76030{width:19.291%;}.elementor-31588 .elementor-element.elementor-element-34e073eb{width:52.281%;}.elementor-31588 .elementor-element.elementor-element-6832e9e{--width:100%;}.elementor-31588 .elementor-element.elementor-element-8415684{--width:100%;}.elementor-31588 .elementor-element.elementor-element-72c13bb{--width:100%;}.elementor-31588 .elementor-element.elementor-element-88b2a74{--width:85%;}.elementor-31588 .elementor-element.elementor-element-9b4a2f7{--width:17%;}.elementor-31588 .elementor-element.elementor-element-73905ff{--width:100%;}.elementor-31588 .elementor-element.elementor-element-b372672{--width:100%;}.elementor-31588 .elementor-element.elementor-element-99b6352{--width:85%;}.elementor-31588 .elementor-element.elementor-element-9a5bff0{--width:17%;}.elementor-31588 .elementor-element.elementor-element-9999e37{--width:100%;}.elementor-31588 .elementor-element.elementor-element-362f098{--width:100%;}.elementor-31588 .elementor-element.elementor-element-730da7b{--width:85%;}.elementor-31588 .elementor-element.elementor-element-69d5eee{--width:17%;}.elementor-31588 .elementor-element.elementor-element-453d27b{--width:100%;}.elementor-31588 .elementor-element.elementor-element-96c5d5e{--width:100%;}.elementor-31588 .elementor-element.elementor-element-cecbb85{--width:85%;}.elementor-31588 .elementor-element.elementor-element-9ea34dc{--width:17%;}.elementor-31588 .elementor-element.elementor-element-6edc059{--width:100%;}.elementor-31588 .elementor-element.elementor-element-5353d0e{--width:100%;}.elementor-31588 .elementor-element.elementor-element-061a7fe{--width:85%;}.elementor-31588 .elementor-element.elementor-element-304f169{--width:17%;}.elementor-31588 .elementor-element.elementor-element-a46e5bc{--width:100%;}.elementor-31588 .elementor-element.elementor-element-a2d1711{--width:100%;}.elementor-31588 .elementor-element.elementor-element-7fe1c72{--width:85%;}.elementor-31588 .elementor-element.elementor-element-eaa2644{--width:17%;}.elementor-31588 .elementor-element.elementor-element-046727a{--width:100%;}.elementor-31588 .elementor-element.elementor-element-0313b6d{--width:80%;}.elementor-31588 .elementor-element.elementor-element-022166e{--width:80%;}.elementor-31588 .elementor-element.elementor-element-7cd9a32{--width:100%;}.elementor-31588 .elementor-element.elementor-element-8bb9c9b{--width:40%;}.elementor-31588 .elementor-element.elementor-element-5d67921{--width:60%;}.elementor-31588 .elementor-element.elementor-element-2f26a525{width:4.057%;}.elementor-31588 .elementor-element.elementor-element-878de9f{width:24.327%;}}@media(max-width:1200px) and (min-width:768px){.elementor-31588 .elementor-element.elementor-element-1db76030{width:16%;}.elementor-31588 .elementor-element.elementor-element-34e073eb{width:55%;}.elementor-31588 .elementor-element.elementor-element-878de9f{width:26%;}}@media(max-width:1015px) and (min-width:768px){.elementor-31588 .elementor-element.elementor-element-11643f1{--width:74%;}.elementor-31588 .elementor-element.elementor-element-0d6e3f2{--width:6%;}.elementor-31588 .elementor-element.elementor-element-34e073eb{width:44%;}.elementor-31588 .elementor-element.elementor-element-2f26a525{width:6%;}.elementor-31588 .elementor-element.elementor-element-878de9f{width:25%;}}@media(max-width:1200px){.elementor-31588 .elementor-element.elementor-element-4ebe72b2{text-align:start;}.elementor-31588 .elementor-element.elementor-element-4ebe72b2 img{width:100%;}.elementor-31588 .elementor-element.elementor-element-a41a3ec{--grid-auto-flow:row;}.elementor-31588 .elementor-element.elementor-element-ccde311{--n-menu-title-font-size:16px;}.elementor-bc-flex-widget .elementor-31588 .elementor-element.elementor-element-878de9f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31588 .elementor-element.elementor-element-878de9f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31588 .elementor-element.elementor-element-878de9f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance{width:185px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal{justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-hover{justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-top .jet-button__state-normal{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-top .jet-button__state-hover{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-bottom .jet-button__state-normal{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance--icon-bottom .jet-button__state-hover{align-items:center;justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__container{justify-content:center;}}@media(max-width:1015px){.elementor-31588 .elementor-element.elementor-element-724d571{--margin-top:0px;--margin-bottom:-110px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-31588 .elementor-element.elementor-element-896d3cc{--justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5b8cae3 img{width:100%;max-width:100%;}.elementor-31588 .elementor-element.elementor-element-11643f1{--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-31588 .elementor-element.elementor-element-159d6b0{width:auto;max-width:auto;}.elementor-31588 .elementor-element.elementor-element-e26b776{width:auto;max-width:auto;flex-basis:31px;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__instance{width:150px;margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__container{justify-content:center;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__state-normal{padding:6px 15px 6px 15px;}.elementor-31588 .elementor-element.elementor-element-846062b .jet-button__state-hover{padding:6px 15px 6px 15px;}.elementor-31588 .elementor-element.elementor-element-846062b  .jet-button__state-normal .jet-button__label{font-size:14px;}.elementor-31588 .elementor-element.elementor-element-846062b  .jet-button__state-hover .jet-button__label{font-size:14px;}.elementor-31588 .elementor-element.elementor-element-846062b{width:var( --container-widget-width, 134px );max-width:134px;--container-widget-width:134px;--container-widget-flex-grow:0;}.elementor-31588 .elementor-element.elementor-element-0d6e3f2{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--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-31588 .elementor-element.elementor-element-227f110 .elementor-icon{font-size:26px;}.elementor-31588 .elementor-element.elementor-element-227f110 .elementor-icon svg{height:26px;}.elementor-31588 .elementor-element.elementor-element-227f110 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-12bc396 .elementor-icon{font-size:20px;}.elementor-31588 .elementor-element.elementor-element-12bc396 .elementor-icon svg{height:20px;}.elementor-31588 .elementor-element.elementor-element-6f8204e{--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-31588 .elementor-element.elementor-element-67f3832e{margin-top:0px;margin-bottom:-110px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-31588 .elementor-element.elementor-element-34e073eb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31588 .elementor-element.elementor-element-34e073eb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31588 .elementor-element.elementor-element-34e073eb.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-31588 .elementor-element.elementor-element-34e073eb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-a41a3ec{--grid-auto-flow:row;}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31588 .elementor-element.elementor-element-40d421f .elementor-icon-list-item > a{font-size:15px;line-height:20px;}.elementor-31588 .elementor-element.elementor-element-181bb1ce{flex-basis:31px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance{width:134px;height:31px;margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__container{justify-content:center;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal{padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-hover{padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal .jet-button__label{text-align:center;margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-hover .jet-button__label{text-align:center;margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153  .jet-button__state-normal .jet-button__label{font-size:14px;line-height:1.1em;letter-spacing:0.2px;}.elementor-31588 .elementor-element.elementor-element-5cd40153  .jet-button__state-hover .jet-button__label{font-size:13px;}}@media(max-width:880px){.elementor-31588 .elementor-element.elementor-element-a41a3ec{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-31588 .elementor-element.elementor-element-724d571{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:10px;--padding-right:0px;--z-index:9;}.elementor-31588 .elementor-element.elementor-element-896d3cc{--width:35%;}.elementor-31588 .elementor-element.elementor-element-5b8cae3{text-align:start;}.elementor-31588 .elementor-element.elementor-element-5b8cae3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-11643f1{--width:48%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-31588 .elementor-element.elementor-element-159d6b0 input[type="search"].elementor-search-form__input{font-size:26px;}.elementor-31588 .elementor-element.elementor-element-159d6b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-e26b776{--main-alignment:center;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--toggle-icon-size:26px;}.elementor-31588 .elementor-element.elementor-element-0d6e3f2{--width:10%;}.elementor-31588 .elementor-element.elementor-element-227f110 .elementor-icon{font-size:28px;}.elementor-31588 .elementor-element.elementor-element-227f110 .elementor-icon svg{height:28px;}.elementor-31588 .elementor-element.elementor-element-12bc396 .elementor-icon{font-size:20px;}.elementor-31588 .elementor-element.elementor-element-12bc396 .elementor-icon svg{height:20px;}.elementor-31588 .elementor-element.elementor-element-67f3832e{margin-top:0px;margin-bottom:-100px;}.elementor-31588 .elementor-element.elementor-element-1db76030{width:35%;}.elementor-31588 .elementor-element.elementor-element-4ebe72b2{text-align:start;}.elementor-31588 .elementor-element.elementor-element-4ebe72b2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-34e073eb{width:35%;}.elementor-31588 .elementor-element.elementor-element-a41a3ec{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-31588 .elementor-element.elementor-element-2f26a525{width:15%;}.elementor-31588 .elementor-element.elementor-element-2f26a525.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-31588 .elementor-element.elementor-element-2f26a525 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 4px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-17041594 input[type="search"].elementor-search-form__input{font-size:26px;}.elementor-31588 .elementor-element.elementor-element-17041594 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-17041594{--container-widget-width:41px;--container-widget-flex-grow:0;width:var( --container-widget-width, 41px );max-width:41px;}.elementor-31588 .elementor-element.elementor-element-878de9f{width:15%;}.elementor-31588 .elementor-element.elementor-element-878de9f.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-31588 .elementor-element.elementor-element-878de9f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-31588 .elementor-element.elementor-element-878de9f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-181bb1ce{--main-alignment:center;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--toggle-icon-size:30px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__instance{width:100%;height:29px;margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__container{justify-content:flex-end;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal{padding:6px 6px 6px 6px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-hover{padding:6px 6px 6px 6px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal .jet-button__icon{margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-normal .jet-button__label{margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 .jet-button__state-hover .jet-button__label{margin:0px 0px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153  .jet-button__state-normal .jet-button__label{font-size:10px;line-height:1.1em;letter-spacing:0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153  .jet-button__state-hover .jet-button__label{font-size:9px;}.elementor-31588 .elementor-element.elementor-element-5cd40153 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 4px 0px 0px;}.elementor-31588 .elementor-element.elementor-element-5cd40153{width:var( --container-widget-width, 51.594% );max-width:51.594%;--container-widget-width:51.594%;--container-widget-flex-grow:0;}}/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-feb27d3 *//* Tab text কে relative পজিশন দেওয়া হলো যাতে লাইনটি ঠিক টেক্সটের নিচে থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    position: relative;
    display: inline-block;
}

/* লাল লাইনের ডিফল্ট ডিজাইন (প্রথমে width 0 থাকবে) */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* টেক্সট থেকে লাইনের দূরত্ব, প্রয়োজন হলে বাড়াতে/কমাতে পারেন */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল কালার কোড */
    transition: width 0.3s ease-in-out; /* স্মুথ অ্যানিমেশনের জন্য */
}

/* হোভার করলে লাইনটি অর্ধেক (50%) হবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover .e-n-tab-title-text::after {
    width: 50%;
}

/* যে Tab টি সিলেক্ট করা থাকবে (Active), সেটিতেও অর্ধেক লাল লাইন থাকবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after {
    width: 50%;
}



/*alignment issue fix*/


/* ১. মেইন কন্টেইনারকে ফ্লেক্স করা, যাতে ডান ও বাম কলাম সব সময় সমান লম্বা হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs {
    display: flex !important;
    align-items: stretch !important; /* এই কমান্ডটিই ব্যাকগ্রাউন্ডকে একদম নিচ পর্যন্ত টেনে নামাবে */
}

/* ২. বাম দিকের কলামের ব্যাকগ্রাউন্ড ও পজিশন */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs-heading {
    background-color: #f5f5f5 !important; /* ছাই ব্যাকগ্রাউন্ড */
    display: flex !important;
    flex-direction: column !important; /* বাটনগুলোকে নিচে নিচে সাজাবে */
    justify-content: center !important; /* ওপর ও নিচে সমান বড় গ্যাপ রেখে বাটনগুলো মাঝখানে আনবে */
    align-items: flex-start !important; /* লেখাগুলো বাম পাশে অ্যালাইন করবে */
    padding: 0 40px !important; /* ডানে-বামে 40px প্যাডিং, ওপর-নিচে জিরো (কারণ center দেওয়ায় অটো জায়গা নেবে) */
    min-width: 250px !important; /* কলামের চওড়া */
}

/* ৩. বাটনগুলোর ডিজাইন এবং মাঝের গ্যাপ */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title {
    background-color: transparent !important; /* নিজস্ব ব্যাকগ্রাউন্ড রিমুভ */
    margin: 0 0 25px 0 !important; /* ⚠️ একটি বাটন থেকে আরেকটি বাটনের মাঝের দূরত্ব (25px) */
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    height: auto !important;
}

/* শেষের বাটনের নিচে যেন বাড়তি গ্যাপ না থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:last-child {
    margin-bottom: 0 !important;
}

/* ৪. লেখা ভেঙে যেন দুই লাইনে না যায় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    white-space: nowrap !important;
}

/* ৫. হোভার বা অ্যাক্টিভ অবস্থায় ব্যাকগ্রাউন্ড যেন পরিবর্তন না হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"],
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover {
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8addf2 */.elementor-31588 .elementor-element.elementor-element-d8addf2 {
  box-shadow: 0 12px 20px -8px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0313b6d *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-022166e *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bb9c9b *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eceecc3 *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-feb27d3 *//* Tab text কে relative পজিশন দেওয়া হলো যাতে লাইনটি ঠিক টেক্সটের নিচে থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    position: relative;
    display: inline-block;
}

/* লাল লাইনের ডিফল্ট ডিজাইন (প্রথমে width 0 থাকবে) */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* টেক্সট থেকে লাইনের দূরত্ব, প্রয়োজন হলে বাড়াতে/কমাতে পারেন */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল কালার কোড */
    transition: width 0.3s ease-in-out; /* স্মুথ অ্যানিমেশনের জন্য */
}

/* হোভার করলে লাইনটি অর্ধেক (50%) হবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover .e-n-tab-title-text::after {
    width: 50%;
}

/* যে Tab টি সিলেক্ট করা থাকবে (Active), সেটিতেও অর্ধেক লাল লাইন থাকবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after {
    width: 50%;
}



/*alignment issue fix*/


/* ১. মেইন কন্টেইনারকে ফ্লেক্স করা, যাতে ডান ও বাম কলাম সব সময় সমান লম্বা হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs {
    display: flex !important;
    align-items: stretch !important; /* এই কমান্ডটিই ব্যাকগ্রাউন্ডকে একদম নিচ পর্যন্ত টেনে নামাবে */
}

/* ২. বাম দিকের কলামের ব্যাকগ্রাউন্ড ও পজিশন */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs-heading {
    background-color: #f5f5f5 !important; /* ছাই ব্যাকগ্রাউন্ড */
    display: flex !important;
    flex-direction: column !important; /* বাটনগুলোকে নিচে নিচে সাজাবে */
    justify-content: center !important; /* ওপর ও নিচে সমান বড় গ্যাপ রেখে বাটনগুলো মাঝখানে আনবে */
    align-items: flex-start !important; /* লেখাগুলো বাম পাশে অ্যালাইন করবে */
    padding: 0 40px !important; /* ডানে-বামে 40px প্যাডিং, ওপর-নিচে জিরো (কারণ center দেওয়ায় অটো জায়গা নেবে) */
    min-width: 250px !important; /* কলামের চওড়া */
}

/* ৩. বাটনগুলোর ডিজাইন এবং মাঝের গ্যাপ */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title {
    background-color: transparent !important; /* নিজস্ব ব্যাকগ্রাউন্ড রিমুভ */
    margin: 0 0 25px 0 !important; /* ⚠️ একটি বাটন থেকে আরেকটি বাটনের মাঝের দূরত্ব (25px) */
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    height: auto !important;
}

/* শেষের বাটনের নিচে যেন বাড়তি গ্যাপ না থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:last-child {
    margin-bottom: 0 !important;
}

/* ৪. লেখা ভেঙে যেন দুই লাইনে না যায় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    white-space: nowrap !important;
}

/* ৫. হোভার বা অ্যাক্টিভ অবস্থায় ব্যাকগ্রাউন্ড যেন পরিবর্তন না হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"],
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover {
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8addf2 */.elementor-31588 .elementor-element.elementor-element-d8addf2 {
  box-shadow: 0 12px 20px -8px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0313b6d *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-022166e *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bb9c9b *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eceecc3 *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-feb27d3 *//* Tab text কে relative পজিশন দেওয়া হলো যাতে লাইনটি ঠিক টেক্সটের নিচে থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    position: relative;
    display: inline-block;
}

/* লাল লাইনের ডিফল্ট ডিজাইন (প্রথমে width 0 থাকবে) */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* টেক্সট থেকে লাইনের দূরত্ব, প্রয়োজন হলে বাড়াতে/কমাতে পারেন */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল কালার কোড */
    transition: width 0.3s ease-in-out; /* স্মুথ অ্যানিমেশনের জন্য */
}

/* হোভার করলে লাইনটি অর্ধেক (50%) হবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover .e-n-tab-title-text::after {
    width: 50%;
}

/* যে Tab টি সিলেক্ট করা থাকবে (Active), সেটিতেও অর্ধেক লাল লাইন থাকবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after {
    width: 50%;
}



/*alignment issue fix*/


/* ১. মেইন কন্টেইনারকে ফ্লেক্স করা, যাতে ডান ও বাম কলাম সব সময় সমান লম্বা হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs {
    display: flex !important;
    align-items: stretch !important; /* এই কমান্ডটিই ব্যাকগ্রাউন্ডকে একদম নিচ পর্যন্ত টেনে নামাবে */
}

/* ২. বাম দিকের কলামের ব্যাকগ্রাউন্ড ও পজিশন */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs-heading {
    background-color: #f5f5f5 !important; /* ছাই ব্যাকগ্রাউন্ড */
    display: flex !important;
    flex-direction: column !important; /* বাটনগুলোকে নিচে নিচে সাজাবে */
    justify-content: center !important; /* ওপর ও নিচে সমান বড় গ্যাপ রেখে বাটনগুলো মাঝখানে আনবে */
    align-items: flex-start !important; /* লেখাগুলো বাম পাশে অ্যালাইন করবে */
    padding: 0 40px !important; /* ডানে-বামে 40px প্যাডিং, ওপর-নিচে জিরো (কারণ center দেওয়ায় অটো জায়গা নেবে) */
    min-width: 250px !important; /* কলামের চওড়া */
}

/* ৩. বাটনগুলোর ডিজাইন এবং মাঝের গ্যাপ */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title {
    background-color: transparent !important; /* নিজস্ব ব্যাকগ্রাউন্ড রিমুভ */
    margin: 0 0 25px 0 !important; /* ⚠️ একটি বাটন থেকে আরেকটি বাটনের মাঝের দূরত্ব (25px) */
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    height: auto !important;
}

/* শেষের বাটনের নিচে যেন বাড়তি গ্যাপ না থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:last-child {
    margin-bottom: 0 !important;
}

/* ৪. লেখা ভেঙে যেন দুই লাইনে না যায় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    white-space: nowrap !important;
}

/* ৫. হোভার বা অ্যাক্টিভ অবস্থায় ব্যাকগ্রাউন্ড যেন পরিবর্তন না হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"],
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover {
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8addf2 */.elementor-31588 .elementor-element.elementor-element-d8addf2 {
  box-shadow: 0 12px 20px -8px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0313b6d *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-022166e *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bb9c9b *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eceecc3 *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-feb27d3 *//* Tab text কে relative পজিশন দেওয়া হলো যাতে লাইনটি ঠিক টেক্সটের নিচে থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    position: relative;
    display: inline-block;
}

/* লাল লাইনের ডিফল্ট ডিজাইন (প্রথমে width 0 থাকবে) */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* টেক্সট থেকে লাইনের দূরত্ব, প্রয়োজন হলে বাড়াতে/কমাতে পারেন */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল কালার কোড */
    transition: width 0.3s ease-in-out; /* স্মুথ অ্যানিমেশনের জন্য */
}

/* হোভার করলে লাইনটি অর্ধেক (50%) হবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover .e-n-tab-title-text::after {
    width: 50%;
}

/* যে Tab টি সিলেক্ট করা থাকবে (Active), সেটিতেও অর্ধেক লাল লাইন থাকবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after {
    width: 50%;
}



/*alignment issue fix*/


/* ১. মেইন কন্টেইনারকে ফ্লেক্স করা, যাতে ডান ও বাম কলাম সব সময় সমান লম্বা হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs {
    display: flex !important;
    align-items: stretch !important; /* এই কমান্ডটিই ব্যাকগ্রাউন্ডকে একদম নিচ পর্যন্ত টেনে নামাবে */
}

/* ২. বাম দিকের কলামের ব্যাকগ্রাউন্ড ও পজিশন */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs-heading {
    background-color: #f5f5f5 !important; /* ছাই ব্যাকগ্রাউন্ড */
    display: flex !important;
    flex-direction: column !important; /* বাটনগুলোকে নিচে নিচে সাজাবে */
    justify-content: center !important; /* ওপর ও নিচে সমান বড় গ্যাপ রেখে বাটনগুলো মাঝখানে আনবে */
    align-items: flex-start !important; /* লেখাগুলো বাম পাশে অ্যালাইন করবে */
    padding: 0 40px !important; /* ডানে-বামে 40px প্যাডিং, ওপর-নিচে জিরো (কারণ center দেওয়ায় অটো জায়গা নেবে) */
    min-width: 250px !important; /* কলামের চওড়া */
}

/* ৩. বাটনগুলোর ডিজাইন এবং মাঝের গ্যাপ */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title {
    background-color: transparent !important; /* নিজস্ব ব্যাকগ্রাউন্ড রিমুভ */
    margin: 0 0 25px 0 !important; /* ⚠️ একটি বাটন থেকে আরেকটি বাটনের মাঝের দূরত্ব (25px) */
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    height: auto !important;
}

/* শেষের বাটনের নিচে যেন বাড়তি গ্যাপ না থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:last-child {
    margin-bottom: 0 !important;
}

/* ৪. লেখা ভেঙে যেন দুই লাইনে না যায় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    white-space: nowrap !important;
}

/* ৫. হোভার বা অ্যাক্টিভ অবস্থায় ব্যাকগ্রাউন্ড যেন পরিবর্তন না হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"],
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover {
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8addf2 */.elementor-31588 .elementor-element.elementor-element-d8addf2 {
  box-shadow: 0 12px 20px -8px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0313b6d *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-022166e *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bb9c9b *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eceecc3 *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-703e5b2 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f690a37 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ba320ff */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-53d9f1e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dcbe9e1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ec0af */.elementor-31588 .elementor-element.elementor-element-19ec0af {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-19ec0af::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after {
  content: "Design My Dock";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #DB0A13;
  color: white;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-19ec0af::after:hover {
  background: #ff0000;
  color: #ffffff;
}

.elementor-31588 .elementor-element.elementor-element-19ec0af video {
    pointer-events: none;
    touch-action: none;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d2daaae */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e8dce62 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7aa5275 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e43f9fe */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-37c00a3 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64e18bf */.elementor-31588 .elementor-element.elementor-element-64e18bf {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-64e18bf::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-64e18bf:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-64e18bf::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b059d38 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c816864 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d164b54 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-59ec549 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceb3e5 */.elementor-31588 .elementor-element.elementor-element-dceb3e5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-dceb3e5:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-dceb3e5::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-78294b1 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-04ffa9e */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7253556 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e732bfb */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c9d7c24 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f740d3 */.elementor-31588 .elementor-element.elementor-element-4f740d3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-4f740d3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-4f740d3:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-4f740d3::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-60d03d8 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff21175 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03c4170 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ca0b058 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-342e655 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b429e */.elementor-31588 .elementor-element.elementor-element-66b429e {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-66b429e::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-66b429e::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: auto;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-66b429e:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-66b429e:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-66b429e::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3850c85 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b94f78 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-11ab299 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e034756 */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d23f02f */.elementor-icon-list-item a{
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit !important;
}

.elementor-icon-list-item a:hover{
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0e994 */.elementor-31588 .elementor-element.elementor-element-0e0e994 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient overlay */
.elementor-31588 .elementor-element.elementor-element-0e0e994::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.25) 30%,
    rgba(0, 0, 0, 0.12) 55%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0) 75%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

/* View More button */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after {
  content: "View More";
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  background: #ffffff;
  color: #111111;
  text-align: center;
  padding: 10px 22px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease, color 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Hover states */
.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::before {
  opacity: 1;
}

.elementor-31588 .elementor-element.elementor-element-0e0e994:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (Still limited due to pseudo-element hover) */
.elementor-31588 .elementor-element.elementor-element-0e0e994::after:hover {
  background: #ff0000;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-feb27d3 *//* Tab text কে relative পজিশন দেওয়া হলো যাতে লাইনটি ঠিক টেক্সটের নিচে থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    position: relative;
    display: inline-block;
}

/* লাল লাইনের ডিফল্ট ডিজাইন (প্রথমে width 0 থাকবে) */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* টেক্সট থেকে লাইনের দূরত্ব, প্রয়োজন হলে বাড়াতে/কমাতে পারেন */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল কালার কোড */
    transition: width 0.3s ease-in-out; /* স্মুথ অ্যানিমেশনের জন্য */
}

/* হোভার করলে লাইনটি অর্ধেক (50%) হবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover .e-n-tab-title-text::after {
    width: 50%;
}

/* যে Tab টি সিলেক্ট করা থাকবে (Active), সেটিতেও অর্ধেক লাল লাইন থাকবে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after {
    width: 50%;
}



/*alignment issue fix*/


/* ১. মেইন কন্টেইনারকে ফ্লেক্স করা, যাতে ডান ও বাম কলাম সব সময় সমান লম্বা হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs {
    display: flex !important;
    align-items: stretch !important; /* এই কমান্ডটিই ব্যাকগ্রাউন্ডকে একদম নিচ পর্যন্ত টেনে নামাবে */
}

/* ২. বাম দিকের কলামের ব্যাকগ্রাউন্ড ও পজিশন */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tabs-heading {
    background-color: #f5f5f5 !important; /* ছাই ব্যাকগ্রাউন্ড */
    display: flex !important;
    flex-direction: column !important; /* বাটনগুলোকে নিচে নিচে সাজাবে */
    justify-content: center !important; /* ওপর ও নিচে সমান বড় গ্যাপ রেখে বাটনগুলো মাঝখানে আনবে */
    align-items: flex-start !important; /* লেখাগুলো বাম পাশে অ্যালাইন করবে */
    padding: 0 40px !important; /* ডানে-বামে 40px প্যাডিং, ওপর-নিচে জিরো (কারণ center দেওয়ায় অটো জায়গা নেবে) */
    min-width: 250px !important; /* কলামের চওড়া */
}

/* ৩. বাটনগুলোর ডিজাইন এবং মাঝের গ্যাপ */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title {
    background-color: transparent !important; /* নিজস্ব ব্যাকগ্রাউন্ড রিমুভ */
    margin: 0 0 25px 0 !important; /* ⚠️ একটি বাটন থেকে আরেকটি বাটনের মাঝের দূরত্ব (25px) */
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
    height: auto !important;
}

/* শেষের বাটনের নিচে যেন বাড়তি গ্যাপ না থাকে */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:last-child {
    margin-bottom: 0 !important;
}

/* ৪. লেখা ভেঙে যেন দুই লাইনে না যায় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title-text {
    white-space: nowrap !important;
}

/* ৫. হোভার বা অ্যাক্টিভ অবস্থায় ব্যাকগ্রাউন্ড যেন পরিবর্তন না হয় */
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title[aria-selected="true"],
.elementor-31588 .elementor-element.elementor-element-feb27d3 .e-n-tab-title:hover {
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8addf2 */.elementor-31588 .elementor-element.elementor-element-d8addf2 {
  box-shadow: 0 12px 20px -8px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0313b6d *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-0313b6d .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-022166e *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-022166e .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bb9c9b *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-8bb9c9b .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eceecc3 *//* হেডিংগুলোকে inline-block এবং relative করা হলো যাতে লাইনটি ঠিক টেক্সটের মাপে হয় */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #888888; /* ডিফল্ট কালার (ছাই রং) - আপনি চাইলে স্টাইল থেকেও দিতে পারেন */
    transition: color 0.3s ease;
    padding-bottom: 5px; /* লাল লাইনের জন্য নিচে একটু জায়গা রাখা হলো */
    cursor: pointer;
}

/* ডিফল্টভাবে লাল লাইনটি লুকানো (width: 0) থাকবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* টেক্সটের একদম নিচে */
    width: 0;
    height: 3px; /* লাল লাইনের পুরুত্ব */
    background-color: #cc0000; /* লাল রং */
    transition: width 0.3s ease-in-out;
}

/* হোভার করলে টেক্সট কালার কালো (বা ডার্ক) হবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title {
    color: #000000 !important;
}

/* হোভার করলে লাল লাইনটি অর্ধেক (50%) পর্যন্ত স্লাইড করে আসবে */
.elementor-31588 .elementor-element.elementor-element-eceecc3 .elementor-widget-heading:hover .elementor-heading-title::after {
    width: 30%; 
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-ccde311 *//* Hover: small white background */
.elementor-31588 .elementor-element.elementor-element-ccde311 .e-n-menu-item:not(:nth-child(3)):hover .e-n-menu-title {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    position: relative;
    z-index: 101 !important;
}

/* Hover text/icon */
.elementor-31588 .elementor-element.elementor-element-ccde311 .e-n-menu-item:not(:nth-child(3)):hover .e-n-menu-title-text,
.elementor-31588 .elementor-element.elementor-element-ccde311 .e-n-menu-item:not(:nth-child(3)):hover .e-n-menu-dropdown-icon i {
    color: #000000 !important;
    transition: all 0.3s ease;
}

/* Clicked/open state */
.elementor-31588 .elementor-element.elementor-element-ccde311 .e-n-menu-item:not(:nth-child(3)):has([aria-expanded="true"]) .e-n-menu-title {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    position: relative;
    z-index: 101 !important;
}

/* Clicked/open text/icon */
.elementor-31588 .elementor-element.elementor-element-ccde311 .e-n-menu-item:not(:nth-child(3)):has([aria-expanded="true"]) .e-n-menu-title-text,
.elementor-31588 .elementor-element.elementor-element-ccde311 .e-n-menu-item:not(:nth-child(3)):has([aria-expanded="true"]) .e-n-menu-dropdown-icon i {
    color: #000000 !important;
    transition: all 0.3s ease;
}

/* Long white bottom square ONLY when clicked/open */
.elementor-31588 .elementor-element.elementor-element-ccde311 .e-n-menu-item:not(:nth-child(3)):has([aria-expanded="true"]) .e-n-menu-title::after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    height: 30px;
    background-color: #ffffff;
    z-index: 99 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-67f3832e *//* 1) Let header containers overflow so menus can extend */
.elementor-location-header .e-con,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-section {
  overflow: visible !important;
}

/* 2) Ensure the header (and the menu) sits atop everything */
.elementor-location-header {
  position: relative; /* or sticky/fixed per your setup */
  z-index: 10000;     /* higher than any hero/slider */
}

.elementor-location-header .elementor-nav-menu--main,
.elementor-location-header .menu,
.elementor-location-header .sub-menu {
  position: relative;
  z-index: 10001;
}

/* 3) Keep below content from jumping in front */
.elementor-location-body,
.site-content,
.hero,
.slider {
  z-index: 0 !important;  /* reset accidental high z-indexes */
  position: relative;
}

/* 4) If you use Elementor’s sticky effects, raise the active state too */
.elementor-sticky--active {
  z-index: 10002 !important;
}

/* Initial state (make sure your default style background is clear) */
.elementor-31588 .elementor-element.elementor-element-67f3832e {
    transition: none !important;
}

/* Background state after scrolling past the offset */
.elementor-31588 .elementor-element.elementor-element-67f3832e.elementor-sticky--effects {
    background-color: #111111 !important; /* Replace with your scroll color */
}/* End custom CSS */
/* Start custom CSS *//* Center the mega menu under the full nav bar */
.custom-mega-menu {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 999;
}

/* Optional: Prevent it from hugging the menu item */
.elementor-nav-menu--dropdown {
  min-width: 600px; /* adjust based on how wide you want it */
}

/* Glue dropdown to top menu bar */
.elementor-nav-menu--dropdown {
  margin-top: 0px !important;
  padding-top: 0px !important;
  top: 100% !important;
}

/* Lock dropdown in place */
.elementor-nav-menu--main .elementor-nav-menu--dropdown {
  position: absolute;
  top: 100%;
}/* End custom CSS */