html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    background-color: #fff;
    height: auto;
}

.mobileTable{
    display: none;
}

.horizontalDivider-home{
    width: 100%;
    height: 100px;
}

body {
    display: flex;
    flex-direction: column;
}

.skip-to-main-content-link {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: white;
    color: white;
}
.skip-to-main-content-link:focus {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    margin-top: 5px;
    color: #0467C6 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    vertical-align: middle;
    outline: #0467C6 auto 1px;
    outline-color: #1560BD;
}


.sidemenu-div{
    height: 58px;
}

main {
    flex: auto;
}

.faq-centered, faq-centered-1{
    position: absolute;
    top : 283px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0.5px;
    color: white;
}

.mobileFooterContainer , .mobileHeaderContainer , .mobileContent , .mobileSidebar , .mobileProfileView , .mobileSignOutView, .profileTop, .mobileSolutionView, .mobile-tab-header, .mobileViewHeader, .mobile-divider, .tablet-content
{
    display: none;
}

#full-content > footer {
    display: table-row;
}

.text-align-center{
    text-align: center;
}

footer {
    background-color: #F0F0F0;
    text-align: center;
    color: white;
    line-height: 68px;
    display: flex;
    flex-direction: column;
}

.footerContainer {
    border-top: 1px solid #CBCBCB;
    display: flex;
}

.footerSection1 {
    flex: 25%;
}

.maxWidth{
    max-width: 868px;
    display: block;
}


.footerSection3 {
    flex: 25%;
}

.footerColor {
    color: #333333;
}

.footerText2 {
    color: #333333;
    margin-top: 22px;
    margin-bottom: 22px;
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.5px;
}

.footerText2:focus-visible{
    width: max-content;
}

.footerText2:hover {
    color: #333333;
    cursor: pointer;
    text-decoration: underline;
}

.headerDiv{
    margin-top: 10px;
    margin-bottom: 11px;
    margin-left: 32px;
    margin-right: 32px;
}

.frenchStyle{
    cursor: pointer;
    float:left;
    position: relative;
}

.headerText{
    color: #333333;
    font-family: Roboto;
    font-size: 16px;
    line-height: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.5px;
}

.headerText:hover {
    text-decoration: underline;
}

.tertiary-button:hover{
    text-decoration: underline;
    background-color: #F2F9FF !important;
}

.tertiary-button:focus-visible{
    box-shadow: 0 0 0 4px #1560BD, 0 0 0 0px #fff;
    outline-color : #003087;
    /*border: 2px solid #FFFFFF;*/
    outline: 2px solid #FFFFFF;
}

.footerText1:hover {
    color: #333333;
    cursor: default;
    text-decoration: none;
}

.text-decorationNone{
    text-decoration: none !important;
}

.verticalDivider{
    border-left: 1px solid #CBCBCB;
    height: 100%;
}

.floatRight{
    float : right;
}

.floatLeft{
    float: left;
}

.desktopHeader{
    border-bottom: 1px solid #CBCBCB;
    height: 35px;
    background-color : #F0F0F0;
}

.dropdown-focus {
    border: 2px solid #0467C6;
}

.footerText1 {
    margin-left: 32px;
    float: left;
    margin-top: 22px;
    margin-bottom: 22px;
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.5px;
    color: #333333;
}



.marginRight {
    margin-right: 16px;
}

.margin-right-col{
    margin-right: 32px;
}

.footerColor {
    color: #333333;
}

.nav-links ul li{
    font-family: "Roboto";
    text-decoration: none;
    list-style-type: none;
    box-sizing : border-box;
    cursor: pointer;
}


ul{
    padding-left: 20px;
}

.labelText ul li, .labelText ol li, ul li, ol li{
    margin-bottom: 8px;
}

.labelText ul li:last-child, .labelText ol li:last-child, ul li:last-child, ol li:last-child{
    margin-bottom: 0px;
}

.canadaLogo {
    float: right;
    background-repeat: no-repeat;
    margin-right: 32px;
    cursor: pointer;
    margin-top: 22px;
    line-height: 24px;
}

.logo , .logo_fr {
    float: left;
    margin-top: 20px;
    margin-bottom: 21px;
    margin-left: 32px;
}


.nav-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav-links ul li {
    float: left;
    height: 64px;
}

.nav-links {
    height: 64px;
}

.link_name {
    font-size: 16px;
    font-weight: 400;
    color: #333333 !important;
    line-height: 24px;
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
}

#organizationSpan{
    margin-left: 11px !important;
}

#individualsSpan{
    margin-left: 11px !important;
}

.arrowDown {
    float: right;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    margin-top: 3px;
    margin-right: 21px;
    content: url("../images/Chevron_down.svg");
    transform: rotate(0deg);
    cursor: pointer;
}

.sidebar-top{
    margin-top:20px
}

.request_demo_button{
    margin-left: auto;
    order: 2;
}
.sidebar{
    /*width: calc(100% - 352px);*/
}

.arrowUp {
    float: right;
    height: 16px;
    width: 16px;
    content: url("../images/Chevron_down.svg");
    transform: rotate(180deg);
    cursor: pointer;
    margin-right: 42px;
}

.identityLogo{
    margin-left: 32px;
    margin-right: 16px;
}

.pointerCursor{
    cursor: pointer;
}

button,
.button {
    font-family: Roboto;
    max-height: 300px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.5px;
    text-align: center;
    width: auto;
    border-radius: 2px;
    border: 0px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
}

button + button,
.button + .button {
    margin-left: 16px;
}

button[aria-disabled="true"],
a[aria-disabled="true"] {
    pointer-events: none;
}

