/* Pop-up */
	
     .popup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(80% - 40px); /* 20% margin on both sides */
        max-width: 600px;
        height: 300px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 3px #006cff, 0 0 10px rgba(0,108,255,0.5);
        overflow: hidden;
        display: none;
        transition: height 0.5s ease-in-out; /* Smooth transition */
		z-index: 999999999;
    }

    .popup.minimized {
        height: 50px; /* Minimized height */
    }

    .popup-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #0c4f78;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
		padding-left: 50px; /* moving heading text right */
    }

    .popup-header h2 {
        margin: 0;
        font-size: 24px; /* Heading Text */
        text-align: center;
        flex-grow: 1;
    }

    .popup-header span {
        cursor: pointer;
        font-size: 20px;  /* X control */
        color: #fff;
        padding: 20px; /* How close X is to right edge */
    }

    .popup-banner {
        background-color: #00f;
        color: #fff;
        height: 50px;
        display: none;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup-banner h2 {
        margin: 0;
        font-size: 28px;
    }

    .popup-content {
		margin-top: 35px; /* Text position from top */
        padding: 25px;
        display: flex;
		background-color: #dbf4ff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .popup-content-top {
        flex: 0 0 75%; /* 75% of the height */
    }

    .popup-content-bottom {
        flex: 0 0 25%; /* 25% of the height */
        margin-top: -50px; /* Move button up by 35 pixels */
    }

    .minimized-popup {
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(80% - 40px); /* 20% margin on both sides */
        max-width: 600px;
        height: 50px;
        background-color: #0c4f78;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 0 3px #006cff, 0 0 10px rgba(0,108,255,0.5);
        display: none;
        color: #fff;
        display: flex;
        align-items: center;
        padding: 0 20px;
        cursor: pointer;
        transition: bottom 0.5s ease-in-out; /* Smooth transition */
		z-index: 999999999;
    }

    .minimized-popup.active {
        bottom: 0; /* Position at the bottom */
    }

    .minimized-popup h2 {
        margin: 0;
        font-size: 24px;
        text-align: center;
        width: calc(100% - 20px); /* Adjusted width for centering */
		padding-left: 20px;
    }

    .minimized-popup span {  /* + control */
        font-size: 30px;
        margin-left: auto;
    }

    /* Media Query for smaller devices */
    @media screen and (max-width: 768px) {
        .popup {
            width: calc(90% - 10px);
            max-width: none;
        }

        .minimized-popup {
            width: calc(90% - 10px);
            max-width: none;
        }
    }