.elementor-13448 .elementor-element.elementor-element-933368f{--display:flex;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13448 .elementor-element.elementor-element-34ab8c0{--display:flex;}.elementor-13448 .elementor-element.elementor-element-95e452b{--display:flex;}.elementor-13448 .elementor-element.elementor-element-81aea22{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13448 .elementor-element.elementor-element-61af95f{width:100%;max-width:100%;text-align:center;}.elementor-13448 .elementor-element.elementor-element-61af95f img{max-width:100%;}.elementor-13448 .elementor-element.elementor-element-02e3daf{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13448 .elementor-element.elementor-element-c5ae009{--display:flex;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13448 .elementor-element.elementor-element-9987f62{--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:space-evenly;}.elementor-13448 .elementor-element.elementor-element-e3828f2{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13448 .elementor-element.elementor-element-e3828f2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13448 .elementor-element.elementor-element-6b6f65f{--e-filter-direction:column;--e-filter-white-space:initial;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-normal-text-color:var( --e-global-color-text );--e-filter-hover-text-color:var( --e-global-color-accent );--e-filter-active-text-color:var( --e-global-color-8524c76 );}.elementor-13448 .elementor-element.elementor-element-51afc87{--display:flex;}.elementor-13448 .elementor-element.elementor-element-8ee6694{--grid-columns:3;}.elementor-13448 .elementor-element.elementor-element-8ee6694 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-13448 .elementor-element.elementor-element-8ee6694 .e-loop-item > .elementor-section, .elementor-13448 .elementor-element.elementor-element-8ee6694 .e-loop-item > .elementor-section > .elementor-container, .elementor-13448 .elementor-element.elementor-element-8ee6694 .e-loop-item > .e-con, .elementor-13448 .elementor-element.elementor-element-8ee6694 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-13448 .elementor-element.elementor-element-8ee6694 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-13448 .elementor-element.elementor-element-8ee6694 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-13448 .elementor-element.elementor-element-8ee6694 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-13448 .elementor-element.elementor-element-8ee6694 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-13448 .elementor-element.elementor-element-8ee6694 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-13448:not(.elementor-motion-effects-element-type-background), body.elementor-page-13448 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-764183d ) 0%, var( --e-global-color-d6cea4e ) 100%);}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:#000000;border-radius:5px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:16px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:16px;height:16px;fill:#ffffff;}@media(min-width:768px){.elementor-13448 .elementor-element.elementor-element-e3828f2{--width:10.3%;}.elementor-13448 .elementor-element.elementor-element-51afc87{--content-width:100%;}}@media(max-width:1024px){.elementor-13448 .elementor-element.elementor-element-8ee6694{--grid-columns:2;}}@media(max-width:767px){.elementor-13448 .elementor-element.elementor-element-8ee6694{--grid-columns:1;}}/* Start custom CSS */.ctl-category-cards-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
}

/* Individual Card Styles */
.ctl-category-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 350px; /* Adjust based on your layout */
    height: 400px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.ctl-category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Image Container - 50% of card height */
.ctl-category-image {
    height: 70%; /* Exactly 200px on 400px card */
    width: 100%;
    overflow: hidden;
    padding: 10px;
}

.ctl-category-image img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Your contain attribute */
    display: block;
}

/* Content Container - Bottom 50% */
.ctl-category-content {
    height: 30%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Title Styles */
.ctl-category-content h5 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #333;
    line-height: 1.3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .ctl-category-card {
        max-width: 100%;
    }
}/* End custom CSS */