:root {
	    --avenir-heavy:"Avenir Heavy";
        --byzantium:#762C66;
        --white:#ffffff;
        --space-cadet:#173859;
        --blue-sapphire:#1D698D;
    }
    .join-container{
        margin: 0 auto;
        background: white;
        border-radius: 15px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        line-height: 1.6;
    }
    .join-container .header{
        background: linear-gradient(135deg, var(--space-cadet) 0%, var(--blue-sapphire) 100%);
        color: white;
        padding: 40px 30px;
        text-align: center;
    }
    .join-container .header h2{
        font-size: 4rem;
        color: #fff !important;
        margin-bottom: 10px;
        font-weight: 700;
        margin-block-start: 0;
        margin-block-end: 0;
    }
    .join-container .content{
        padding: 40px 30px;
        display:flex;
        gap:20px;
        margin-left:0 !important;
    }
    .join-container .intro{
        flex-basis:50%;
        position:relative;
        min-height: 300px;
        background: #f8f9fa;
        padding: 25px 25px 90px;
        border-radius: 10px;
        margin-bottom: 30px;
        border-left: 5px solid var(--byzantium);
        font-size:16px;
    }
    .join-container .crm-button{
        position:absolute;
        bottom:30px;
        text-shadow: none !important;
        border-radius: 5px !important;
        border: 2px solid var(--byzantium) !important;
        background: var(--byzantium) !important;
        background-color: var(--byzantium) !important;
        color: var(--white) !important;
        font-family: var(--avenir-heavy) !important;
        font-size: 1.8rem !important;
        line-height: 2.5rem !important;
        font-weight: normal;
        padding: 12px 28px !important;
        text-decoration: none !important;
        text-transform: uppercase;
        cursor: pointer;
    }
    .dues-structure{
        padding: 0 60px 20px;
    }
    .dues-label{
        color:var(--blue-sapphire);
        font-size:18px;
        font-weight:600;
    }
    .crm-title h2{
        display:none !important;
    }