/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 25 2026 | 13:58:38 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.social-login-wrap .nsl-container{
    width:100%;
}

.social-login-wrap .nsl-container-buttons{
    display:flex;
    gap:14px;
    width:100%;
}

.social-login-wrap .nsl-container-buttons a{
    flex:1;
    text-decoration:none !important;
}

.social-login-wrap .nsl-button{
    height:62px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 22px !important;
    transition:.2s ease;
    border:none !important;
    box-shadow:none !important;
}

.social-login-wrap .nsl-button:hover{
    transform:translateY(-1px);
    opacity:.92;
}

.social-login-wrap .nsl-button-svg-container{
    margin-right:12px !important;
    flex-shrink:0;
}

.social-login-wrap .nsl-button-svg-container svg{
    width:22px !important;
    height:22px !important;
}

.social-login-wrap .nsl-button-label-container{
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1 !important;
    font-family:inherit !important;
}

.social-login-wrap .nsl-button-google{
    background:#fff !important;
    border:1px solid #D7DDE6 !important;
}

.social-login-wrap .nsl-button-google .nsl-button-label-container{
    color:#09142B !important;
}

.social-login-wrap .nsl-button-microsoft{
    background:#09142B !important;
}

.social-login-wrap .nsl-button-linkedin{
    background:#0A66C2 !important;
}

.social-login-wrap .nsl-button-microsoft .nsl-button-label-container,
.social-login-wrap .nsl-button-linkedin .nsl-button-label-container{
    color:#fff !important;
}

.social-login-wrap .nsl-button b{
    font-weight:700 !important;
}

.hero-user-actions{
    width:100%;
}

.hero-logout-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:62px;
    background:#09142B;
    color:#fff !important;
    border-radius:16px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:.2s ease;
}

.hero-logout-btn:hover{
    background:#13203C;
    transform:translateY(-1px);
}

.gf-field-disabled input{
    background:#F5F7FA !important;
    color:#667085 !important;
    cursor:not-allowed !important;
    opacity:.9;
}

@media(max-width:768px){

    .social-login-wrap .nsl-container-buttons{
        flex-direction:column;
    }

    .social-login-wrap .nsl-container-buttons a{
        width:100%;
    }

}

/* SECTION */

.member-form-section{
    padding:70px 20px;
    background:#F7F4EE;
}

.member-form-wrap{
    max-width:760px;
    margin:0 auto;
    background:#fff;
    border:1px solid #E6E1D8;
    border-radius:24px;
    padding:48px;
    box-shadow:0 10px 30px rgba(9,20,43,.04);
}

/* GF RESET */

.member-form-section .gform_wrapper{
    margin:0 !important;
    max-width:100% !important;
}

.member-form-section .gform_heading{
    display:none;
}

.member-form-section .gform_body{
    width:100%;
}

