@import "../_variables.css";


.register-event-container {
    .register-event-container-top {
        margin: auto;
        background: #fff;
        border-radius: 16px;
        overflow: hidden;        
        gap: 2.461rem;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        box-sizing: border-box;
        font-family: 'DM Sans', sans-serif;
        box-shadow: 0px 0.3077rem 0.615rem 0 #0000000F;
    
        .event-introduction {
            font-weight: 500;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0%;
            color: rgba(55, 65, 81, 1);
        }
    
        .uk-button-primary {
            background-color: rgba(37, 13, 70, 1);
            color: #fff;
            border: none;
            text-transform: none;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.846rem;
            letter-spacing: 0%;
            vertical-align: middle;
            padding: 16px;
        }
    
        .uk-button-primary:hover {
            background-color: rgba(50, 20, 90, 1);
        }
    
        h3.uk-card-title {
            font-weight: 600;
            font-size: 30px;
            line-height: 36px;
            letter-spacing: 0;
            margin: 0;
            color: rgba(17, 24, 39, 1);
        }
    
        p.uk-text-muted {
            font-weight: 500;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0;
            margin: 0.923rem 0;
        }
    
        .uk-flex-middle span[uk-icon],
        .uk-flex-middle div {
            vertical-align: middle;
        }
    
        .uk-flex-middle div {
            font-weight: 500;
            font-size: 14px;
            line-height: 1.538rem;
            letter-spacing: 0;
            color: rgba(55, 65, 81, 1);
        }
        .uk-flex-middle .free {
            width: 4.25rem;
            height: 2.25rem;
            gap: 1.25rem;
            border-radius: 0.5rem;
            padding: 0.25rem 1rem;
            background: var(--Default-green-50, #ECFDF5);
            border: 1px solid #05966952;
            font-weight: 700;
            font-size: 1.25rem;
            line-height: 1.75rem;
            letter-spacing: 0;
            display: flex;
            align-items: center;
            justify-content: center;  
            color: #059669;
        }
    
        .uk-flex-middle .fee {
            width: 11.3125rem;
            height: 2.25rem;
            font-weight: 700;
            font-size: 1.875rem;
            line-height: 2.5rem;
            letter-spacing: 0;
            vertical-align: middle;
            color: #DC2626;
        }
        .uk-flex-middle .rsvp-btn {
            background-color: rgba(37, 13, 70, 1);
            color: #fff;
            border: none;
            border-radius: 76.846rem;
            padding: 0.769rem 1.846rem;
            font-weight: 600;
            transition: background 0.3s ease;
            justify-content: center;
            align-items: center;
        }

        .seminar-fees-terms .section-title {
            line-height: 2.461rem;
            letter-spacing: 0%;
            color: #1F2937;
            margin-bottom: 1.538rem;
        }

        .terms-list {
            padding: 0;
            margin: 0;
            list-style: none;
            border-bottom: 1px solid #D1D5DB;
            padding-bottom: 0.769rem;
        }

        .term-item {
            margin-bottom: 0.923rem;
            margin-top: 0.923rem;
            display: flex;
            align-items: start;
        }

        .term-icon {
            width: 1.846rem;
            height: 1.846rem;
            margin-right: 0.615rem;
            display: inline-block;
            flex-shrink: 0;
            fill: currentColor;
        }

        .term-text {
            line-height: var(--line-hight-24);
            letter-spacing: 0%;
            color: #4B5563;
        }

        .event-buttons {
            margin-top: 1.538rem;
            margin-bottom: 0.3077rem;
        }
    }

    .register-event-container-bottom p {
        line-height: 1.538rem;
        letter-spacing: 0%;
        padding: 1.231rem 1.538rem 0 1.538rem;
        text-align: center;
    }
    .register-event-container-bottom a, .term-text a {
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 0%;
        }
    }