/*
i-Akaun Registration CSS
Author: Mohd Farhan bin Nor
For: Reprise Digital
Date: April 2020
pushed to production 20210818
*/



body.form-page {
    background-color: #f4f4f4;
}

.text-white {
    color: #FFF;
}

.text-black {
    color: #000;
}

.text-blue,
a.text-blue {
    color: #f0592a;
}

.text-red {
    color: #ec1a22;
}

.text-grey a.text-grey {
    color: #727272;
}

.bg-kwsp-blue {
    background-color: #f0592a;
}

.bg-light-blue {
    background-color: #28aae1;
}

.bg-red {
    background-color: #f0592a;
}

.bg-black {
    background-color: #000;
}

.bg-transparent {
    background-color: transparent;
}

.bg-grey {
    background-color: #a7a7a7;
}

header {
    padding-top: 1em;
    padding-bottom: 1em;
}

header .header_logo {
    height: 62px;
    padding: 0 30px;
}

.title-container {
    padding-top: 60px;
    padding-bottom: 20px;
}

.title-container h1 {
    font-size: 22px;
}

.kwsp-form-area {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0 0 10px #EEE;
}

.radio-group {
    padding: 20px 1em;
    margin-bottom: 0;
}

.radio-group:nth-child(even) {
    /*background-color: #f4f7ff;*/
    background-color: transparent;
}

.radio-group-left {
    background-color: #FFF !important;
}

.radio-group label {
    cursor: pointer;
    position: relative;
    padding-left: 40px;
    /*margin-right: 30px;*/
}

.radio-group label input {
    display: none;
}

.radio-group label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #babbbf;
}

.radio-group label input:checked~.checkmark {
    border-color: #2e3192;
}

.radio-group label input:checked~.checkmark:after {
    content: '';
    font-size: 1px;
    display: block;
    width: 13px;
    height: 13px;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    position: absolute;
    background-color: #2e3192;
}

.radio-group h2 {
    font-size: 1.5rem;
}

.text-group {
    padding: 0 1em 20px;
    margin-bottom: 0;
}

.text-group input[type='text'],
.text-group input[type='tel'],
.text-group input[type='number'],
.text-group input[type='email'] {
    margin-bottom: 0;
    border-radius: 0;
    border-color: #aeaeae;
    box-shadow: none;
}

