.elementor-111 .elementor-element.elementor-element-e105d88{--display:flex;--min-height:100vh;--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;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-111 .elementor-element.elementor-element-a5729fc{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-880f223 */.logo-container {
            text-align: center;
            position: relative;
            padding: 20px;
            direction: ltr;
        }

        h1 {
            font-size: 5rem;
            color: #333;
            display: flex;
            align-items: baseline;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .bridge {
            position: relative;
            width: 100px;
            height: 50px;
            display: inline-flex;
            align-items: flex-end;
            transform: rotate(180deg);
        }
        
         @keyframes gradientAnimation {
            0% {
                border-color: #3498db;
            }
            25% {
                border-color: #2ecc71;
            }
            50% {
                border-color: #f39c12;
            }
            75% {
                border-color: #e74c3c;
            }
            100% {
                border-color: #3498db;
            }
        }

        .bridge::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 10px solid #333;
            border-top: none;
            border-radius: 0 0 50px 50px;
            animation: gradientAnimation 8s infinite;
            transition: border-color 0.5s ease;
        }

        /* Responsive styles */
        @media (max-width: 600px) {
            h1 {
                font-size: 2rem;
            }
            
            .bridge {
                width: 70px;
                height: 35px;
            }
        }

        @media (max-width: 400px) {
            h1 {
                font-size: 1.5rem;
            }
            
            .bridge {
                width: 50px;
                height: 25px;
       
                 
            }
        }/* End custom CSS */