body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #113654;
}
.ff-Josefin {font-family: 'Josefin Sans', sans-serif;}
.ff-Montserrat {font-family: 'Montserrat', sans-serif;}
.ff-Open-Sans {font-family: 'Open Sans', sans-serif;}
/*Colors*/
.text-color-gold {color: rgba(254, 116, 0, 1)!important;}
.text-color-dark{color:#113654!important;}
/*Fonts*/
.fs-12 {
    font-size: 12px !important;
    line-height: 14px !important;
}
.fs-14 {
    font-size: 14px !important;
    line-height: 16px !important;
}
/*New Loonie design*/

.text-fw-100 {font-weight: 100 !important;}
.text-fw-300 {font-weight: 300 !important;}
.text-fw-500 {font-weight: 500 !important;}
.text-fw-600 {font-weight: 600 !important;}
.text-fw-700 {font-weight: 700 !important;}
.text-fw-800 {font-weight: 800 !important;}
.text-fw-900 {font-weight: 900 !important;}

header {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 0;
}
header nav {padding:11px 0!important;}
.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg)!important;
}
footer {
    background-color: #113654
}
.footer-firstblock {
    border-bottom: 1px solid #979797;
    color:#EEEEEE;
    padding:24px 0;
}

.footer-gold {
    color: rgba(255, 136, 35, 1);
}
.footerPFName{
    display:inline-block;
    /*height:47px;*/
    padding:12px 0;
    line-height:23px;
    margin:0;
}
footer .nav-item, footer .nav-link{padding-left:0!important;padding-right:0!important;}
footer ul {list-style-type: none;}
footer .nav-link:hover{color:white!important;}
@media(max-width:991.99px) {
    footer{font-size:14px;}
    .footerPFName {
        display: block;
        width:100%;
    }
    footer ul {
        width:100%;
        padding-left:0!important;
        padding-right:0!important;
    }
}

/*Buttons*/
.btn-gold, .btn-gold:hover, .btn-gold:active {
    background: #FE7400 !important;
    border-color: #FE7400 !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    color: white !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    padding: 9px 12px;
}
.btn-white, .btn-white:hover, .btn-white:active {
    color: #113654 !important;
    background-color: white !important;
    border: 1px solid #113654 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.btn-esign-back, .btn-esign-back:hover, .btn-esign-back:active {
    color: #113654 !important;
    background-color: white !important;
    border: 1px solid #113654 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 9px 12px;
}
.btn-trans-white, .btn-trans-white:hover, .btn-trans-white:active {
    border: 2px solid #FFFFFF;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    background-color: transparent !important;
    color: white;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    max-width: 320px;
    padding: 8px 12px;
}
    .btn-trans-white:hover {
        color: #003049
    }

    .btn-dark, .btn-dark:hover, .btn-dark:active {
        background: #113654 !important;
        border-color: #113654 !important;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        color: white !important;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 9px 12px;
    }
