.elementor-7 .elementor-element.elementor-element-9fe5908{--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;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-fff8180{--display:flex;--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;--align-items:center;border-style:double;--border-style:double;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B6B6B6;--border-color:#B6B6B6;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-e5c62f0{padding:10px 10px 10px 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-7 .elementor-element.elementor-element-d6c0c77{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-d6c0c77 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:400;color:#444444;}.elementor-7 .elementor-element.elementor-element-967d574{--display:flex;--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;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B6B6B6;--border-color:#B6B6B6;}.elementor-7 .elementor-element.elementor-element-862a740{padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-19c939b{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-19c939b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:400;text-decoration:none;color:#444444;}.elementor-7 .elementor-element.elementor-element-d0d84e7{--display:flex;--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;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B6B6B6;--border-color:#B6B6B6;--border-radius:1px 1px 1px 1px;}.elementor-7 .elementor-element.elementor-element-b52aff6{padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-3b9e499{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-3b9e499 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:400;text-decoration:none;color:#444444;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-fff8180{--width:30%;}.elementor-7 .elementor-element.elementor-element-967d574{--width:30%;}.elementor-7 .elementor-element.elementor-element-d0d84e7{--width:30%;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-9fe5908{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-7 .elementor-element.elementor-element-fff8180{--min-height:300px;--flex-wrap:wrap;}.elementor-7 .elementor-element.elementor-element-e5c62f0 img{width:100%;}.elementor-7 .elementor-element.elementor-element-d6c0c77{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-7 .elementor-element.elementor-element-967d574{--min-height:300px;}.elementor-7 .elementor-element.elementor-element-862a740 img{width:100%;}.elementor-7 .elementor-element.elementor-element-19c939b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-7 .elementor-element.elementor-element-d0d84e7{--min-height:300px;}.elementor-7 .elementor-element.elementor-element-b52aff6 img{width:100%;}.elementor-7 .elementor-element.elementor-element-3b9e499{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}}/* Start custom CSS for container, class: .elementor-element-fff8180 *//* --- EXISTING STYLES --- */

/* Remove default link underline */
.artwork-card h2 a,
.artwork-card h3 a,
.artwork-card h4 a {
    text-decoration: none !important;
    color: inherit;
}

/* Keep the heading positioned for the custom underline */
.artwork-card h2,
.artwork-card h3,
.artwork-card h4 {
    position: relative;
    display: inline-block;
}

/* Animated underline */
.artwork-card h2::after,
.artwork-card h3::after,
.artwork-card h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width .35s ease;
}

.artwork-card:hover h2::after,
.artwork-card:hover h3::after,
.artwork-card:hover h4::after {
    width: 100%;
}


/* --- NEW STYLES FOR EQUAL HEIGHT CARDS --- */

/* 1. Ensure the parent container uses Grid or Flexbox */
.artwork-grid, 
.artwork-container { /* Replace with your actual parent wrapper class */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); /* Example responsive grid */
    gap: 20px;
    align-items: stretch; /* Forces all items to match the tallest item's height */
}

/* 2. Make the card itself a flex container so content can be spaced out if needed */
.artwork-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Fills the grid track height */
    box-sizing: border-box;
}

/* 3. Optional: Push a footer or specific element to the bottom if content length varies */
.artwork-card .card-content {
    flex-grow: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-967d574 *//* --- EXISTING STYLES --- */

/* Remove default link underline */
.artwork-card h2 a,
.artwork-card h3 a,
.artwork-card h4 a {
    text-decoration: none !important;
    color: inherit;
}

/* Keep the heading positioned for the custom underline */
.artwork-card h2,
.artwork-card h3,
.artwork-card h4 {
    position: relative;
    display: inline-block;
}

/* Animated underline */
.artwork-card h2::after,
.artwork-card h3::after,
.artwork-card h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width .35s ease;
}

.artwork-card:hover h2::after,
.artwork-card:hover h3::after,
.artwork-card:hover h4::after {
    width: 100%;
}


/* --- NEW STYLES FOR EQUAL HEIGHT CARDS --- */

/* 1. Ensure the parent container uses Grid or Flexbox */
.artwork-grid, 
.artwork-container { /* Replace with your actual parent wrapper class */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); /* Example responsive grid */
    gap: 20px;
    align-items: stretch; /* Forces all items to match the tallest item's height */
}

/* 2. Make the card itself a flex container so content can be spaced out if needed */
.artwork-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Fills the grid track height */
    box-sizing: border-box;
}

/* 3. Optional: Push a footer or specific element to the bottom if content length varies */
.artwork-card .card-content {
    flex-grow: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0d84e7 *//* --- EXISTING STYLES --- */

/* Remove default link underline */
.artwork-card h2 a,
.artwork-card h3 a,
.artwork-card h4 a {
    text-decoration: none !important;
    color: inherit;
}

/* Keep the heading positioned for the custom underline */
.artwork-card h2,
.artwork-card h3,
.artwork-card h4 {
    position: relative;
    display: inline-block;
}

/* Animated underline */
.artwork-card h2::after,
.artwork-card h3::after,
.artwork-card h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width .35s ease;
}

.artwork-card:hover h2::after,
.artwork-card:hover h3::after,
.artwork-card:hover h4::after {
    width: 100%;
}


/* --- NEW STYLES FOR EQUAL HEIGHT CARDS --- */

/* 1. Ensure the parent container uses Grid or Flexbox */
.artwork-grid, 
.artwork-container { /* Replace with your actual parent wrapper class */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); /* Example responsive grid */
    gap: 20px;
    align-items: stretch; /* Forces all items to match the tallest item's height */
}

/* 2. Make the card itself a flex container so content can be spaced out if needed */
.artwork-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Fills the grid track height */
    box-sizing: border-box;
}

/* 3. Optional: Push a footer or specific element to the bottom if content length varies */
.artwork-card .card-content {
    flex-grow: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fe5908 *//* Parent */
.art-categories {
    display: flex;
    gap: 40px;
}

/* Each category container */
.art-categories > .e-con {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Image wrapper */
.art-categories img {
    width: 100%;
    max-width: 420px;      /* same width for all */
    height: 220px;         /* same height for all */
    object-fit: cover;   /* keeps the whole artwork visible */
    display: block;
}

/* Text */
.art-categories h3,
.art-categories p {
    margin-top: 20px;
    text-align: center;
}/* End custom CSS */