.elementor-3252 .elementor-element.elementor-element-8f4b574{--display:flex;--min-height:795px;--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.3;}.elementor-3252 .elementor-element.elementor-element-8f4b574:not(.elementor-motion-effects-element-type-background), .elementor-3252 .elementor-element.elementor-element-8f4b574 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floornfloor.com/wp-content/uploads/2026/06/modarch-coming-bg-a.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3252 .elementor-element.elementor-element-8f4b574::before, .elementor-3252 .elementor-element.elementor-element-8f4b574 > .elementor-background-video-container::before, .elementor-3252 .elementor-element.elementor-element-8f4b574 > .e-con-inner > .elementor-background-video-container::before, .elementor-3252 .elementor-element.elementor-element-8f4b574 > .elementor-background-slideshow::before, .elementor-3252 .elementor-element.elementor-element-8f4b574 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3252 .elementor-element.elementor-element-8f4b574 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-ce8f242 );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3252 .elementor-element.elementor-element-fb557c0{width:var( --container-widget-width, 700px );max-width:700px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--e-w-ml:0px;--e-w-mr:0px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;}.elementor-3252 .elementor-element.elementor-element-fb557c0 .elementor-heading-title{font-family:var( --e-global-typography-f0f6776-font-family ), Sans-serif;font-size:var( --e-global-typography-f0f6776-font-size );font-weight:var( --e-global-typography-f0f6776-font-weight );line-height:var( --e-global-typography-f0f6776-line-height );letter-spacing:var( --e-global-typography-f0f6776-letter-spacing );color:var( --e-global-color-0cbdae6 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3252 .elementor-element.elementor-element-c87ddac{--divider-border-style:solid;--divider-color:#D9D9D9;--divider-border-width:1px;--divider-width:100%;}.elementor-3252 .elementor-element.elementor-element-c87ddac .elementor-divider-separator{width:100%;}.elementor-3252 .elementor-element.elementor-element-c87ddac .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3252 .elementor-element.elementor-element-e1a040f{text-align:center;}.elementor-3252 .elementor-element.elementor-element-e1a040f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:300;line-height:1.1em;letter-spacing:-0.05em;color:var( --e-global-color-0cbdae6 );}.elementor-3252 .elementor-element.elementor-element-02fe3ff{--display:flex;--min-height:0px;border-style:none;--border-style:none;}.elementor-3252 .elementor-element.elementor-element-02fe3ff:hover{border-style:none;}.elementor-3252 .elementor-element.elementor-element-02fe3ff, .elementor-3252 .elementor-element.elementor-element-02fe3ff::before{--border-transition:0.3s;}.elementor-3252 .elementor-element.elementor-element-ac1fc7c{border-style:none;}.elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item .gallery-caption{display:none;}.elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item img{border-style:none;border-radius:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1279px){.elementor-3252 .elementor-element.elementor-element-8f4b574{--min-height:600px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3252 .elementor-element.elementor-element-fb557c0{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;}.elementor-3252 .elementor-element.elementor-element-fb557c0 .elementor-heading-title{font-size:var( --e-global-typography-f0f6776-font-size );line-height:var( --e-global-typography-f0f6776-line-height );letter-spacing:var( --e-global-typography-f0f6776-letter-spacing );}.elementor-3252 .elementor-element.elementor-element-e1a040f .elementor-heading-title{font-size:24px;}}@media(max-width:859px){.elementor-3252 .elementor-element.elementor-element-e1a040f .elementor-heading-title{font-size:20px;}}@media(max-width:639px){.elementor-3252 .elementor-element.elementor-element-fb557c0{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-3252 .elementor-element.elementor-element-fb557c0 .elementor-heading-title{font-size:var( --e-global-typography-f0f6776-font-size );line-height:var( --e-global-typography-f0f6776-line-height );letter-spacing:var( --e-global-typography-f0f6776-letter-spacing );}.elementor-3252 .elementor-element.elementor-element-e1a040f .elementor-heading-title{font-size:20px;}}@media(min-width:640px){.elementor-3252 .elementor-element.elementor-element-8f4b574{--content-width:940px;}.elementor-3252 .elementor-element.elementor-element-02fe3ff{--content-width:1004px;}}@media(max-width:1279px) and (min-width:640px){.elementor-3252 .elementor-element.elementor-element-8f4b574{--content-width:600px;}}/* Start custom CSS for image-gallery, class: .elementor-element-ac1fc7c *//* 1. Gallery Grid Wrapper Setup */
.elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 20px 0 !important;
}

/* 2. Professional Glassmorphic Logo Box with Red Border */
.elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item {
    flex: 1 1 calc(16.66% - 20px) !important;
    min-width: 140px !important;
    max-width: 180px !important;
    
    /* Pure White Glassmorphism Effect */
    background: rgba(255, 255, 255, 0.85) !important; /* വൈറ്റ് ബാക്ക്ഗ്രൗണ്ട് കൂട്ടിയിട്ടുണ്ട് */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    
    /* Red Border from your setting */
    border: 1px solid rgba(189, 8, 28, 0.3) !important; 
    border-radius: 8px !important; 
    
    padding: 12px !important; 
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important; 
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 3. Logo Image - REMOVING GREY BORDER & SHADOW */
.elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item img {
    height: 65px !important; 
    width: 100% !important;
    object-fit: contain !important; 
    
    /* */
    border: none !important; 
    outline: none !important;
    box-shadow: none !important; 
    background: transparent !important;
    
    /* Grayscale Styling */
    filter: grayscale(100%) opacity(0.6) !important; 
    transition: all 0.3s ease !important;
}

/* 4. Hover State Styles */
.elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item:hover {
    background: rgba(255, 255, 255, 1) !important; /* ഹവർ ചെയ്യുമ്പോൾ പ്യുവർ വൈറ്റ് */
    border-color: rgba(189, 8, 28, 1) !important; /* ചുവപ്പ് ബോർഡർ തെളിഞ്ഞു വരും */
    box-shadow: 0px 8px 20px rgba(189, 8, 28, 0.12) !important; 
    transform: translateY(-3px) !important; 
}

.elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item:hover img {
    filter: grayscale(0%) opacity(1) !important; 
}

/* 5. Responsive Styles */
@media (max-width: 1024px) {
    .elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item {
        flex: 1 1 calc(25% - 20px) !important;
    }
}

@media (max-width: 768px) {
    .elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item {
        flex: 1 1 calc(50% - 20px) !important;
    }
    .elementor-3252 .elementor-element.elementor-element-ac1fc7c .gallery-item img {
        height: 55px !important;
    }
}/* End custom CSS */