.text-group .form-control {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.text-group .form-control:disabled {
    color: #000;
}

.text-group-w .form-control:disabled {
    color: #000;
}

.file-group {
    padding: 20px 1em;
    margin-bottom: 0;
}

.file-group label {
    cursor: pointer;
    width: 100%;
}

.file-group .file-controls {
    float: left;
}

.file-group .file-button {
    line-height: 40px;
    height: 40px;
    display: block;
    background-color: #dedede;
    width: 120px;
    border: 1px solid #aeaeae;
}

.file-group .file-label {
    line-height: 40px;
    height: 40px;
    display: block;
    background-color: #FFF;
    width: calc(100% - 121px);
    border-top: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
    border-left: 1px solid #aeaeae;
    border-right: none;
    padding-left: 15px;
    padding-right: 15px;
}

.file-group:nth-child(odd) {
    background-color: #f4f7ff;
}

.file-group h4 {
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.file-group h4~p {
    margin-bottom: 40px;
}

.check-group {
    padding: 20px 1em;
}

.check-group label {
    position: relative;
    padding-left: 36px;
}

.check-group label .checkmark {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0.4em;
    border: 2px solid #aeaeae;
    display: block;
}

.check-group label input:checked~.checkmark {
    border: 2px solid #2e3192;
}

.check-group label input:checked~.checkmark:after {
    content: ' ';
    font-size: 1px;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px;
    background-color: #2e3192;
    display: block;
}

.kwsp-button {
    line-height: 1;
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    margin-bottom: 0.5em;
    outline: none;
    border: none;
    font-weight: 500;
}

a.popup-button {
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    vertical-align: middle;
    border-radius: 20px;
    border: 2px solid #f0592a;
    cursor: pointer;
}

.popup-form .form-control {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.otp-text-group {
    margin-bottom: 2em;
}

.submit-cta-group .kwsp-button {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.text-group input[type='tel']:invalid,
.text-group input[type='number']:invalid,
.text-group input[type='email']:invalid {
    border-color: #aeaeae;
}

footer {
    font-size: 14px;
    padding: 20px 0;
    overflow: hidden;
}

footer a {
    cursor: pointer;
}

.success-page {
    /*background-color: #ffe7c9;
	background-image: url(../img/withdrawal-background-v4.png);
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;*/
    background-image: linear-gradient(to bottom, rgba(251, 176, 64, 0.3), rgba(249, 231, 118, 0.3), rgba(249, 231, 118, 0), rgba(249, 231, 118, 0)), url('../img/isinar-background.png');
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.success-page h3 {
    word-break: break-word;
    font-size: 1.4rem;
}

.success-page h4 {
    word-break: break-word;
    font-size: 1.2rem;
}

.success-page header {
    background-color: #FFF;
}

.success-page header .header_logo {
    height: 50px;
}

.loading-container {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
}

.loading-container .loading-content {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50vh - 25px);
}

.loading_logo {
    height: 30px;
}

body.loading {
    overflow: hidden;
}

body.loading .loading-container {
    display: block;
}

.withdrawal-page header .header_logo {
    height: 50px;
}

.withdrawal-form-area {
    /*background-color: #ffe7c9;*/
    /*background-image: url(../img/withdrawal-background-v4.png);*/
    /*background-image: linear-gradient(to bottom, rgba(251,176,64,0.3)), rgba(249,231,118,0.3), rgba(249,231,118,0), rgba(249,231,118,0)), url(../img/isinar-background.png);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;
	background-size: cover;*/
    background-image: linear-gradient(to bottom, rgba(251, 176, 64, 0.3), rgba(249, 231, 118, 0.3), rgba(249, 231, 118, 0), rgba(249, 231, 118, 0)), url('../img/khas/bg2.png');
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /*background-position: center bottom;
	background-repeat: repeat-x;*/
    /*background-size: cover;*/
    color: #333;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white-box {
    /*max-width: 720px;*/
    max-width: 787px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.75);
    /*padding: 10px;*/
    padding: 1em 0;
}

.white-box-with-padding {
    padding: 10px;
}

.white-box hr {
    border-top: 1px solid rgba(0, 0, 0, .5);
}

.white-box .form-group-alt-color {
    background-color: rgba(255, 254, 252, 0.7);
    padding-top: 1.5em;
    padding-bottom: 2em;
    margin-bottom: 0;
}

.white-box .form-group {
    /*padding-left: 10px;
	padding-right: 10px;*/
    padding-left: 15px;
    padding-right: 15px;
}

.white-box-smaller {
    max-width: 530px;
}

.white-box-smaller-2 {
    max-width: 670px;
}

.white-box-fullwidth {
    max-width: 100%;
}

.text-group-w {
    padding: 4px 0 0;
    margin-bottom: 14px;
}

.text-group-w label {
    font-size: 15px;
    /*font-size: 14px;*/
}

.withdrawal-form-survey .text-group-w label {
    /*font-size: 15px;*/
    font-size: 15px;
}

.text-group-w input[type='text'],
.text-group-w input[type='tel'],
.text-group-w input[type='number'],
.text-group-w input[type='email'] {
    margin-bottom: 0;
    border-color: #e3e3e3;
    box-shadow: none;
}

.stacked-fields input[type='text'] {
    margin-bottom: 14px;
}

.stacked-fields input[type='text']:last-child {
    margin-bottom: 0;
}

.text-group-w .form-control {
    padding: .65rem .75rem;
}

@media (max-width: 360px) {
    .text-group-w .form-control {
        padding: .65rem 5px;
    }
}

.custom-sel {
    width: 100%;
    overflow: hidden;
    height: 46px;
    position: relative;
    margin-bottom: 0;
    border: 1px solid #e3e3e3;
    border-radius: .25rem;
    background-color: #FFF;
}

.custom-sel.disabled {
    background-color: #e9ecef;
}

@media (max-width: 640px) {
    .custom-sel {
        margin-bottom: 14px;
    }
}

.custom-sel select {
    width: 135%;
    border: none;
    padding: .65rem .75rem;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.fg_survey1 .custom-sel select,
.fg_survey2 .custom-sel select,
.custom-sel-new select {
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-sel .checkmark {
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 3px solid #2e3192;
    border-right: 3px solid #2e3192;
    top: 30%;
    right: 15px;
    transform: rotate(135deg);
}

.no-margin-bottom {
    margin-bottom: 0;
}

.smaller-font {
    font-size: 0.8em;
}

.check-group-w {
    padding: .35rem .75rem;
    border: 1px solid #bbbbbb;
    border-radius: 15px;
}

.check-group-w label.force-checkbox {
    cursor: pointer;
}

.check-group-w label.force-checkbox,
.check-group-w label.normal-checkbox {
    position: relative;
    padding-left: 36px;
}

.check-group-w label.force-checkbox .checkmark,
.check-group-w label.normal-checkbox .checkmark {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0.4em;
    border: 2px solid #aeaeae;
    display: block;
    background-color: #FFF;
}

.check-group-w label.normal-checkbox input[type=checkbox] {
    visibility: hidden;
}

.check-group-w label input:checked~.checkmark {
    border: 2px solid #2e3192;
}

.check-group-w label input:checked~.checkmark:after {
    /*content: ' ';
	font-size: 1px;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 2px;
	left: 2px;
	background-color: #2e3192;
	display: block;*/
    content: ' ';
    font-size: 1px;
    position: absolute;
    width: 25px;
    height: 24px;
    background-image: url(../img/check.png);
    bottom: 2px;
    right: -11px;
    display: block;
}

.check-group-w label.force-checked .checkmark {
    border: 2px solid #2e3192;
}

.check-group-w label.pdpRead .checkmark:after {
    content: ' ';
    font-size: 1px;
    position: absolute;
    width: 25px;
    height: 24px;
    background-image: url(../img/check.png);
    bottom: 2px;
    right: -11px;
    display: block;
}

.kwsp-button-less-side-padding {
    padding-left: 5px;
    padding-right: 5px;
}

.withdrawal-cta-group button {
    width: 100%;
}

.error_message {
    color: #b33f40;
    font-style: italic;
    display: none;
    font-size: 0.8em;
    padding-left: 10px;
    font-weight: 600;
}

.has_error .error_message {
    display: block;
}

.has_error input[type='text'],
.has_error input[type='tel'],
.has_error input[type='number'],
.has_error input[type='email'],
.has_error .custom-sel {
    border-color: #b33f40;
}

.has_error input.exclude {
    border-color: #e3e3e3;
}

.result-box {
    padding: 10px;
}

.ic-number-result {
    /*font-size: 36px;*/
    line-height: 1;
}

.phone-number-result {
    font-size: 20px;
}

.status_text {
    font-size: 48px;
    color: #2e3192;
}

@media (max-width: 640px) {
    .status_text {
        font-size: 32px;
    }
}

.status_approved {
    color: #00825f;
}

.status_rejected {
    color: #ec1a22;
}

.status_notfound {
    color: #000;
}

.status_inprocess {
    color: #41ab00;
}

.landing-page {
    /*
	background-color: #ffe7c9;
	background-image: url(../img/withdrawal-background-v4.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	*/
    background-image: linear-gradient(to bottom, rgba(251, 176, 64, 0.3), rgba(249, 231, 118, 0.3), rgba(249, 231, 118, 0), rgba(249, 231, 118, 0)), url('../img/isinar-background.png');
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.landing-page h3 {
    word-break: break-word;
    font-size: 1.3rem;
}

.landing-page header {
    background-color: #FFF;
}

.landing-page header .header_logo {
    height: 50px;
}

.pdp-box {
    height: auto;
    max-height: 300px;
    overflow-x: auto;
    overflow-y: scroll;
    padding-right: 15px;
}

.pdp-box ol {
    padding-left: 1.4em;
}

.landing-area {
    padding-top: 2em;
    padding-bottom: 1em;
    box-sizing: border-box;
    min-height: calc(100vh - 171px);
}

.landing-link span {
    margin-top: 10px;
    font-size: 22px;
    padding-bottom: 1em;
}

.home-logo {
    margin-top: 0.6em;
}

@media (max-width: 360px) {
    .ic-number-result {
        font-size: 32px;
    }
    header .header_logo {
        padding: 0 10px;
    }
}

@media (max-width: 640px) {
    header .offset-1 img {
        width: 200px;
    }
    header .header_logo {
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .title-container h1 {
        font-size: 38px;
    }
    .title-container {
        padding-top: 100px;
        padding-bottom: 70px;
    }
    .kwsp-form-area {
        margin-top: -70px;
    }
    .radio-group {
        /*padding: 30px 35px 20px;*/
        padding: 15px 35px 15px 0;
    }
    .text-group {
        padding: 0 35px 30px;
    }
    .text-group label {
        padding-top: 1rem;
    }
    .text-group input[type='text'],
    .text-group input[type='tel'],
    .text-group input[type='number'],
    .text-group input[type='email'] {
        margin-bottom: 0;
    }
    .radio-group label {
        padding-left: 40px;
        margin-left: 20px;
        margin-right: 0;
    }
    .radio-group h2 {
        font-size: 2rem;
    }
    .file-group {
        padding: 40px 35px 70px;
    }
    .file-group .file-button {
        width: 180px;
        height: 60px;
        line-height: 60px;
    }
    .file-group .file-label {
        line-height: 60px;
        height: 60px;
        width: calc(100% - 181px);
    }
    .file-group h4 {
        font-size: 1.2rem;
    }
    .check-group {
        padding: 20px 35px;
    }
    .kwsp-button {
        font-size: 16px;
        padding: 20px 40px;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .submit-cta-group .kwsp-button {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .success-page h3 {
        font-size: 1.75rem;
    }
    .withdrawal-form-area {
        /*padding-bottom: 90px;*/
        padding-bottom: 300px;
        padding-top: 65px;
    }
    .check-status-area {
        padding-top: 35px;
        min-height: calc(100vh - 191px);
        padding-bottom: 0;
    }
    .white-box {
        /*padding: 30px 45px;*/
        padding: 30px 0;
    }
    .white-box-with-padding {
        padding: 30px 45px;
    }
    .white-box .form-group {
        padding-left: 45px;
        padding-right: 45px;
    }
    .white-box-smaller .form-group {
        padding-left: 0;
        padding-right: 0;
    }
    .kwsp-button-less-side-padding {
        padding: 20px 15px;
    }
    .withdrawal-cta-group button {
        width: auto;
    }
    .result-box {
        padding: 30px 15px;
    }
    .landing-area {
        padding-top: 80px;
    }
    .ic-number-result {
        /*font-size: 64px;*/
    }
    .home-logo {
        margin-top: 1em;
    }
}

@media (min-width: 768px) and (min-height: 850px) {
    /*.success-page footer {
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
	}	*/
}

@media (min-width: 800px) and (min-height: 800px) {
    /*@media (min-width: 768px) and (min-height: 700px) {*/
    .landing-page footer {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
    }
}

@media (min-width: 1024px) {
    .title-container {
        padding-top: 170px;
        padding-bottom: 140px;
    }
    .title-container .container {
        padding-left: 0;
        padding-right: 0;
    }
    .kwsp-form-area {
        margin-top: -110px;
        padding: 30px 50px 50px;
    }
    .radio-group label {
        padding-left: 40px;
        margin-left: 40px;
        margin-right: 0;
    }
    .radio-group-left label {
        margin-left: 0;
        margin-right: 40px;
    }
    .landing-area {
        /*padding-top: 180px;*/
        padding-top: 120px;
        min-height: calc(100vh - 185px);
    }
    .result-box {
        padding: 30px 45px;
    }
}


.modal-dialog .modal-body img {
    max-width: 100%;
}

.modal-dialog .modal-body-no-bottom {
    padding-bottom: 0;
}

.g-recaptcha div:first-child {
    width: 100% !important;
}

#secretquestioncaptcha div:first-child {
    width: 100% !important;
}

.spacer {
    height: 8px;
}

h4.font-weight-bold,
h5.font-weight-bold {
    font-weight: 600 !important;
}

.form-control::placeholder {
    color: #BBB;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.form-group-extra-padding {
    padding-top: 1em;
}

/*custom radio button and checkbox*/

/* Customize the label (the container) */

.isinar_radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}

@media (min-width: 640px) {
    .isinar_radio {
        width: 50%;
        max-width: 300px;
    }
    .white-box-smaller-2 .isinar_radio {
        width: 49%;
    }
}

.isinar_radio_short {
    width: auto;
    max-width: none;
    margin-right: 2em;
}

/* Hide the browser's default radio button */

.isinar_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */

.isinar_radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #CCC;
}

.isinar_no_input {
    cursor: default;
}

.isinar_no_input .checkmark {
    background-color: transparent;
    border: none;
    text-align: center;
}

/* On mouse-over, add a grey background color */

.isinar_radio:hover input~.checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */

.isinar_radio input:checked~.checkmark {
    background-color: #312883;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.isinar_radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.isinar_radio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.isinar_radio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    content: " ";
    position: absolute;
    display: none;
}

/*survey radio*/

/* Customize the label (the container) */

.isinar_survey_radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}

/* Hide the browser's default radio button */

.isinar_survey_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */

.isinar_survey_radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #CCC;
}

/* On mouse-over, add a grey background color */

.isinar_survey_radio:hover input~.checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */

.isinar_survey_radio input:checked~.checkmark {
    background-color: #312883;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.isinar_survey_radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.isinar_survey_radio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.isinar_survey_radio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    content: " ";
    position: absolute;
    display: none;
}

/*survey checkbox*/

/* Customize the label (the container) */

.isinar_survey_checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}

/* Hide the browser's default radio button */

.isinar_survey_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */

.isinar_survey_checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #CCC;
}

/* On mouse-over, add a grey background color */

.isinar_survey_checkbox:hover input~.checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */

.isinar_survey_checkbox input:checked~.checkmark {
    background-color: #312883;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.isinar_survey_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.isinar_survey_checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.isinar_survey_checkbox .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 9px;
    transform: rotate(135deg);
    /*border-radius: 50%;
  background: white;*/
    border-right: 4px solid #FFF;
    border-top: 4px solid #FFF;
    content: " ";
    position: absolute;
    display: none;
}

/*submission checkbox*/

/* Customize the label (the container) */

.isinar_checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}

/* Hide the browser's default radio button */

.isinar_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */

.isinar_checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #CCC;
}

