.bannersection .Bannerpalebg.create-account-banner {
    background: url(/siteassets/img/header-background-inner-desktop.svg);
    background-size: contain;
    background-repeat: no-repeat;
    min-height: unset;
    padding: 0px;
    margin-bottom: 24px;
    height: 360px;
}

    .bannersection .Bannerpalebg.create-account-banner .container {
        max-height: 322px;
    }

.bannersection .Bannerpalebg .row {
    align-content: center;
    justify-content: center;
    height: 100%;
}

.bannersection .Bannerpalebg h2 {
    margin-bottom: 24px;
    margin-top: -20px;
    color: #FFF;
    font-size: 64px!important;
    font-weight: 700;
}

.bannersection .Bannerpalebg h4 {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #FFF;
    font-family: 'Nunito Sans';
    letter-spacing: 0;
}

.side-nav-logo-container {
    text-align: center;
    margin-bottom: 30px;
}

.productpagecontent.account-create .whitebox {
    padding: 0px;
}

.productpagecontent .whitebox .resourcehead {
    padding: 16px 20px;
    margin: 0px;
}

    .productpagecontent .whitebox .resourcehead h2 {
        padding: 0;
        color: #002B4E;
        text-align: center;
        font-family: Lora;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 0;
    }

.productpagecontent .whitebox .resourcelinks {
    padding: 20px;
    margin: 0px;
    display: flex;
    justify-content: center;
}

.productpagecontent.account-create .left-content .checkbox span {
    padding-left: 0px;
}