.border-grey-bc {
    border: 1px solid #BCBCBC!important;
    border-radius:4px!important;
}
.input-pass-show, .input-pass-show:hover, .input-pass-show:active {
    border: 1px solid #BCBCBC;
    border-right: none!important;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.btn-pass-show, .btn-pass-show:hover, .btn-pass-show:active {
    border: 1px solid #BCBCBC!important;
    border-left: none!important;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    padding-left: 0;
}
.success-div {
    background: rgba(61, 153, 18, 0.2);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 12px 12px 12px 14px;
    color: #3D9912;
    width:116px;
}
.nav-link.loginbtn, .nav-link.loginbtn:hover, .nav-link.loginbtn:active {
    background: #003049;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    height: 47px;
    padding: 12px 8px;
    line-height: 23px;
    font-size: 16px;
    color: white;
    max-width: 93px;
}
.nav-link.logoutbtn, .nav-link.logoutbtn:hover, .nav-link.logoutbtn:active {
    background: #FE7400;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    height: 47px;
    padding: 12px 8px;
    line-height: 23px;
    font-size: 16px;
    color: white;
    max-width: 93px;
}
@media (max-width:991.99px) {
    .nav-link.loginbtn, .nav-link.loginbtn:hover, .nav-link.loginbtn:active {
        padding: 12px 18px;
    }
    .nav-link.logoutbtn, .nav-link.logoutbtn:hover, .nav-link.logoutbtn:active {
        padding: 12px 10px;
    }
}
.no-outline, .no-outline:focus, .no-outline:active {
    outline: none !important;
    box-shadow: none;
}
/*check-box*/
.chk-inp {
    opacity: 0;
    z-index: 1;
    width: 15px;
    height: 15px;
}

.chk-div label {
    position: relative;
    padding-left: 6px;
    padding-top: 4px;
    margin: 0 !important;
}

    .chk-div label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        top: 3px;
        left: 3px;
        margin-left: -18px;
        box-shadow: 0px 0px 0px 2px #fe7400;
        background-color: white;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .chk-div label::after {
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 17px;
        left: 3px;
        top: 1px;
        margin-left: -18px;
        padding-left: 3px;
        padding-top: 0;
        font-size: 12px;
        color: white;
        background-color: #fe7400;
    }

.chk-div input[type="checkbox"]:focus + label::before {
    outline: none !important;
}

.chk-div input[type="checkbox"]:checked + label::after {
    content: "✔";
    color: white;
    font-weight: bold;
}

/*Common styles*/
.info-block-header {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #113654 !important;
    font-size: 28px;
    line-height: 34px;
}
.info-block-subheader {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    color: #113654 !important;
    font-size: 18px;
    line-height: 18px;
}
.info-block-title {
    font-weight: 700;
    color: #113654 !important;
    font-size: 16px;
    line-height: 24px;
}
@media (max-width:767.99px) {
    .info-block-header {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #113654 !important;
        font-size: 20px;
        line-height: 24px;
    }
}

.hasError {
    border-bottom: 4px solid #D40707 !important;
}
.label-err {
    position: absolute;
    color: red;
    font-size: x-small;
    text-align: left;
}
.mini-loan-form .label-err {
    margin-left: 16px;
    margin-top: 12px;
}
.color-red {
    color: #E50707!important;
}
.logo-icon{
    height:32px;
    margin-right:16px;
}

.esig-error {
    color: #BF2600;
    font-weight:bold
}
    /*new Loonie design*/
.bg-ind-1 {
    background: linear-gradient(to right,rgba(217,238,255,1) 33%,rgba(217,238,255,1) 46%, rgba(217,238,255,0) 60%) left top,url('/Skins/SK/images/heronew.webp') 25vw 0;
    background-repeat: no-repeat;
    background-size: auto  100%;
}
.instant-approval {
    background: #113654;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding:28px 0;
}
.instant-approval-num {
    line-height: 72px;
    font-size: 46px;
    font-weight: 700;
    color: #CCCCCC;
}
.instant-approval-text {
    line-height: 20px;
    font-size: 19px;
    font-weight: 500;
    color: #CCCCCC;
}
.get-started {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    max-width:370px;
    padding:24px;
    bottom:-102px;
}
.bg-ind-2 {
    background-image: url('/Skins/SK/images/steps.webp');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 1651px;
}
.bg-ind-3 {
    background-image: url('/Skins/SK/images/easyloans.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 449px;
}
.bg-step-1 {
    height: 300px;
    background-image: url('/Skins/SK/images/step1.webp');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}
.bg-step-2 {
    height: 300px;
    background-image: url('/Skins/SK/images/step2.webp');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}
.bg-step-3 {
    height: 300px;
    background-image: url('/Skins/SK/images/step3.webp');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

@media (min-width:1400px) {
    .quick-easy-loans .bg-ind-4 {
        background-size: cover;
    }
}
@media (min-width:768px) {
    .bg-ind-4 {
        background-image: url('/Skins/SK/images/quickandeasyloans.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }
    .bg-ind-5 {
        background-image: url('/Skins/SK/images/customersloveus.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        height: 710px;
    }
    .bg-ind-6 {
        background-image: url('/Skins/SK/images/exampleimg.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
    }
}
@media (min-width:1200px) {
    .mr-lg-n2 {
        margin-right:-15px
    }
}
.home-header-text {
    font-size: 30px;
    line-height: 50px;
}
.home-underheader-text {
    font-size: 22px;
    line-height: 34px;
}
.hero {
    background: #D9EEFF;
    height: 735px;
}
.hero-container {
    padding-top: 40px;
}
.canada-flag {
    vertical-align: baseline;
    height:18px;
}
.steps {
    background: #FCF2EA;
    padding: 72px 0;
}
.step-header-text {
    font-size: 28px;
    line-height: 34px;
}
.rounded-number {
    width: 34px;
    height: 34px;
    text-align: center;
    display: inline-block;
    border-radius: 50% !important;
    background-color: #113654;
    color: #FCF2EA;
    margin-right:8px;
    flex-grow: 0;
    flex-shrink: 0;
}
.step-underheader-text {
    font-size: 18px;
    line-height: 18px;
}
.easy-loans {
    background-color: #113654;
}
.easy-loans-header {
    padding-bottom: 62px;
}
.easy-loans-underheader-text {
    font-size: 18px;
    line-height: 28px;
    color: #F0F0F0;
}
.easy-loans-block-text {
    font-size: 18px;
    line-height: 27px;
    color: #F0F0F0;
}
.extra-money {
    background: #FCF2EA;
}
.customers-love-us, .loan-example, .loan-requirements {
    background: #FCF2EA;
    padding: 72px 0 80px;
}
.steps-row-1 {margin-bottom: 48px;}
.steps-row-3 {margin-bottom: 264px;}

.btn-hover-white:hover {background-color:white!important;}
.btn-gold.btn-hover-white:hover { color: #FE7400 !important}
.btn-hover-gold:hover {
    color: #FE7400 !important;
    border-color: #FE7400 !important;
    background:#fff !important;
}
.quick-easy-loans {
    background: radial-gradient(50% 50% at 50% 50%, #184D78 0%, #113654 100%);
}
.mini-loan-form input, .mini-loan-form select,
.app-page-container input, .app-page-container select,
.contactus input, .contactus select,
.esigpageview input, .esigpageview select {
    height: 48px;
}
.easy-loans-body {
    padding-top: 72px;
    padding-bottom: 86px;
}
.easy-loans-subheader {
    font-size: 28px;
    line-height: 38px;
}
.extra-money-body {
    padding-top: 72px;
    padding-bottom: 101px;
}
.extra-money-subheader, .customers-love-us-suheader {
    font-size: 20px;
    line-height: 30px;
}
.extra-money-block{
    max-width: 640px;
}
.mb-8px {
    margin-bottom: 8px
}

.quick-easy-loans-header {
    font-size: 96px;
    line-height: 117px;
}
.quick-easy-loans-block {
    padding-top: 164px;
    padding-bottom: 174px;
}
.dark-divider {
    background-color: #113654;
    height: 4px;
}
@media(max-width:1399.98px) {
    .extra-money-block {
        max-width: 550px;
    }
}
@media(max-width:1199.99px) {
    .steps{font-size:14px;}
}
@media(min-width:1200px) {
    .bg-ind-1 {
        background: linear-gradient(to right,rgba(217,238,255,1) 33%,rgba(217,238,255,1) 46%, rgba(217,238,255,0) 60%) left top,url('/Skins/SK/images/heronew.webp') 29vw 0;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
}
@media(min-width:1300px) {
    .bg-ind-1 {
        background: linear-gradient(to right,rgba(217,238,255,1) 33%,rgba(217,238,255,1) 46%, rgba(217,238,255,0) 60%) left top,url('/Skins/SK/images/heronew.webp') 34vw 0;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
}
@media(min-width:1400px) {
    .bg-ind-1 {
        background: linear-gradient(to right,rgba(217,238,255,1) 33%,rgba(217,238,255,1) 46%, rgba(217,238,255,0) 60%) left top,url('/Skins/SK/images/heronew.webp') 38vw 0;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
}
@media(min-width:1750px) {
    .bg-ind-1 {
        background: linear-gradient(to right,rgba(217,238,255,1) 33%,rgba(217,238,255,1) 46%, rgba(217,238,255,0) 60%) left top,url('/Skins/SK/images/heronew.webp') 44vw 0;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
}
@media(max-width:1199.99px) {
    .bg-ind-2 {
        background-size: 100% auto;
        height: 1500px;
    }
    .steps-row-3 {
        margin-bottom: 190px;
    }
    .extra-money-block {
        max-width: 460px;
    }

}
@media(max-width:991.99px) {
    .hero-container {
        padding-top: 48px;
    }

    .bg-ind-1 {
        /*background: url('/Skins/SK/images/heronew.webp') bottom center no-repeat;*/
        background: url('/Skins/SK/images/heronew_.webp') bottom center no-repeat;
        background-size: 100% auto;
    }

    .get-started {
        max-width: 720px;
        top: -90px;
        height: 364px;
    }

    .instant-approval {
        padding: 300px 0 28px 0;
    }

    .bg-ind-2 {
        background: transparent;
        height: auto;
    }

    .steps {
        padding: 60px 0;
    }

    .steps-row-1 {
        margin-bottom: 48px;
    }
    .steps-row-3 {
        margin-bottom: 80px;
    }

    .step-header-text {
        font-size: 24px;
        line-height: 30px;
    }
    .rounded-number {
        width: 30px;
        height: 30px;
    }
    .easy-loans-header {
        padding-bottom: 41px;
    }

    .easy-loans-body {
        padding: 72px 24px 108px;
    }

    .easy-loans-subheader {
        font-size: 24px;
        line-height: 30px;
    }

    .bg-ind-3 {
        height: 388px;
    }

    .extra-money-body {
        padding-top: 64px;
        padding-bottom: 48px;
    }
    .extra-money-block {
        max-width: 340px;
    }
    .quick-easy-loans-header {
        font-size: 56px;
        line-height: 68px;
    }

    .customers-love-us {
        padding: 64px 0 80px;
    }

}

    @media (max-width:991.99px) {
        .hero {
            height: 902px;
        }
    }

    @media (max-width:950px) {
        .hero {
            height: 880px;
        }
    }
    @media (max-width:870px) {
        .hero {
            height: 820px;
        }
    }

    @media(max-width:767.99px) {
        .hero-container {
            padding-top: 40px;
        }

        .home-header-text {
            font-size: 20px;
            line-height: 30px;
        }

        .canada-flag {
            height: 13px;
        }

        .home-underheader-text {
            font-size: 16px;
            line-height: 24px;
        }

        .instant-approval {
            padding: 541px 0 28px 0;
        }

        .instant-approval-num {
            line-height: 48px;
            font-size: 28px;
        }

        .instant-approval-text {
            line-height: 14px;
            font-size: 14px;
        }

        .get-started {
            max-width: 360px;
            top: -105px;
            height: 608px;
            padding: 20px;
        }

        .hero {
            height: 650px;
        }

        .instant-approval-block {
            width: 50% !important;
        }

        .instant-approval-block-single {
            width: 100% !important;
        }

        .step-header-text {
            font-size: 16px;
            line-height: 20px;
            text-align: center;
        }
        .rounded-number {
            width: 20px;
            height: 20px;
        }
        .step-underheader-text {
            font-size: 16px;
            line-height: 16px;
            text-align: center;
        }

        .steps-row-1 {
            margin-bottom: 40px;
        }

        .steps-row-2 {
            margin-bottom: 40px;
        }

        .steps-row-3 {
            margin-bottom: 40px;
        }

        .easy-loans-body {
            padding: 48px 24px;
        }

        .easy-loans-header {
            padding-bottom: 8px;
        }

        .bg-ind-3 {
            height: 78.8vw;
            margin-bottom: 40px;
        }
        .easy-loans-subheader {
            font-size: 18px;
            line-height: 22px;
        }
        .easy-loans-underheader-text {
            font-size: 16px;
            line-height: 24px;
        }
        .easy-loans-block-text {
            font-size: 16px;
            line-height: 24px;
        }
        .extra-money-body {
            padding-top: 48px;
            padding-bottom: 48px;
        }
        .extra-money-block {
            max-width: none;
        }
        .quick-easy-loans-header {
            font-size: 28px;
            line-height: 34px;
        }

        .quick-easy-loans-block {
            padding-top: 187px;
            padding-bottom: 203px;
        }

        .customers-love-us-suheader {
            font-size: 16px;
            line-height: 24px;
        }
        .customers-love-us-bloksdiv {
            display: flex;
            overflow-x: auto;
            width: 100%;
            padding: 8px;
        }

        .customers-love-us-block {
            background: #FFFFFF;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 8px;
            flex: 0 0 306px;
            height: 194px;
            padding: 16px 8px;
            margin-right: 16px;
            display: flex;
            flex-direction: column !important;
            font-size: 14px;
            line-height: 27px;
        }
    }

    @media (max-width:600px) {
        .hero {
            height: 550px;
        }
    }

    @media (max-width:500px) {
        .hero {
            height: 500px;
        }
    }


    @media (max-width:400px) {
        .hero {
            height: 533px;
        }
    }
    /*Login*/
    .bg-login-left {
        background: #D9EEFF;
        box-shadow: inset 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .bg-login-img {
        background-image: url('/Skins/SK/images/auth.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        height: 53.611111vw;
    }

    .auth-div {
        max-width: 320px;
    }

    @media(max-width:991.99px) {
        .auth-block {
            height: 904px;
        }

        .auth-div {
            margin-top: 168px;
        }
    }

    @media(max-width:767.99px) {
        .auth-block {
            height: auto;
        }

        .auth-div {
            margin: 80px 0;
        }
    }
    /*FAQ*/
    .bg-faq {
        background: #FCF2EA;
        padding: 72px 0 80px;
    }

    .bg-faq-2 {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px 0px 0px 8px;
        padding-bottom: 80px;
    }

    .faq-header-div {
        margin: 0 80px 0 80px;
        padding-left: 172px;
        border-bottom: 1px solid #E6E6E6;
    }

    .faq-header-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #113654 !important;
        font-size: 36px;
        line-height: 54px;
    }

    .faq-row-block {
        margin-top: 64px;
    }

    .faq-row-div {
        padding: 0 252px;
    }

    @media(max-width:991.99px) {
        .bg-faq {
            background: white;
            padding: 0;
        }

        .bg-faq-2 {
            background: #FFFFFF;
            box-shadow: none;
            border-radius: 0;
            padding-bottom: 80px;
        }

        .faq-header-div {
            margin: 0;
            padding-left: 0;
            border-bottom: 1px solid #E6E6E6;
        }

        .faq-row-div {
            padding: 0;
        }
    }

    @media(max-width:767.99px) {
        .bg-faq {
            background: #FCF2EA;
            padding: 40px 8px 80px;
        }

        .bg-faq-2 {
            background: #FFFFFF;
            box-shadow: 0px 4px 4px 0px #00000040;
            border-radius: 8px;
            padding-bottom: 72px;
        }

        .faq-header-div {
            margin: 0;
            padding-left: 0;
            padding-bottom: 40px;
            border-bottom: 1px solid #E6E6E6;
        }

        .faq-header-title {
            font-size: 20px;
            line-height: 24px;
        }

        .faq-row-block {
            margin-top: 40px;
        }

        .faq-row-div {
            padding: 0;
        }
    }
    /*Contact Us*/
    .bg-contactus-1 {
        background: #FCF2EA;
        padding-bottom: 80px;
    }

    .bg-contactus-2 {
        background-image: url('/Skins/SK/images/map.png');
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 100%;
        padding: 37.111111vw 0 0;
    }

    .contactus-info-div {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px 0px 0px 8px;
    }

    .bg-color-dark {
        background: #113654;
    }

    .contactus-info-left {
        border-radius: 8px 0 0 8px;
        padding: 96px 68px 80px 68px;
    }

    .contactus-block-left {
        padding: 64px 32px 0 93px;
    }

    .contactus-block-right {
        padding: 64px 64px 0 32px;
    }

    .contactus-info-left-subdiv.order-lg-2 {
        margin-top: 36px;
        margin-bottom: 60px;
    }

    .contactus-info-left-subdiv.order-lg-3 {
        margin-bottom: 68px;
    }
@media(max-width:1199.99px) {
    .contactus-info-left {
        padding: 48px;
    }
    .contactus-block-left {
        padding: 48px 24px 0 49px;
    }

    .contactus-block-right {
        padding: 48px 48px 0 24px;
    }

    .contactus-info-left-subdiv.order-lg-2 {
        margin-top: 36px;
        margin-bottom: 60px;
    }

    .contactus-info-left-subdiv.order-lg-3 {
        margin-bottom: 24px;
    }
}
    @media(max-width:991.99px) {
        .bg-contactus-2 {
            background-image: url('/Skins/SK/images/map-md.png');
            padding: 40vw 0 0;
        }

        .contactus-info-div {
            border-radius: 8px;
        }

        .contactus-info-left {
            border-radius: 8px 8px 0 0;
            padding: 24px;
            display: flex;
            flex-wrap: wrap;
        }

        .contactus-info-left-subdiv.order-lg-2 {
            margin-top: 0;
            margin-bottom: 0;
        }

        .contactus-info-left-subdiv.order-lg-3 {
            margin-bottom: 48px;
        }

        .contactus-info-left-subdiv {
            width: 50%;
        }

        .contactus-info-right {
            border-radius: 0 0 8px 8px;
        }

        .contactus-block-left {
            padding: 32px 16px 0 24px;
        }

        .contactus-block-right {
            padding: 32px 24px 0 16px;
        }
    }

    @media(max-width:767.99px) {
        .bg-contactus-2 {
            background-image: url('/Skins/SK/images/map-sm.png');
            padding: 99vw 0 0;
        }

        .contactus-info-div {
            border-radius: 8px;
        }

        .contactus-info-left {
            border-radius: 8px 8px 0 0;
            padding: 24px;
            display: flex;
            flex-wrap: wrap;
        }

        .contactus-info-left-subdiv, .contactus-info-left-subdiv.order-lg-3 {
            margin-bottom: 32px;
        }

            .contactus-info-left-subdiv.order-lg-2 {
                margin-top: 0;
                margin-bottom: 0;
            }

            .contactus-info-left-subdiv.order-lg-4 {
                margin-bottom: 0;
            }

        .contactus-info-left-subdiv {
            width: 100%;
        }

        .contactus-info-right {
            border-radius: 0 0 8px 8px;
            padding:0 12px;
        }

        .contactus-block-left {
            padding: 32px 15px 0 16px;
        }

        .contactus-block-right {
            padding: 0 15px 48px 16px;
        }
    }

    /*Terms*/
    .bg-terms {
        background: #FCF2EA;
        padding: 72px 0 80px;
    }

    .bg-terms-2 {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px 0px 0px 8px;
        padding-bottom: 80px;
    }

    .terms-header-div {
        margin: 0 80px 0 80px;
        border-bottom: 1px solid #E6E6E6;
    }

    .terms-row-div {
        padding: 0 80px;
    }

    @media(max-width:991.99px) {
        .bg-terms {
            background: white;
            padding: 0;
        }

        .bg-terms-2 {
            box-shadow: none;
            border-radius: 0;
            padding-bottom: 80px;
        }

        .terms-header-div {
            margin: 0;
            padding-left: 0;
        }

        .terms-row-div {
            padding: 0;
        }
    }
    /*PrivacyPolicy*/
    .privacyLinks {
        color: blue;
    }

    .privacy-notice td {
        vertical-align: middle !important;
    }

    .bg-policy {
        background: #FCF2EA;
        padding: 72px 0 80px;
    }

    .bg-policy-2 {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px 0px 0px 8px;
        padding-bottom: 80px;
    }

    .policy-header-div {
        margin: 0 80px 0 80px;
        border-bottom: 1px solid #E6E6E6;
    }

    .policy-row-div {
        padding: 0 80px;
    }

    @media(max-width:991.99px) {
        .bg-policy {
            background: white;
            padding: 0;
        }

        .bg-policy-2 {
            box-shadow: none;
            border-radius: 0;
            padding-bottom: 80px;
        }

        .policy-header-div {
            margin: 0;
            padding-left: 0;
        }

        .policy-row-div {
            padding: 0;
        }
    }
    /*About Us*/
    .bg-aboutus {
        background: #FCF2EA;
        padding: 72px 0 80px;
    }

    .bg-aboutus-2 {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px 0px 0px 8px;
        padding-bottom: 72px;
    }

    .aboutus-header-div {
        margin: 0 80px 0 80px;
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 32px;
    }

    .about-header-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #113654 !important;
        font-size: 36px;
        line-height: 54px;
    }

    .aboutus-row-block {
        margin-top: 32px;
    }

    .aboutus-row-div {
        padding: 0 80px;
    }

    @media(max-width:991.99px) {
        .bg-aboutus {
            background: white;
            padding: 0;
        }

        .bg-aboutus-2 {
            background: #FFFFFF;
            box-shadow: none;
            border-radius: 0;
            padding-bottom: 80px;
        }

        .aboutus-header-div {
            margin: 0;
            padding-left: 0;
            border-bottom: 1px solid #E6E6E6;
        }

        .aboutus-row-div {
            padding: 0;
        }
    }

    @media(max-width:767.99px) {
        .bg-aboutus {
            background: #FCF2EA;
            padding: 40px 8px 80px;
        }

        .bg-aboutus-2 {
            background: #FFFFFF;
            box-shadow: 0px 4px 4px 0px #00000040;
            border-radius: 8px;
            padding-bottom: 72px;
        }

        .aboutus-header-div {
            margin: 0;
            padding-left: 0;
            padding-bottom: 40px;
            border-bottom: 1px solid #E6E6E6;
        }

        .aboutus-header-title {
            font-size: 20px;
            line-height: 24px;
        }

        .aboutus-row-block {
            margin-top: 40px;
        }

        .aboutus-row-div {
            padding: 0;
        }
    }
/*EsigDociments*/
.bg-esigpageview {
    background: #FCF2EA;
    padding: 72px 0 80px;
    margin-top: 72px;
}
.bg-esigpageview-2 {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 0;
}
.bg-esigpageview-3 {
    background: #113654;
    color: white;
    padding-top: 48px;
    padding-bottom:48px;
    border-radius: 8px 8px 0px 0px;
}
.bg-esigpageview-4 {
    padding:  48px 64px 64px;
}
.esign-underheader-text {
    font-size: 18px;
    line-height: 25px;
}
.esign-headeramount-text {
    font-weight:700;
    font-size: 48px;
    line-height: 54px;
}
.esign-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}
.esign-info-box {
    background: #FDFDFD;
    border: 2px solid #113654;
    border-radius: 8px;
    flex-direction: column;
}
.borrower-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #646464;
}
.borrower-value {
    font-size: 18px;
    line-height: 25px;
}
.esign-label-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    display: block;
}
.esign-label-value {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: block;
}
.esign-label-info {
    background: rgba(46, 79, 212, 0.1);
    border-radius: 8px;
    color: #2E4FD4;
    padding: 16px;
    display: flex;
}
.esign-table-div {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius:8px;
}
    .esign-table-div thead {
        background: #113654;
        border-radius: 8px 8px 0px 0px;
        color:white;
    }
    .esign-table-div thead th:first-child {border-top-left-radius: 8px;}
    .esign-table-div thead th:last-child {border-top-right-radius: 8px;}
    .esign-table-div tbody tr:nth-child(even) {background-color: #EDF0F8;}
    .esign-table-div tbody tr:last-child {border-bottom: 1px solid black;}
    .esign-table-div tfoot {font-weight:700;border-bottom:1px solid transparent;}
.esign-doc-box {
    background: #F0F0F0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    height:624px;
    overflow-y:auto;
}
.esign-footer-box {
    background: rgba(46, 79, 212, 0.1);
    border-radius: 8px;
    color:#2E4FD4!important;
    font-weight:400!important;
}
    .esign-footer-box strong {
        font-weight: 400 !important;
        color: #2E4FD4 !important;
    }
/*--- Application page   ---*/
.modularForm {
display: none;
}

.app-page-container, .connect-acc-div {
    background-color: #FCF2EA;
    padding-top: 72px;
    padding-bottom: 80px;
}

    .app-rounded-bg {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px 0px 0px 8px;
        padding: 48px 80px 72px;
    }

    @media(max-width:991.99px) {
        .app-rounded-bg {
            padding: 48px 24px 72px;
        }

        .app-page-container, .connect-acc-div {
            padding-top: 64px;
            padding-bottom: 121px
        }
    }

    @media (max-width:767.99px) {
        .app-rounded-bg {
            padding: 24px 20px 72px;
        }

        .app-page-container, .connect-acc-div {
            padding-top: 40px;
            padding-bottom: 80px
        }
    }

    .app-devider {
        height: 0px;
        border: 1px solid #B3B3B3 !important;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .app-step-no {
        color: #fff;
        text-shadow: -1px 0 #fe7400, 0 1px #fe7400, 1px 0 #fe7400, 0 -1px #fe7400;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: 80px;
        line-height: 98px;
    }

    .app-steps-row {
        font-weight: 600;
        line-height: 24px;
        height: 50px
    }

    .app-step {
        width: 19.75%;
        display: flex;
        flex-direction: column;
    }

    .app-step-active {
        color: #FE7400;
    }

    .app-step-text {
        height: 40px;
        display: flex;
        align-items: center
    }

    .app-step-border {
        border: 1px solid #D9D9D9;
        border-radius: 3px;
        height: 0px;
        width: 100%;
    }

    .app-step-active .app-step-border {
        border-color: #FE7400
    }

    .app-label {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }
.btn-light-gold, .btn-light-gold:hover, .btn-light-gold:active {
    background: #FFF !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border: 1px solid #FE7400 !important;
    border-radius: 8px;
    color: #FE7400 !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    padding: 9px 12px;
}

.chk-inp1 {
    opacity: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    margin-top: 3px
}

    .chk-div1 label {
        position: relative;
        padding-left: 24px;
        padding-top: 0px;
        margin: 0 !important;
        display: inline-block;
        width: 95%;
    }

        .chk-div1 label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 15px;
            height: 15px;
            top: 6px;
            left: 3px;
            margin-left: -18px;
            box-shadow: 0px 0px 0px 2px #FE7400;
            background-color: white;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            border-radius: 3px;
        }
#one .chk-div1 label::before {
top:2px;
}
#one .chk-div1 label::after {
top:1px
}

.chk-div1 input[type="checkbox"]:focus + label::before {
    outline: none !important;
}

    .chk-div1 input[type="checkbox"]:checked + label::before {
        box-shadow: 0px 0px 0px 2px #fe7400;
    }

    .chk-div1 input[type="checkbox"]:checked + label::after {
        content: "✔";
        color: white;
        font-weight: bold;
    }

    .chk-div1 label::after {
        display: flex;
        position: absolute;
        width: 15px;
        height: 16px;
        left: -15px;
        top: 5px;
        padding-top: 0;
        font-size: 12px;
        background-color: #fe7400;
        align-items: center;
        justify-content: center;
    }

    .date-field {
        background: url('images/calendar_month.svg') no-repeat right 15px center;
    }

    .error-astr {
        position: absolute;
        left: -12px;
        color: red;
    }
    /*Loan status page */
    .loanstatus-rounded {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        padding: 40px;
    }

    @media (max-width: 1199.99px) {
        .loanstatus-rounded {
            padding: 24px;
        }
    }

    @media (max-width: 767.99px) {
        .loanstatus-rounded {
            padding: 20px;
        }
    }

    .bg-color-dark.loanstatus-rounded h4 {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 34px;
    }

    .text-beige {
        color: #D9D9D9;
        font-size: 14px;
        font-weight: normal !important
    }

    .loanstatus-text-large {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 36px;
        line-height: 44px;
    }

    @media (min-width:991.98px) {
        .h-lg-100 {
            height: 100% !important
        }
    }


    /* self srvice - Payment details*/
    /*radiobuttons style { */
    input[type="radio"][name="pmtAmt"],
    input[type="radio"][name="rbBank"] {
        /* Add if not using autoprefixer */
        -webkit-appearance: none;
        appearance: none;
        /* For iOS < 15 to remove gradient background */
        background-color: #fff;
        /* Not removed via appearance */
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 20px;
        height: 20px;
        border: 0.15em solid #113654;
        border-radius: 50%;
        display: grid;
        place-content: center;
    }

        input[type="radio"][name="pmtAmt"]::before,
        input[type="radio"][name="rbBank"]::before {
            content: "";
            width: 0.65em;
            height: 0.65em;
            border-radius: 50%;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em #113654;
            background-color: #113654;
        }

        input[type="radio"][name="pmtAmt"]:checked::before,
        input[type="radio"][name="rbBank"]:checked::before {
            transform: scale(1);
        }

        input[type="radio"][name="rbBank"]:disabled {
            border: 0.15em solid #1136544f;
        }
    /*radiobuttons style } */
    .pmt-det-header {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
    }

    .pmt-det-subheader {
        font-size: 14px;
    }

    @media (max-width:767.99px) {
        .pmt-det-header {
            font-size: 16px;
        }

        .pmt-det-subheader {
            font-size: 12px;
        }
    }

    .eft {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        color: #979797
    }

    #txtOtherPmtAmt:disabled {
        background: #fff;
    }
    /*#txtOtherPmtAmt::placeholder, #txtOtherPmtAmt::-ms-input-placeholder, #txtOtherPmtAmt:-ms-input-placeholder {*/ /* Chrome, Firefox, Opera, Safari 10.1+ */
    /*color: #f4f4f4;
    opacity: 1;*/ /* Firefox */
    /*}*/

    #txtOtherPmtAmt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #dedede;
        opacity: 1; /* Firefox */
    }

    #txtOtherPmtAmt:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #dedede;
    }

    #txtOtherPmtAmt::-ms-input-placeholder { /* Microsoft Edge */
        color: #dedede;
    }


    .link-orange, a.link-orange {
        color: #FE7400 !important;
        text-decoration-line: underline !important;
        font-size: 16px;
        cursor: pointer;
    }

    .mb-48 {
        margin-bottom: 48px !important;
    }

    @media(min-width:992px) {
        .mb-md-64 {
            margin-bottom: 64px !important
        }
    }

    .loanstatus-pmt-txtlarge {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
    }

    .ls-tabs {
        border-bottom: 0px
    }

    @media (max-width:1199.99px) {
        .ls-tabs {
            font-size: 14px
        }
    }

    .ls-tabs .nav-item.show .nav-link, .ls-tabs .nav-link.active {
        background: transparent !important;
        border: none;
        color: #113654;
        font-weight: 700;
    }

    .ls-tabs .nav-link, .ls-tabs .nav-link:hover {
        border: none;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #979797;
        font-weight: 700;
    }

    .ls-tabs .nav-item:first-child {
        border-right: solid 1px #000000
    }

    .border-top-r8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .pmt-tbl-hrow {
        height: 50px;
        font-weight: 700;
    }

    @media (max-width:1199.99px) {
        .ls-tab-content, #LoanHistory {
            font-size: 14px;
        }
    }

    @media (min-width:768px) {
        .ls-tab-content .row, #LoanHistory .row {
            min-height: 40px
        }
    }

    @media (max-width:767.99px) {
        .pmt-grid-date {
            color: #646464;
            font-size: 12px;
        }

        .pmt-grid-status {
            font-size: 12px;
            font-weight: 600
        }
    }

    .text-green {
        color: #3D9912;
    }

    .text-orange {
        color: #FE7400
    }

    .text-red {
        color: #E60707;
    }

    .app-form-group {
        margin-bottom: 1rem
    }

@media (max-width: 767px) {
    .row-rounded-top {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .row-rounded-bottom {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .loanstatus-boxshadow {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }
}

.loanstatus-boxshadow {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%)
}

.plus-procfee, .eq-sign {
    display: none
}

@media (min-width:1200px) {
    .plus-procfee {
        display:block;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        position: absolute;
        left: -45px;
        top: 25px;
    }
    .eq-sign {
        display: block;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        position: absolute;
        right: 45px;
        top: 25px;
    }

}

#txtOtherPmtAmt {
    width:100px
}
@media (min-width:992px) {
    #txtOtherPmtAmt {
    width:135px;
    }
}

/* Esign*/
.approved-div {
    background: #fe7400;
    padding: 24px;
    border: 1px solid #fe7400;
    border-radius: 8px;
    margin-left: auto !important;
    max-width: 320px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

    .approved-div-title {
        font-size: 19px;
        line-height: 28px;
        color: white;
    }

    .approved-div-amount {
        font-size: 48px;
        line-height: 54px;
        color: white;
    }

    @media (max-width:991.99px) {
        .approved-div {
            margin-right: auto !important;
        }
    }
    /*Esign post*/
    .esigpageview .disclosures-header {
        color: #042F50;
        font-size: 16px;
    }

    .esigpageview .disclosures-value {
        font-weight: 500;
        font-size: 24px;
        margin-top: 16px;
    }

    .esigpageview .disclosures-footer {
        color: #575656;
        font-size: 14px;
        margin-top: 16px;
    }

    .esigpageview .disclosures-cell-1 {
        border: 1px solid #B4C3CC;
        border-radius: 10px 0 0 10px;
        background-color: #042F50;
        color: white;
        text-align: left;
        padding: 32px 16px 16px 32px;
    }

    .esigpageview .disclosures-cell-2, .esigpageview .disclosures-cell-3 {
        border: 1px solid #B4C3CC;
        text-align: left;
        padding: 32px 16px 16px 32px;
    }

    .esigpageview .disclosures-cell-4 {
        border: 1px solid #B4C3CC;
        border-radius: 0 10px 10px 0;
        text-align: left;
        padding: 32px 16px 16px 32px;
    }

    .esigpageview .usetick-st {
        background: url(images/ddl_down.png) no-repeat;
        background-position-y: center;
        background-position-x: right;
    }

    .esigpageview .usetick {
        background: url(images/minus.svg) no-repeat;
        background-position-y: center;
        background-position-x: right;
    }

        .esigpageview .usetick.collapsed {
            background: url(images/plus.svg) no-repeat;
            background-position-y: center;
            background-position-x: right;
        }

    .esigpageview .table-plus, .esigpageview .table-minus {
        font-size: 28px;
    }

    .esigpageview .table-pm .table-minus {
        display: block;
    }

    .esigpageview .table-pm .table-plus {
        display: none;
    }

    .esigpageview .table-pm.collapsed .table-plus {
        display: block;
    }

    .esigpageview .table-pm.collapsed .table-minus {
        display: none;
    }

    .esigpageview .tablebox {
        padding: 16px 32px;
        margin: 48px 0 !important;
        color: white;
        background: #113654;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .esigpageview .box-rightpart {
        max-width: 377px;
        background-color: transparent;
        border: 1px solid #707070;
        border-radius: 10px;
        margin-right: 17px;
    }

    .esigpageview .box-rightpart-row {
        font-size: 20px;
    }

    .esigpageview .borrowerbox {
        padding: 16px 32px;
        margin: 40px 0 45px !important;
    }

    .esigpageview .box-rightpart-ammount-big {
        font-size: 32px;
        font-weight: bold;
        line-height: 39px;
    }

    .esigpageview .box-rightpart-amount {
        font-size: 20px;
        font-weight: bold;
        line-height: 24px;
    }

.esigpageview .btn-esign-div, .esigpageview .nobtn-esign-div {
    margin: 32px 16px 16px 0;
}




    @media (max-width: 1199.99px) {
        .esigpageview .disclosures-header {
            font-size: 16px;
            min-height: 48px;
        }

        .esigpageview .disclosures-footer {
            font-size: 10px;
            margin-top: 8px;
        }

        .esigpageview .disclosures-value {
            font-size: 16px;
        }

        .esigpageview .disclosures-cell-1 {
            padding: 24px 16px 20px 24px;
        }

        .esigpageview .disclosures-cell-2, .esigpageview .disclosures-cell-3 {
            padding: 24px 16px 20px 16px;
        }

        .esigpageview .disclosures-cell-4 {
            padding: 24px 16px 20px 16px;
        }

        .esigpageview .box-rightpart {
            max-width: 327px;
            margin-right: 17px;
        }

        .esigpageview .box-rightpart-footer {
            font-size: 14px;
        }

        .esigpageview .btn-esign-div, .esigpageview .nobtn-esign-div {
            margin: 32px 0 16px;
        }
    }

    @media (max-width: 767.99px) {
        .esigpageview .disclosures-header {
            font-size: 16px;
        }

        .esigpageview .disclosures-cell-1 {
            border-radius: 10px 10px 0 0px;
            display: flex;
            justify-content: space-between;
            padding: 24px 16px;
        }

        .esigpageview .disclosures-cell-2 {
            display: flex;
            justify-content: space-between;
            padding: 24px 16px;
        }

        .esigpageview .disclosures-cell-3 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 24px 16px;
        }

        .esigpageview .disclosures-cell-4 {
            display: flex;
            justify-content: space-between;
            border-radius: 0 0 10px 10px;
            padding: 24px 16px;
        }

        .esigpageview .disclosures-footer {
            font-size: 14px;
            width: 100%;
        }

        .esigpageview .disclosures-value {
            font-size: 16px;
            margin-top: 0;
        }

        .esigpageview .tablebox {
            padding: 16px;
        }

        .esigpageview .box-rightpart-row {
            font-size: 16px;
        }

        .esigpageview .box-rightpart-amount {
            font-size: 16px;
            line-height: 21px;
        }

        .esigpageview .box-rightpart-footer {
            font-size: 14px;
        }

        .esigpageview .box-rightpart {
            max-width: 327px;
            margin: 24px auto;
        }

        .esigpageview .btn-esign-div, .esigpageview .nobtn-esign-div {
            margin: 32px 0 24px;
        }
    }

    /*Profile { */
.link-dark-blue {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-transform: capitalize;
    text-decoration: none;
    color: #113654;
    cursor:pointer;
}
    /*Profile } */
    /*Notifications*/
.btn-notify-close {
    background: #FFF !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border: 1px solid #FE7400 !important;
    border-radius: 8px;
    color: #FE7400 !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    padding: 4px 12px;
}
.smiley {
    color: #FE7400 !important;
}
    .smiley svg {
        width: 50px;
        height: auto;
        margin-right: 16px;
    }

.flinks-div {
    margin: 48px auto;
    padding: 24px;
    width: fit-content;
    border: 1px solid #aaa;
    border-radius: 10px;
    box-shadow: rgba(0,0,0, 0.34) 0 3px 6px;
    background-color: bisque;
}

@media (max-width: 767.99px) {
    .flinks-div {
        padding: 8px;
        margin: 16px auto;
    }
}

@media (min-width: 768px) {
    .flinksconnect {
        width: 100%;
    }
}