/* On mouse-over, add a grey background color */

.isinar_checkbox:hover input~.checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */

.isinar_checkbox input:checked~.checkmark {
    background-color: #312883;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.isinar_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.isinar_checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.isinar_checkbox .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 9px;
    transform: rotate(135deg);
    /*border-radius: 50%;
  background: white;*/
    border-right: 4px solid #FFF;
    border-top: 4px solid #FFF;
    content: " ";
    position: absolute;
    display: none;
}

.text-group-w .survey-label {
    font-size: 1.1em;
}

.isinar_custom_tooltip {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 20%;
    padding-left: 11px;
    box-sizing: border-box;
    width: 310px;
}

.isinar_custom_tooltip::before {
    position: absolute;
    content: " ";
    width: 22px;
    height: 22px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    transform: rotate(45deg);
    background-color: #FFF;
    left: 0;
    top: calc(50% - 11px);
}

.isinar_custom_tooltip_content {
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0 1.5em 2em;
    border: 1px solid #CCC;
    font-size: 0.8em;
}

/*@media (max-width: 1023px) {*/

@media (max-width: 767px) {
    .isinar_custom_tooltip::before {
        display: none;
    }
    .isinar_custom_tooltip {
        padding-left: 0;
    }
}

/*calculator styles*/

.calculator-page label {
    font-size: 15px;
}

.calculator-page.table-striped tbody tr {
    background-color: #fff9f1;
}

.calculator-page .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #ffe8c9;
}

.calculator-page .table-striped tbody tr td {
    border-color: #fef4e8;
    font-weight: 500;
}

.calculator-page .table-striped tbody tr td:first-child {
    padding-left: 1.5em;
}

.calculator-page .table-striped tbody tr td:last-child {
    width: 170px;
}

@media (max-width: 640px) {
    .calculator-page .table-striped tbody tr td:last-child {
        width: auto;
    }
    .calculator-page .table-striped tbody tr td {
        font-size: 12px;
    }
}

.calculator-page .table-striped tbody tr td.monthly {
    padding-left: 2.5em;
}

.text-group-w .textbox-with-side-icons {
    width: 50%;
    display: inline-block;
}

@media (max-width: 1023px) {
    .text-group-w .textbox-with-side-icons {
        width: calc(100% - 75px);
    }
}

/*range slider*/

.slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 2px;
    /* Specified height */
    background: #333333;
    /* Grey background */
    outline: none;
    /* Remove outline */
    cursor: pointer;
    opacity: 1;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s;
    /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

.sliderColor_green .slider {
    background: #2e3091;
}

.sliderColor_yellow .slider {
    background: #2e3091;
}

.sliderColor_red .slider {
    background: #2e3091;
}

/* Mouse-over effects */

.slider:hover {
    opacity: 1;
    /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 20px;
    /* Set a specific slider handle width */
    height: 20px;
    /* Slider handle height */
    background-color: #FFF;
    /*background-color: transparent;*/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    /* Cursor on hover */
    border: 5px solid #333333;
    border-radius: 10px;
    position: relative;
}

