.elementor-2874 .elementor-element.elementor-element-98a50d0{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-2874 .dialog-message{width:100rem;height:auto;}#elementor-popup-modal-2874{justify-content:center;align-items:flex-start;}#elementor-popup-modal-2874 .dialog-close-button{display:flex;}#elementor-popup-modal-2874 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2874 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-2874 .dialog-close-button svg{fill:#FFFFFF;}#elementor-popup-modal-2874 .dialog-close-button:hover i{color:#C71313;}@media(min-width:768px){.elementor-2874 .elementor-element.elementor-element-98a50d0{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-afb4c26 */.banner-container {
            width: 100%;
            background-image: linear-gradient(to right, #111e58, #0a0f32);
            /* A subtle pattern similar to the original */
            background-color: #1c1c5a;
            border-top: 2px solid #5aa7d1;
            border-bottom: 2px solid #5aa7d1;
            padding: 15px 30px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
        }

        /* --- Flex container for the content --- */
        .banner-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 25px;
        }

        /* --- Left Section: Profile --- */
        .banner-left {
            text-align: center;
            color: #ffffff;
            flex-shrink: 0; /* Prevents this section from shrinking */
        }

        .banner-left img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 3px solid #ffffff;
            object-fit: cover;
            background-color: #ccc; /* Placeholder color */
        }

        .banner-left .name {
            font-weight: 700;
            font-size: 1rem;
            margin: 8px 0 0;
        }

        .banner-left .title {
            font-size: 0.8rem;
            color: #ffffff;
            margin: 2px 0 0;
        }

        /* --- Center Section: Text Content --- */
        .banner-center {
            flex-grow: 1; /* Allows this section to take up available space */
            text-align: center;
            color: #ffffff;
        }

        .banner-center h2 {
            font-size: 15px;
            font-weight: 700;
            margin: 0 0 8px 0;
            color: #ffffff;
        }

        .banner-center p {
            font-size: 1rem;
            margin: 8px 0;
            
        }

        .banner-center .secure-spot {
            font-weight: 700;
        }

        .banner-center .highlight {
            color: #fce300;
            font-weight: 700;
        }

        /* --- Right Section: CTA (Call to Action) --- */
        .banner-right {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
        }
        
        .arrow-svg {
            transform: translateY(-5px);
        }

        .enroll-button {
            background-image: linear-gradient(to bottom, #d92121, #a80f0f);
            color: #ffffff;
            font-size: 1.2rem;
            font-weight: bold;
            padding: 15px 35px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);
            text-transform: uppercase;
            transition: transform 0.2s, box-shadow 0.2s;
            white-space: nowrap; /* Prevents text from wrapping */
        }

        .enroll-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.3);
        }

        /* --- Media Queries for Responsiveness --- */
        @media (max-width: 1200px) {
            .banner-center h2 { font-size: 1.2rem; }
            .banner-center p { font-size: 0.9rem; }
            .enroll-button { font-size: 1.1rem; padding: 12px 28px; }
            .banner-left img { width: 70px; height: 70px; }
        }

        @media (max-width: 992px) {
            .banner-content {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
            .banner-right {
                margin-top: 10px;
            }
        }

        @media (max-width: 480px) {
            .banner-left {
                display: none; /* Hide profile picture on very small screens */
            }
             .banner-right {
                flex-direction: column;
            }
            .arrow-svg {
                transform: rotate(90deg) scale(0.8);
            }
        }/* End custom CSS */