.divider {
    background: #B3B3B3;
}

.section-inner {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.section-inner.large {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

.section-inner.large-t {
    padding-top: 96px !important;
}

.section-inner.large-b {
    padding-bottom: 96px !important;
}

.section-inner.small-t {
    padding-top: 32px !important;
}

.section-inner.pad-tb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.section-inner.pad-t-0 {
    padding-top: 0 !important;
}

.section-inner.pad-b-0 {
    padding-bottom: 0 !important;
}

.section-inner.pad-t-hlf {
    padding-top: 32px !important;
}

.section-inner.pad-tb-hlf {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.disclaimer .section-inner {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.icon-32 {
    width: 32px;
    height: 32px;
}

.mar-b-24 {
    margin-bottom: 24px;
}

.mar-t-auto {
    margin-top: auto;
}

.icon-dark {
    filter: brightness(0) saturate(100%) invert(9%) sepia(1%) saturate(0%) hue-rotate(317deg) brightness(87%) contrast(84%);
}

.mw-770 {
    max-width: 770px;
}

.mw-567 {
    max-width: 567px;
}

.text-large {
    font-size: 18px;
    line-height: 28px;
}

/* custom tabs */
.section-tabs .tab-nav {
    justify-content: stretch !important;
}

.section-tabs .tab-nav li {
    flex: 1;
    padding: 20px 0px 0px !important;
}

.section-tabs .tab-nav li.active a:after {
    background-image: url(/dvl/v1.0/assets/images/ui/ui-blue-line.svg);
}

.section-tabs .tab-nav li a {
    color: #6F6F6F;
    width: 100%;
}

.section-tabs .tab-nav li.active a {
    color: #006AC3;
    font-weight: 400;
}

.section-tabs .tab-nav li:before, 
section.section-tabs>.section-inner>.tab-nav li.active+li:before, 
section.section-tabs>.section-inner>.tab-nav li.active:before, 
section.section-tabs>.section-inner>.tab-nav li:before {
    content: none;
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .section-tabs .tab-nav li, .tabs .tab-nav li {
        padding-left: 24px;
        padding-right: 24px;
    }

    section.section-tabs>.section-inner>.tab-nav li.active {
        padding: 20px 24px 0;
    }
}

@media screen and (max-width: 639px) {
    .section-inner {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .section-inner.large {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .section-inner.large.mob-normal {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .section-inner.large-t {
        padding-top: 64px !important;
    }

    .section-inner.large-t.mob-normal {
        padding-top: 32px !important;
    }

    .section-inner.large-b.mob-normal {
        padding-bottom: 32px !important;
    }

    .section-inner.large-b {
        padding-bottom: 64px !important;
    }

    .section-inner.small-t {
        padding-top: 16px !important;
    }

    .section-inner.mob-pad-t-0 {
        padding-top: 0 !important;
    }

    .section-inner.mob-pad-b-0 {
        padding-bottom: 0 !important;
    }

    .mob-mar-b-24 {
        margin-bottom: 24px !important;
    }

    .mob-pad-lr-24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .icon-mob-80 {
        width: 80px !important;
        height: 80px !important;
    }

    /* custom tabs */
    section.section-tabs>.section-inner>.tab-nav {
        display: flex;
        justify-content: start !important;
        flex-wrap: nowrap;
        overflow: scroll;
    }
    .section-tabs .tab-nav li a {
        white-space: nowrap;
    }
    section.section-tabs>.section-inner>.tab-nav li {
        border-top: none;
    }
    section.section-tabs>.section-inner>.tab-nav li.active {
        border-top: none;
    }
    .section-tabs .tab-nav li.active {
        border-left: none;
        border-top: none;
        box-shadow: none;
        border-bottom: 2px solid #006AC3 !important;
    }

    #faq h2 {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
    }

    .mob-h3 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
    }
}

.bg-color-2 {
    background: #FAFAFA;
}

.bg-color-highlight {
    background: #F3F7F8;
}

ul.check-list.white>li {
    background-image: url(/new-to-canada/_assets-custom/images/new-to-canada_icon_check-white.png);
}

.advantage-block .col-wpr {
    display: flex;
    align-items: center;
}

.script-text {
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
}

a.standalone-link.reverse {
    padding-left: 0;
}

a.standalone-link.reverse:before {
    content: none;
}

a.standalone-link.reverse:after {
    content: url(/dvl/v1.0/assets/images/ui/ui-chevron-right-blue.svg);
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 6px;
    height: 12px;
    line-height: 0;
}

a.standalone-link.reverse.white:after {
    content: url(/dvl/v1.0/assets/images/ui/ui-chevron-right-white.svg);
}

.banner.fw-bnr {
    align-items: flex-start;
    height: 519px !important;
}

.banner .section-inner {
    padding-top: 0 !important;
}

.banner-text {
    max-width: 570px;
    height: 412px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 639px) {
    .banner-text {
        padding-left: 15px;
        padding-right: 15px;
        max-width: unset;
        height: 330px;
    }

    .banner.fw-bnr {
        height: unset !important;
        min-height: 440px !important;
    }
}

#special-offer>.section-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.special-offer-container {
    display: flex;
    flex-direction: row;
    gap: 32px;
    max-width: 1026px;
    width: 100%;
    padding: 0 60px;
    height: auto;
    border-radius: 10px 10px 0 0;
    border-top: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    background: #FFF;
    box-shadow: 0 -54px 118px 0 rgba(37, 37, 37, 0.04), 0 -12.06px 26.357px 0 rgba(37, 37, 37, 0.06), 0 -3.59px 7.847px 0 rgba(37, 37, 37, 0.08);
}

.special-offer-tag {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 3px 10px;
    background: #FFBA00;
}

.special-offer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 0;
    gap: 16px;
    min-height: 250px;
    flex: 1;
}

.special-offer-image {
    display: flex;
    justify-content: flex-end;
}

.special-offer-image>img {
    max-width: 317px;
    max-height: 250px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 639px) {
    .special-offer-container {
        flex-direction: column;
        gap: 32px;
        padding: 24px 0;
    }

    .special-offer-content {
        padding: 0 24px;
        gap: 16px;
        min-height: unset;
    }

    .special-offer-image {
        justify-content: center;
    }

    .special-offer-image>img {
        max-width: 234px;
        width: 100%;
        height: auto;
    }

    .advantage-block .block-inner {
        padding: 32px 24px !important;
    }

    .advantage-block .col-wpr {
        flex-direction: column;
        padding-right: 0px !important;
    }

    .advantage-block .check-list {
        margin-top: 24px !important;
        margin-bottom: 30px !important;
    }
}

#account-package>.section-inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.account-package-points-container {
    margin-top: 64px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 16px;
}

.account-package-point {
    flex-basis: 30%;
}

.account-package-point>p {
    display: table;
    position: relative;
    padding-left: 32px;
    font-weight: 500;
}

.account-package-point>p::before {
    content: url(/dvl/v1.0/assets/images/ui/ui-disc-blue.svg);
    display: table-cell;
    position: absolute;
    top: -4px;
    left: 10px;
}

.open-acc-btn,
.connect-us-btn {
    padding: 20px 32px !important;
}

@media screen and (max-width: 639px) {
    #account-package>.section-inner {
        gap: 24px;
    }

    .account-package-points-container {
        margin-top: 24px;
        flex-direction: column;
    }

    .open-acc-btn,
    .connect-us-btn {
        width: 100%;
        padding: 14px 20px !important;
    }
}

.settle-in-faster-container {
    border-radius: 8px;
    padding: 64px 128px;
    display: flex;
    flex-direction: row;
    gap: 64px;
}

.settle-in-faster-container .left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}