.slider::-moz-range-thumb {
    width: 10px;
    /* Set a specific slider handle width */
    height: 10px;
    /* Slider handle height */
    background: #fff;
    cursor: pointer;
    /* Cursor on hover */
    border: 5px solid #333333;
    border-radius: 20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.guide_container .checkmark {
    width: 20px;
    /* Set a specific slider handle width */
    height: 20px;
    /* Slider handle height */
    background-color: #FFF;
    border: 5px solid #333333;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}

.guide_container.sliderColor_green .checkmark {
    border-color: #2e3091;
}

.guide_container.sliderColor_yellow .checkmark {
    border-color: #2e3091;
}

.guide_container.sliderColor_red .checkmark {
    border-color: #2e3091;
}

.sliderColor_green .slider::-webkit-slider-thumb {
    /*width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: url(../img/slider-smile.png);
  border: none;
  border-radius: none;*/
    border: 5px solid #f0da2c;
}

.sliderColor_yellow .slider::-webkit-slider-thumb {
    /*width: 30px;
  height: 30px;	
  background-color: transparent;
  background-image: url(../img/slider-frown.png);
  border: none;
  border-radius: none;*/
    border: 5px solid#2e3091;
}

.sliderColor_red .slider::-webkit-slider-thumb {
    /*width: 30px;
  height: 30px;	
  background-color: transparent;
  background-image: url(../img/slider-cry.png);
  border: none;
  border-radius: none;*/
    border: 5px solid #2e3091;
}

.sliderColor_green .slider::-moz-range-thumb {
    /*width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: url(../img/slider-smile.png);
  border: none;
  border-radius: none;*/
    border: 5px solid#2e3091;
}

.sliderColor_yellow .slider::-moz-range-thumb {
    /*width: 30px;
  height: 30px;	
  background-color: transparent;
  background-image: url(../img/slider-frown.png);
  border: none;
  border-radius: none;*/
    border: 5px solid #2e3091;
}

.sliderColor_red .slider::-moz-range-thumb {
    /*width: 30px;
  height: 30px;	
  background-color: transparent;
  background-image: url(../img/slider-cry.png);
  border: none;
  border-radius: none;*/
    border: 5px solid #2e3091;
}

.slider-blurb {
    width: 130px;
    color: #FFF;
    background-color: #333;
    position: absolute;
    /*bottom: -1.5em;;*/
    top: -1.5em;
    left: -55px;
    font-weight: 500;
    font-size: 1.5em;
}

.slider_no_emoji .slider-blurb {
    /*bottom: -1.3em;*/
    top: -1.5em;
}

@media (max-width: 1024px) {
    .slider-blurb,
    .slider_no_emoji .slider-blurb {
        bottom: unset;
        /*top: -1.5em;*/
    }
}

@media (max-width: 1024px) and (-ms-high-contrast:none) {
    .slider-blurb,
    .slider_no_emoji .slider-blurb {
        /*bottom: 48px; */
        top: -48px;
    }
}

.slider-blurb::after {
    position: absolute;
    bottom: -3px;
    left: calc(50% - 5px);
    transform: translateX(-50%);
    content: " ";
    width: 10px;
    height: 10px;
    font-size: 1px;
    background-color: #333;
    transform: rotate(135deg);
}

@media (max-width: 1024px) {
    .slider-blurb::after {
        position: absolute;
        top: unset;
        bottom: -3px;
        transform: rotate(135deg);
    }
}

@media (max-width: 1024px) and (-ms-high-contrast:none) {
    .slider-blurb::after {
        top: 30px;
    }
}

.sliderColor_green .slider-blurb,
.sliderColor_green .slider-blurb::after {
    background: #2e3091;
    color: #FFF;
}

.sliderColor_yellow .slider-blurb,
.sliderColor_yellow .slider-blurb::after {
    background: #2e3091;
    /*color: #000;*/
}

.sliderColor_red .slider-blurb,
.sliderColor_red .slider-blurb::after {
    background: #2e3091;
    /*color: #000;*/
}

.slider_control_button {
    font-weight: 600;
    line-height: 20px;
    width: 20px;
    height: 20px;
    transform: translateY(7px);
    vertical-align: top;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider_with_buttons {
    width: calc(100% - 40px);
}

@media all and (-ms-high-contrast:none) {
    input[type=range]::-ms-track {
        width: 100%;
        cursor: pointer;
        /* Hides the slider so custom styles can be added */
        background: transparent;
        border-color: transparent;
        color: transparent;
    }
    .slider {
        height: auto;
        background-color: transparent;
        border: none;
        padding: 8px 0 0;
    }
    body .sliderColor_green .slider {
        background: transparent;
    }
    body .sliderColor_yellow .slider {
        background: transparent;
    }
    body .sliderColor_red .slider {
        background: transparent;
    }
    .slider::-ms-thumb {
        width: 8px;
        /* Set a specific slider handle width */
        height: 8px;
        /* Slider handle height */
        background-color: #FFF;
        /*background-color: transparent;*/
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        /* Cursor on hover */
        border: 5px solid #333333;
        border-radius: 20px;
        position: relative;
    }
    .slider:focus::-ms-thumb {
        color: #000;
        background-color: #000;
    }
    .sliderColor_green .slider::-ms-thumb,
    .sliderColor_green input[type="range"]::-ms-thumb {
        border-color: #2e3091;
    }
    .sliderColor_yellow .slider::-ms-thumb,
    .sliderColor_yellow input[type="range"]::-ms-thumb {
        border-color: #2e3091;
    }
    .sliderColor_red .slider::-ms-thumb,
    .sliderColor_red input[type="range"]::-ms-thumb {
        border-color: #2e3091;
    }
    .slider::-ms-track {
        height: 18px;
        color: transparent;
        border: none;
    }
    .slider::-ms-ticks-before,
    .slider::-ms-ticks-after {}
    .slider::-ms-tooltip {
        display: none;
    }
    .slider::-ms-fill-lower {
        background-color: #000;
        height: 2px;
    }
    .slider::-ms-fill-upper {
        background-color: #000;
        height: 2px;
    }
    .sliderColor_green .slider::-ms-fill-lower,
    .sliderColor_green .slider::-ms-fill-upper {
        background: #2e3091;
    }
    .sliderColor_yellow .slider::-ms-fill-lower,
    .sliderColor_yellow .slider::-ms-fill-upper {
        background: #2e3091;
    }
    .sliderColor_red .slider::-ms-fill-lower,
    .sliderColor_red .slider::-ms-fill-upper {
        background: #2e3091;
    }
}

/*page indicator*/

.submissionFlowIndicator {
    list-style-type: none;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 2em;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .submissionFlowIndicator {
        white-space: normal;
    }
}

.submissionFlowIndicator li {
    /*width: 12%;*/
    width: 25%;
    vertical-align: top;
    margin-right: 2%;
    font-size: 0.9em;
    font-weight: 500;
    line-height: 1.1;
    position: relative;
    z-index: 2;
    white-space: normal;
}

.submissionFlowIndicator.rejectedFlowIndicator li {
    width: 32%;
}

.submissionFlowIndicator.submissionFlowIndicatorCat2 li {
    width: 19%;
}

@media (max-width: 767px) {
    .submissionFlowIndicator li {
        width: 32%;
        margin-right: 0;
        margin-bottom: 1em;
        box-sizing: border-box;
    }
}

.submissionFlowIndicator li:last-child {
    margin-right: 0;
}

.submissionFlowIndicator li .checkmark {
    display: block;
    margin: 0 auto 8px;
    width: 18px;
    height: 18px;
    font-size: 1px;
    border-radius: 20px;
    background: #FFF;
    border: 3px solid #FFF;
    box-sizing: border-box;
}

.submissionFlowIndicator li.current-page .checkmark {
    background: #f15a2b;
}

.submissionFlowIndicator::after {
    content: " ";
    font-size: 1px;
    position: absolute;
    top: 30px;
    transform: translateX(-50%);
    left: 54%;
    width: 82%;
    border-top: 2px solid #FFF;
}

.submissionFlowIndicator.rejectedFlowIndicator::after {
    width: 69%;
    left: 50%;
}

.submissionFlowIndicator.submissionFlowIndicatorCat2::after {
    width: 87%;
    left: 51%;
}

@media (max-width: 767px) {
    .submissionFlowIndicator::after {
        display: none;
    }
}

.submissionFlowIndicatorMobile {
    list-style-type: none;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 2em;
}

.submissionFlowIndicatorMobile li {
    display: none;
}

.submissionFlowIndicatorMobile li.current-page {
    display: block;
}

.submissionFlowIndicatorMobile li .submissionFlowCount {
    line-height: 50px;
    width: 50px;
    height: 50px;
    vertical-align: top;
    border-radius: 80px;
    font-weight: 500;
}

.submissionFlowIndicatorMobile li .indicator_copy {
    vertical-align: top;
    padding-left: 10px;
    width: calc(100% - 70px);
    padding-top: 16px;
    line-height: 1.1;
    font-weight: 500;
}

.submissionFlowIndicatorMobile li .indicator_copy small {
    font-size: 0.7em;
    font-weight: normal;
}

.white-box-no-style {
    background-color: transparent;
    padding: 0;
}

/*
.sliderColor_green {
	background-color: #f0da2c !important;
}

.sliderColor_yellow {
	background-color: #f3a72d !important;
}

.sliderColor_red {
	background-color: #f15a2b !important;
}
*/

#appliedAmount_wrunner .wrunner__value-note div::before {
    content: 'RM ';
}

.wrunner__scale-divisions-block_theme_default.wrunner__scale-divisions-block_direction_horizontal {
    display: none;
}

.wrunner__value-note_theme_default.wrunner__value-note_direction_horizontal {
    top: unset;
    bottom: 0;
    font-family: inherit;
    font-size: 1.5em;
    font-weight: 500;
    border-radius: 0;
    line-height: 1;
}

.wrunner__track_theme_default.wrunner__track_direction_horizontal {
    top: 0.5rem;
    height: 3px;
}

.wrunner__handle_theme_default.wrunner__handle_direction_horizontal {
    margin-top: -0.6rem;
}

.wrunner__value-note_theme_default.wrunner__value-note_direction_horizontal::after {
    border-top-color: transparent;
    bottom: unset;
    top: -0.25rem;
}

.wrunner__value-note_direction_horizontal.sliderColor_green::after {
    border-bottom-color: #2e3091 !important;
}

.wrunner__value-note_direction_horizontal.sliderColor_yellow::after {
    border-bottom-color: #2e3091 !important;
}

.wrunner__value-note_direction_horizontal.sliderColor_red::after {
    border-bottom-color: #2e3091 !important;
}

/*step 0*/

.formStep0_list li {
    margin-bottom: 1.6em;
    padding-left: 1em;
}

.step0_headline p.h4 {
    padding: 0.5em 1em 0;
}

@media (min-width: 768px) {
    ul.formStep0_list {
        padding: 0 1em;
        margin: 0;
    }
    .step0_headline p.h4 {
        padding: 0;
    }
}

/*
OTP stuff
*/

.otpGroup input[type=text],
.otpGroup input[type=number] {
    width: 12%;
    margin-right: 3%;
    display: inline-block;
}

@media (max-width: 640px) {
    .otpGroup input[type=text],
    .otpGroup input[type=number] {
        width: 14%;
        margin-right: 1%;
        display: inline-block;
    }
}

.otpGroup #otpEnter6 {
    margin-right: 0;
}

/*secret queston stuff*/

.secret-form-group {
    padding: 1em 0.8em 0.8em;
    margin-bottom: 1px;
}

.secret-form-group:nth-child(odd) {
    background-color: #f3f3f3;
}

.secret-form-group:nth-child(even) {
    background-color: #e9e9e9;
}

.secret-form-group .isinar_survey_radio {
    margin-left: 1em;
}

.secret-questions-numbering {
    width: 1.25em;
    vertical-align: top;
}

.secret-questions-question {
    width: calc(100% - 2.5em);
    vertical-align: top;
}

/*confirmation page*/

.confirmation-table table tr td {
    padding: 0.5em 1em;
    border: none;
    font-size: 0.95em;
}

@media (min-width: 768px) {
    .confirmation-table table tr td {
        padding: 0.5em 2em;
    }
}

.confirmation-table table tr td:nth-child(2) {
    font-weight: 500;
}

@media (min-width: 768px) {
    .confirmation-table table tr td:nth-child(2) {
        width: 55%;
    }
}

.confirmation-table tbody tr:nth-child(odd) {
    background-color: #fff3e5;
}

.printPage {
    position: absolute;
    right: 0;
}

@media (max-width: 767px) {
    .printPage {
        top: 0;
    }
}

@media print {
    .not-for-print {
        display: none !important;
    }
    .withdrawal-form-area {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .first-payment-table-container {
        margin: 0 auto;
        /*width: 90%;*/
    }
}

.first-payment-table tbody tr:nth-of-type(2n+1) {
    background-color: #fff5e9;
}

.first-payment-table tbody tr td {
    border-top: none;
}

@media (min-width: 768px) {
    .first-payment-table tr td:nth-child(1) {
        /*padding-left: 2em;*/
    }
    .first-payment-table tr td:nth-child(3) {
        /*padding-right: 2em;*/
    }
}

.confirmation-payment-table tr td {
    border-color: #000;
    font-weight: 500;
}

@media (max-width: 767px) {
    .confirmation-payment-table tr td {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .confirmation-payment-table tr td:nth-child(1) {
        padding-left: 1em;
        padding-right: 2em;
    }
    .confirmation-payment-table tr td:nth-child(3) {
        padding-right: 2em;
    }
}

/*infographic pages*/

.langkah1_tabs {
    list-style-type: none;
    padding: 0;
    white-space: nowrap;
}

.langkah1_tabs li {
    vertical-align: top;
    white-space: normal;
    margin-bottom: 1em;
}

.langkah1_tabs li a {
    display: block;
    background-color: #4e4e4e;
    padding: 13px 15px 15px;
}

.langkah1_tabs li a:hover {
    text-decoration: none;
}

.langkah1_tabs li a.is-active {
    background-color: #f0592a;
}

@media (min-width: 768px) {
    .langkah1_tabs li {
        width: 30%;
    }
    .langkah1_tabs li:nth-child(2) {
        margin-left: 4.5%;
        margin-right: 4.5%;
    }
}

@media (max-width: 767px) {
    .langkah1_tabs li a {
        display: none;
    }
    .langkah1_tabs li a.is-active,
    .langkah1_tabs li a.is-temporary-active {
        display: block;
    }
}

.langkah1_tab_title {
    font-size: 1.2em;
    line-height: 1.1;
    margin-top: 5px;
}

.langkah1_tab_budget {
    font-size: 2em;
    line-height: 1;
}

.langkah_1_tab_additional {
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .langkah_1_tab_additional {
        height: 32px;
    }
}

.langkah1_content_container {
    background-color: #ffefdb;
    padding: 1.8em 0em;
    position: relative;
    margin-top: 1em;
}

.langkah1_content_container::before {
    content: " ";
    position: absolute;
    width: 38px;
    height: 38px;
    background-color: #ffefdb;
    transform: rotate(45deg);
    top: -18px;
    /*left: calc(50% - 19px);*/
}

#langkah1_content1::before {
    left: calc(15% - 19px);
}

#langkah1_content2::before {
    left: calc(50% - 19px);
}

#langkah1_content3::before {
    left: calc(85% - 19px);
}