.menuButton{
    margin-top: 13.5px;
    margin-bottom: 13.5px;
    margin-right: 32px;
    float: right;

}
/* Primary Button */
.primary-button {
    color: #ffffff;
    background-color: #003087;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 38px;
}

.primary-button:hover {
    background-color: #001266;
    text-decoration: underline;
}

.primary-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1560BD;
    background-color: #003087;
    outline: none;
}


.primary-button.by-keyboard:focus {
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px #1560BD !important;
}

.primary-button.disabled,
.primary-button:disabled {
    color: #666666;
    background-color: #f0f0f0;
}

.flexbox-row{
    display: flex;
    flex-wrap: nowrap;
}



.horizontalline{
    width: 48px;
    height: 3px;
    background: #B6875E;
}

.marginTopLabel-faq{
    margin-top: 24px;
    text-align: left;
}

.marginbottomLabel-faq{
    margin-bottom: 24px !important;
}

.labelStyleHeader, .labelStyleHeader-faq, labelStyleHeader-userGuide, userguide-subtitle {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.3px;
    position: static;
    max-width: 960px;
    left: 0px;
    top: 0px;
    margin-bottom: 0px;
    color: #333333;
}

.userguide-subtitle{
    margin-bottom: 24px !important;
}

.labelStyle, .labelStyle-userguide{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.5px;
    margin-top: 48px !important;
    color: #333333;
}

.labelText , .tabText{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
}

.marginTopLabel, .marginTopLabel-userguide{
    margin-top: 24px;
}

.marginTopLabel-1{
    margin-top: 24px !important;
}

.marginTopLabel48, .marginTopLabel48-userguide{
    margin-top: 48px !important;
}

.marginTopList{
    margin-top: 48px;
}

.marginTopList-1{
    margin-top: 24px !important;
}

.marginBottomLabel, marginBottomLabel-userguide{
    margin-bottom: 24px;
}

.marginBottom16{
    margin-bottom: 16px;
}

.marginTop16{
    margin-top: 16px !important;
}

.clickable{
    color: #0467C6 !important;
    cursor: pointer;
    margin-bottom: 16px;
}
.clickable-no-margin{
    color: #0467C6 !important;
    cursor: pointer;
}



.stats-row, .stats-row-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1440px;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
}

