.elementor-21622 .elementor-element.elementor-element-39b2db1{--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;}.elementor-21622 .elementor-element.elementor-element-f4605ec > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-21622 .elementor-element.elementor-element-95fee6d{--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:flex-end;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-21622 .elementor-element.elementor-element-95fee6d:not(.elementor-motion-effects-element-type-background), .elementor-21622 .elementor-element.elementor-element-95fee6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vidyashilpacademy.edu.in/wp-content/uploads/2024/11/water-pop.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-21622 .elementor-element.elementor-element-be085a3{--display:flex;}@media(min-width:768px){.elementor-21622 .elementor-element.elementor-element-be085a3{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-f4605ec */.ticker-container {
       width: 100%;
       background: trasparent;
       overflow: hidden;
       white-space: nowrap;
       height: 80px;
       display: flex;
       align-items: center;
       padding: 10px;
}

    .ticker-text {
       display: inline-block;
       font-size: 22px;
       font-weight: 500;
       color: #000;
       line-height: 30px;
        animation: scrollTicker 15s linear infinite; Slower animation to match text length 
        animation-play-state: running; Ensure animation is running by default 
    }

    .ticker-text p {
       padding: 0px;
       margin: 0px;
    }

    @keyframes scrollTicker {
       0% {
            transform: translateX(100%); Starts off-screen to the right 
       }
       100% {
            transform: translateX(-100%); Ends off-screen to the left 
       }
    }

    .red {
       color: red;
    }

    .green {
       color: green;
    }

    .blue {
       color: #006dff;
    }

    .yellow {
       color: #ffb357;
    }

    Stop animation on hover 
    .ticker-text:hover {
        animation-play-state: paused; Pause the animation when the mouse hovers 
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b9a2e8 */.add-title
{
    color: #fff;
    background: #a7041b;
    font-size: 25px;
    padding: 10px 30px;
    text-align: center;
    margin: 0px
}

@media only screen and (max-width: 767px)
{
    .form-control
    {
        font-size: 12px !important;
    }
}/* End custom CSS */