.elementor-17522 .elementor-element.elementor-element-84fe46e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17522 .elementor-element.elementor-element-088c5c4{--display:flex;--min-height:311px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17522 .elementor-element.elementor-element-088c5c4:not(.elementor-motion-effects-element-type-background), .elementor-17522 .elementor-element.elementor-element-088c5c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12326E;}.elementor-17522 .elementor-element.elementor-element-f0cea56{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17522 .elementor-element.elementor-element-098b903 img{height:200px;object-fit:cover;object-position:center center;border-radius:10px 010px 0px 0px;}.elementor-17522 .elementor-element.elementor-element-5b415b7 .jet-listing-dynamic-field__content{color:#FFFFFF;text-align:center;}.elementor-17522 .elementor-element.elementor-element-5b415b7 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-17522 .elementor-element.elementor-element-5b415b7 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-17522 .elementor-element.elementor-element-5b415b7 .jet-listing-dynamic-field{justify-content:center;}.elementor-17522 .elementor-element.elementor-element-bdd06d9{background-color:#FFFFFF;padding:10px 15px 10px 15px;top:10px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-17522 .elementor-element.elementor-element-bdd06d9.elementor-element{--align-self:center;}body:not(.rtl) .elementor-17522 .elementor-element.elementor-element-bdd06d9{right:10px;}body.rtl .elementor-17522 .elementor-element.elementor-element-bdd06d9{left:10px;}.elementor-17522 .elementor-element.elementor-element-bdd06d9 .elementor-heading-title{text-transform:capitalize;text-decoration:none;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-17522 .elementor-element.elementor-element-bc1fe55{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17522 .elementor-element.elementor-element-7d06f90{padding:0px 0px 15px 0px;text-align:center;}.elementor-17522 .elementor-element.elementor-element-7d06f90 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-17522 .elementor-element.elementor-element-3e61b2f{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;color:#FFFFFF;}.elementor-17522 .elementor-element.elementor-element-3ba8830{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;line-height:9px;word-spacing:0px;color:#FFFFFF;}/* Start custom CSS for heading, class: .elementor-element-bdd06d9 */.relative {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-088c5c4 *//* 1. Setup the parent card as a container */
.individualProduct-card {
    position: relative;
    overflow: hidden; /* Clips the sliding overlay */
    display: block;
    border-radius: 12px; /* Matches the rounded corners in your image */
}

/* 2. Position the content wrapper as an overlay */
.individualProduct-card__wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Covers the whole card */
    background-color: #12326e; 
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centers text vertically on hover */
    align-items: center;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    
    /* Animation settings */
    transform: translateY(100%); /* Sit at bottom showing only the title */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 2;
}

/* 3. Initial state for the description (hidden) */
.individualProduct-card__mainText,
.individualProduct-card__secondaryText {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 4. The Hover Trigger */
.individualProduct-card:hover .individualProduct-card__wrapper {
    transform: translateY(0); /* Slide the whole panel up */
}

.individualProduct-card:hover .individualProduct-card__mainText,
.individualProduct-card:hover .individualProduct-card__secondaryText {
    opacity: 1; /* Fade text in */
    transition-delay: 0.2s; /* Wait for slide to start before fading in */
}

/* 5. Fix for the title to ensure it stays white/visible */
.individualProduct-card__Heading h3 {
    color: #ffffff !important;
    margin-bottom: 10px;
}

/* 6. Optional: Dim the image slightly on hover */
.individualProduct-card__imageWrapper img {
    transition: transform 0.5s ease;
}

.individualProduct-card:hover .individualProduct-card__imageWrapper img {
    transform: scale(1.05); /* Subtle zoom effect like modern cards */
}/* End custom CSS */