.member-form-section .gform_fields{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* LABELS */

.member-form-section .gfield_label{
    display:block !important;
    font-size:14px !important;
    font-weight:600 !important;
    color:#09142B !important;
    margin-bottom:6px !important;
    line-height:1.4;
}

/* DESCRIPTIONS */

.member-form-section .gfield_description{
    font-size:13px !important;
    color:#667085 !important;
    margin:4px 0 10px !important;
    padding:0 !important;
    line-height:1.5;
}

/* INPUTS */

.member-form-section .ginput_complex{
    display:flex !important;
    gap:14px;
}

.member-form-section .ginput_complex > span{
    flex:1;
}

.member-form-section input[type=text],
.member-form-section input[type=email],
.member-form-section select,
.member-form-section textarea{
    width:100% !important;
    height:50px !important;
    border:1px solid #D7DDE6 !important;
    border-radius:10px !important;
    background:#fff !important;
    padding:0 16px !important;
    font-size:15px !important;
    color:#09142B !important;
    box-shadow:none !important;
    outline:none !important;
}

.member-form-section textarea{
    min-height:140px !important;
    padding:18px !important;
}

.member-form-section select{
    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;

    padding-right:52px !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2309142B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

    background-repeat:no-repeat !important;
    background-position:right 18px center !important;
    background-size:14px !important;
}
/* FOCUS */

.member-form-section input:focus,
.member-form-section select:focus,
.member-form-section textarea:focus{
    border-color:#09142B !important;
}

/* NAME FIELD */

.member-form-section .name_first,
.member-form-section .name_last{
    width:48% !important;
}

/* RADIO BUTTONS */

.member-form-section .gchoice{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:16px 18px;
    border:1px solid #D7DDE6;
    border-radius:12px;
    margin-bottom:12px;
    transition:.2s ease;
}

.member-form-section .gchoice:hover{
    border-color:#09142B;
}

.member-form-section .gchoice input{
    margin-top:3px;
}

.member-form-section .gchoice label{
    font-size:15px !important;
    line-height:1.6 !important;
    color:#09142B !important;
}

/* SUBMIT */

.member-form-section .gform_footer{
    margin-top:10px !important;
    padding:0 !important;
}

.gfield {
    border: none !important;
}

.member-form-section input[type=submit]{
    height:58px;
    border:none;
    border-radius:14px;
    background:#D64B4B;
    color:#fff;
    padding:0 28px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
}

.member-form-section input[type=submit]:hover{
    background:#BF3F3F;
}

/* READONLY USER FIELDS */

.member-form-section .gf-lock-user input{
    background:#F5F7FA !important;
    color:#667085 !important;
    cursor:not-allowed !important;
}

/* VALIDATION */

.member-form-section .gform_validation_errors{
    border-radius:14px !important;
    padding:16px !important;
    margin-bottom:24px !important;
}

.member-form-section .gfield_required{
    color:#D64B4B !important;
}

.gform_validation_errors{
    background:#FFF4F4 !important;
    border:1px solid #E8B4B4 !important;
    border-radius:14px !important;
    padding:14px 16px !important;
    margin:0 0 16px !important;
    box-shadow:none !important;
}

.gform_submission_error{
    color:#B42318 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    margin:0 !important;
}

.member-form-section .gfield_validation_message {
	color:#B42318 !important;
}

.gform-field-label--type-sub {
	font-size:12px;
}

.member-login-lock{
/*     padding:70px 20px; */
    background:#F7F4EE;
}

.member-login-lock-inner{
    max-width:760px;
    margin:0 auto;
    text-align:center;
}

.member-login-lock .eyebrow{
    display:inline-block;
    margin-bottom:18px;
}

.member-login-lock h2{
    margin:0 0 18px;
}

.member-login-lock p{
    margin:0;
    color:#667085;
    font-size:18px;
    line-height:1.7;
}

.hero-context{
    margin-top:20px;
	color: #4F5B70;
}

.hero-context-lead{
    font-size:16px;
    line-height:1.7;
    color:#41526E;
    margin-bottom:18px;
}

.hero-context-link{
    margin-bottom:18px;
    font-size:15px;
    color:#09142B;
}

.hero-context-link a{
    color:#D64B4B;
    text-decoration:none;
    font-weight:600;
}

.hero-context-small{
    font-size:14px;
    line-height:1.7;
    color:#667085;
}

.legal-back-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-bottom:28px;
    font-size:14px;
    font-weight:500;
    color:#667085;
    text-decoration:none;
    transition:.2s ease;
}

.legal-back-link:hover{
    color:#09142B;
}

/* MOBILE */

@media(max-width:768px){

    .member-form-wrap{
        padding:32px 22px;
        border-radius:20px;
    }

    .member-form-section{
        padding:70px 16px;
    }

    .member-form-section .name_first,
    .member-form-section .name_last{
        width:100% !important;
    }
	
	.member-form-section .ginput_complex{
        flex-direction:column !important;
        gap:12px !important;
    }

    .member-form-section .ginput_complex > span{
        width:100% !important;
    }
}

/* .hero-form .gform_wrapper{
    margin:0 !important;
    width:100%;
}

.hero-form form{
    display:flex;
    gap:14px;
    align-items:flex-start;
}

.hero-form .gform_body{
    flex:1;
}

.hero-form .gform_fields{
    display:block !important;
}

.hero-form .gfield{
    margin:0 !important;
    padding:0 !important;
}

.hero-form .ginput_container{
    margin:0 !important;
}

.hero-form label{
    display:none !important;
}

.hero-form input[type=email]{
    width:100% !important;
    height:62px !important;
    border:1px solid #D7DDE6 !important;
    border-radius:16px !important;
    background:#fff !important;
    padding:0 20px !important;
    font-size:16px !important;
    box-shadow:none !important;
    outline:none !important;
}

.hero-form input[type=email]:focus{
    border-color:#09142B !important;
}

.hero-form .gform_footer{
    margin:0 !important;
    padding:0 !important;
}

.hero-form input[type=submit]{
    height:62px !important;
    border:none !important;
    border-radius:16px !important;
    background:#09142B !important;
    color:#fff !important;
    padding:0 30px !important;
    font-size:16px !important;
    font-weight:600 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
    box-shadow:none !important;
}

.hero-form input[type=submit]:hover{
    background:#13203C !important;
}

.hero-form .gform_validation_errors,
.hero-form .validation_message,
.hero-form .gfield_description{
    display:none !important;
}

.gform_validation_errors{
    background:#FFF4F4 !important;
    border:1px solid #E8B4B4 !important;
    border-radius:14px !important;
    padding:14px 16px !important;
    margin:0 0 16px !important;
    box-shadow:none !important;
}

.gform_submission_error{
    color:#B42318 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    margin:0 !important;
}

.hero-form .gform-icon{
    display:none !important;
}

@media(max-width:768px){

    .hero-form form{
        flex-direction:column;
    }

    .hero-form .gform_body,
    .hero-form .gform_footer,
    .hero-form input[type=submit]{
        width:100%;
    }

    .hero-form input[type=submit]{
        display:flex;
        align-items:center;
        justify-content:center;
    }

} */


* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            background: #F8F5EF;
            color: #09142B;
            overflow-x: hidden;
        }

        img {
            max-width: 100%;
            display: block;
        }

.ldi-custom-html {
	width:100%;
}

        .ldi-hero {
            display: grid;
            grid-template-columns: 1fr 1fr;
            /* align-items: center; */
            overflow: hidden;
        }

        .ldi-hero-left {
            position: relative;
            padding: 30px 50px;
            background: #FBFAF7;
        }

        .hero-brand {
            margin-bottom: 20px;
        }

        .hero-brand img {
            width: 320px;
            max-width: 100%;
        }

        .hero-bg-shape {
            position: absolute;
            top: 120px;
            right: 80px;
            width: 180px;
            opacity: .05;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #EFE7D7;
            color: #A2772B;
            padding: 10px 18px;
            border-radius: 999px;
            font-size: 14px;
            font-weight: 600;
            width: max-content;
            margin-bottom: 28px;
        }

        .hero-badge .dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #D9A63B;
        }

.ldi-hero-left h1 {
	margin-bottom:10px;
}

        h1 {
            font-size: 68px;
            line-height: .95;
            letter-spacing: -3px;
            color: #09142B;
            margin-bottom: 24px;
            font-weight: 800;
            max-width: 650px;
        }

        h1 span {
            color: #C89A3D;
        }

        .hero-lead {
            font-size: 18px;
            line-height: 1.65;
            color: #4F5B70;
            max-width: 620px;
            margin-bottom: 20px;
        }

        .hero-points {
            display: flex;
            gap: 34px;
            margin-bottom: 10px;
        }

        .hero-point {
            display: flex;
            gap: 16px;
            align-items: flex-start;
            max-width: 310px;
        }

        .point-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #F3EEE4;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .point-icon svg {
            width: 22px;
            height: 22px;
            stroke: #09142B;
            stroke-width: 1.8;
            fill: none;
        }

        .hero-point strong {
            display: block;
            font-size: 16px;
            color: #09142B;
            margin-bottom: 5px;
        }

        .hero-point p {
            font-size: 14px;
            line-height: 1.55;
            color: #667085;
        }

/*         .hero-form {
            display: flex;
            gap: 14px;
            max-width: 620px;
            margin-bottom: 14px;
        }

        .hero-form input {
            flex: 1;
            height: 62px;
            border: 1px solid #D7DDE6;
            border-radius: 16px;
            background: #fff;
            padding: 0 20px;
            font-size: 16px;
            outline: none;
            transition: .2s ease;
        }

        .hero-form input:focus {
            border-color: #09142B;
        }

        .hero-form button {
            border: none;
            background: #09142B;
            color: #fff;
            padding: 0 30px;
            border-radius: 16px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: .2s ease;
            white-space: nowrap;
        }

        .hero-form button:hover {
            background: #13203C;
            transform: translateY(-1px);
        } */

        .hero-note {
            color: #7C8798;
            font-size: 13px;
        }

.hero-note a{
    color:#09142B;
    text-decoration:underline;
}

.hero-note a:hover{
    opacity:.7;
}

        .ldi-hero-right {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 25px;
            background: #F4F0E8;
        }

        .hero-preview-img {
            width: 100%;
            max-width: 575px;
            border-radius: 30px;
            box-shadow:
                0 20px 60px rgba(0, 0, 0, .08),
                0 6px 18px rgba(0, 0, 0, .04);
        }

        @media(max-width:1200px) {

            .ldi-hero {
                grid-template-columns: 1fr;
            }

            h1 {
                font-size: 58px;
            }

            .ldi-hero-right {
                padding-top: 0;
				justify-content:center;
            }

        }

        @media(max-width:768px) {

            .ldi-hero-left,
            .ldi-hero-right {
                padding: 30px 20px;
            }

            .hero-brand {
                margin-bottom: 28px;
            }

            .hero-brand img {
                width: 320px;
            }

            .hero-bg-shape {
                display: none;
            }

            h1 {
                font-size: 42px;
                line-height: 1;
                letter-spacing: -1.5px;
				text-align:left !important;
            }

            .hero-lead {
                font-size: 17px;
                margin-bottom: 28px;
            }

            .hero-points {
                flex-direction: column;
                gap: 22px;
                margin-bottom: 28px;
            }

            .hero-point {
                max-width: none;
            }

/*             .hero-form {
                flex-direction: column;
            }

            .hero-form input {
                flex: none;
                width: 100%;
            }

            .hero-form button {
                height: 58px;
            } */

            .ldi-hero-right {
                padding-top: 0;
            }

        }