.elementor-16955 .elementor-element.elementor-element-4cb2ee3{--display:flex;--min-height:605px;--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-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16955 .elementor-element.elementor-element-4cb2ee3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16955 .elementor-element.elementor-element-f4de8bf{--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-16955 .elementor-element.elementor-element-f4de8bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16955 .elementor-element.elementor-element-5284369{width:var( --container-widget-width, 109.637% );max-width:109.637%;--container-widget-width:109.637%;--container-widget-flex-grow:0;}.elementor-16955 .elementor-element.elementor-element-5284369.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16955 .elementor-element.elementor-element-5284369 img{height:300px;object-fit:fill;}body:not(.rtl) .elementor-16955 .elementor-element.elementor-element-e5ec547{left:33px;}body.rtl .elementor-16955 .elementor-element.elementor-element-e5ec547{right:33px;}.elementor-16955 .elementor-element.elementor-element-e5ec547{top:271px;}.elementor-16955 .elementor-element.elementor-element-e5ec547 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-weight:400;-webkit-text-stroke-color:#C07D7D;stroke:#C07D7D;color:#FFFFFF;}.elementor-16955 .elementor-element.elementor-element-39413b2{--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-16955 .elementor-element.elementor-element-39413b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16955 .elementor-element.elementor-element-00821d3{width:var( --container-widget-width, 92.151% );max-width:92.151%;--container-widget-width:92.151%;--container-widget-flex-grow:0;}.elementor-16955 .elementor-element.elementor-element-00821d3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16955 .elementor-element.elementor-element-00821d3 img{height:300px;object-fit:fill;}body:not(.rtl) .elementor-16955 .elementor-element.elementor-element-65892df{left:33px;}body.rtl .elementor-16955 .elementor-element.elementor-element-65892df{right:33px;}.elementor-16955 .elementor-element.elementor-element-65892df{top:271px;}.elementor-16955 .elementor-element.elementor-element-65892df .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-weight:400;-webkit-text-stroke-color:#C07D7D;stroke:#C07D7D;color:#FFFFFF;}.elementor-16955 .elementor-element.elementor-element-f178798{--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-16955 .elementor-element.elementor-element-af8a6cf{width:var( --container-widget-width, 92.151% );max-width:92.151%;--container-widget-width:92.151%;--container-widget-flex-grow:0;}.elementor-16955 .elementor-element.elementor-element-af8a6cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16955 .elementor-element.elementor-element-af8a6cf img{height:300px;object-fit:fill;}body:not(.rtl) .elementor-16955 .elementor-element.elementor-element-3ac96ea{left:33px;}body.rtl .elementor-16955 .elementor-element.elementor-element-3ac96ea{right:33px;}.elementor-16955 .elementor-element.elementor-element-3ac96ea{top:271px;}.elementor-16955 .elementor-element.elementor-element-3ac96ea .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-weight:400;-webkit-text-stroke-color:#C07D7D;stroke:#C07D7D;color:#FFFFFF;}.elementor-16955 .elementor-element.elementor-element-8110cad{--display:flex;--min-height:501px;--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-16955 .elementor-element.elementor-element-cd69e8d{--grid-columns:3;}@media(min-width:768px){.elementor-16955 .elementor-element.elementor-element-4cb2ee3{--width:100%;}.elementor-16955 .elementor-element.elementor-element-f4de8bf{--width:30%;}.elementor-16955 .elementor-element.elementor-element-39413b2{--width:30%;}.elementor-16955 .elementor-element.elementor-element-f178798{--width:30%;}}@media(max-width:1024px){.elementor-16955 .elementor-element.elementor-element-cd69e8d{--grid-columns:2;}}@media(max-width:767px){.elementor-16955 .elementor-element.elementor-element-cd69e8d{--grid-columns:1;}}/* Start custom CSS for image, class: .elementor-element-5284369 *//* Container setup */
.course-hover-card .elementor-widget-container {
    position: relative;
    overflow: hidden;
    border-radius: 8px; /* Optional: adds rounded corners */
}

/* 1. The Dark Overlay */
.course-hover-card figure::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* 2. The Text (Caption) Position */
.course-hover-card .widget-image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #ffffff !important;
    z-index: 10;
    margin: 0;
    
    /* Move it down out of view */
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 3. Hover Actions */
.course-hover-card:hover figure::after {
    opacity: 1; /* Darken background */
}

.course-hover-card:hover .widget-image-caption {
    transform: translateY(0); /* Slide text up */
}

/* Optional: Slight zoom on the image */
.course-hover-card img {
    transition: transform 0.6s ease;
}

.course-hover-card:hover img {
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-00821d3 *//* Container setup */
.course-hover-card .elementor-widget-container {
    position: relative;
    overflow: hidden;
    border-radius: 8px; /* Optional: adds rounded corners */
}

/* 1. The Dark Overlay */
.course-hover-card figure::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* 2. The Text (Caption) Position */
.course-hover-card .widget-image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #ffffff !important;
    z-index: 10;
    margin: 0;
    
    /* Move it down out of view */
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 3. Hover Actions */
.course-hover-card:hover figure::after {
    opacity: 1; /* Darken background */
}

.course-hover-card:hover .widget-image-caption {
    transform: translateY(0); /* Slide text up */
}

/* Optional: Slight zoom on the image */
.course-hover-card img {
    transition: transform 0.6s ease;
}

.course-hover-card:hover img {
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-af8a6cf *//* Container setup */
.course-hover-card .elementor-widget-container {
    position: relative;
    overflow: hidden;
    border-radius: 8px; /* Optional: adds rounded corners */
}

/* 1. The Dark Overlay */
.course-hover-card figure::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* 2. The Text (Caption) Position */
.course-hover-card .widget-image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #ffffff !important;
    z-index: 10;
    margin: 0;
    
    /* Move it down out of view */
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 3. Hover Actions */
.course-hover-card:hover figure::after {
    opacity: 1; /* Darken background */
}

.course-hover-card:hover .widget-image-caption {
    transform: translateY(0); /* Slide text up */
}

/* Optional: Slight zoom on the image */
.course-hover-card img {
    transition: transform 0.6s ease;
}

.course-hover-card:hover img {
    transform: scale(1.05);
}/* End custom CSS */