@media (min-width: 768px) {
    .langkah1_content_container {
        padding: 1.8em 1em;
    }
}

@media (max-width: 767px) {
    #langkah1_content1::before,
    #langkah1_content3::before {
        left: calc(50% - 19px);
    }
}

.langkah1_copy {
    line-height: 37px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 767px) {
    .langkah1_copy_copy {
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 60px);
    }
}

.langkah1_components {
    padding: 0 1.8em;
}

.langkah1_components .row .langkah1_img {
    vertical-align: middle;
    margin-right: 1em;
    width: 39px;
}

.langkah1_components .row:nth-child(odd) {
    background-color: #fff7ec;
}

.langkah1_components .row:nth-child(even) {
    background-color: #fffefc;
}

.langkah1_components .row.row-total {
    background-color: #d5c4b0;
    font-size: 1.2em;
}

.programmes-table {
    border-color: #000;
}

.programmes-table th {
    font-weight: 500;
    font-size: 1.1em;
}

.programmes-table td {
    vertical-align: middle;
    border-color: #000;
    font-weight: 500;
}

.programmes-table td a {
    /*word-break: break-all;*/
}

.programmes-table td {
    padding-top: 1em;
    padding-bottom: 1em;
}

.programmes-table tbody tr.odd-color td {
    background-color: #fff5e9;
}

.programmes-table tbody tr.even-color td {
    background-color: #fff9f1;
}

.programmes-table td.width62 {
    width: 62%;
}