.stats-row-3{
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

.stats-column-1, .stats-column-2, .stats-column-3, .stats-column-4{
    max-width: 267px;
    flex: 25%;
    dispay: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1
}

.how-it-works-column-1, .how-it-works-column-2, .how-it-works-column-3 ,.how-it-works-column-4{
    max-width: 268px;
    flex: 22%;
    dispay: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.how-it-works-column-2-1, .how-it-works-column-2-2 , .how-it-works-column-2-3 {
    max-width: 32px;
    flex: 5%;
    dispay: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.polygonRight{
    height: 16px;
    width: 16px;
}

.polygon{
    height: 16px;
    width: 16px;
    margin-top: 32px;
    margin-bottom: 32px;

}

.margin-bottom-32-desktop{
    margin-bottom: 32px;
}

.polygon-rotate{
    transform: rotate(90deg);
    margin-left: 250px;
}

.polygon-rotate-1{
    transform: rotate(90deg);
}

.stats-column-1, .stats-column-2, .stats-column-3{
    margin-right: 32px;
}

.stat-count{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 0.5px;
    color: #333333;
    margin-top: 27px;
    margin-bottom: 8px;
}

.stat-count-sm{
    font-size: 28px !important;
    line-height: 36px !important;
    margin-left: 4px;
    letter-spacing: 0.3px
}

.perctage-sm{
    margin-top: unset;
    margin-bottom: 28px;
}

.stat-text{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
}

.document-scanning-header{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
    margin-top: 8px;
    margin-bottom: 8px;
}

.mobile-span-text{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
    margin-top: 18px;
    margin-bottom: 27px;
}

.mobile-span-cost{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: #333333;
    float: right;
}

.document-scanning-text{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
}

.document-scanning-icon{

}

.flexbox-row-maincontent , .flexbox-row-maincontent-faq{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.mainContent-userguide{
    margin: unset !important;
}

.mainContent-howItWorks{
    max-width: 1180px !important;
}

.mainContent-homepage{
    max-width: 1180px !important;
}

.flexbox-row-maincontent-userguide{
    justify-content: left !important;
    margin-left: 136px !important;
}

.flexbox-row-maincontent-faq{
    margin-left: 100px;
}

.nowrap-homepage{
    flex-wrap: nowrap ;
}

.nowrap-howItWorks{
    flex-wrap: nowrap !important;
}

.flexbox-row-maincontent-featurePage{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.margin-left-col-3{
    margin-left : 136px;
}

.flexbox-column-maincontent{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1
}


.row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.row {
    /* --bs-gutter-x: 1.5rem; */
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.headerUnderlne{
    width: 48px;
    height: 3px;
    /*order: 1;*/
    flex-grow: 0;
    background: #B6875E;
    margin-top: 16px;
    margin-bottom: 16px;
}

.grey-row{
    background-color: #F8F3EF;
    /*min-height: 236px;*/
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.grey-row-1{
    background-color: #F8F3EF;
    width: 100%;
    min-height: 364px;
    position: relative;
}

.marginTopDesktop32{
    margin-top : 32px;
}

.header-row{
    /*width: calc(100% - 260px);*/
    height: 236px;
    /*margin-left: 130px;*/
    /*margin-right: 130px;*/
    overflow: hidden;
    max-width: 1180px;
    margin : 0 auto;
}


.faq-header-row{
    height: 300px !important;
    margin-left: 136px !important;
    margin-right: 136px !important;
}

.header-row-featurePage{
    margin-left: unset !important;
    margin-right: unset !important;
}

.header-row-featurePage-1{
    margin-bottom: 64px;
}


.light-blue-row{
    background-color: #EAF1FA;
    width: 100%;
    max-width: 1180px;
    overflow: hidden;
    min-height: 372px;
}


.white-row{
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    overflow: hidden;
}

.blue-row{
    background-color: #003087;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    min-height: 100px;
}

.brown-row{
    background: linear-gradient(180deg, #B6875D 54.5%, white 50%);
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    min-height: 100px;
    height: 600px;
}

.col-3{
    max-width: 1180px;
    flex: 100%;
}

.col-full{
    flex: 100%;
}

.span-margin{
    margin-top: 64px;
}

.spanText1{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.5px;
    color: #333333;
    padding-right: 48px;
    padding-left: 48px;
}

.margin-bottom-64 , .margin-bottom-64-howItworks{
    margin-bottom: 64px;
}


.spanText2{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.3px;
    color: #111111;
    font-feature-settings: 'clig' off, 'liga' off;
    margin-bottom: 24px;
}

.spanLinkText{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #0467C6;
}

.spanLinkText:hover{
    text-decoration: underline;
}

.spanLinkTextPricing{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #003087;
    margin-left: 24px;
}

.blueText{
    color : #FFFFFF !important;
    margin-top: 48px;
}

.blueText-sm{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    margin-top: 24px;
}

.li-text{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    color: #333333;
    cursor: pointer;
}

.li-text-bold{
    font-weight: 500 !important;
}

.center{
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.left{
    display: flex;
    justify-content: left;
}

.right{
    display: flex;
    justify-content: right;
}

.center1{
    display:flex;
    justify-content: center;
    align-items: center;
}

.tertiary-button{
    margin-top: 32px;
    color: #003087;
    background-color: #F8F3EF;
    border: 2px solid #003087;
    border-radius: 2px;
    height: 44px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
}

.white-button{
    background-color: white !important;
    width: 292px !important;
    margin-right: 16px;
    margin-left: 16px;
}

.icon-link{
    height: 56px;
    padding-top: 16px;
}

#sidebarId div ul li:focus-visible {
    outline-color: #1560BD;
}

#sidebarId:focus-visible , #forIndividuals:focus-visible, #canadaSiteLogo-responsive:focus , #canadaSiteLogo-responsive:focus-visible, #langDiv:focus-visible, #langDivFR:focus-visible, #SignInDiv:focus-visible, .sidebarClose:focus-visible, #hamburgerId:focus-visible, .headerSection3:focus-visible, #languageId:focus-visible, .headerText1:focus-visible, .headerText2:focus-visible, #profileLogoResponsive:focus-visible{
    outline-color: #1560BD;
}

#link2:focus-visible, #link1:focus-visible{
    width: max-content;
}

#link3:hover, #link4:hover, #link5:hover , #link6:hover , #link7:hover , #link8:hover , #appleStore:hover , #googleStore:hover , #userguideLink1:hover, #userguideLink2:hover{
    text-decoration: underline;
}

#profileLogo:focus-visible, #organizations:focus-visible, #individuals:focus-visible{
    outline-color: #1560BD;
}
#individuals:focus-visible{
    margin-right: 5px;
}
#organizations{
    margin-left: 5px;
    margin-right: 1px;
}

#subMenu1-opt1 , #subMenu1-opt2, #subMenu1-opt3, #subMenu1-opt4, #subMenu2-opt1, #subMenu2-opt2, #subMenu2-opt3{
    margin-right: 2px;
    margin-left: 2px;
}

.border-left{
    border-left: 3px solid #333333;
}

#responsiveForBusiness, #responsiveForIndividuals {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
    line-height: 56px;
    min-height: 56px;
}

.ios-button{
    margin-top: 32px;
    background: url('../images/new_images/badge_app_store.svg') no-repeat;
    background-size: cover;
    width: 120px;
    height: 40px;
    color: #003087;
    margin-bottom: 64px;
}

.ios-button-fr{
    margin-top: 32px;
    background: url('../images/Badge_ios_fr.svg') no-repeat;
    background-size: cover;
    width: 135px;
    height: 40px;
    color: #003087;
    margin-bottom: 64px;
}

.google-button{
    margin-top: 32px;
    background: url('../images/new_images/google-play-badge.svg') no-repeat;
    background-size: cover;
    width: 135px;
    height: 40px;
    color: #003087;
}

.google-button-fr{
    margin-top: 32px;
    background: url('../images/Badge_google_fr.svg') no-repeat;
    background-size: cover;
    width: 135px;
    height: 40px;
    color: #003087;
}

.badge_google_white{
    margin-top: 32px;
    background: url('../images/new_images/google-play-badge_invert.svg') no-repeat;
    background-size: cover;
    width: 135px;
    height: 40px;
    color: #003087;
    margin-left: 32px;
}

.badge_google_white-fr{
    margin-top: 32px;
    background: url('../images/Badge_google_white_fr.png') no-repeat;
    background-size: cover;
    width: 135px;
    height: 40px;
    color: #003087;
    margin-left: 32px;
}


.badge_ios_white{
    margin-top: 32px;
    background: url('../images/new_images/badge_app_store_invert.svg') no-repeat;
    background-size: cover;
    width: 120px;
    height: 40px;
    color: #003087;
}

.badge_ios_white-fr{
    margin-top: 32px;
    background: url('../images/Badge_ios.white_fr.png') no-repeat;
    background-size: cover;
    width: 135px;
    height: 40px;
    color: #003087;
}