.productpagecontent .whitebox .resourcelinks .btngreen,
.productpagecontent.account-create .left-content .submit-btn-container .btn.submit {
    margin: 0px;
    padding: 13px 40px;
    border-radius: 30px;
    background-image: linear-gradient(270deg, #336599 0%, #007C89 100%);
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.96px;
    line-height: 18px;
    color: #fff;
    display: block;
}

    .productpagecontent .whitebox .resourcelinks .btngreen:hover,
    .productpagecontent.account-create .left-content .submit-btn-container .btn.submit:hover {
        color: #007c89;
        border: 2px solid #007c89;
        background-color: transparent !important;
        background-image: none;
    }

    .productpagecontent .whitebox .resourcelinks .btngreen img {
        position: relative;
        top: -1px;
        left: 2px;
    }

.EPiServerForms .Form__Element {
    margin-bottom: 14px;
}

.EPiServerForms .ValidationFail {
    margin-bottom: 24px;
}

    /*.EPiServerForms .ValidationFail select.form-control {
        border: 2px solid #007C89 !important;
    }*/

input[type=text].form-control, select.form-control {
    border: 2px solid #007C89 !important;
    background: #FFF;
    height: calc(2.1em + .75rem + 2px);
}

.productpagecontent.account-create .left-content .label-left.col-sm-12 .control-label, .Form__Element .control-label, .sLenses-checkbox .control-label {
    color: #002B4E;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
}

.sLenses-checkbox {
    margin-top: 28px;
    padding-bottom: 41px !important;
    margin-bottom: 14px !important;
    padding-left: 0px !important;
}

    .sLenses-checkbox .control-label {
        color: #002B4E;
    }

    .sLenses-checkbox .suptext {
        display: flex;
        gap: 30px;
        margin-top: -9px;
    }

/*.sLenses-checkbox input[type=radio]{
    width: 30px;
    height: 30px;
    position: relative;
    top: 10px;
    accent-color: #007C89;
    border: 3px solid #007C89;
}*/
.acc-holder input[type=radio] {
    position: relative;
    top: 9px;
    margin-right: 5px;
}

.Form__Element input[type="radio"] {
    -webkit-appearance: none;
    /* For Webkit browsers */
    -moz-appearance: none;
    /* For Mozilla browsers */
    appearance: none;
    /* Standard property */
    width: 30px;
    /* Adjust size as needed */
    height: 30px;
    border-radius: 50%;
    /* Makes it circular */
    border: 2px solid #007C89;
    /* Your desired border color and thickness */
    /* Add other styles like background-color, box-shadow for inner circle etc. */
    min-width: 30px;
}

    /* Style for the checked state */
    .Form__Element input[type="radio"]:checked {
        border-color: #007C89;
        /* Change border color when checked */
        background-color: #FFF;
        ; /* Fill color when checked */
    }

        /* Optional: Style the inner circle when checked */
        .Form__Element input[type="radio"]:checked::before {
            content: '';
            display: block;
            width: 70%;
            height: 70%;
            margin: 15% auto;
            border-radius: 50%;
            background: #007C89;
            /* Color of the inner circle */
        }

.acc-holder label {
    color: #002B4E;
    font-family: "Nunito Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.4px;
    letter-spacing: -0.42px;
    margin-bottom: 14px;
}

.Form__Element input[type="checkbox"] {
    -webkit-appearance: none;
    /* For Webkit browsers */
    -moz-appearance: none;
    /* For Mozilla browsers */
    appearance: none;
    /* Standard property */
    position: relative;
    top: 0px;
    width: 30px;
    /* Adjust size as needed */
    height: 30px;
    margin-right: 9px;
    border: 2px solid #007C89;
    /* Default border color */
    border-radius: 0px;
    /* Optional: rounded corners */
    cursor: pointer;
    vertical-align: middle;
    /* Align with text */
    min-width: 30px;
}

    .Form__Element input[type="checkbox"]:checked {
        border-color: #007C89;
        /* Border color when checked */
        background-color: #FFF;
        /* Optional: background color when checked */
    }

        .Form__Element input[type="checkbox"]:checked::after {
            content: '\2714';
            /* Unicode checkmark character */
            font-size: 25px;
            font-weight: 400;
            padding-top: 6px;
            color: #007C89;
            /* Color of the checkmark */
            text-align: center;
            line-height: 16px;
            /* Center the checkmark vertically */
            display: block;
        }

.bstrap30 .c-form .acc-holder:after, 
.bstrap30 .c-form .FormParagraphText:nth-child(15).line:after,
.bstrap30 .c-form .acc-holder.privacyandlegalControl:after{
    height: 2px;
    background-color: #A9D9E0;
    left: 0px;
    width: 100%;
}


.bstrap30 .c-form .acc-holder:after{
    height: 0px;
}

.bstrap30 .c-form .acc-holder.s2form:after,
.bstrap30 .c-form .acc-holder.sLenses-checkbox:after,
.bstrap30 .c-form .acc-holder.s3form-4:after,
.bstrap30 .c-form .acc-holder.s4form-2:after
{
    height: 2px;
}
.bstrap30 .c-form .acc-holder.privacyandlegalControl:after{
    /*height: 1.5px;*/
}


.bstrap30 .c-form .acc-holder{margin-bottom:0px}
.bstrap30 .c-form .acc-holder.s3form-4,
.bstrap30 .c-form .acc-holder.s2form,
.bstrap30 .c-form .acc-holder.sLenses-checkbox,
.bstrap30 .c-form .acc-holder.s4form-2{margin-bottom: 40px;}

.receivecom label, .privacyandlegalControl label, .cb-comm label {
    color: #002B4E;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.3px;
}

.privacyandlegalControl label, .receivecom label, .cb-comm label {
    display: flex;
    gap: 7px;
    margin-bottom: 20px !important;
    align-items: center;
}

.privacyandlegalControl label, .receivecom label{align-items: flex-start;}

    .privacyandlegalControl label span, .cb-comm label span {
        color: #002B4E;
        /*margin-top: -5px;*/
    }

    .privacyandlegalControl label a, .cb-comm label a {
        white-space: nowrap;
        color: #007C89;
        font-family: inherit;
    }

    .privacyandlegalControl label a {
        text-decoration: underline;
    }

        .privacyandlegalControl label a img {
            position: relative;
            top: -2px;
            margin-left: 4px;
        }

.create-account-form-header h2 {
    color: #002B4E;
    font-family: Lora;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 12px;
}

.create-account-form-header p {
    color: #002B4E;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 12px;
    max-width: 464px;
}

.create-account-form-header hr {
    margin: 26px 0px;
    border: none;
    height: 2px;
    background-color: #A9D9E0;
}

.privacyandlegalControl hr {
    margin: 40px 0px;
}

.create-account-form-header div {
    padding-left: 0px;
    color: #000;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 40px;
}

.create-account-form-header .required {
    color: #E20611 !important;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
}

section.Form__Element .form-checkbox {
    padding-left: 0px;
}

section.Form__Element .step1inputfield:nth-child(odd) {
    padding-left: 0px;
}

section.Form__Element .step1inputfield:nth-child(even) {
    padding-right: 0px;
}

.nowrap {
    white-space: nowrap;
    color: inherit;
    font-family: inherit;
}

.svp-bottom-panel {
    padding: 64px 0px;
    background-color: #DCEDEF;
}

    .svp-bottom-panel .row {
        gap: 15px;
    }

    .svp-bottom-panel .left-side {
        height: 300px;
        min-width: 300px;
    }

    .svp-bottom-panel .right-side {
        display: flex;
        flex-direction: column;
        gap: 24px;
        justify-content: center;
    }

        .svp-bottom-panel .right-side h2 {
            color: #002B4E;
            font-family: "Nunito Sans";
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px;
            letter-spacing: 0;
            margin: 0px;
        }

        .svp-bottom-panel .right-side p {
            color: #002B4E;
            font-family: "Nunito Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 0;
            margin: 0;
        }

    .svp-bottom-panel .left-side .img {
        height: 300px;
        min-width: 300px;
        border-radius: 16px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    }

.s2form .Form__Element,
.s3form-1 .Form__Element,
.s3form-2 .Form__Element,
.s3form-3 .Form__Element,
.s3form-4 .Form__Element {
    display: flex;
    flex-wrap: wrap;
}

    .s3form-3 .Form__Element div {
        flex-basis: 100%;
    }

    .s2form .Form__Element .suptext,
    .s3form-1 .Form__Element .suptext,
    .s3form-2 .Form__Element .suptext,
    .s3form-3 .Form__Element .suptext,
    .s3form-4 .Form__Element .suptext {
        flex-basis: 50%;
        box-sizing: border-box;
    }



.richtext_choice_heading {
    color: #002B4E;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.3px;
}

    .richtext_choice_heading span {
        color: #002B4E;
        font-family: "Nunito Sans";
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 20.4px;
        letter-spacing: 0.3px;
        padding: 0px !important;
    }

.Form__Element.FormParagraphText.Form__Element--NonData.s2-formParagraphText {
    margin-bottom: 16px;
}

.required-field {
    color: #FF0000 !important;
}

.bstrap30 .c-form .FormParagraphText:nth-child(3) {
    display: block;
    max-width: 100%;
}

.checkbox.ng-pristine {
    padding: 0px
}

.EPiServerForms .Form__Element.form-pagination {
    display: block;
    float: none !important;
}

    .EPiServerForms .Form__Element.form-pagination .pagination {
        justify-content: center;
    }

         .pagination p {
            color: #6E6E6E;
            font-family: "Nunito Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 0.3px;
            margin-bottom: 0px;
        }

.submit-btn-container {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    align-items:center;
}

.s4form-checkboxes.acc-holder .suptext:nth-child(3) label span {
    padding-left: 0px;
}

.bstrap30 .c-form .FormParagraphText:nth-child(3), .bstrap30 .c-form .FormParagraphText:nth-child(5) {
    padding-left: 0px;
    display: block;
    max-width: 100%;
}

.svp-bottom-panel.thanku-block {
    background: unset;
    padding-top: 0px;
}

.svp-bottom-panel.thanku-block .right-side h2 {
    color: #002B4E;
    text-align: center;
    font-family: Lora;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.svp-bottom-panel.thanku-block .right-side p {
    color: #002B4E;
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
}

.svp-bottom-panel.thanku-block .right-side p a {
    color: #007C89;
    text-decoration: underline;
}

.s4form-checkboxes.acc-holder .suptext:nth-child(3) label span {
    padding-left: 5px;
}

.productpagecontent.account-create .left-content .label-left.col-sm-12 .control-label span.red,
.Form__Element .control-label span.red,
.richtext_choice_heading span.required-field,
.productpagecontent.account-create .left-content span.required-field{
    margin-left: -8px;
}
.form-control{
    border-radius: 0px;
}

select.form-control {
    background: url("data:image/svg+xml,<svg height='15px' width='15px' viewBox='0 0 16 16' fill='%23007C89' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important;
}

.s2-form-parent .Form__Element input[type="checkbox"]{
    
}
.checkbox.acc-holder .suptext label input[type="checkbox"]{
   top: -1px;
}
.Form__Element.FormParagraphText.Form__Element--NonData{
    margin-bottom: 14px;
}
.EPiServerForms .Form__Element.FormChoice .Form__Element__Caption,
.s3-form-wrapper .Form__Element.FormParagraphText.Form__Element--NonData:nth-child(1),
.s3-form-wrapper .Form__Element.FormParagraphText.Form__Element--NonData:nth-child(3),
.Form__Element.FormParagraphText.Form__Element--NonData.s3-radio-label{
    margin-bottom: 0px;
}

.EPiServerForms .Form__Element.FormChoice .sLenses-checkbox .Form__Element__Caption{
    margin-bottom: 10px;
}
.checkbox.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty.acc-holder{
    padding-bottom: 15px;
}
    .checkbox.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty.acc-holder.s4form-checkboxes .Form__Element {
        margin-bottom: 5px;
        width: 90%;
    }
.submit-btn-container.s1-submit{
}

.s4form-checkboxes .suptext.multiline label{
    display: flex;
    gap: 6px;
    align-items: flex-start;
    padding-top: 8px;
}

.s4form-checkboxes .suptext.multiline label input[type="radio"]{top: 0px;}

.productpagecontent .whitebox .resourcelinks .btngreen .login-icon {
    display: inline !important;
}

.productpagecontent .whitebox .resourcelinks .btngreen .login-icon-hover {
    display: none !important;
}

.productpagecontent.account-create .left-content span {
    margin-top: -3px;
}

.productpagecontent .whitebox .resourcelinks .btngreen:hover .login-icon {
    display: none !important;
}

.productpagecontent .whitebox .resourcelinks .btngreen:hover .login-icon-hover {
    display: inline !important;
}

.checkbox.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty.acc-holder .Form__Element {
    width: 80%;
}

.productpagecontent.account-create .left-content .btn.submit:focus {
    outline: none !important;
    box-shadow: unset !important;
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
    .bannersection .Bannerpalebg.create-account-banner {
        height: 322px;
    }
    .bannersection .Bannerpalebg.create-account-banner .container {
        max-height: 290px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
    .bannersection .Bannerpalebg.create-account-banner {
        background-repeat: no-repeat;
        background-position: center center;
        height: 337px;
        margin-bottom: 50px;
        background-size: auto 100%;
    }

    .bannersection .Bannerpalebg h2 {
        font-size: 57px;
    }

    /*.s4form-checkboxes.acc-holder .suptext:nth-child(3) label,
    .s4form-checkboxes.acc-holder .suptext:nth-child(4) label {
        display: flex;
        gap: 7px;
        align-items: center;
    }

        .s4form-checkboxes.acc-holder .suptext:nth-child(3) label input,
        .s4form-checkboxes.acc-holder .suptext:nth-child(4) label input {
            top: auto;
        }*/

        .s4form-checkboxes.acc-holder .suptext:nth-child(3) label span {
            padding-left: 5px;
        }
        .s4form-checkboxes.acc-holder .suptext.multiline:nth-child(3) label span{
            padding-left: 0px;
        }
}

@media screen and (max-width: 991px) {
    .bannersection .Bannerpalebg.create-account-banner {
        height: 327px;
        background: url(/siteassets/img/header-background-inner-mobile.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

        .bannersection .Bannerpalebg.create-account-banner .container {
            max-height: 327px;
        }

            .bannersection .Bannerpalebg.create-account-banner .container .col-12 {
                padding-left: 22px;
                padding-right: 22px;
            }

    .bannersection .Bannerpalebg h2 {
        font-size: 40px!important;
        line-height: 42px;
        margin-top: -10px;
        margin-bottom: 20px;
        width: 90%;
    }

    .bannersection .Bannerpalebg h4 {
        font-size: 16px;
        line-height: 20px;
        width: 90%;
    }

    section.Form__Element .step1inputfield:nth-child(odd) {
        padding-right: 0px;
    }

    section.Form__Element .step1inputfield:nth-child(even) {
        padding-left: 0px;
    }

    .svp-bottom-panel {
        padding: 40px 5px;
    }

        .svp-bottom-panel .row {
            gap: 40px;
        }

    .productpagecontent .zenlenses {
        background: unset;
    }

    .contentsection {
        padding: 0px 10px
    }

    .s2form .Form__Element,
    .s3form-1 .Form__Element,
    .s3form-2 .Form__Element,
    .s3form-3 .Form__Element,
    .s3form-4 .Form__Element {
        display: block;
    }


    .svp-bottom-panel.thanku-block .row {
        flex-direction: column-reverse;
    }

    .pagination {
        margin-top: 0px;
    }

    .s4form-checkboxes.acc-holder .suptext:nth-child(3) label span {
        padding-left: 5px
    }

    .productpagecontent.account-create .left-content .btn.submit{
        max-width: 300px;
        width: auto;
    }

}


@media screen and (max-width: 767px) {
    /*.s4form-checkboxes.acc-holder .suptext:nth-child(3) label,
    .s4form-checkboxes.acc-holder .suptext:nth-child(4) label {
        display: flex;
        gap: 7px;
    }*/

        .s4form-checkboxes.acc-holder .suptext:nth-child(3) label span {
            padding-left: 0px;
        }

    .privacyandlegalControl label, .receivecom label, .cb-comm label{align-items: flex-start;}

    .checkbox.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty.acc-holder.s4form-checkboxes label {
        margin: 0px;
    }

    .checkbox.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty.acc-holder.s4form-checkboxes {
        margin-bottom: 20px;
    }

        .checkbox.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty.acc-holder.s4form-checkboxes .Form__Element {
            width: 100%;
        }

    .s4form-checkboxes .suptext.multiline label {
        padding-top: 14px;
    }

    .s4form-checkboxes .suptext label {
        letter-spacing: normal;
    }

    .s4form-checkboxes .suptext.multiline label span {
        margin-top: 0px;
    }
}

.EPiServerForms .ValidationFail select,.EPiServerForms .ValidationFail input{
    border-width: 2px !important;
}

.EPiServerForms .ValidationFail input, .EPiServerForms .ValidationFail textarea, .EPiServerForms .ValidationFail select {
    border-color: #e9322d !important;
}

@media screen and (min-width: 1700px){
    .bannersection .Bannerpalebg.create-account-banner{
        background-size:cover;
        height:380px;
    }
}