.langkah2_img_container {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.langkah2_copy-container {
    line-height: 1.2;
    padding-bottom: 0.5em;
}

@media (min-width: 768px) {
    .langkah2_img_container {
        width: 138px;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }
    .langkah2_copy-container {
        width: calc(100% - 148px);
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/*opening submission page*/

.opening_list {
    list-style-type: none;
    padding: 0;
    white-space: nowrap;
    position: relative;
    margin-top: 2em;
}

.opening_list::before {
    content: " ";
    position: absolute;
    width: 2px;
    border-left: 2px solid #000;
    height: 80%;
    left: 18px;
    top: 11%;
    font-size: 1px;
}

@media (min-width: 768px) {
    .opening_list::before {
        width: 80%;
        border-top: 2px solid #000;
        border-left: none;
        height: 2px;
        top: 13px;
        left: 11%;
    }
}

.opening_list li {
    white-space: normal;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 0.5em;
    font-weight: 500;
    text-align: left;
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    .opening_list li {
        width: 25%;
        text-align: center;
        margin-bottom: 0;
    }
}

.opening_list_numbering {
    width: 23px;
    height: 23px;
    border-radius: 30px;
    line-height: 23px;
    font-size: 0.8em;
    margin-right: 0.5em;
    position: relative;
    text-align: center;
    z-index: 2;
}

@media (min-width: 768px) {
    .opening_list_numbering {
        margin-right: 0;
        margin-bottom: 1em;
    }
}

.opening_list_copy {
    text-align: left;
    line-height: 1.2;
    width: calc(100% - 40px);
    vertical-align: middle;
}

@media (min-width: 768px) {
    .opening_list_copy {
        text-align: center;
        width: 100%;
    }
}

.langkah3_list {
    list-style-type: none;
    padding: 0;
    margin-top: 1em;
}

.langkah3_list li {
    margin-bottom: 1.6em;
}

.langkah3_img_container {
    width: 70px;
    vertical-align: middle;
    margin-right: 10px;
}

.langkah3_text_container {
    width: calc(100% - 95px);
    vertical-align: middle;
}

/*impact bubble*/

.impactBubble {
    background-color: #ffeed9;
    position: relative;
    padding: 1em 1em 0;
    border-radius: 30px;
    border: 3px solid #f05a2b;
    box-shadow: 4px 4px #ebe6e2;
    margin-bottom: 73px;
}

.impactBubble_mascot {
    position: absolute;
    bottom: -73px;
    right: 10%;
}

/*hide number arrows*/

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

/*succes page fix*/

@media (min-width: 768px) {
    #success-form {
        /*min-height: calc(100vh - 185px);*/
        min-height: calc(100vh - 195px);
    }
}

/*last inute changes*/

.header-logo {
    display: inline-block;
}

.elya-box {
    padding: 0 1em 0;
    background-color: #cbebf5;
    border-radius: 30px;
}

@media (max-width: 767px) {
    .elya-box {
        padding: 1em 1em 0;
        border-radius: 30px;
        text-align: center;
    }
}

.elya-box-container {
    width: calc(100% - 220px);
    padding-left: 1.5em;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .elya-box-container {
        width: 100%;
        padding-left: 0;
        display: block;
        text-align: center;
        padding-bottom: 1em;
    }
}

.elya-box-with-padding {
    padding: 1em;
}

.elya-box-container p {
    margin-bottom: 0;
    line-height: 1.5;
}

.perkara-penting {
    border-radius: 20px;
    background-color: #e5e6e7;
    padding-bottom: 1.5em;
}

.perkara-penting-headline {
    border-radius: 20px 20px 0 0;
    /*background-color: #2358a7;*/
    padding: 1em 1em 0;
    line-height: 1;
    font-weight: 600;
}

.perkara-penting-item {
    position: relative;
    padding-left: 32px;
    padding-right: 0.5em;
    padding-top: 0;
    margin-top: 1em;
    width: 45%;
    line-height: 1;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .perkara-penting-item {
        width: calc(100% - 2em);
        margin-left: 1em;
        margin-right: 1em;
        margin-bottom: 1em;
    }
}

.perkara-penting-item .checkmark {
    position: absolute;
    left: 0;
    top: 0;
}

.perkara-penting-item:nth-child(2) {
    border-right: 3px dotted #000;
    margin-right: 0.5em;
}

@media (max-width: 767px) {
    .perkara-penting-item:nth-child(2) {
        border-right: none;
    }
}

.bank-checkbox {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.bank-checkbox li {
    position: relative;
    padding-left: 32px;
    display: inline-block;
    min-height: 35px;
    padding-right: 1em;
}

.bank-checkbox li .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 24px;
}

.paymentCounter {
    color: #FFF;
    font-size: 12px;
    background-color: #000;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    border-radius: 30px;
    text-align: center;
}

.success-elya {
    background: rgb(168, 205, 236);
    background: linear-gradient(48deg, rgba(168, 205, 236, 1) 0%, rgba(202, 201, 226, 1) 100%);
    padding: 1em 1em 0;
    border-radius: 30px;
}

@media (max-width: 767px) {
    .success-elya img {
        width: 80%;
    }
}

@media (min-width: 1024px) {
    .success-elya {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    .success-elya-copy {
        width: calc(100% - 450px);
        vertical-align: middle;
    }
    .success-elya img {
        /*width: 280px;*/
        transform-origin: 50% bottom;
        transform: scale(1.2);
    }
}

/*last minutue stuff again*/

.amount_slider_additional {
    width: calc(100% - 42px);
    padding-left: 10px;
    vertical-align: middle;
}

.slider-i-logo {
    vertical-align: middle;
}

.slider-i-logo-landing {
    width: 20px;
    height: 20px;
    background-color: #FFF;
    border-radius: 40px;
    margin-top: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 640px) {
    .slider-i-logo-landing {
        right: 5px;
    }
}

.slider-last-minute {
    padding: 1em 2em;
    background-color: #fff2bb;
    border-radius: 30px;
}

/*new check status*/

.result_cube {
    width: 100%;
    max-width: 375px;
    margin: 2em auto;
    border-radius: 30px;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
}

.result_cube_icon {
    padding: 35px 15px;
    border-radius: 30px 30px 0 0;
}

.result_cube_icon img {
    height: 168px;
}

.result_cube_success .result_cube_icon {
    background: rgb(138, 197, 63);
    background: linear-gradient(144deg, rgba(138, 197, 63, 1) 0%, rgba(21, 164, 74, 1) 100%);
}

.result_cube_rejected .result_cube_icon {
    background: rgb(239, 62, 54);
    background: linear-gradient(144deg, rgba(239, 62, 54, 1) 0%, rgba(196, 33, 47, 1) 100%);
}

.result_cube_cancelled .result_cube_icon {
    background: rgb(129, 130, 133);
    background: linear-gradient(144deg, rgba(129, 130, 133, 1) 0%, rgba(73, 73, 75, 1) 100%);
}

.result_cube_submitted .result_cube_icon {
    background: rgb(35, 169, 225);
    background: linear-gradient(144deg, rgba(35, 169, 225, 1) 0%, rgba(21, 124, 192, 1) 100%);
}

.result_cube_notfound .result_cube_icon {
    background: rgb(247, 148, 29);
    background: linear-gradient(144deg, rgba(247, 148, 29, 1) 0%, rgba(242, 97, 41, 1) 100%);
}

.result_cube_copy {
    padding: 1.5em 1em;
    background-color: #FFF;
    border-radius: 0 0 30px 30px;
}

.result_cube_success .result_cube_copy {
    color: #39b54a;
}

.result_cube_rejected .result_cube_copy {
    color: #ed1c24;
}

.result_cube_cancelled .result_cube_copy {
    color: #58585a;
}

.result_cube_submitted .result_cube_copy {
    color: #25aae1;
}

.result_cube_notfound .result_cube_copy {
    color: #f1592a;
}

.status_message_container {
    margin: 0 auto;
    max-width: 500px;
}

@media (max-width: 640px) {
    .survey-bottom-button {
        margin-top: 1em;
    }
}

/*cat 2 style*/

.isinar_file_input {
    display: block;
    border: 1px solid #b2b2b2;
    border-radius: .25em;
    background-color: #f1f1f1;
    padding: 0.5em 1em;
}

.has_error .isinar_file_input {
    /*border-color: #b33f40;*/
}

.isinar_file_input .file-button {
    background-color: #cbcbcb;
    border: 1px solid #cbcbcb;
    border-radius: .25em;
    padding: 0.2em 0.5em;
    vertical-align: middle;
    width: 80px;
    text-align: center;
}

.isinar_file_input .sinar_file_name {
    text-align: left;
    /*width: calc(100% - 85px);*/
    width: calc(100% - 170px);
    word-break: break-all;
}

@media (max-width: 640px) {
    .isinar_file_input .sinar_file_name {
        width: 99%;
        overflow: hidden;
    }
}

.sinar_file_group canvas {
    max-width: 100%;
}

.sinar_remove_file {
    display: none;
}

/*chnage status last minute changes again*/

.new_status_cube {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #c6cbe5;
    padding-top: 15px;
    border-radius: 60px;
}

@media (min-width: 1200px) {
    .new_status_cube {
        padding-top: 0;
        padding-left: 0;
        padding-right: 3em;
        margin-top: 3em;
    }
}

.result_elya_image {
    transform-origin: bottom left;
}

@media (min-width: 1200px) {
    .result_elya_cube_notfound .result_elya_message_container {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 454px);
    }
    .result_elya_cube_notfound .elya_result_blurb_text {
        vertical-align: middle;
        width: calc(100% - 155px);
        padding-left: 0.5em;
    }
}

@media (min-width: 1200px) {
    .result_elya_cube_notfound .result_elya_image {
        transform: scale(1.05) translateX(-50px);
        vertical-align: middle;
        border-bottom-left-radius: 30px;
    }
}

.elya_result_blurb {
    border-radius: 60px;
    padding: 1em 2em;
}

@media (min-width: 1200px) {
    .elya_result_blurb {
        border-radius: 100px;
    }
}

.result_elya_cube_notfound .elya_result_blurb {
    background: rgb(247, 146, 29);
    background: linear-gradient(144deg, rgba(247, 146, 29, 1) 0%, rgba(241, 94, 41, 1) 100%);
}

@media (min-width: 1200px) {
    .result_elya_cube_submitted .result_elya_message_container {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 454px);
    }
    .result_elya_cube_submitted .elya_result_blurb_text {
        vertical-align: middle;
        width: calc(100% - 155px);
        padding-left: 0.5em;
    }
}

@media (min-width: 1200px) {
    .result_elya_cube_submitted .result_elya_image {
        transform: scale(1.05) translateX(-50px);
        vertical-align: middle;
        border-bottom-left-radius: 30px;
    }
}

.result_elya_cube_submitted .elya_result_blurb {
    background: rgb(36, 168, 224);
    background: linear-gradient(144deg, rgba(36, 168, 224, 1) 0%, rgba(16, 119, 188, 1) 100%);
}

@media (min-width: 1200px) {
    .result_elya_cube_rejected .result_elya_message_container {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 454px);
    }
    .result_elya_cube_rejected .elya_result_blurb_text {
        vertical-align: middle;
        width: calc(100% - 155px);
        padding-left: 0.5em;
    }
}

