.elementor-3439 .elementor-element.elementor-element-d5e9b73{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:70px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-3439 .elementor-element.elementor-element-d5e9b73:not(.elementor-motion-effects-element-type-background), .elementor-3439 .elementor-element.elementor-element-d5e9b73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dockanddoor.mmindsdemo2.com/wp-content/uploads/2025/08/4466.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3439 .elementor-element.elementor-element-d5e9b73::before, .elementor-3439 .elementor-element.elementor-element-d5e9b73 > .elementor-background-video-container::before, .elementor-3439 .elementor-element.elementor-element-d5e9b73 > .e-con-inner > .elementor-background-video-container::before, .elementor-3439 .elementor-element.elementor-element-d5e9b73 > .elementor-background-slideshow::before, .elementor-3439 .elementor-element.elementor-element-d5e9b73 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3439 .elementor-element.elementor-element-d5e9b73 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF4D;--background-overlay:'';}.elementor-3439 .elementor-element.elementor-element-39fba1e{width:100%;max-width:100%;}.elementor-3439 .elementor-element.elementor-element-39fba1e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3439 .elementor-element.elementor-element-39fba1e .eael-breadcrumbs{justify-content:center;}.elementor-3439 .elementor-element.elementor-element-39fba1e .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#f8f8fa;border-style:none;padding:16px 22px 16px 22px;color:var( --e-global-color-a990721 );font-family:"Optima", Sans-serif;font-size:18px;text-transform:uppercase;}.elementor-3439 .elementor-element.elementor-element-39fba1e .eael-breadcrumbs .eael-breadcrumbs__content a{color:#283E6FBD;}.elementor-3439 .elementor-element.elementor-element-39fba1e .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-3439 .elementor-element.elementor-element-39fba1e .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3439 .elementor-element.elementor-element-269f978{width:100%;max-width:100%;text-align:center;}.elementor-3439 .elementor-element.elementor-element-269f978 .elementor-heading-title{font-family:"Optima", Sans-serif;font-size:73px;font-weight:400;text-transform:uppercase;color:#283E6F;}.elementor-3439 .elementor-element.elementor-element-f8f1135{width:100%;max-width:100%;text-align:center;}.elementor-3439 .elementor-element.elementor-element-f8f1135 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-a990721 );}.elementor-3439 .elementor-element.elementor-element-67aa82c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-3439 .elementor-element.elementor-element-67aa82c:not(.elementor-motion-effects-element-type-background), .elementor-3439 .elementor-element.elementor-element-67aa82c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF1F4;}.elementor-3439 .elementor-element.elementor-element-fdfc202{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3439 .elementor-element.elementor-element-5ea26ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:start;}.elementor-3439 .elementor-element.elementor-element-5ea26ec .elementor-heading-title{font-family:"Optima", Sans-serif;font-size:42px;font-weight:400;text-transform:uppercase;color:#191919;}.elementor-3439 .elementor-element.elementor-element-a4942d7 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:500;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3439 .elementor-element.elementor-element-ddd03c6{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:24px;color:#575757;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3439 .elementor-element.elementor-element-a399ec5 .elementor-button{background-color:#283E6F;font-family:"Lato", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-3439 .elementor-element.elementor-element-a399ec5 .elementor-button:hover, .elementor-3439 .elementor-element.elementor-element-a399ec5 .elementor-button:focus{background-color:#1B2C54;}.elementor-3439 .elementor-element.elementor-element-a399ec5{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3439 .elementor-element.elementor-element-2e2423a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3439 .elementor-element.elementor-element-9bbc7f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3439 .elementor-element.elementor-element-1f48671{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-3439 .elementor-element.elementor-element-780e551{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-3439 .elementor-element.elementor-element-fdfc202{--width:48%;}.elementor-3439 .elementor-element.elementor-element-2e2423a{--width:48%;}}@media(max-width:1024px){.elementor-3439 .elementor-element.elementor-element-d5e9b73{--min-height:450px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-3439 .elementor-element.elementor-element-269f978 .elementor-heading-title{font-size:35px;}.elementor-3439 .elementor-element.elementor-element-f8f1135 .elementor-heading-title{font-size:18px;}.elementor-3439 .elementor-element.elementor-element-5ea26ec .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-3439 .elementor-element.elementor-element-d5e9b73{--min-height:350px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-3439 .elementor-element.elementor-element-39fba1e .eael-breadcrumbs .eael-breadcrumbs__content{padding:12px 12px 12px 12px;font-size:13px;}.elementor-3439 .elementor-element.elementor-element-269f978 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-3439 .elementor-element.elementor-element-f8f1135 .elementor-heading-title{font-size:15px;}.elementor-3439 .elementor-element.elementor-element-67aa82c{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-3439 .elementor-element.elementor-element-5ea26ec .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-3439 .elementor-element.elementor-element-a399ec5 .elementor-button{padding:15px 15px 15px 15px;}.elementor-3439 .elementor-element.elementor-element-9bbc7f6{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-3439 .elementor-element.elementor-element-8bc8321{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-269f978 */.elementor-3439 .elementor-element.elementor-element-269f978 *{
font-family: "Optima", Sans-serif !important;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4942d7 */.tags-wh span {
    background: white;
    padding: 7px 20px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 7px;
    text-transform: capitalize;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d1031f5 */.product-specifications {
    display: flex;
    gap: 17px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-top: 30px;
}

.product-spec-item {
    text-align: center;
}

.product-spec-icon img {
    width: 50px;
    height: 40px;
    object-fit: contain;
}


.product-spec-item .product-spec-name {
    font-family: "Lato", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #575757;
    margin-top: 10px;
}

@media (max-width: 768px) {

    .product-specifications {

    flex-wrap: wrap;
}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ddd03c6 */.elementor-3439 .elementor-element.elementor-element-ddd03c6 *{
    margin: 0px
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3a49c6f */.main-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin-bottom: 15px;
}

.thumbnail-carousel-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thumbnail-carousel {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    max-width: 100%;
    margin-bottom: 10px;
    scroll-behavior: smooth;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

.thumbnail-carousel::-webkit-scrollbar {
    display: none; 
}

.thumb-img {
    cursor: pointer;
    width: auto;
    height:104px !important;
    transition: border 0.3s;
    flex: 0 0 auto;
}
.thumb-img {
    cursor: pointer;
    height:104px !important;
    transition: border 0.3s;
    flex: 0 0 calc((100% - 30px) / 4); 
    object-fit: cover;
}

.thumb-img.active,
.thumb-img:hover {
    border-color: #0073aa;
}

.carousel-nav-buttons {
    display: flex;
    gap: 10px;
}

.carousel-nav-buttons button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.carousel-nav-buttons img {
    width: 36px;
    height: auto;
}




@media (max-width:767px){
   .main-image img {
    width: 100%;
    height:250px;
    object-fit: cover;
    margin-bottom: 15px;
} 
.thumb-img {
    cursor: pointer;
    height:90px !important;
    transition: border 0.3s;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8bc8321 */.adv-features-wrapper {
            display: flex;
            gap: 10px;
            padding: 10px 0;
            flex-wrap: nowrap;
        }

        /* DEFAULT small panels */
        .adv-feature-item {
            position: relative;
            height: 360px;
            border-radius: 12px;
            background-size: cover;
            background-position: center;
            cursor: pointer;
            flex: 0 0 20%;
            transition: flex-grow .35s ease, flex-basis .35s ease, transform .3s ease;
            overflow: hidden;
        }

        /* ACTIVE = EXPANDED (exact NICE style) */
        .adv-feature-item.active {
            flex-grow: 1;
            flex-basis: 40%;
        }

        /* DARK overlay */
        .adv-feature-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.55);
            transition: .35s ease;
        }

        /* + icon */
        .adv-feature-plus {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
            font-weight: bold;
            color: #fff;
            opacity: 1;
            transition: .35s ease;
        }

        /* Title */
        .adv-feature-title {
            position: absolute;
            left: 30px;
            bottom: 40px;
            color: #fff;
            opacity: 0;
            transform: translateY(20px);
            transition: 0.5s ease;
            font-family: "Optima", Sans-serif;
            font-size: 30px;
            font-weight: 400;
            color: white;
            line-height: 1.2;
            text-transform: capitalize;
        }

        /* ACTIVE STATE EFFECTS */
        .adv-feature-item.active .adv-feature-overlay {
            background: rgba(0,0,0,0.15);
        }
        .adv-feature-item.active .adv-feature-plus {
            opacity: 0;
        }
        .adv-feature-item.active .adv-feature-title {
            opacity: 1;
            transform: translateY(0);
        }
        
        
      @media (max-width: 768px) {
  
        
        .product-spec-item {
    width: 30%;
}

.product-specifications {
    gap: 20px 10px;
}

.product-spec-item .product-spec-name {
    font-size: 13px;
}

.adv-features-wrapper {flex-wrap: wrap;}

.adv-feature-item.active {
    flex-basis: 48% !important;
    flex: 0 0 48%;
}

.adv-feature-item {
    flex: 0 0 48%;
    height: 185px;
}

.adv-feature-title {
    opacity: 1;
    transform: translateY(0);
    font-size: 18px;
    bottom: 14px;
    left: 16px;
    width: 80%;
}

.adv-feature-overlay {
}

.adv-feature-item .adv-feature-plus {
    opacity: 0;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bbc7f6 */.h-400 .elementor-element.elementor-element-7c036c0.elementor-widget.elementor-widget-shortcode {
    height: 400px;
}/* End custom CSS */