.pattern2{
    position: absolute;
    z-index: 1;
    margin-top: -10px;
    bottom: 86px;
    margin-left: 468px;
}




.featurePagePattern2{
    position: absolute;
    z-index: 1;
    width: 132px;
    /*top: 436px;*/
    height: 132px;
    right: -32px;
    bottom: -32px;
}

.brownPatter2{
    position: absolute;
    z-index: 1;
    width: 132px;
    /*right: 100px;*/
    height: 132px;
    margin-top: -10px;
    right: -30px;
    bottom: -30px;
}

.blue-button-1, .blue-button-menu-1{
    color: #FFFFFF;
    background-color: #003087;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    margin-top: 32px;
    margin-bottom: 64px;
    vertical-align: middle;
    height: 44px;
    display: inline-flex;
    align-items: center;
}


.blue-button-1:focus-visible{
    box-shadow: 0 0 0 2px #003087, 0 0 0 4px #fff;
    outline: unset;
    border: 2px solid #FFFFFF;
}

.blue-button-1:hover{
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0.40);
    border: 2px solid #FFFFFF;
}

.blue-button-2, .blue-button-menu-2{
    color: #003087;
    background-color: #FFFFFF;
    /*border: 2px solid #003087;*/
    border-radius: 2px;
    margin-top: 32px;
    margin-bottom: 64px;
    vertical-align: middle;
    height: 44px;
    display: inline-flex;
    align-items: center;
}

.blue-button-menu-2{
    padding-left: 20px;
    padding-right: 20px;
    display: inline-flex;
    align-items: center;
}

.blue-button-menu-2:hover{
    text-decoration: underline;
    background-color: #F2F9FF;
}
.blue-button-menu-2:focus-visible{
    border: 2px solid #FFFFFF;
    outline-color: #1560BD;
}

.blue-button-2:focus-visible{

    /*outline-color: #003087;*/
    box-shadow: 0 0 0 2px #003087, 0 0 0 4px #fff;
    outline: unset;
    /*border: 2px solid #FFFFFF;*/
}

.blue-button-2:hover{
    background-color: rgba(255, 255, 255, 0.80);
    text-decoration: underline;
}

.blue-button-3{
    color: #FFFFFF;
    background-color: #003087;
    /*border: 2px solid #003087;*/
    /*border-radius: 2px;*/
    margin-top: 32px;
    margin-bottom: 64px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    height: 44px;

}


.blue-button-3:focus-visible{
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1560BD;
    outline: unset;
    background-color: #003087;
    /*border: 2px solid #FFFFFF;*/
}

.blue-button-3:hover{
    text-decoration: underline;
    background-color: #001266;
    /*border: 2px solid #FFFFFF;*/
}

.featureImage1-1{
    position: absolute;
    width: 776px;
    height: 536px;
    right: 0;
    /*margin-right: 130px; Removed for feature page*/
    top: 32px;
}

.featureImage1-1-howItWorks{
    margin-right: unset;
}

.featureImage2-1{
    position: absolute;
    width: 473px;
    top: 142px;
    z-index: 1;
    background: #FFFFFF;
    /* Card Shadow */
    box-shadow: 0px 3px 8px rgba(17, 17, 17, 0.13);
}

.featureImage2-1-howItWorks {
    width: 568px !important;
}

.featureImage2{
    position: absolute;
    width: 568px;
    bottom: 118px;
    z-index: 1;
    background: #003087;

    /* Card Shadow */
    box-shadow: 0px 3px 8px rgba(17, 17, 17, 0.13);
}

.featureImage2-box1{
    position: absolute;
    width: 568px;
    margin-left: 136px;
    top: 223px;
    z-index: 1;
}


.featureImage1{
    position: absolute;
    width: 100%;
    height: 600px;
    left: 0;
}