.settle-in-faster-container .left .left-title {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.settle-in-faster-container .right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 320px;
}

.settle-in-faster-container img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(277deg) brightness(98%) contrast(100%);
}

@media screen and (max-width: 800px) {
    .settle-in-faster-container {
        padding: 64px;
    }
}

@media screen and (max-width: 639px) {

    .settle-in-faster-container {
        padding: 32px 24px;
        flex-direction: column;
        gap: 24px;
    }

    .settle-in-faster-container .left .left-title {
        flex-direction: row;
        gap: 20px
    }
}

.checkmark-item {
    display: table;
    position: relative;
}

.checkmark-item::before {
    content: '';
    display: table-cell;
    background-image: url('/dvl/v1.0/assets/images/ui/ui-checkmark-blue.svg');
    background-size: 10.5px;
    background-repeat: no-repeat;
    background-position: 7px 6px;
    width: 32px;
}

.choose-card-actions {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.solutions-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));;
    gap: 32px;
    margin-top: 64px;
}

@media screen and (max-width: 840px) {
    .solutions-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 639px) {
    .solutions-container {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px;
    }
}

.solution-cell-container {
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    justify-content: space-between;
}

.solution-cell-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.services-container {
    border-radius: 8px;
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.services-content {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
}

.services-content .left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 370px;
}

.services-content .left .left-title {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.services-content .right {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.services-content img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(277deg) brightness(98%) contrast(100%);
}

.services-content .right p {
    max-width: 270px;
}

@media screen and (max-width: 639px) {

    .services-container {
        padding: 32px 24px;
        gap: 24px;
        align-items: start;
    }

    .services-content {
        flex-direction: column;
    }

    .services-content .left .left-title {
        flex-direction: row;
        gap: 20px
    }

    .services-content .left {
        gap: 20px;
    }

    .services-content .right {
        flex-direction: column;
        align-items: flex-start;
    }

    .services-content {
        gap: 24px;
    }
}

.stories-container {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.story-container {
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    max-width: 370px;
}

.story-container>img {
    width: 100%;
}

.story-content {
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}

@media screen and (max-width: 639px) {
    .carousel-control-container {
        display: flex;
        justify-content: flex-end;
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .carousel-button-prev img {
        rotate: 180deg;
    }

    .story-container {
        min-width: 270px;
        margin-right: 16px;
    }

    .carousel-progress__bar-wrapper {
        padding-left: unset;
    }

    .carousel-progress__bar {
        width: 100%;
    }
}

.contact-us-container {
    display: flex;
    flex-direction: row;
    gap: 64px;
}

.contact-us-img {
    width: 100%;
    max-width: 344px;
    aspect-ratio: 344 / 220;
    background-image: url(/new-to-canada/_assets-custom/images/img-bank-advisor.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.contact-us-right-part {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact-us-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 570px;
}

.contact-us-actions-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contact-us-action {
    display: flex;
    flex-direction: row;
    gap: 9px;
    max-width: 230px;
}

.contact-us-action>img {
    margin-top: 4px;
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 639px) {
    .contact-us-container {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .contact-us-content {
        gap: 16px;
    }

    .contact-us-actions-container {
        flex-direction: column;
        gap: 16px;
    }

    .contact-us-action {
        max-width: unset;
    }
}

.standalone-pdf:after {
    width: 15px !important; 
    background-size: 15px !important;
}