.elementor-3565 .elementor-element.elementor-element-1ad80dd4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3565 .elementor-element.elementor-element-624ab101{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-3565 .elementor-element.elementor-element-45c5316d{text-align:center;}.elementor-3565 .elementor-element.elementor-element-45c5316d .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-blocksy_palette_4 );}.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-3565 .elementor-element.elementor-element-62ca5dcc{text-align:center;font-size:18px;font-weight:500;color:#555555;}.elementor-3565 .elementor-element.elementor-element-6c9dab45{--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-3565 .elementor-element.elementor-element-26b9a22c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3565 .elementor-element.elementor-element-2fb47713{--display:flex;--min-height:550px;--justify-content:flex-end;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3565 .elementor-element.elementor-element-2fb47713:not(.elementor-motion-effects-element-type-background), .elementor-3565 .elementor-element.elementor-element-2fb47713 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.kencollection.lk/wp-content/uploads/2026/06/Footwear-ezgif.com-optiwebp-scaled.webp");background-repeat:no-repeat;background-size:cover;}.elementor-3565 .elementor-element.elementor-element-2e0a7bc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#FFFFFF;}.elementor-3565 .elementor-element.elementor-element-150b176e{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:#FFFFFFB3;}.elementor-3565 .elementor-element.elementor-element-31779269{--display:flex;--min-height:550px;--justify-content:flex-end;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3565 .elementor-element.elementor-element-31779269:not(.elementor-motion-effects-element-type-background), .elementor-3565 .elementor-element.elementor-element-31779269 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.kencollection.lk/wp-content/uploads/2026/06/ChatGPTImageJun18202604_34_37PM-ezgif.com-jpg-to-webp-converter.webp");background-repeat:no-repeat;background-size:cover;}.elementor-3565 .elementor-element.elementor-element-6c17dc83 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#FFFFFF;}.elementor-3565 .elementor-element.elementor-element-ac9cad4{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:#FFFFFFB3;}.elementor-3565 .elementor-element.elementor-element-4044da8{--display:flex;--min-height:550px;--justify-content:flex-end;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3565 .elementor-element.elementor-element-4044da8:not(.elementor-motion-effects-element-type-background), .elementor-3565 .elementor-element.elementor-element-4044da8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.kencollection.lk/wp-content/uploads/2026/06/ChatGPTImageJun18202604_47_32PM-ezgif.com-jpg-to-webp-converter.webp");background-repeat:no-repeat;background-size:cover;}.elementor-3565 .elementor-element.elementor-element-32164fc4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#FFFFFF;}.elementor-3565 .elementor-element.elementor-element-345ba453{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:#FFFFFFB3;}.elementor-3565 .elementor-element.elementor-element-62b9c12{--display:flex;--min-height:550px;--justify-content:flex-end;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3565 .elementor-element.elementor-element-62b9c12:not(.elementor-motion-effects-element-type-background), .elementor-3565 .elementor-element.elementor-element-62b9c12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.kencollection.lk/wp-content/uploads/2026/06/ChatGPTImageJun18202605_02_49PM-ezgif.com-optiwebp.webp");background-repeat:no-repeat;background-size:cover;}.elementor-3565 .elementor-element.elementor-element-a9bf082 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#FFFFFF;}.elementor-3565 .elementor-element.elementor-element-dca53b2{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:#FFFFFFB3;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3565 .elementor-element.elementor-element-1ad80dd4{--content-width:1600px;}.elementor-3565 .elementor-element.elementor-element-624ab101{--width:100%;}.elementor-3565 .elementor-element.elementor-element-2fb47713{--width:100%;}.elementor-3565 .elementor-element.elementor-element-31779269{--width:100%;}.elementor-3565 .elementor-element.elementor-element-4044da8{--width:100%;}.elementor-3565 .elementor-element.elementor-element-62b9c12{--width:100%;}}@media(max-width:1024px){.elementor-3565 .elementor-element.elementor-element-624ab101{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3565 .elementor-element.elementor-element-45c5316d .elementor-heading-title{font-size:30px;}.elementor-3565 .elementor-element.elementor-element-62ca5dcc{font-size:18px;}.elementor-3565 .elementor-element.elementor-element-26b9a22c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3565 .elementor-element.elementor-element-45c5316d{text-align:center;}.elementor-3565 .elementor-element.elementor-element-62ca5dcc{text-align:center;}.elementor-3565 .elementor-element.elementor-element-26b9a22c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-2e0a7bc *//* Sharp, Stark White Premium Title Typography */
.elementor-3565 .elementor-element.elementor-element-2e0a7bc .elementor-heading-title,
.elementor-3565 .elementor-element.elementor-element-2e0a7bc h1, .elementor-3565 .elementor-element.elementor-element-2e0a7bc h2, .elementor-3565 .elementor-element.elementor-element-2e0a7bc h3 {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 4px !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Title interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-2e0a7bc .elementor-heading-title,
:top-container:hover .elementor-3565 .elementor-element.elementor-element-2e0a7bc :is(h1, h2, h3) {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-150b176e *//* Clean, Readable Secondary Navigation Metadata */
.elementor-3565 .elementor-element.elementor-element-150b176e, .elementor-3565 .elementor-element.elementor-element-150b176e .elementor-text-editor {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Text interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-150b176e {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fb47713 *//* Card Frame & Overflows */
.elementor-3565 .elementor-element.elementor-element-2fb47713 {
    overflow: hidden !important;
    position: relative;
    border-radius: 4px; /* Optional: subtle luxury rounding */
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease !important;
}

/* Heavy bottom gradient veil to guarantee text visibility */
.elementor-3565 .elementor-element.elementor-element-2fb47713::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 50% !important; /* Covers the bottom half */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Card Hover Effects */
.elementor-3565 .elementor-element.elementor-element-2fb47713:hover {
    cursor: pointer;
    transform: scale(1.015) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c17dc83 *//* Sharp, Stark White Premium Title Typography */
.elementor-3565 .elementor-element.elementor-element-6c17dc83 .elementor-heading-title,
.elementor-3565 .elementor-element.elementor-element-6c17dc83 h1, .elementor-3565 .elementor-element.elementor-element-6c17dc83 h2, .elementor-3565 .elementor-element.elementor-element-6c17dc83 h3 {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 4px !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Title interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-6c17dc83 .elementor-heading-title,
:top-container:hover .elementor-3565 .elementor-element.elementor-element-6c17dc83 :is(h1, h2, h3) {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ac9cad4 *//* Clean, Readable Secondary Navigation Metadata */
.elementor-3565 .elementor-element.elementor-element-ac9cad4, .elementor-3565 .elementor-element.elementor-element-ac9cad4 .elementor-text-editor {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Text interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-ac9cad4 {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31779269 *//* Card Frame & Overflows */
.elementor-3565 .elementor-element.elementor-element-31779269 {
    overflow: hidden !important;
    position: relative;
    border-radius: 4px; /* Optional: subtle luxury rounding */
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease !important;
}

/* Heavy bottom gradient veil to guarantee text visibility */
.elementor-3565 .elementor-element.elementor-element-31779269::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 50% !important; /* Covers the bottom half */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Card Hover Effects */
.elementor-3565 .elementor-element.elementor-element-31779269:hover {
    cursor: pointer;
    transform: scale(1.015) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-32164fc4 *//* Sharp, Stark White Premium Title Typography */
.elementor-3565 .elementor-element.elementor-element-32164fc4 .elementor-heading-title,
.elementor-3565 .elementor-element.elementor-element-32164fc4 h1, .elementor-3565 .elementor-element.elementor-element-32164fc4 h2, .elementor-3565 .elementor-element.elementor-element-32164fc4 h3 {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 4px !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Title interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-32164fc4 .elementor-heading-title,
:top-container:hover .elementor-3565 .elementor-element.elementor-element-32164fc4 :is(h1, h2, h3) {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-345ba453 *//* Clean, Readable Secondary Navigation Metadata */
.elementor-3565 .elementor-element.elementor-element-345ba453, .elementor-3565 .elementor-element.elementor-element-345ba453 .elementor-text-editor {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Text interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-345ba453 {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4044da8 *//* Card Frame & Overflows */
.elementor-3565 .elementor-element.elementor-element-4044da8 {
    overflow: hidden !important;
    position: relative;
    border-radius: 4px; /* Optional: subtle luxury rounding */
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease !important;
}

/* Heavy bottom gradient veil to guarantee text visibility */
.elementor-3565 .elementor-element.elementor-element-4044da8::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 50% !important; /* Covers the bottom half */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Card Hover Effects */
.elementor-3565 .elementor-element.elementor-element-4044da8:hover {
    cursor: pointer;
    transform: scale(1.015) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a9bf082 *//* Sharp, Stark White Premium Title Typography */
.elementor-3565 .elementor-element.elementor-element-a9bf082 .elementor-heading-title,
.elementor-3565 .elementor-element.elementor-element-a9bf082 h1, .elementor-3565 .elementor-element.elementor-element-a9bf082 h2, .elementor-3565 .elementor-element.elementor-element-a9bf082 h3 {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 4px !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Title interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-a9bf082 .elementor-heading-title,
:top-container:hover .elementor-3565 .elementor-element.elementor-element-a9bf082 :is(h1, h2, h3) {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-dca53b2 *//* Clean, Readable Secondary Navigation Metadata */
.elementor-3565 .elementor-element.elementor-element-dca53b2, .elementor-3565 .elementor-element.elementor-element-dca53b2 .elementor-text-editor {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Text interaction on card hover */
:top-container:hover .elementor-3565 .elementor-element.elementor-element-dca53b2 {
    transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62b9c12 *//* Card Frame & Overflows */
.elementor-3565 .elementor-element.elementor-element-62b9c12 {
    overflow: hidden !important;
    position: relative;
    border-radius: 4px; /* Optional: subtle luxury rounding */
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease !important;
}

/* Heavy bottom gradient veil to guarantee text visibility */
.elementor-3565 .elementor-element.elementor-element-62b9c12::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 50% !important; /* Covers the bottom half */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Card Hover Effects */
.elementor-3565 .elementor-element.elementor-element-62b9c12:hover {
    cursor: pointer;
    transform: scale(1.015) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35) !important;
}/* End custom CSS */