.homepage-hero{
    background-image: url("../images/new_images/Hero_1440.svg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.featurePage-hero{
    background-image: url("../images/new_images/hero_img_features_desktop_en.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.featurePage-hero-fr{
    background-image: url("../images/new_images/hero_img_features_desktop_fr.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.howItworks-hero{
    background-image: url("../images/new_images/howItWorks_desktop_en.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.howItworks-hero-fr{
    background-image: url("../images/new_images/howItWorks_desktop_fr.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.individual-hero{
    background-image: url("../images/new_images/howItWorks_individual_desktop_en.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.individual-hero-fr{
    background-image: url("../images/new_images/howItWorks_individual_desktop_fr.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.faq-hero{
    background-image: url("../images/new_images/faq_desktop.svg");
    position: absolute;
    width: 100%;
    height: 300px;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}



.featurePageHeader{
    margin-top: 64px;
    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 24px;
}

.labelText-margin, .labelText-margin-desktop, .labelText-margin-single, .labelText-margin-desktop-home{
    /*margin-top: 24px;*/
    margin-left: 48px;
    margin-right: 48px;
    display: inline-block;
}

.labelText-margin-fr{
    margin-left: 48px;
    /*margin-right: 48px;*/
    display: inline-block;
}

.labelText-margin-fp{
    margin-right: 48px;
    display: inline-block;
}




.hero-div{
    position: relative;
    width: 100%;
    min-height: 600px;
    height: auto;
    left: 0px;
}

.hero-div-homepage{
    min-height: 600px;
}



.headerTitleText{
}

.col-2-1{
    flex: 30%;
    max-width: 268px;
}

.col-2-2{
    max-width: 868px;
    flex: 70%;
}

.howItWorksText{
    /*width: 168px;*/
    max-width: 208px;

}

.howItWorksText-single{
    margin-right: 32px;
    max-width: 268px;
    min-width: 216.25px;
}

.row-flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column-flexbox {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.featureImage3{
    content: url("../images/new_images/section_photo_man_selfie_desktop.svg");
    position: absolute;
    margin-left: 68px;
    z-index: 1;
    margin-top: -42px;
    height: 448px;
    width: 516px;
}

.featureImage3-fr{
    content: url("../images/new_images/section_photo_man_selfie_desktop_fr.svg");
    position: absolute;
    margin-left: 68px;
    z-index: 1;
    margin-top: -42px;
    height: 448px;
    width: 516px;
}

.featurePageContent{
    margin-top: 64px;
    margin-left: 48px;
    margin-right: 44px;
}

.featurePageContent-2{
    margin-top: 64px;
    margin-right: 44px;
}

.featurePageContent-2-Easy-Integration{
    margin-top: 64px;
    margin-left: 52px;
    margin-right: 48px;
    margin-bottom: 48px;
}

.editPhone{
    position: absolute;
    content: url("../images/new_images/reusable_digital_id_desktop.svg");
    margin-left: 64px;
    z-index: 1;
    margin-top: -30px;
    height: 444px;
    width: 432px;
}

.editPhone-fr{
    position: absolute;
    content: url("../images/new_images/reusable_digital_id_desktop_fr.svg");
    margin-left: 64px;
    z-index: 1;
    margin-top: -30px;
    height: 444px;
    width: 432px;
}

.Illustration{
    height: 234.44px;
    width: 366.7px;
}

.playButton{
    height: 24px;
    width: 24px;
    margin-bottom: 2px;
    margin-right: 10px;
}

.col-1-Full-Compliance{
    max-width: 769.3px;
    flex: 70%;
}

.col-2-Full-Compliance{
    max-width: 398.7px;
    flex: 30%;
}

.editDashboard{
    content: url("../images/new_images/Dashboard_en_desktop.png");
    position: absolute;
    z-index: 1;
    height: 372px;
    width: 558px;
    margin-left: 25px;
}

.editDashboard-fr{
    content: url("../images/new_images/Dashboard_fr_desktop.png");
    position: absolute;
    z-index: 1;
    height: 372px;
    width: 558px;
    margin-left: 25px;
}

.howItWorkText{
    text-align: center;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
}

.howItWorkTextNo{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.3px;
    color: #B6875E;
    text-align: center;
}

.heroText-1{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
}

.tab-header {
    border-top: 2px solid #CBCBCB;
    padding-bottom: 16px;
    /*margin-top: 16px;*/
    padding-top: 16px;
}

.marginTop40{
    margin-top: 40px;
}


.tab-header-bottom{
    border-top: 2px solid #CBCBCB !important;
}

.tab-row {
    flex: 100%;
    align-self: stretch;
    cursor: pointer;
}

.tab-text {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 16px;
    line-height: 24px;
    display: block;
    letter-spacing: 0.5px;
    color: #333333;
}
h2:focus-visible, h3:focus-visible, ol:focus-visible, ul:focus-visible, li:focus-visible, span:focus-visible, .tab-row:focus-visible {
    outline-color: #1560BD;
}

h2:focus-visible, #privacyPolicySection-1:focus-visible, #onlineUsageSection-1:focus-visible, #transactionHistorySection-1:focus-visible, #identityVerificationSection-1:focus-visible, #getstartedSection-1:focus-visible{
    width: max-content;
}


.faq-style{
    display: flex;
}
.faq-style-1{
    margin-right: auto;
}
.faq-style-2{
    margin-left: auto ;
    order: 2;
}

.fa-plus {
    float: right;
    margin-top: 5px;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    margin-right: 16px;
    content: url(../images/Chevron_down.svg);
    transform: rotate(0deg);
    cursor: pointer;
}

.fa-minus {
    float: right;
    vertical-align: middle;
    margin-top: 5px;
    height: 16px;
    width: 16px;
    margin-right: 16px;
    content: url(../images/Chevron_down.svg);
    transform: rotate(180deg);
    cursor: pointer;
}

.tab-text-margin{
    margin-left: 16px;
    margin-bottom: 8px;
    margin-right : 16px;
    margin-top: 24px;
}

.tab-center{
    /*margin-left: 32px;*/
    max-width: 978px;
}

.active {
    display: block !important;
}

.select-tab{
    border-top: 2px solid #CA261A !important;
}

.boldText{
    font-weight: 500 !important;
}


.customTable tr th {
    text-align: left;
    border-top: 2px solid #333333;
    border-bottom: 1px solid #333333;
    font-family: Roboto !important;
    font-size: 16px;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    color: #333333;
}

.CustomTable tr, td {
    border-bottom: 1px solid #CBCBCB;
    cursor: default;
}

.customTable td, th {
    text-align: left;
    font-family: Roboto !important;
    border-top: 1px solid black;
    line-height: 56px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #333333;

}

.tableCell {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 16px;
    padding-left: 16px;
}

.customTable tr:nth-last-child(1) {
    border-bottom: 1px solid black;
}

.customTable tr:nth-of-type(odd) {
    background-color:#F0F0F0;
}

.customTable {
    width: 100%;
    table-layout: fixed;
    font-family: Roboto !important;
    text-align: left;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

.table-text-left{
    text-align: left !important;
}

.table-text-right{
    text-align: right !important;
}

.table-credit-text{
    font-family: Roboto !important;
    border-top: 1px solid black;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    color: #333333;
}

.table-cost-text{
    font-family: Roboto !important;
    border-top: 1px solid black;
    line-height: 28px;
    font-size: 20px;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    color: #333333;
}

.hero-col{
    height: 100px;
    margin: 0 auto;
}

.editPhoneHomeImage{
    content: url(../images/new_images/img_id_jane_desktop_en.svg);
    height: 664px;
    width : 498px;
}

.editPhoneHomeImage-fr{
    content: url(../images/new_images/img_id_jane_desktop_fr.svg);
    height: 664px;
    width : 498px;
}

.steps-margin-1{

}

.col-1 {
    max-width: 670px;
    margin-right: 25px;
}

.col-2 {
    max-width: 510px;
}

.col-1-hero, .col-2-hero{
    max-width: 720px;
}

.grey-row, .grey-row-1{
    max-width: 1180px;
}

.grey-row-homepage{
    max-width: unset !important;
}

.marginLeftFooter {
    margin-left: 16px;
}

.footerSection2 {
    flex: 50%;
    justify-content: center;
    display: flex;
}

.horizontalDivider{
    width: 100%;
    height: 100px;
}

.horizontalDivider-min{
    width: 100%;
    height: 20px;
}

.mainContent {
    margin: 0 auto;
    max-width: 1440px;
    background-color: #fff;
}


#languageIdMobile, .blue-footer-mobile, .header-row-responsive, .headerTitleText-responsive, .responsiveContent, .sidebar-responsive , .tabletSection , .mobileSection{
    display: none;
}

.sidebar-backdrop {
    display:none;
    background: rgba(17, 17, 17, 0.75);
    width: 100%;
    position: absolute;
    z-index: 1;
}

.backdrop{
    background: rgba(17, 17, 17, 0.75);
}

.sidebarClose{
    vertical-align: middle;
    height: 24px;
    width: 24px;
    content: url("../images/Modal-Window-Close.svg");
    position: relative;
    margin-bottom: 3px;
}

.sidebar-responsive{
    width: 320px;
    background-color: white;
}

.horizontalDividerTab, .horizontalDividerMobile{
    display: none;
}

.steps-margin-1-single{
    margin-top: 64px;
}

.content{
    width: 768px;
}

.content-userguide{
    max-width: 861px;
}

.userguide-content{
    margin-left: 242px;
}

.content1{
    width: 304px;
    margin-right: 96px;
    top : 435px;
    left : 136px;
    position: fixed;
    bottom: calc(100% - 343px);
}

.Passport_with_chip{
    content: url("../images/new_images/Passport_with_chip_desktop_en.svg");
    height: 337.5px;
    width: 600px;
}

.Passport_with_chip-fr{
    content: url("../images/new_images/Passport_with_chip_desktop_fr.svg");
    height: 337.5px;
    width: 600px;
}

.Readable_zone{
    content: url("../images/new_images/Readable_zone_desktop_en.svg");
    height: 337.5px;
    width: 600px;
}

.Readable_zone-fr{
    content: url("../images/new_images/Readable_zone_desktop_fr.svg");
    height: 337.5px;
    width: 600px;
}
.mrzScan{
    content: url("../images/new_images/Scanning_passport_desktop_en.svg");
    height: 337.5px;
    width: 600px;
    margin-top: 5px;
}

.mrzScan-fr{
    content: url("../images/new_images/Scanning_passport_desktop_fr.svg");
    height: 337.5px;
    width: 600px;
}

.Scan_back_of_passport{
    content: url("../images/new_images/Scanning_passport_back_desktop_en.svg");
    height: 337.5px;
    width: 600px;
}
.Scan_back_of_passport-fr{
    content: url("../images/new_images/Scanning_passport_back_desktop_fr.svg");
    height: 337.5px;
    width: 600px;
}

.Validation_flow{
    content: url("../images/new_images/Validation_flow_desktop_en.svg");
    height: 337.5px;
    width: 600px;
    margin-top: 5px;
}

.Validation_flow-fr{
    content: url("../images/new_images/Validation_flow_desktop_fr.svg");
    height: 337.5px;
    width: 600px;
}

.imageText{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #111111;
}


@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .homepage-hero{
        background-image: url("../images/new_images/Hero_1921.svg");
    }

    .howItworks-hero{
        background-image: url("../images/new_images/howItWorks_desktop_en.svg");
    }

    .howItworks-hero-fr{
        background-image: url("../images/new_images/howItWorks_desktop_fr.svg");
    }

    .individual-hero{
        background-image: url("../images/new_images/howItWorks_individual_desktop_en.svg");
    }

    .individual-hero-fr{
        background-image: url("../images/new_images/howItWorks_individual_desktop_fr.svg");
    }

    .faq-hero{
        background-image: url("../images/new_images/faq_desktop.svg");
    }

    .featureImage3{
        content: url("../images/new_images/section_photo_man_selfie_desktop.svg");
        height: 448px;
        width: 516px;
    }
    .featureImage3-fr{
        content: url("../images/new_images/section_photo_man_selfie_desktop_fr.svg");
        height: 448px;
        width: 516px;
    }

    .header-row-featurePage{
        margin-left: 130px !important;
        margin-right: 130px !important;
    }

    .featureImage2{
        margin-left: unset;
    }

    .flexbox-row-maincontent{
        justify-content: left;
    }

    .flexbox-row-maincontent-1 {
        justify-content: center !important;
    }

    .header-row-lg{

        justify-content: center !important;
        margin: unset !important;
        margin-right: calc(100%) !important;
    }

}

.desktop-wrapper {
    margin-right: 130px;
    margin-left: 130px;
}

.desktop-wrapper-howItworks , .desktop-wrapper-featurePage  {
    margin: 0 auto;
}

@media screen and (min-width: 1025px) and (max-width: 1244px) {


    .pattern2{
        margin-left: 520px;
    }

    .homepage-hero{
        background-position : right 37% center;
    }

    .container-1{
        margin: unset !important;
        max-width: 100% !important;
    }

    .featureImage2-1-howItWorks, .featureImage2-1{
        margin-left: 32px;
    }

    .featureImage1-1-howItWorks, .featureImage1-1{
        margin-right: 32px;
    }

    .howItWorksText{
        max-width: 168px;
    }

    .faq-header-row, .flexbox-row-maincontent-userguide{
        margin-left: 32px !important;
    }

    .flexbox-row-maincontent-faq{
        margin-left: 32px;
    }

    .steps-margin-1-single{
        margin-left: unset;
        margin-right: unset;
    }

    .margin-top-sm-32{
        margin-top: 32px;
    }

    .stats-row-1, .stats-row-3{
        max-width: 100%;
    }

    .column-flexbox{

    }

    .column-flexbox:last-child{
        margin-right: 0px;
    }

    .column-flexbox-single{
        min-width: 206px;
        /*margin-right: 32px;*/
    }

    .column-flexbox-single:last-child{
        margin-right: 0px;
    }


    .margin-left-desktop{
        margin-left: 48px !important;
    }

    .max-width-375{
        max-width: 375px;
    }

    #pricingSpan{
        margin-right: unset;
    }

    /*.identityLogo{*/
    /*    margin-right: 17px;*/
    /*    margin-left: 16px;*/
    /*}*/


    #subMenu2{
        margin-left: 32px !important;
    }
    #individualsSpan{
        margin-left: 32px !important;
    }


    .flexbox-row-maincontent {
        flex-wrap: unset;
    }

    .editPhone , .editPhone-fr{
        height: 444px;
        width: 432px;
        margin-left: 16px;
    }

    .Illustration{
        width: 366px;
        height: 234px;
    }

    .col-1{
        max-width: unset;
        margin-left: unset;
    }

    .col-2{
        margin-right: unset;
    }

    .editPhoneHomeImage, .editPhoneHomeImage-fr{
        height: 493px;
        width: 383px;
    }



    .col-3 {
        /*max-width: calc(100% - 104px);*/
        /*margin-left: 52px;*/
        /*margin-right: 52px;*/
    }

    .col-3-howItWorks, .col-3-howItWorks-1{
        max-width: unset;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    /*.featureImage1-1{*/
    /*    margin-right: 32px;*/
    /*}*/

    .faq-centered-1{
        left: 32px;
    }

    .desktop-wrapper {
        margin-right: 32px;
        margin-left: 32px;
    }

    .featurePagePattern2{
        right : -32px;
        margin-top: -35px;
    }

    .brownPatter2{
        right : -40px;
        margin-top: -35px;
    }

    .featureImage1 {
        margin-right: 52px;
    }

    .howItworks-hero{
        background-image: url("../images/new_images/howItWorks_desktop_en.svg");
    }

    .howItworks-hero-fr{
        background-image: url("../images/new_images/howItWorks_desktop_fr.svg");
    }

    .individual-hero{
        background-image: url("../images/new_images/howItWorks_individual_desktop_en.svg");
    }

    .individual-hero-fr{
        background-image: url("../images/new_images/howItWorks_individual_desktop_fr.svg");
    }

    .faq-hero{
        background-image: url("../images/new_images/faq_desktop.svg");
    }

    .featureImage3{
        content: url("../images/new_images/section_photo_man_selfie_desktop.svg");
        height: 448px;
        width: 516px;
        margin-left: unset;
    }

    .featureImage3-fr{
        content: url("../images/new_images/section_photo_man_selfie_desktop_fr.svg");
        height: 448px;
        width: 516px;
        margin-left: unset;
    }

    .arrowDown{
        margin-right: unset;
    }

    /*.menuButton{*/
    /*    margin-right: 16px;*/
    /*}*/

    .header-row{
        margin-left: unset;
        margin-right: unset;
    }

    .editDashboard {
        content: url("../images/new_images/Dashboard_en_desktop.png");
        height: 304px;
        width: 456px;
        margin-top: 32px;
        margin-bottom: 32px;
        margin-left: 25px;
    }

    .editDashboard-fr {
        content: url("../images/new_images/Dashboard_fr_desktop.png");
        height: 304px;
        width: 456px;
        margin-top: 32px;
        margin-bottom: 32px;
        margin-left: 25px;
    }

    .featurePageContent-2-Easy-Integration {
        margin-top: 64px;
        margin-left: 32px;
        margin-bottom: 64px;
    }

    .light-blue-row {
        min-height: 368px;
    }

    .featureImage1-1 {
        position: absolute;
        margin-left: 370px;
        width: 768px;
        height: 536px;
        top: 32px;
    }

    .featureImage2-1 {
        position: absolute;
        /*width: 568px;*/
        /*removing this to make width 473*/
        height: auto;
        /*margin-left: 32px;*/
        top: 142px;
        z-index: 1;
        background: #FFFFFF;
        box-shadow: 0px 3px 8px rgb(17 17 17 / 13%);
    }

    .featureImage2-2{
        width: 473px;
    }

    .featureImage2{
        position: absolute;
        width: 445px;
        margin-left: 32px;
        z-index: 1;
        background: #003087;
        box-shadow: 0px 3px 8px rgb(17 17 17 / 13%);
    }

    .featureImage2-homepage{
        width: 568px !important;
    }

    .labelText-margin{
        margin-right: unset;
        margin-left: unset;
    }

    .labelText-margin-featurepage{
        margin-left: 48px !important;
        margin-right: 48px !important;
    }

    .labelText-margin-fr{
        margin-right: unset !important;
    }

    .labelText-margin-single{
        margin-left: unset;
    }
}

@media screen and (min-width: 1245px) and (max-width: 1440px) {
    .col-1 {
        max-width: 670px;
        margin-right: 25px;
        flex: 65%;
    }

    .desktop-wrapper {
        margin-right: 32px;
        margin-left: 32px;
    }

    .mainContent-howItWorks{
        max-width: unset;
    }

    .faq-centered{
        left: 130px;
    }
    .tab-center{
        margin-left: 130px;
        max-width: 978px;
    }

    .headerTitleText{
    }

    #languageIdMobile, .blue-footer-mobile{
        display: none;
    }


    .flexbox-row-maincontent, .flexbox-row-maincontent-faq , .flexbox-row-maincontent-featurePage{
        justify-content: center;
    }

    .featureImage2{
        margin-left: unset;
    }

    .mainContent {
        margin: 0 auto;
        max-width: 1440px;
        background-color: #fff;
        position: relative;
    }

    .col-2 {
        max-width: 510px;
        flex: 35%;
    }

    .grey-row , .grey-row-1{
        max-width: 1180px;
    }

    .marginLeftFooter {
        margin-left: 16px;
    }

    .footerSection2 {
        flex: 50%;
        justify-content: center;
        display: flex;
    }

    .container-1{
        /*margin-left: 130px !important;*/
        /*margin-right: 130px !important;*/
    /*    Removing this because banner not centering between 1245-1440 for both howItWorks pages*/
    }

}

.desktopLogo{
    border-bottom: 1px solid #CBCBCB;
}

.sidebar li ul{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 100px;
    margin-left: 11px !important;
    padding:0px 0px 0px 0px !important;
    z-index: 3;
    box-shadow: 0px 3px 8px rgba(17, 17, 17, 0.13);
}

.sidebar ul li:hover .arrowDown{
    transform: rotate(180deg);
}


.sidebar li ul a li{
    line-height: 44px !important;
    height: 44px !important;
    vertical-align: middle;
    width: 157px;
}

.sidebar li ul a li:hover{
    text-decoration: underline;
}

.sidebar li ul a{
    display: flex;
    flex: 100%;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.sidebar li:hover ul, .showSubmenu{
    display: block !important;
}


.sidebar li ul a li:hover{
    /*width: 180px;*/
}

.nav-selected {
    border-left: 4px solid #333333;
    height: 56px;
    opacity: 1;
}

.nav-selected:hover {
    background-color: #F0F0F0;
}

.sidebar-arrowDown {
    margin-top: 20px;
    float: right;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    content: url("../images/Chevron_down.svg");
    transform: rotate(0deg);
    cursor: pointer;
}

.sidebar-arrowUp {
    margin-top: 20px;
    float: right;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    content: url("../images/Chevron_down.svg");
    transform: rotate(180deg);
    cursor: pointer;
}

.signinStyle{
    cursor: pointer;
    float:left;
    position: relative;
}

.displayBlock{
    display: block;
 }

.width-400{
    width: 400px;
}

.width-500{
    width: 375px;
}

.text-decoration:hover{
    text-decoration: underline;
}

/*Start*/

.block {
    margin: 10px 50px;
    display: flex; /* required */
    flex-flow: row nowrap; /* required */
}
.block .background,
.block .foreground {
    box-sizing: border-box; /* required */
    width: 100%; /* required */
    flex: none; /* required */
}
.block .background {
    background: #9ff;
    color: #fff;
    padding: 15px;
    font-size: 30px;
}
.block .foreground {
    padding: 15px;
    border: solid 1px;
    margin-left: -100%; /* required */
}
.block .foreground .outside {
    position: absolute;
    top: 5px;
    left: 8px;
}

/*End*/


@media screen and (min-width: 1921px) {
    .homepage-hero{
        background-image: url("../images/new_images/Hero_1921.svg");
    }
    .faq-header-row{
        /*margin-right: unset !important;*/
        /*margin-left: unset !important;*/
    /*    Removed this for userguide header*/
    }

    .featureImage2{
        margin-left: unset;
    }

    .justify-content-unset{
        /*margin-left: 104px;*/
    }

    .header-row-featurePage{
        margin-left: 130px !important;
        margin-right: 130px !important;
    }

}

.header-row-lg{
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: left;
    flex-wrap: nowrap;
    height: 236px;
}

.justify-content-unset{
    justify-content: unset;
}

.container-1 {
    position: relative;
    width: 100%;
    height: 600px;
    background: linear-gradient(180deg, #B6875D 54.5%, white 50%);
    margin: 0 auto;
    max-width: 1180px;
    /*max-width: 1168px;*/
}

.one {
    z-index: 1;
    position: absolute;
    width: 100px;
    height: 20px;
    background: red;
}

.two {
    z-index: 2;
    position: absolute;
    width: 100px;
    height: 20px;
    background: blue;
    left: 10px;
    top: 10px;
}

.max-width-190{
    max-width: 190px !important;
}

#closer_videopopup{
    position: absolute;
    display: table-cell;
    right: 2%;
    top: 2%;
    font-size: 32px;
    text-align: center;
    vertical-align: middle;
    padding: auto;
    cursor: default;
    background: none;
    border: none;
    color: #ffffff;
    z-index: 100004;
}
#opct{
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.9;
}
#videCont{
    position: relative;
    /*padding-bottom: 56.25%; !* 16:9 *!*/
    /*padding-top: 25px;*/
    height: 0;
    margin: auto;
    /*max-width: 720px;*/
    max-width: 1050px;
    /*left : 25%;*/
    top : 15%;
    height: auto !important;
}
#yt_video{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
}
video{
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    opacity: 1 !important;

}
#video1{
    cursor: pointer; cursor: hand;
}