@media (min-width: 1200px) {
    .result_elya_cube_rejected .result_elya_image {
        transform: scale(1.05) translateX(-50px);
        vertical-align: middle;
        border-bottom-left-radius: 30px;
    }
}

.result_elya_cube_rejected .elya_result_blurb {
    background: rgb(240, 89, 43);
    background: linear-gradient(144deg, rgba(240, 89, 43, 1) 0%, rgba(160, 32, 99, 1) 100%);
}

@media (min-width: 1200px) {
    .result_elya_cube_success .result_elya_message_container {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 454px);
    }
    .result_elya_cube_success .elya_result_blurb_text {
        vertical-align: middle;
        width: calc(100% - 155px);
        padding-left: 0.5em;
    }
}

@media (min-width: 1200px) {
    .result_elya_cube_success .result_elya_image {
        transform: scale(1.05);
        vertical-align: middle;
    }
}

.result_elya_cube_success .elya_result_blurb {
    background: rgb(138, 197, 63);
    background: linear-gradient(144deg, rgba(138, 197, 63, 1) 0%, rgba(13, 162, 75, 1) 100%);
}

@media (min-width: 1200px) {
    .result_elya_cube_success2 .result_elya_message_container {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 454px);
    }
    .result_elya_cube_success2 .elya_result_blurb_text {
        vertical-align: middle;
        width: calc(100% - 155px);
        padding-left: 0.5em;
    }
}

@media (min-width: 1200px) {
    .result_elya_cube_success2 .result_elya_image {
        transform: scale(1.05) translateX(-18px);
        vertical-align: middle;
    }
}

.result_elya_cube_success2 .elya_result_blurb {
    background: rgb(99, 49, 145);
    background: linear-gradient(144deg, rgba(99, 49, 145, 1) 0%, rgba(46, 54, 145, 1) 100%);
}

@media (min-width: 1200px) {
    .result_elya_cube_cancelled .result_elya_message_container {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 454px);
    }
    .result_elya_cube_cancelled .elya_result_blurb_text {
        vertical-align: middle;
        width: calc(100% - 155px);
        padding-left: 0.5em;
    }
}

@media (min-width: 1200px) {
    .result_elya_cube_cancelled .result_elya_image {
        transform: scale(1.05);
        vertical-align: middle;
    }
}

.result_elya_cube_cancelled .elya_result_blurb {
    background: rgb(129, 130, 133);
    background: linear-gradient(144deg, rgba(20, 167, 154, 1) 0%, rgba(12, 150, 74, 1) 100%);
    padding-left: 1em;
    padding-right: 1em;
}

.elya_custom_message {
    margin-top: 1em;
}

.fake_elya_notfound {
    width: 448px;
    height: 360px;
    background-position: top center;
    background-repeat: no-repeat;
    vertical-align: middle;
    transform: scale(1.05);
    transform-origin: bottom left;
}

/*ne wlanding page*/

.landing-icons-container {
    background-color: #FFF;
    border-radius: 30px;
    padding: 3em 2em;
    box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.4);
    /*max-width: 860px;*/
    margin: 3em auto 3em;
}

@media (max-width: 767px) {
    .landing-icons-container {
        margin: 2em auto 2em;
        padding: 2em 1em 1em;
    }
}

.landing-icons-container a {
    color: #333;
}

.landing-icons {
    /*margin: 0 1em;*/
    border-radius: 30px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.4);
}

@media (max-width: 1023px) {
    .landing-icons {
        margin-bottom: 2em;
    }
}

.landing-icon {
    padding: 2em;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

.landing-icon img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .landing-icon img {
        max-width: 180px;
    }
}

.landing-icon-submit {
    background: rgb(246, 146, 30);
    background: linear-gradient(281deg, rgba(246, 146, 30, 1) 0%, rgba(251, 85, 75, 1) 100%);
}

.landing-icon-check {
    background: rgb(41, 170, 225);
    background: linear-gradient(281deg, rgba(41, 170, 225, 1) 0%, rgba(0, 168, 156, 1) 100%);
}

