.elementor-57 .elementor-element.elementor-element-f6dfb1d{--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;overflow:visible;}.elementor-57 .elementor-element.elementor-element-f6dfb1d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-57 .elementor-element.elementor-element-12c2ae0 .elementor-repeater-item-74fe1fc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://dreamdazzlingevents.in/wp-content/uploads/2025/11/wedding-decoration-banner.webp);background-size:cover;}.elementor-57 .elementor-element.elementor-element-12c2ae0 .elementor-repeater-item-1c67f2f .swiper-slide-bg{background-color:#4054b2;background-image:url(https://dreamdazzlingevents.in/wp-content/uploads/2025/11/baby-decor.webp);background-size:cover;}.elementor-57 .elementor-element.elementor-element-12c2ae0 .swiper-slide{transition-duration:calc(2000ms*1.2);height:500px;}.elementor-57 .elementor-element.elementor-element-12c2ae0 .swiper-slide-contents{max-width:66%;}.elementor-57 .elementor-element.elementor-element-12c2ae0 .swiper-slide-inner{text-align:center;}.elementor-57 .elementor-element.elementor-element-fb9009a{--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:center;--align-items:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-57 .elementor-element.elementor-element-fc0edd9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-f6dfb1d{--width:100.328%;}}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-12c2ae0 .swiper-slide{height:400px;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-12c2ae0 .swiper-slide{height:300px;}}/* Start custom CSS for shortcode, class: .elementor-element-fc0edd9 *//* ===== Force remove Elementor default margin/padding for this section ===== */
.elementor-element.elementor-element-fb9009a,
.elementor-element.elementor-element-fb9009a > .elementor-container,
.elementor-element.elementor-element-fb9009a .elementor-widget,
.elementor-element.elementor-element-fb9009a .elementor-widget-shortcode,
.elementor-element.elementor-element-fb9009a .elementor-column {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ===== Our Category Section (Edge to Edge, No Side Margin) ===== */
.dde-browse-cats {
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px 0 !important; /* only bottom spacing */
    padding: 0 !important;
}

/* ===== Title ===== */
.dde-browse-cats-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    font-family: "Cinzel Decorative", cursive !important;
    text-decoration: underline !important;
    margin-top: 40px;
}

/* ===== Grid (Mobile + Tablet Default = 3 columns) ===== */
.dde-cat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-items: center;
    width: 100%;
    margin: 0 !important;
    padding: 0 10px; /* very small inner spacing like photo vibe */
}

/* ===== Desktop = 6 columns ===== */
@media (min-width: 1024px) {
    .dde-cat-grid {
        grid-template-columns: repeat(6, 1fr);
        padding: 0 20px;
    }
}

/* ===== Card ===== */
.dde-cat-card {
    text-align: center;
    text-decoration: none !important;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

/* ===== Remove underline on text, image, hover, focus ===== */
.dde-cat-card,
.dde-cat-card *,
.dde-cat-title,
.dde-cat-title * {
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}

/* ===== Image Wrapper ===== */
.dde-cat-img-wrap {
    width: 100%;
    max-width: 150px; /* photo jaisa compact look */
    aspect-ratio: 1 / 1;
    border-radius: 9px;
    padding: 6px;
    background: white;
    box-shadow: 0 4px 14px rgba(0,0,0,0.30);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* ===== Inner Image Frame ===== */
.dde-cat-img-inner {
    width: 100%;
    height: 100%;
    border-radius: 22px;
    padding: 0;
    background: #f6f4ff;
    overflow: hidden;
}

/* ===== Image ===== */
.dde-cat-img-inner img {
    width: 100%;
    height: 100%;
    border-radius: 22px;
    object-fit: cover;
    display: block;
}

/* ===== Title Text ===== */
.dde-cat-title {
    font-size: 15px;
    font-weight: 600;
    color: #111;
    text-align: center;
}

/* ===== Mobile = 3 columns (already 3, thoda size tweak) ===== */
@media (max-width: 600px) {
    .dde-cat-img-wrap {
        max-width: 120px;
    }
}/* End custom CSS */