.elementor-8816 .elementor-element.elementor-element-7f521464{--display:flex;--min-height:99vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:0px 0px 0px 0px;--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-8816 .elementor-element.elementor-element-7f521464:not(.elementor-motion-effects-element-type-background), .elementor-8816 .elementor-element.elementor-element-7f521464 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://votebridge.in/wp-content/uploads/2025/04/cp-joshi-01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8816 .elementor-element.elementor-element-7f521464.e-con{--align-self:center;}.elementor-8816 .elementor-element.elementor-element-1211114{--display:flex;--gap:30px 10px;--row-gap:30px;--column-gap:10px;--overlay-opacity:0.7;--padding-top:70px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8816 .elementor-element.elementor-element-1211114::before, .elementor-8816 .elementor-element.elementor-element-1211114 > .elementor-background-video-container::before, .elementor-8816 .elementor-element.elementor-element-1211114 > .e-con-inner > .elementor-background-video-container::before, .elementor-8816 .elementor-element.elementor-element-1211114 > .elementor-background-slideshow::before, .elementor-8816 .elementor-element.elementor-element-1211114 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8816 .elementor-element.elementor-element-1211114 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #013771 0%, #301326 100%);}.elementor-8816 .elementor-element.elementor-element-1211114.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8816 .elementor-element.elementor-element-3f42cf0{text-align:center;}.elementor-8816 .elementor-element.elementor-element-3f42cf0 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:400;line-height:22px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8816 .elementor-element.elementor-element-f6dd2c4 .elementor-button{background-color:#B7884A;font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B7884A;border-radius:7px 7px 7px 7px;}.elementor-8816 .elementor-element.elementor-element-f6dd2c4 .elementor-button:hover, .elementor-8816 .elementor-element.elementor-element-f6dd2c4 .elementor-button:focus{background-color:#FFFFFF;color:#B7884A;}.elementor-8816 .elementor-element.elementor-element-f6dd2c4 .elementor-button:hover svg, .elementor-8816 .elementor-element.elementor-element-f6dd2c4 .elementor-button:focus svg{fill:#B7884A;}@media(max-width:767px){.elementor-8816 .elementor-element.elementor-element-7f521464{--min-height:99vh;}.elementor-8816 .elementor-element.elementor-element-7f521464:not(.elementor-motion-effects-element-type-background), .elementor-8816 .elementor-element.elementor-element-7f521464 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:cover;}}@media(min-width:768px){.elementor-8816 .elementor-element.elementor-element-7f521464{--width:100%;}.elementor-8816 .elementor-element.elementor-element-1211114{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-7f521464 */.elementor-8816 .elementor-element.elementor-element-7f521464 {
    overflow: hidden !important;
    position: relative;
}

.elementor-8816 .elementor-element.elementor-element-7f521464 .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    transform: translateY(100%);
    transition: transform 0.5s ease, height 0.5s ease;
    backdrop-filter: blur(5px);
    z-index: 1;

    display: flex;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
    color: #000;
}

/* On hover, slide up to reveal 40% of the main container */
.elementor-8816 .elementor-element.elementor-element-7f521464:hover .info {
    transform: translateY(0%); /* Reveal only bottom 40% */
    height: auto; /* Covers 40% of the main container */
}


@media (max-width: 768px) {
    .elementor-8816 .elementor-element.elementor-element-7f521464:hover .info {
        transform: translateY(0%) !important; /* Keep it visible */
        height: auto !important; /* Let content define height */
    }
}/* End custom CSS */