.landing-icon-amend {
    background: #3e2286;
    background: linear-gradient(281deg, #3e2286 0%, #7e23cf 100%);
}

.landing-icon-cancel {
    background: #474757;
    background: linear-gradient(281deg, #474757 0%, #555f70 100%);
}

.landing-icon-copy {
    padding: 20px 15px;
}

.kwsp-bordered-button {
    background-color: #FFF;
    border: 5px solid #f0592a;
    color: #333;
    font-weight: 600;
    font-size: 1.2em;
}

.kwsp-bordered-button img {
    height: 60px;
}

.landing-selection {
    border-radius: 30px;
    overflow: hidden;
    padding: 2px;
    background: rgb(211, 20, 90);
    background: linear-gradient(90deg, rgba(211, 20, 90, 1) 0%, rgba(249, 89, 36, 1) 100%);
}

.middle-atau {
    margin: 1em 0;
}

@media (min-width: 768px) {
    .middle-atau {
        transform: translateY(100%);
        margin: 0;
    }
}

.file-list-table {
    text-align: left;
}

.file-list-table tr {
    background-color: #f4f5f5;
}

@media (max-width: 767px) {
    .file-list-table td {
        font-size: 14px;
        word-break: break-all;
    }
}

.print-buttons {
    min-width: 200px;
    padding: 1em;
    text-align: left;
}

.print-buttons .iconic-button-copy {
    width: calc(100% - 25px);
    vertical-align: middle;
    text-align: center;
}

.slider_no_emoji .slider-blurb.special {
    /*bottom: -2.1em;*/
    top: -2.1em;
}

@media (max-width: 1024px) {
    .slider_no_emoji .slider-blurb.special {
        top: -2.2em;
        bottom: unset;
    }
}

.landing-special-buttons {
    display: inline-block;
    padding: 7px;
    border-radius: 30px;
    width: 150px;
    margin: 0 5px;
    cursor: pointer;
    border: 2px solid transparent;
}

.landing-special-buttons:hover {
    border-color: #a7a7a7;
}

.landing-special-buttons.is-active {
    background-color: #89c241;
    color: #FFF;
    border-color: #89c241;
}

.landing-special-buttons .special-icon-copy {
    vertical-align: middle;
    width: calc(100% - 36px);
    font-weight: 600;
    color: #333;
}

.landing-special-buttons.is-active .special-icon-copy {
    color: #FFF;
}

.the-special-icon {
    font-size: 32px;
    vertical-align: middle;
    visibility: hidden;
}

.special-icon-container {
    width: 32px;
    height: 32px;
    border-radius: 34px;
    vertical-align: middle;
    background-color: #a7a7a7;
}

.landing-special-buttons.is-active .the-special-icon {
    color: #FFF;
    visibility: visible;
}

.landing-special-buttons.is-active .special-icon-container {
    background-color: transparent;
}

.landing-special-buttons-container {
    padding: 15px;
    border-radius: 30px;
}

.landing-special-buttons-container.has_error {
    border: 1px solid #F00;
}

.landingTidakContainer {
    position: relative;
}

@media (max-width: 640px) {
    .landingTidakContainer .tooltipSource {
        position: absolute;
        right: 0;
        top: 30%;
    }
    .landingTidakContainer {
        max-width: 205px;
        margin-left: auto;
        margin-right: auto;
    }
}

.file-error-message {
    color: #b33f40;
    font-style: italic;
    display: none;
    font-size: 0.8em;
    padding-left: 10px;
    font-weight: 600;
    margin-bottom: 1em;
}

.file-has-error .file-error-message {
    display: block;
}

.file-has-error .isinar_file_input {
    border: 1px solid #F00;
}

/*amendment*/

.amendment-input-group {}

.amendment-group {
    border-radius: 15px;
    border: 1px solid #CCC;
    margin: 1em 45px;
}

@media (max-width: 640px) {
    .amendment-group {
        margin: 15px;
    }
}

.amendment-edit-section {
    padding-left: 5px;
}

@media (max-width: 640px) {
    .amendment-edit-section {
        padding-left: 0;
    }
}

.amendment-checkbox-section {
    padding: 1em 18px;
}

.amendment-checkbox-section label.amendment-checkbox {
    cursor: pointer;
}

.amendment-checkbox-section label.amendment-checkbox {
    position: relative;
    padding-left: 36px;
}

.amendment-checkbox-section label.amendment-checkbox-fake {
    position: relative;
    padding-left: 36px;
}

.amendment-checkbox-section label.amendment-checkbox-fake .checkmark {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0.4em;
    border: 1px solid #CCC;
    display: block;
    background-color: #FFF;
}

.amendment-checkbox-section label.amendment-checkbox-fake .checkmark:after {
    content: ' ';
    font-size: 1px;
    position: absolute;
    width: 25px;
    height: 24px;
    background-image: url(../img/check.png);
    bottom: 2px;
    right: -11px;
    display: block;
}

.amendment-checkbox-section label.amendment-checkbox .checkbox-title {
    padding-top: 5px;
}

.amendment-checkbox-section label.amendment-checkbox .checkmark {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0.4em;
    border: 1px solid #CCC;
    display: block;
    background-color: #FFF;
}

.amendment-checkbox-section label.amendment-checkbox input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}

.amendment-checkbox-section label input:checked~.checkmark {
    border: 1px solid #CCC;
}

.amendment-checkbox-section label input:checked~.checkmark:after {
    content: ' ';
    font-size: 1px;
    position: absolute;
    width: 25px;
    height: 24px;
    background-image: url(../img/check.png);
    bottom: 2px;
    right: -11px;
    display: block;
}

.amendment-checkbox-section label.amendment-checkbox .checkmark {
    border: 1px solid #CCC;
}

.amendment-edit-section select:disabled {
    color: #000;
}

.important-note-list {
    padding-left: 0;
}

.important-note-list li {
    padding-left: 1em;
    padding-bottom: 1em;
}

.important-note-list li li {
    padding: 0;
}

@media (max-width: 640px) {
    .important-note-list li {
        padding: 0;
    }
}

.blue-invert {
    background-color: #2e3091 !important;
    color: #FFF !important;
}

.long-select {
    width: calc(100% - 40px);
    padding: 0 .75rem;
    overflow: hidden;
    height: 46px;
    line-height: 46px;
    white-space: nowrap;
}

.long-select-short {
    width: 100%;
}

/*PO checkbox*/

/* Customize the label (the container) */

.icitra_po_checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}

/* Hide the browser's default radio button */

.icitra_po_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */

.icitra_po_checkbox .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #0045bd;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */

.icitra_po_checkbox:hover input~.checkmark {
    background-color: transparent;
}

/* When the radio button is checked, add a blue background */

.icitra_po_checkbox input:checked~.checkmark {
    background-color: transparent;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.icitra_po_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.icitra_po_checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.icitra_po_checkbox .checkmark:after {
    top: -1px;
    left: 2px;
    width: 20px;
    height: 10px;
    transform: rotate(135deg);
    border-right: 4px solid #0045bd;
    border-top: 4px solid #0045bd;
    content: " ";
    position: absolute;
    display: none;
}

@media (min-width: 641px) {
    .white-box .amount-border-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .white-box .amount-border-box .form-group {
        padding: 25px;
    }
}

body .absolute-none {
    display: none !important;
}

.icitra-status-orange {
    background-color: orange;
    background: linear-gradient(259.512041877deg, rgba(247, 145, 30, 1) 4%, rgba(241, 93, 40, 1) 97%);
}

.icitra-status-blue {
    background-color: blue;
    background: linear-gradient(258.325131190249deg, rgba(21, 120, 190, 1) 0%, rgba(34, 167, 223, 1) 98%);
}

.icitra-light-green {
    background-color: green;
    background: linear-gradient(254.511889526985deg, rgba(14, 148, 70, 1) 4%, rgba(24, 167, 154, 1) 95%);
}

.icitra-status-green {
    background-color: green;
    background: linear-gradient(246.456555132563deg, rgba(113, 190, 66, 1) 8%, rgba(26, 165, 74, 1) 86%);
}

.icitra-status-red {
    background-color: red;
    background: linear-gradient(250.676815681838deg, rgba(231, 82, 51, 1) 9%, rgba(167, 37, 94, 1) 89%);
}

.icitra-status-silver {
    background-color: gray;
    background: linear-gradient(251.052784166393deg, rgba(126, 128, 127, 1) 5%, rgba(170, 170, 170, 1) 95%);
}

@media (max-width: 640px) {
    body .white-box-mobile-no-padding {
        padding-left: 0;
        padding-right: 0;
    }
}

.payment_table_group .col-6 {
    max-width: 50%;
}

.col-no-padding-right {
    padding-right: 0;
}

.col-no-padding-left {
    padding-left: 0;
}

.custom-sel select option {
    font-size: 1rem;
}

@media screen and (max-width: 376px) {
    .white-box.white-box-4-pages {
        max-width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        padding-left: 5px;
        padding-right: 5px;
    }
    #finalsubmissioncaptcha div:first-child {
        margin: 0 auto;
    }
}