body.page{
    padding: 3.75rem 0 2.5rem;
    background: linear-gradient(180deg, #EFF4FF 32.79%, #FFFFFF 77.9%);
}
body.page main .breadcrumbs{
    padding: 1rem 0 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
@media (min-width: 768px){
    body.page main .breadcrumbs{
        padding: 2rem 0 0.75rem;
    }
}
body.page main .breadcrumbs a{
    text-decoration: none;
}
body.page main .breadcrumbs a, body.page main .breadcrumbs span{
    color: #475467;
    line-height: 1;
    font-size: 0.875rem;
    font-weight: 500;
    display: block;
}
body.page main .breadcrumbs .separator{
    color: #D0D5DD;
    font-size: 1rem;
    line-height: 1;
}
body.page main .breadcrumbs a i{
    font-size: 1.25rem;
    color: #667085;
}
@media (min-width: 768px) {
    body.page main .top-info {
        max-width: 75%;
    }
}
body.page main h1{
    color: #101828;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.26;
    margin-top: 0;
    margin-bottom: 0.313rem;
}
body.page main .page-description{
    color: #667085;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}
body.page main .left-right-box{
    padding: 2rem 0 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}
body.page main .left-right-box .left{
    order: 1;
}
body.page main .left-right-box .right{
    order: 0;
}
@media (min-width: 768px){
    body.page main .left-right-box {
        padding: 7.5rem 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 2rem;
    }
    body.page main .left-right-box > div{
        width: calc(50% - 1rem);
    }
    body.page main .left-right-box .left{
        order: 0;
    }
    body.page main .left-right-box .right{
        order: 1;
    }
}
@media (min-width: 1200px){
    body.page main .left-right-box {
        gap: 6rem;
    }
    body.page main .left-right-box > div{
        width: calc(50% - 3rem);
    }
}
body.page main .left-right-box .label{
    color: #004EEB;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1rem;
}
body.page main .left-right-box h2{
    color: #101828;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.26;
    margin-bottom: 1rem;
}
body.page main .left-right-box .content{
    color: #475467;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.55;
}
body.page main .page-wrap{
    padding: 2rem 0 4rem;
}
body.page main .page-wrap a{
    color: #00A9E0;
}
body.page main .page-wrap a:hover{
    text-decoration: none;
}
body.page main form .form-group{
    align-items: flex-start;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}
body.page main form label{
    color: #374154;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}
body.page main form .form-control{
    background: #ffffff;
    border: 0.063rem solid #cdd5e0;
    border-radius: 0.25rem;
    height: 2.75rem;
    padding: 0.625rem 1rem;
    width: 100%;
    display: block;
    color: #21293a;
    font-size: 0.75rem;
    position: relative;
}
body.page main form textarea{
    min-height: 5.25rem;
}
body.page main form .custom-checkbox{
    min-height: 1.3125rem;
    padding-left: 1.5rem;
    margin-bottom: 2rem;
    cursor: pointer;
}
body.page main form .custom-checkbox .form-check{
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    padding: 0;
    position: relative;
}
body.page main form .custom-checkbox .custom-control-input{
    position: absolute;
    left: 0;
    opacity: 0;
    display: inline-block;
    font-size: 1rem;
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
    z-index: -1;
    margin: 0;
}
body.page main form .custom-checkbox .custom-control-label{
    line-height: 1.75;
    font-size: 0.75rem;
    font-weight: 400;
    cursor: pointer;
}
body.page main form .custom-checkbox .custom-control-label:before{
    content: '';
    display: block;
    height: 1rem;
    left: -1.5rem;
    position: absolute;
    top: 0.125rem;
    width: 1rem;
    background-color: #ffffff;
    border: 0.063rem solid #98a3b7;
    pointer-events: none;
    border-radius: 0.25rem;
}
body.page main form .custom-checkbox .custom-control-label:after{
    content: '';
    display: none;
    background: no-repeat 50% / 50% 50%;
    height: 1rem;
    left: -1.5rem;
    position: absolute;
    top: 0.125rem;
    width: 1rem;
    border: 0.063rem solid transparent;
}
body.page main form .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #53a7ff;
    border-color: #53a7ff;
}
body.page main form .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    display: block;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J202LjU2NC43NS0zLjU5IDMuNjEyLTEuNTM4LTEuNTVMMCA0LjI2bDIuOTc0IDIuOTlMOCAyLjE5M3onLz48L3N2Zz4=);
}
body.page main form label.error{
    color: #fa7b7b;
    font-size: 0.625rem;
    line-height: 1.25;
    margin-bottom: 0;
    padding: 0;
    display: none;
}
body.page main form .form-control.error ~ label.error{
    display: block;
}
body.page main form label.error:before{
    align-items: center;
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgZmlsbD0nbm9uZSc+PGcgY2xpcC1wYXRoPSd1cmwoI2EpJz48cGF0aCBzdHJva2U9JyNGQzRBNEEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTggMTAuNjY3VjhtMC0yLjY2N2guMDA3TTE0LjY2NyA4QTYuNjY3IDYuNjY3IDAgMSAxIDEuMzM0IDhhNi42NjcgNi42NjcgMCAwIDEgMTMuMzMzIDBaJy8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0nYSc+PHBhdGggZmlsbD0nI0ZDNEE0QScgZD0nTTAgMGgxNnYxNkgweicvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==) no-repeat 50%;
    content: '';
    display: inline-flex;
    height: 16px;
    justify-content: center;
    margin-right: .5rem;
    position: relative;
    top: -3px;
    width: 16px;
}
body.page main form .btn{
    font-size: 1rem;
    line-height: 1.25;
    align-items: center;
    display: flex;
    gap: 0.625rem;
    justify-content: center;
    background-color: #53a7ff;
    color: #FFFFFF;
    padding: .75rem 1.5rem;
    border: 0.063rem solid #53a7ff;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
    width: 100%;
    cursor: pointer;
}
body.page main form .btn:hover{
    background-color: #84c0ff;
    border-color: #84c0ff;
}
body.page main form .custom-checkbox .custom-control-label a{
    color: #003f91;
}
body.page main form .custom-checkbox .custom-control-label a:hover{
    text-decoration: none;
}