.elementor-18660 .elementor-element.elementor-element-cabc321{--display:flex;--min-height:420px;--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:18px 18px 18px 18px;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-18660 .elementor-element.elementor-element-cabc321:not(.elementor-motion-effects-element-type-background), .elementor-18660 .elementor-element.elementor-element-cabc321 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vidyasoudha.edu.in/wp-content/uploads/2025/08/Awards-achievements-2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18660 .elementor-element.elementor-element-23d42ee{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Figtree", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-18660 .elementor-element.elementor-element-23d42ee.elementor-element{--align-self:flex-start;}@media(max-width:1025px){.elementor-18660 .elementor-element.elementor-element-cabc321{--min-height:370px;}}/* Start custom CSS for container, class: .elementor-element-cabc321 */.hover-text {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 0 20px 15px 20px !important;

  /* Animation */
  transform: translateY(130%);
  transition: transform 0.8s ease-in-out !important;

  /* Wrapping fixes */
  white-space: normal;
  word-break: break-word; 
  overflow-wrap: break-word;
  box-sizing: border-box;
}

.hover-card {
  position: relative;
  overflow: hidden;
}

.hover-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 30%, 
    rgba(0, 0, 0, 0.4) 70%,   
    transparent                
  );
  opacity: 0;
  transition: opacity 0.5s ease-in-out !important;
  z-index: 1;
}

.hover-card:hover .hover-text {
  transform: translateY(0);
}

.hover-card:hover::after {
  opacity: 0.7;
}/* End custom CSS */