section.yourgateway {
    padding: 72px 0;
    background-image:linear-gradient(180deg, #FFF 0%, #F3F5FE 25%, #EBEEFD 100%);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.yourgateleft> span {
    color: #597BF7;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.yourgateleft h1 {
    color: var(--text-gray-900, #101828);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
    margin-bottom: 24px;
}
.yourgateleft h1 span {
    color: var(--text-gray-900, #101828);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    text-transform: capitalize;
}
.yourgateleft p {
    color: var(--Text-Grey-800, #1D2939);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.yourgateright {
    border-radius: 6px;
    background: var(--White, #FFF);
    box-shadow: 0px 4px 16px 0px #D5D7E3;
    padding: 24px;
}
p.descaimer {
    color: var(--Text-Grey-800, #1D2939);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    background: var(--Text-Grey-100, #F2F4F7);
    padding: 4px 8px;
}
p.descaimer span {
    color: var(--Text-Grey-600, #475467);
}
.yourgateright .enquireform_ttl p {
    color: var(--Theme-Dark-Blue-900, #17162C);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
.yourgateright .enquireform_ttl p span {
    display: inline-block;
    color: var(--Theme-Dark-Blue-900, #17162C);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}
.yourgateleft_inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.yourgateleft_inner p {
    color: var(--Text-Grey-500, #5D667B);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.yourgateleft_inner p span {
    font-weight: 700;
}
label.question_lbl {
    color: var(--Text-Grey-500, #5D667B);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
}
.formsignup textarea,.formsignup textarea:focus {
    min-height: 114px;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #D0D5DD;
}
.formsignup {
    font-size: 14px;
    max-height: 500px;
    overflow-y: auto;
}
.formsignup label.form-check-label {
    cursor: pointer;
    color: var(--Text-Grey-500, #344054);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.formsignup .form-check-input[type=radio],.formsignup .form-check-input[type=checkbox] {
    border-color: #D0D5DD;
}
.formsignup  .form-check {
    margin-bottom: 12px;
}
.likely {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}
.likely> span {
    margin-bottom: 15px;
    color: var(--Text-Grey-500, #5D667B);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.radio_inner {
    display: flex;
    border-radius: 8px;
    border: 1px solid #EAECF0;
    background: var(--White, #FFF);
    justify-content: space-between;
    align-items: center;
    padding: 11px 36px;
    margin-top: 30px;
    flex: 1;
}
.radio_inner .form-check.form-check-inline {
    margin: 0;
    position: relative;
}
.radio_inner .form-check.form-check-inline .form-check-input[type=radio] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.radio_inner .form-check.form-check-inline label.form-check-label {
    position: absolute;
    top: -34px;
    left: 4px;
    color: var(--Text-Grey-500, #5D667B);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.formsignup .form-check-input:focus{
    box-shadow: none;
}
.formsignup_wrap .enquireform_ttl {
    position: relative;
    padding-bottom: 16px;
    position: sticky;
    top: 0;
    padding: 24px 24px 0px 24px;
}
.formsignup_wrap.yourgateright {
    padding: 0px;
}
.formsignup {
    font-size: 14px;
    max-height: 500px;
    overflow-y: auto;
    padding: 24px 24px 24px 24px;
}
section.yourgateway{
    padding: 46px 0;
}
@media (max-width: 767px) {
    .yourgateleft  h1, .yourgateleft  h1 span {
        font-size: 36px;
    }
    section.yourgateway,section.why_choose,section.why_become,section.why_examprep,section.faq_bottom,section.bethefirst {
        padding: 32px 0;
    }
    section.why_choose h2,section.why_choose h2 span,section.why_choose h2,section.why_choose h2 span,section.why_become h2,section.why_become h2 span,.why_examprep_inner h2,.why_examprep_inner h2 span,section.faq_bottom h2.faq_ttl,.befirst_inner h2,.befirst_inner h2 span{
        font-size: 32px;
        line-height: 30px;
    }
    section.nextstep {
        margin-top: 30px;
    }
}