@charset "utf-8";
/* CSS Document */

.referrals-wrapp ::-webkit-input-placeholder {
  color:#002841;
}
.referrals-wrapp ::-moz-placeholder { 
  color:#002841;
}
.referrals-wrapp :-ms-input-placeholder {
  color:#002841;
}
.referrals-wrapp :-moz-placeholder {
  color:#002841;
}

.referrals-wrapp, .benefits-wrapp { width:100%; float:left;}
.referrals-wrapp .margin { width:100%; max-width:1096px; margin:auto;}

/*referrals-wrapp*/
.referrals-wrapp { text-align:center; padding:85px 0 75px; position:relative;}
.referrals-wrapp p { float:none; font-size:15px; font-weight:400; color:rgba(0,40,65,0.9); letter-spacing:normal; line-height:1.53; margin:0 0 18px;}
.referrals-wrapp p a { color:#d6bf87;}
.referrals-wrapp p a:hover{ color:rgba(0,40,65,0.9)}
.referrals-wrapp p span { display:block;}
.referrals-wrapp p strong { font-weight:700;}
.referrals-wrapp h2 { float:none; font-size:26px; font-weight:700; color:#d6bf87; letter-spacing:normal; line-height:1.4; background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; object-fit:contain; text-transform:uppercase; margin:0 0 18px;}
.referrals-wrapp h2 a {color:rgba(0,40,65,0.9); }
.referrals-wrapp h2 a:hover{ color:#d6bf87;}
.referrals-wrapp h2 span { display:block;}
.referrals-wrapp h3 { float:none; font-size:22px; font-weight:700; color:#d6bf87; letter-spacing:normal; line-height:1.4; background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; object-fit:contain; text-transform:uppercase; margin:0 0 18px;}
.referrals-wrapp h3 a {color:rgba(0,40,65,0.9); }
.referrals-wrapp h3 a:hover{ color:#d6bf87;}
.referrals-wrapp h3 span { display:block;}

.referrals-wrapp h4{font-size: 17px;}

.referrals-wrapp .referrals-col1 { width:87.7%; float:none; display:table; margin:0 auto 35px;}
.referrals-wrapp .referrals-col1 img { width:100%; display:block;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%; float:none;}
.referrals-wrapp .referrals-col2 { width:100%; float:left; margin:0 0 40px; position:relative;}
.referrals-wrapp .referrals-col2 img { width:100%; display:block;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%; float:left;}
.referrals-wrapp .referrals-col3 { width:98%; float:none; display:table; margin:0 auto 80px;}
.referrals-wrapp .referrals-col3 img { width:100%; display:block;}
.referrals-wrapp .referrals-col3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; float:left; margin:1.3% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3:first-child { margin-top:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:left; font-size:15px; font-weight:400; color:#002841; text-transform:inherit; background:none; border-radius:4px; resize:none; border:1px solid rgba(0, 40, 65, 0.4); position:relative;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:49.2%; height:57px; float:left; margin:0 0 0; padding:0 3.3% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:nth-child(2n) { float:right;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:57px; float:left; margin:0 0 0; padding:18px 3.3% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:57px; float:left; margin:0 0 0; padding:0 6.6% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:131px; float:left; margin:0 0 0; padding:20px 3.4% 0;}
.referrals-wrapp .referrals-col4 { width:87.7%; float:none; display:table; margin:0 auto 76px;}
.referrals-wrapp .referrals-col4 img { width:100%; display:block;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; float:left; margin:0 0 33px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:right; border:none; border-color:#056872;}
.referrals-wrapp .referrals-btn1 button { border:none; font-weight:700; font-family: "Montserrat", sans-serif;}
.referrals-box { width:100%; float:left; text-align:left;}

/*benefits-wrapp*/
.benefits-wrapp { text-align:center; background:#0d456a; padding:113px 0 98px;}
.benefits-wrapp p { float:none; font-size:15px; font-weight:400; color:#ffffff; letter-spacing:normal; line-height:1.53; margin:0 0 18px;}
.benefits-wrapp p a { color:#d6bf87;;}
.benefits-wrapp p a:hover{ color:#ffffff;;}
.benefits-wrapp p span { display:block;}
.benefits-wrapp p strong { font-weight:700;}
.benefits-wrapp h2 { float:none; font-size:20px; font-weight:700; color:#d6bf87; letter-spacing:normal; line-height:1.4; background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; object-fit:contain; text-transform:uppercase; margin:0 0 22px;}
.benefits-wrapp h2 a {    background-image: linear-gradient(to right, #ffffff, #ffffff 51%, #f6f6f6);
    background-clip: text;
    cursor: pointer;}
.benefits-wrapp h2 a:hover{ background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; }
.benefits-wrapp h3 a {background-image: linear-gradient(to right, #ffffff, #ffffff 51%, #f6f6f6);
    background-clip: text;
    cursor: pointer;}
.benefits-wrapp h3 a:hover{ background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; }
.benefits-wrapp h4 a {background-image: linear-gradient(to right, #ffffff, #ffffff 51%, #f6f6f6);
    background-clip: text;
    cursor: pointer;}
.benefits-wrapp h4 a:hover{ background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; }
.benefits-wrapp h5 a {background-image: linear-gradient(to right, #ffffff, #ffffff 51%, #f6f6f6);
    background-clip: text;
    cursor: pointer;}
.benefits-wrapp h5 a:hover{ background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; }
.benefits-wrapp h6 a {background-image: linear-gradient(to right, #ffffff, #ffffff 51%, #f6f6f6);
    background-clip: text;
    cursor: pointer;;}
.benefits-wrapp h6 a:hover{ background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; }
.benefits-wrapp h1 a {background-image: linear-gradient(to right, #ffffff, #ffffff 51%, #f6f6f6);
    background-clip: text;
    cursor: pointer;}
.benefits-wrapp h1 a:hover{ background-image:linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip:text; background-clip:text; }
.benefits-wrapp h2 span { display:block;}
.benefits-wrapp .margin { max-width:909px;}
.benefits-wrapp h2 a {
    color: #ffff;
}

.benefits-wrapp ul li:before {
    color: #fff;
    position: relative;
    left: -3px;
}

.benefits-wrapp ol li:before {
    position: relative;
    left: -3px;
    color: #fff;
}

.benefits-wrapp ol li {
    color: #fff;
}

.benefits-wrapp ul li {
    color: #fff;
}

.benefits-wrapp ul li a:hover {
    color: #fff;
}

.benefits-wrapp ol li a:hover {
    color: #fff;
}

.referrals-wrapp .referrals-col3 .cog-form {
    width: 100%!important;
    max-width: 100%!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-form__container {
    width: 100%!important;
    max-width: 100%!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-section__inner.cog-section__inner--no-background {
    padding: 0!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row {
    column-gap: 20px!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-field.cog-col--12 {
    width: calc(50% - 10px)!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-label {
    font-size: 16px!important;
    font-weight: 500!important;
    color: rgb(0 40 65 / .9) !important;
    font-family: "Montserrat", sans-serif !important;
    padding: 0!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-input__inner {
    height: 48px !important;
    float: left !important;
    margin: 0 0 10px!important;
    padding: 0 23px 0!important;
    text-align: left !important;
    font-size: 15px!important;
    font-weight: 400!important;
    color: rgba(0 40 65 / .9) !important;
    text-transform: inherit !important;
    background: none!important;
    border-radius: 0!important;
    resize: none !important;
    border: 1px solid #f6e3d1 !important;
    position: relative !important;
    font-family: "Montserrat", sans-serif !important;
}

.referrals-wrapp .referrals-col3 .cog-form h3 {
    float: none;
    font-size: 31px!important;
    font-weight: 300!important;
    color: #2e2d2c!important;
    line-height: 1.31!important;
    margin: 0 0 30px!important;
    text-align: center!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col {
    margin: 0 auto 20px!important;
    padding: 0!important
}

/* .referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col legend.cog-label {
    display: none
} */

.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6){
    margin-top: 30px;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-label {
    float: none !important;
    font-size: 24px !important;
    font-weight: 700 !important;
 color: #d6bf87 !important;
    letter-spacing: normal !important;
    line-height: 1.4;
 
    text-transform: uppercase !important;
    margin: 0 0 35px !important;
    text-align: center !important;
}


.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6)


.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group {
    width: 100%!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
    gap: 12px;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .cog-checkable {
    display: block!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox {
  margin: 0 0 20px;
    cursor: pointer;

   
   
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-inner-col--3 .el-checkbox-group  {
  
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox .el-checkbox__label {
    padding: 0 0 0 3px!important;
    /* font-size: 13px !important;
    color: #1a3e54 !important;
    font-weight: 400;
    text-align: left; */

     font-size: 16px !important;
    font-weight: 500 !important;
    color: rgb(0 40 65 / .9) !important;
    font-family: "Montserrat", sans-serif !important;
}



.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox .el-checkbox__label input::placeholder{
     font-size: 16px !important;
    font-weight: 500 !important;
    color: rgb(0 40 65 / .9) !important;
    font-family: "Montserrat", sans-serif !important;
}





.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox .el-checkbox__input .el-checkbox__inner {
    border-radius: 0 !important;
    width: 19px !important;
    height: 19px !important;
    transform: scale(1) !important;
    background: none !important;
    border: none !important;
    outline: none !important;
    position: relative !important;
    /* top: -4px; */
    box-shadow: none !important;
    cursor: pointer;


}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox .el-checkbox__input .el-checkbox__inner:after {
   border-radius: 0 !important;
    transform: none !important;
    content: '';
    border: none !important;
    transition: transform calc(var(--speed) / 4) .1s;
   
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1 !important;
    -webkit-transform: scale(0);
    background: url(../images/referalcheck111.svg) no-repeat 100% / 100%;
    width: 17px !important;
    height: 17px !important;
    top: 0px;
    left: 2px;
    cursor: pointer;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after {
    background: url(../images/referalcheck222.svg) no-repeat 100% / 100%;
    width: 17px !important;
    height: 17px !important;
}



/* .referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:after {
    opacity: 1;
    visibility: visible
} */

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload {
    padding: 0!important;
    border: 0!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger>div {
    padding: 20px 28px!important;
    border: 1px solid #f6e3d1!important;
    background: none!important;
    flex-direction: row-reverse;
    justify-content: space-between
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger .cog-upload__drag-text {
    font-size: 13px!important;
    font-weight: 300!important;
    color: #1a3e54 !important;
    font-family: "Montserrat", sans-serif !important;
    padding: 0!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger .cog-upload__upload-button {
    color: #fff !important;
    background: none !important;
    border: none !important;
    padding: 12px 50px 12px !important;
    font-family: "Montserrat", sans-serif !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    line-height: normal !important;
    border-radius: 30px !important;
    transition: all 0.25s ease-out 0s !important;
    display: inline-block !important;
    position: relative !important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger .cog-upload__upload-button:hover {
    color: #d6bf87 !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-textarea textarea {
    min-height: 131px!important;
    width: 100%!important;
    border: 1px solid #f6e3d1 !important;
    position: relative !important;
    font-family: "Montserrat", sans-serif !important;
    padding: 20px 3.4% 0!important;
    white-space: normal!important;
    height: inherit!important;
    text-align: left!important;
    font-size: 15px!important;
    font-weight: 400!important;
    color: rgba(0 40 65 / .9) !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons {
    margin: 15px 0 0!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons .cog-choice__value a {
    text-decoration: none!important;
    color: #1a3e54!important;
    font-weight: 700!important; transition: all 0.5s ease-in-out;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons .cog-choice__value a:hover {
    color: #d6bf87!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons .el-radio__inner {
    border-radius: 0 !important;
    width: 19px !important;
    height: 19px !important;
    transform: scale(1) !important;
    background: none !important;
    border: none !important;
    outline: none !important;
    position: relative !important;
    /* top: -4px; */
    box-shadow: none !important;
    cursor: pointer;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons .el-radio__inner:after {
    border-radius: 0 !important;
    transform: none !important;
    content: '';
    border: none !important;
    transition: transform calc(var(--speed) / 4) .1s;
   
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1 !important;
    -webkit-transform: scale(0);
    background: url(../images/referalcheck111.svg) no-repeat 100% / 100%;
    width: 17px !important;
    height: 17px !important;
    top: 2px;
    left: 2px;
    cursor: pointer;
        box-shadow: none !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons .is-checked .el-radio__inner:after {
    background: url(../images/referalcheck222.svg) no-repeat 100% / 100%;
    width: 17px !important;
    height: 17px !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-page__navigation {
    padding: 0!important
}

.referrals-wrapp .referrals-col3 .cog-form .cog-button--submit {
    color: #fff !important;
    background: none !important;
    border: none !important;
    padding: 12px 50px 12px !important;
    font-family: "Montserrat", sans-serif !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    line-height: normal !important;
    border-radius: 30px !important;
    transition: all 0.25s ease-out 0s !important;
    display: inline-block !important;
    position: relative !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-button--submit:before {
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    border: 2px solid transparent !important;
    background: linear-gradient(90deg, rgba(167, 131, 88, 1) 0%, rgba(214, 191, 135, 1) 49%, rgba(167, 131, 88, 1) 100%) border-box !important;
    border-radius: 36px !important;
    -o-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -ms-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -moz-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -o-mask-composite: exclude;
    -ms-mask-composite: exclude;
    -moz-mask-composite: exclude;
    -webkit-mask-composite: exclude;
    -o-mask-composite: destination-out;
    -ms-mask-composite: destination-out;
    -moz-mask-composite: destination-out;
    -webkit-mask-composite: destination-out;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    display: block !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-button--submit:after {
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, rgba(167, 131, 88, 1) 0%, rgba(214, 191, 135, 1) 49%, rgba(167, 131, 88, 1) 100%) border-box !important;
    border-radius: 36px !important;
    opacity: 1;
    transition: 0.25s ease-out 0s;
    margin: 0 0 0;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: -1;
    display: block !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-button--submit span {
    position: relative !important;
    z-index: 1 !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-button--submit:hover {
    color: #d6bf87!important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-button--submit:hover:after {
    opacity:0 !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-date-editor {
    width: 100% !important;
    display: inline-block !important;
    float: left !important;
    margin: 0 0 10px!important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-date-editor .el-input__inner {
    margin: 0 !important;
}

.referrals-wrapp .referrals-col3 .cog-form label.el-radio.cog-checkable__item.cog-choice-option span.el-radio__label {
    padding-left: 2px;
    font-size: 13px;
    font-weight: 400;
    color: #1a3e54;
    letter-spacing: normal;
    text-align: left;
}

.referrals-wrapp .referrals-col3 .cog-form h2 {
    float: none !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #d6bf87 !important;
    letter-spacing: normal !important;
    line-height: 1.4;
    background-image: linear-gradient(to right, #a78358, #d6bf87 51%, #a78358) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    object-fit: contain;
    text-transform: uppercase !important;
    margin: 0 0 20px !important;
    text-align: center !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-checkbox .el-input__inner {
    font-size: 13px !important;
    border: 0 !important;
    height: inherit !important;
    padding: 0 !important;
    color: #1a3e54 !important;
   color: #1a3e54 !important;
    text-align: left !important;
    border: 1px solid #f6e3d1  !important;
    padding: 8px !important;
    margin-top: -7px !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-checkbox .el-input__inner::placeholder {color: #1a3e54 !important;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger .cog-upload__upload-button:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    background: linear-gradient(90deg, rgba(167, 131, 88, 1) 0%, rgba(214, 191, 135, 1) 49%, rgba(167, 131, 88, 1) 100%) border-box;
    border-radius: 36px;
    -o-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -ms-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -moz-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -o-mask-composite: exclude;
    -ms-mask-composite: exclude;
    -moz-mask-composite: exclude;
    -webkit-mask-composite: exclude;
    -o-mask-composite: destination-out;
    -ms-mask-composite: destination-out;
    -moz-mask-composite: destination-out;
    -webkit-mask-composite: destination-out;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index:-1;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger .cog-upload__upload-button:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(167, 131, 88, 1) 0%, rgba(214, 191, 135, 1) 49%, rgba(167, 131, 88, 1) 100%) border-box;
    border-radius: 36px;
    opacity: 1;
    transition: 0.25s ease-out 0s;
    margin: 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index:-1;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger .cog-upload__upload-button:hover:after {
    opacity: 0;
}

.cog-form--light-background .cog-col.is-error::after {
    background: none !important;
    outline: none !important;
}

.cog-error-message {
    background: none !important;
    color: #ca382a !important;
}

.referrals-wrapp .referrals-col3 .cog-form .cog-page>.cog-row:nth-child(6) .cog-section__inner>.cog-row:nth-of-type(9) legend.cog-label{display: none;}









.referrals-wrapp .referrals-row1 h4 a {
    color: #d6bf87;
    background-image: linear-gradient(to right, #a78358, #d6bf87 51%, #a78358);
    transition: all 0.25s ease-out 0s;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.referrals-wrapp .referrals-row1 h4 a:hover {
    color: rgb(26 62 85) !important;
    cursor: pointer;
    background-image: linear-gradient(to right, #1a3e55, #1a3e55 51%, #1a3e55);
    transition: all 0.25s ease-out 0s;
}




/*Smartphone css*/
@media screen and (max-width: 480px) {
.referrals-wrapp .margin { width:90%;}
.benefits-wrapp .margin { width:90%;}

.referrals-wrapp { text-align:center; padding:50px 0 52px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 20px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 34px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 4.2%; padding:47px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}
.referrals-wrapp .referrals-btn2 { float:none; margin:10px 0 0;}
.referrals-box { text-align:center;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:13px;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-label{font-size: 18px !important;}

.referrals-wrapp .referrals-col3 .cog-form h2{font-size:18px!important}


.referrals-wrapp .referrals-col3 .cog-form .cog-row label,
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-label{font-size:14px!important;text-align: center !important;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-input__inner{font-size:14px!important;text-align:center!important;justify-content: center !important;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox{width:100%!important;justify-content:start;padding:0 5% 0 !IMPORTANT}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger>div{flex-direction:column-reverse}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-field.cog-col--12{width:100%!important;flex:auto!important;text-align:center}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-col--24{width:100%!important;flex:auto!important;text-align:center}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-input--long{width:100%!important;flex:auto!important}
.referrals-wrapp .referrals-col3 .cog-form .cog-page__navigation{justify-content:center!important}
.cog-error-message {text-align: center !important;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-inner-col--3 .el-checkbox-group{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons .el-radio__inner:after{top: -1px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.referrals-wrapp .margin { width:90%;}
.benefits-wrapp .margin { width:90%;}

.referrals-wrapp { text-align:center; padding:50px 0 52px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 20px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 50px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 4.2%; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 4.2%; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}
.referrals-wrapp .referrals-btn2 { float:none; margin:10px 0 0;}
.referrals-box { text-align:center;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p span { display:inline;}
.benefits-wrapp h2 span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:13px;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-label{font-size: 18px !important;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-label{font-size: 18px !important;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-label{font-size: 18px !important;}

.referrals-wrapp .referrals-col3 .cog-form h2{font-size:18px!important}
.referrals-wrapp .referrals-col3 .cog-form .cog-row label,
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-label{font-size:14px!important;text-align: center !important;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-input__inner{font-size:14px!important;text-align:center!important;justify-content: center !important;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox{width:48%!important;justify-content:start}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger>div{flex-direction:column-reverse}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-field.cog-col--12{width:100%!important;flex:auto!important;text-align:center}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-col--24{width:100%!important;flex:auto!important;text-align:center}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-input--long{width:100%!important;flex:auto!important}
.referrals-wrapp .referrals-col3 .cog-form .cog-page__navigation{justify-content:center!important}
.cog-error-message {text-align: center !important;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-inner-col--3 .el-checkbox-group{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

}

@media screen and (min-width:601px) and (max-width:767px) {
.referrals-wrapp .margin { width:90%;}
.benefits-wrapp .margin { width:90%;}

.referrals-wrapp { text-align:center; padding:50px 0 52px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp .referrals-col1 { width:100%; margin:0 0 18px;}
.referrals-wrapp .referrals-col1 .referrals-row1 { width:100%;}
.referrals-wrapp .referrals-col2 { width:100%; margin:0 0 20px;}
.referrals-wrapp .referrals-col2 .referrals-row2 { width:100%;}
.referrals-wrapp .referrals-col3 { width:100%; margin:0 0 50px;}
.referrals-wrapp .referrals-col3 .referrals-row3 { width:100%; margin:4.2% 0 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { text-align:center; font-size:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { width:48%; height:49px; margin:0 0 0; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { width:100%; height:49px; margin:0 0 0; padding:15px 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { width:100%; height:49px; margin:0 0 0; padding:0 5% 0;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil5 { width:100%; height:117px; margin:0 0 0; padding:15px 5% 0;}
.referrals-wrapp .referrals-col4 { width:100%; margin:0 0 40px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { width:100%; margin:0 0 10px;}
.referrals-wrapp .referrals-col4 .referrals-row4:last-child { margin-bottom:0;}
.referrals-wrapp .referrals-btn1 { float:none;}
.referrals-wrapp .referrals-btn2 { float:none; margin:10px 0 0;}
.referrals-box { text-align:center;}

.benefits-wrapp { text-align:center; padding:54px 0 40px;}
.benefits-wrapp p span { display:inline;}

.referrals-wrapp .referrals-col2 .referrals-row3 { width:100%; margin:30px 0 0; position:relative; top:inherit; transform:none;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}

.referrals-wrapp .referrals-col3 .cog-form h2 {font-size: 18px !important;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-label {font-size: 14px !important;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .el-input__inner {font-size: 14px !important;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-upload .el-upload-dragger>div {flex-direction: column-reverse;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-label{font-size: 18px !important;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-inner-col--3 .el-checkbox-group{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}

@media screen and (min-width:768px) and (max-width:900px) {
.referrals-wrapp .margin { width:94%;}
.benefits-wrapp .margin { width:94%;}

.referrals-wrapp { padding:60px 0 60px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp .referrals-col1 { margin:0 auto 28px;}
.referrals-wrapp .referrals-col2 { margin:0 auto 20px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 56px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:13px; letter-spacing:0.4px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { height:49px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { height:49px; padding-top:14px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { height:49px;}
.referrals-wrapp .referrals-col4 { margin:0 auto 52px; width:93.7%;}
.referrals-wrapp .referrals-col4 .referrals-row4 { margin:0 0 21px;}
.referrals-wrapp .referrals-btn1 button { padding:14px 20px 14px;}
.referrals-box { text-align:center;}

.benefits-wrapp { padding:60px 0 40px;}
.benefits-wrapp p span { display:inline;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-label {font-size: 14px !important;}


.referrals-wrapp h2 {font-size: 24px; margin: 0 0 6px;line-height: 1.2;}
.referrals-wrapp h3 {font-size: 21px; margin: 0 0 6px;line-height: 1.2;}
.referrals-wrapp h4 {font-size: 16px; margin: 0 0 6px;line-height: 1.2;}
.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row:nth-child(6) .cog-row:nth-child(6) .cog-inner-col--3 .el-checkbox-group{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.referrals-wrapp .margin { width:94%;}
.benefits-wrapp .margin { width:94%;}

.referrals-wrapp { padding:70px 0 70px;}
.referrals-wrapp p { font-size:15px; margin:0 0 13px;}
.referrals-wrapp p span { display:inline;}
.referrals-wrapp .referrals-col1 { margin:0 auto 32px;}
.referrals-wrapp .referrals-col2 { margin:0 auto 30px;}
.referrals-wrapp .referrals-col3 { margin:0 auto 68px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:14px; letter-spacing:0.6px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil2 { height:53px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil3 { height:53px; padding-top:16px;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil4 { height:53px;}
.referrals-wrapp .referrals-col4 { margin:0 auto 64px;}
.referrals-wrapp .referrals-col4 .referrals-row4 { margin:0 0 27px;}
.referrals-wrapp .referrals-btn1 button { padding:14px 30px 14px;}
.referrals-box { text-align:center;}

.benefits-wrapp { padding:116px 0 96px;}
.benefits-wrapp p { font-size:15px; margin:0 0 13px;}
.benefits-wrapp p span { display:inline;}
.referrals-wrapp {  padding: 60px 0 60px;}
.benefits-wrapp { padding: 70px 0 50px;}

/*btn-css*/
.referrals-btn1, .referrals-btn1 button, .referrals-btn2, .referrals-btn2 input { font-size:12px;}

.referrals-wrapp .referrals-col3 .cog-form .cog-row label, .referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-label {font-size: 15px !important;}


.referrals-wrapp h2 { margin: 0 0 8px;line-height: 1.2;}
.referrals-wrapp h3 { margin: 0 0 8px;line-height: 1.2;}
.referrals-wrapp h4 {margin: 0 0 8px;line-height: 1.2;}




}

@media screen and (min-width:1025px) and (max-width:1240px) {
.referrals-wrapp .margin { width:94%;}
.referrals-wrapp .referrals-col3 .referrals-row3 .referrals-fil1 { font-size:15px;}
.referrals-wrapp .referrals-col4 { width:91%;}
.referrals-wrapp .referrals-btn1 button { padding:14px 30px 14px;}
.referrals-box { text-align:center;}
.referrals-wrapp {  padding: 65px 0 55px;}
.benefits-wrapp { padding: 70px 0 50px;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.margin { width:94%;}

}

@media screen and (min-width:1341px) and (max-width:1900px) {

}



@media screen and (max-width:767px){

.referrals-wrapp h2 {
    font-size: 22px;
     margin: 0 0 4px;
        line-height: 1.2;
}

.referrals-wrapp h3 {
   font-size: 19px;
        margin: 0 0 8px;line-height: 1.2;
}

.referrals-wrapp h4 {
    font-size: 16px;
     margin: 0 0 4px;
        line-height: 1.2;
}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox .el-checkbox__label input {
    margin-bottom: 28px !important;
}
.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col .el-checkbox-group .el-checkbox:has(.el-checkbox__label input) {
    margin-top: 7px;
}
}



@media screen and (min-width:481px) and (max-width:526px) {

.referrals-wrapp .referrals-col3 .cog-form .cog-row .cog-choice.cog-col.cog-choice--radiobuttons .el-radio__inner:after{top: -1px;}

}

/* ==========================================================================
   Ninja Forms "Referral Form" (form wrapper class: ldr-referral-form).
   Same look as the Cognito referral form styled above: gold section titles, thin beige fields,
   the referalcheck SVG checkboxes and the gold pill buttons.
   ========================================================================== */
.ldr-referral-form { width: 100%; font-family: "Montserrat", sans-serif; }
.ldr-referral-form .nf-before-form-content { display: none; }
.ldr-referral-form .nf-form-content { max-width: none; padding: 0; margin: 0; }
.ldr-referral-form .nf-row { margin: 0; }
.ldr-referral-form nf-cells { display: flex; column-gap: 20px; }
.nf-form-cont.ldr-referral-form .nf-cell { flex: 1 1 0; min-width: 0; width: auto !important; padding: 0; }
.ldr-referral-form .nf-field-container { margin: 0 0 22px; }
.ldr-referral-form .nf-field-container .nf-before-field, .ldr-referral-form .nf-field-container .nf-after-field .nf-input-limit { display: none; }

/* section titles: the two HTML headings and the "Referral Reason" title */
.ldr-referral-form .ldr-ref-heading,
.ldr-referral-form .ldr-ref-reasons .nf-field-label .nf-label-span,
.ldr-referral-form .ldr-ref-thanks .ldr-ref-heading {
    display: block; float: none; margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 700; line-height: 1.4;
    letter-spacing: normal; text-transform: uppercase; text-align: center; color: #d6bf87;
    background-image: linear-gradient(to right, #a78358, #d6bf87 51%, #a78358); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.ldr-referral-form .html-container { margin: 0 0 32px; }
.ldr-referral-form .nf-row:first-child .html-container { margin-top: 13px; }
.ldr-referral-form .html-container + .html-container, .ldr-referral-form .nf-row + .nf-row .html-container { margin-top: 13px; }

/* labels */
.nf-form-cont.ldr-referral-form .nf-field-label { display: block; margin: 0 0 6px; padding: 0; }
.ldr-referral-form .nf-field-label label, .ldr-referral-form .nf-field-label .nf-label-span {
    display: block; margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; color: rgb(0 40 65 / .9); text-transform: none;
}
.ldr-referral-form .ninja-forms-req-symbol { margin-left: 2px; font-size: inherit; color: #cc2a24; }
.ldr-referral-form .label-hidden .nf-field-label { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
/* "Last" sits next to "First", under the shared "Name" label */
.ldr-referral-form .ldr-ref-align { padding-top: 28px; }

/* text fields */
.ldr-referral-form .nf-field-element input[type="text"],
.ldr-referral-form .nf-field-element input[type="email"],
.ldr-referral-form .nf-field-element input[type="tel"],
.ldr-referral-form .nf-field-element textarea {
    display: block; float: none; width: 100%; height: 48px; margin: 0; padding: 0 23px; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 400;
    color: rgb(0 40 65 / .9); text-align: left; background: #fff; border: 1px solid #f6e3d1; border-radius: 0; box-shadow: none; outline: none; transition: border-color .2s ease;
}
.ldr-referral-form .nf-field-element textarea { height: 131px; min-height: 131px; padding: 20px 23px; line-height: 1.5; resize: vertical; }
.ldr-referral-form .nf-field-element input::placeholder, .ldr-referral-form .nf-field-element textarea::placeholder { color: #ccc; opacity: 1; }
.ldr-referral-form .nf-field-element input:focus, .ldr-referral-form .nf-field-element textarea:focus { border-color: #d6bf87; box-shadow: 0 0 0 1px #d6bf87; }
/* date of birth: calendar icon on the right, as on the Cognito form */
.ldr-referral-form .date-container .nf-field-element input[type="text"] {
    padding-right: 48px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23849aa8' stroke-width='1'%3E%3Crect x='1.5' y='2.5' width='11' height='10' rx='1'/%3E%3Cpath d='M1.5 5.5h11M4.5 1v3M9.5 1v3'/%3E%3C/svg%3E") no-repeat right 18px center;
}

/* checkboxes (referral reasons and consent): the same SVG boxes as the Cognito form */
.nf-form-cont.ldr-referral-form .nf-field-element input[type="checkbox"] {
    position: static; left: auto; -webkit-appearance: none; appearance: none; flex: none; width: 19px; min-width: 19px; height: 19px; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; cursor: pointer;
    background: url(../images/referalcheck111.svg) no-repeat center / 17px 17px;
}
.nf-form-cont.ldr-referral-form .nf-field-element input[type="checkbox"]:checked { background-image: url(../images/referalcheck222.svg); }
/* the theme (hovers.css) hides every checkbox and draws a round one on the label; this form shows the real input instead */
.nf-form-cont.ldr-referral-form input[type="checkbox"] + label { padding: 0; }
.nf-form-cont.ldr-referral-form input[type="checkbox"] + label::before, .nf-form-cont.ldr-referral-form input[type="checkbox"] + label::after { content: none; display: none; }
.ldr-referral-form input[type="checkbox"]:focus-visible { outline: 2px solid #d6bf87; outline-offset: 2px; }

.ldr-referral-form .ldr-ref-reasons { margin: 30px 0 57px; }
.ldr-referral-form .ldr-ref-reasons .nf-field-label { align-self: stretch; width: 100%; margin: 0 0 41px; }
.ldr-referral-form .ldr-ref-reasons .nf-field-element ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 15px; column-gap: 0; margin: 0; padding: 0; list-style: none; }
.nf-form-cont.ldr-referral-form .ldr-ref-reasons .nf-field-element li { display: flex; align-items: center; gap: 6px; float: none; width: auto; margin: 0; padding: 0; line-height: 1.4; }
.ldr-referral-form .ldr-ref-reasons .nf-field-element li::before { display: none; }
.ldr-referral-form .ldr-ref-reasons .nf-field-element li label {
    margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; color: rgb(0 40 65 / .9); cursor: pointer;
}
.ldr-referral-form .ldr-ref-other { margin-top: -10px; margin-bottom: 30px; }

/* file uploads: bordered drop area with "drag files here or" and the gold Upload button */
.ldr-referral-form .ldr-ref-upload .nf-field-element {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; min-height: 88px; padding: 20px 28px; border: 1px solid #f6e3d1;
}
.ldr-referral-form .ldr-ref-upload .nf-field-element::before { content: "drag files here or"; font-size: 13px; font-weight: 300; color: #1a3e54; }
.ldr-referral-form .ldr-ref-upload .nf-field-element input[type="file"] { position: absolute; }
.ldr-referral-form .ldr-ref-upload .nf-fu-fileinput-button { margin-left: auto; }
.ldr-referral-form .ldr-ref-upload .nf-fu-progress, .ldr-referral-form .ldr-ref-upload .files_uploaded { flex: 0 0 100%; margin: 0; }
.ldr-referral-form .ldr-ref-upload .nf-fu-progress { height: 4px; background: #f6e3d1; border-radius: 2px; overflow: hidden; box-shadow: none; }
.ldr-referral-form .ldr-ref-upload .nf-fu-progress:not(:has(.nf-fu-progress-bar[style*="width"])) { display: none; }
.ldr-referral-form .ldr-ref-upload .nf-fu-progress-bar { height: 100%; background: linear-gradient(90deg, #a78358 0%, #d6bf87 49%, #a78358 100%); }
.ldr-referral-form .ldr-ref-upload .files_uploaded:empty { display: none; }
.ldr-referral-form .ldr-ref-upload .files_uploaded p { margin: 0 0 4px; font-size: 13px; color: #1a3e54; word-break: break-all; }
.ldr-referral-form .ldr-ref-upload .files_uploaded a { color: #a78358; }
.ldr-referral-form .ldr-ref-upload .nf-fu-button-cancel { margin: 0; padding: 6px 0; font-size: 13px; color: #1a3e54; background: none; border: 0; text-decoration: underline; cursor: pointer; }

/* gold pill buttons (Upload and Submit): filled; on hover only the gold outline stays and the text turns gold */
.ldr-referral-form .nf-fu-fileinput-button,
.ldr-referral-form .ldr-ref-submit input[type="submit"] {
    display: inline-block; width: auto; height: auto; margin: 0; padding: 12px 48px; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; line-height: normal;
    letter-spacing: normal; text-align: center; text-transform: none; color: #fff; border: 2px solid transparent; border-radius: 30px; box-shadow: none; cursor: pointer;
    background: linear-gradient(90deg, #a78358 0%, #d6bf87 49%, #a78358 100%) border-box; transition: color .25s ease-out, background .25s ease-out;
}
.ldr-referral-form .nf-fu-fileinput-button:hover, .ldr-referral-form .nf-fu-fileinput-button:focus-visible,
.ldr-referral-form .ldr-ref-submit input[type="submit"]:hover, .ldr-referral-form .ldr-ref-submit input[type="submit"]:focus-visible {
    color: #d6bf87; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #a78358 0%, #d6bf87 49%, #a78358 100%) border-box; outline: none;
}
.ldr-referral-form .nf-fu-fileinput-button span { position: static; color: inherit; }
.ldr-referral-form .ldr-ref-submit { margin: 4px 0 0; }
.nf-form-cont.ldr-referral-form .ldr-ref-submit .field-wrap, .nf-form-cont.ldr-referral-form .ldr-ref-submit .nf-field-element { display: block; text-align: left; }
.ldr-referral-form .ldr-ref-submit input[type="submit"][disabled] { opacity: .6; cursor: wait; }

/* consent */
.ldr-referral-form .ldr-ref-consent { margin: 34px 0 22px; }
.ldr-referral-form .ldr-ref-consent .field-wrap { display: flex; flex-direction: row; align-items: flex-start; gap: 7px; }
.nf-form-cont.ldr-referral-form .ldr-ref-consent .nf-field-element { order: 1; flex: none; width: auto; }
.nf-form-cont.ldr-referral-form .ldr-ref-consent .nf-field-label { order: 2; flex: 1 1 auto; width: auto; margin: 0; }
.ldr-referral-form .ldr-ref-consent .nf-field-label label { display: block; padding: 1px 0 0; text-align: left; font-size: 13px; font-weight: 400; line-height: 1.4; color: #1a3e54; cursor: pointer; }
.ldr-referral-form .ldr-ref-consent .nf-field-label label a { font-weight: 700; color: #1a3e54; text-decoration: none; transition: color .3s ease-in-out; }
.ldr-referral-form .ldr-ref-consent .nf-field-label label a:hover { color: #d6bf87; }
.ldr-referral-form .ldr-ref-consent .ninja-forms-req-symbol { display: none; }

/* errors */
.ldr-referral-form .nf-error-msg, .ldr-referral-form .nf-form-errors .nf-error-msg { margin: 6px 0 0; font-size: 13px; font-weight: 400; color: #ca382a; text-align: left; }
.ldr-referral-form .nf-error .nf-field-element input[type="text"], .ldr-referral-form .nf-error .nf-field-element input[type="email"],
.ldr-referral-form .nf-error .nf-field-element input[type="tel"], .ldr-referral-form .nf-error .nf-field-element textarea { border-color: #ca382a; }
.ldr-referral-form .nf-error.field-wrap .nf-field-element::after, .ldr-referral-form .nf-pass.field-wrap .nf-field-element::after { display: none; }
.ldr-referral-form .nf-form-errors { margin: 12px 0 0; }

/* thank-you message (replaces the form after sending) */
.ldr-referral-form .nf-response-msg { margin: 0; }
.ldr-referral-form .ldr-ref-thanks { max-width: 760px; margin: 0 auto; padding: 56px 8% 50px; text-align: center; border: 1px solid #f6e3d1; }
.ldr-referral-form .ldr-ref-thanks .ldr-ref-heading { margin: 0 0 22px; }
.ldr-referral-form .ldr-ref-thanks p { float: none; width: auto; margin: 0 0 14px; font-size: 16px; font-weight: 400; line-height: 1.6; color: rgb(0 40 65 / .9); }
.ldr-referral-form .ldr-ref-thanks p:last-child { margin: 0; }
.ldr-referral-form .ldr-ref-thanks strong { font-weight: 600; }
.ldr-referral-form .ldr-ref-thanks a { font-weight: 700; color: #1a3e54; text-decoration: none; white-space: nowrap; transition: color .3s ease-in-out; }
.ldr-referral-form .ldr-ref-thanks a:hover { color: #d6bf87; }

@media screen and (max-width: 1024px) {
    .ldr-referral-form .ldr-ref-reasons .nf-field-element ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 600px) {
    .ldr-referral-form nf-cells { flex-direction: column; }
    .ldr-referral-form .nf-cell { flex: none; width: 100% !important; }
    .ldr-referral-form .ldr-ref-align { padding-top: 0; }
    .ldr-referral-form .ldr-ref-heading, .ldr-referral-form .ldr-ref-reasons .nf-field-label .nf-label-span, .ldr-referral-form .ldr-ref-thanks .ldr-ref-heading { font-size: 18px; }
    .nf-form-cont.ldr-referral-form .nf-field-container:not(.ldr-ref-consent) .nf-field-label,
    .nf-form-cont.ldr-referral-form .nf-field-container:not(.ldr-ref-consent) .nf-field-label label { text-align: center; }
    .ldr-referral-form .nf-field-label label, .ldr-referral-form .nf-field-label .nf-label-span { font-size: 14px; }
    .ldr-referral-form .nf-field-element input[type="text"], .ldr-referral-form .nf-field-element input[type="email"], .ldr-referral-form .nf-field-element input[type="tel"] { font-size: 14px; text-align: center; }
    .ldr-referral-form .date-container .nf-field-element input[type="text"] { padding-left: 48px; }
    .ldr-referral-form .ldr-ref-reasons .nf-field-label { margin-bottom: 28px; }
    .ldr-referral-form .ldr-ref-reasons .nf-field-element ul { padding: 0 5%; }
    .ldr-referral-form .ldr-ref-upload .nf-field-element { flex-direction: column; justify-content: center; text-align: center; }
    .ldr-referral-form .ldr-ref-upload .nf-fu-fileinput-button { margin: 0; }
    .ldr-referral-form .ldr-ref-consent .nf-field-label label { font-size: 13px; }
    .nf-form-cont.ldr-referral-form .ldr-ref-submit .nf-field-element { text-align: center; }
    .ldr-referral-form .nf-error-msg { text-align: center; }
    .ldr-referral-form .ldr-ref-thanks { padding: 40px 6% 36px; }
    .ldr-referral-form .ldr-ref-thanks p { font-size: 15px; }
}

@media screen and (max-width: 480px) {
    .ldr-referral-form .ldr-ref-reasons .nf-field-element ul { grid-template-columns: minmax(0, 1fr); }
}