.pdf-link {
    padding-left: 20px !important;
}
.pdf-link:before {
    transform: scale(0.7);
}
.newcomer-block {
    background-color: #E1EBEF !important;
    height: 100%;
}
.newcomer-block .block-inner {
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.advantage-block {
    background-color: #006AC3;
    color: white;
}

.disclaimer .section-inner {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.mar-t-negative-60 {
/*    margin-top: -60px;*/
}
@media only screen and (max-width: 639px) {
    .mob-mar-t-negative-90 {
        margin-top: -90px;
    }
}

.bg-light-grey {
    background-color: #F3F7F8;
}

.bg-phonebox{
    background-color: #0494CA;
}
.bg-houseful{
    background-color: #00494F;
}
.bg-triec{
    background-color: #007DBC;
}
.bg-petro{
    background-color: #EE1122;
}
.bg-rexall{
    background-color: #38A69A;
}
.bg-doordash{
    background-color: #DC4727;
}

.banner-video-wpr {
    height: 100%;
    z-index: 3;
    width: 150%;
    margin-left: -25%;
}
#banner-video {
    width: 100%;
    max-width: 1800px;
    position: relative;
    margin: 0 auto;
}

.banner.fw-bnr {
    height: 560px !important;
    background-position: 80% 50%;
}
.banner.fw-bnr .bnr-mobile-img:before {
    bottom: 0;
    height: 100%;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/dvl/v1.0/assets/images/ui/energy-lines.png);
    background-position: 100% 82%;
    display: block;
    right: 10px;
    left: 10px;
    width: 95%;
}
.banner:after {
    content: "";
    background: url(/new-to-canada/_assets-custom/images/new-to-canda_energy-lines.png), linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    background-repeat: no-repeat;
}
.banner.bnr-international-students:after {
    background: linear-gradient(90deg,#e2e7e9 0%, rgba(0, 0, 0, 0) 50%) !important;
}
.banner.white-gradient:after {
    background: linear-gradient(90deg,#e2e7e9 0%, rgba(0, 0, 0, 0) 50%) !important;
    width: 1700px;
}
.banner .section-inner {
    z-index: 2;
}
.banner .col-wpr {
    background-color: initial !important;
}
.super-title {
    margin-bottom: 0 !important;
    font-family: RBCDisplay;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 5px;
    vertical-align: middle;
    text-transform: uppercase;
}

.new-to-canada_mobile-bnr-img {
    background-color: #FFEAEA;
    height: 280px;
    width: 100%;
}
.new-to-canada_mobile-bnr-img:after {
    content: "";
    background: url(/new-to-canada/_assets-custom/images/new-to-canada_energy-lines_mobile.png);
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    background-repeat: no-repeat;
}

.section-offer-wpr {
    padding-top: 0;
    max-width: 1400px !important; 
    top: -40px; 
    position: relative;
    z-index: 5;
    margin: 0 auto;
}

@media only screen and (max-width:1500px) {
    .banner:after {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    }
}

@media only screen and (max-width: 639px) {
    .banner-video-wpr {
        width: 100%;
        margin-left: 0;
    }

    .banner.fw-bnr {
        height: auto !important;
    }
    .section-offer-wpr { 
        top: -240px !important;
        margin-bottom: -210px !important;
        padding-top: 30px !important;
        background: none !important;
    }
    
    .banner.bnr-international-students:after {
        background: #F3F7F8 !important;
    }
    .white-gradient {
        background-color: #F3F7F8 !important;
    }
    .bnr-text-mobile {
        background: linear-gradient(360deg, #000000 49.93%, #505050 83.83%, rgba(102, 102, 102, 0) 99.28%) !important;
        margin-top: -90px !important;
        z-index: 5;
        position: relative;
        height: 100%;
    }
    /*.bnr-international-students .bnr-text-mobile {
        margin-top: -30px !important;
    }*/
    .bnr-text-mobile.grey {
        background: linear-gradient(360deg, #F3F7F8 49.93%, #F3F7F8 85.83%, rgba(243, 247, 248, 0) 99.13%) !important;
    }

    /*.banner.fw-bnr.bnr-landing {
        background: none !important;
        height: auto !important;
        height: 750px !important;
    }
    .banner.fw-bnr.bnr-just-arrived {
        background: none !important;
        height: auto !important;
        height: 780px !important;
    }
    .banner.fw-bnr.bnr-settled-in {
        background: none !important;
        height: auto !important;
        height: 700px !important;
    }
    .banner.fw-bnr.bnr-pre-arrival {
        background: none !important;
        height: auto !important;
        height: 700px !important;
    }
    .banner.fw-bnr.bnr-international-students {
        background: none !important;
        height: auto !important;
        height: 750px !important;
    }*/
}
/*@media only screen and (max-width: 580px) {
    .banner.fw-bnr.bnr-landing {
        height: 740px !important;
    }
    .banner.fw-bnr.bnr-just-arrived {
        height: 740px !important;
    }
    .banner.fw-bnr.bnr-settled-in {
        height: 650px !important;
    }
    .banner.fw-bnr.bnr-pre-arrival {
        height: 670px !important;
    }
    .banner.fw-bnr.bnr-international-students {
        height: 700px !important;
    }
}
@media only screen and (max-width: 500px) {
    .banner.fw-bnr.bnr-landing {
        height: 680px !important;
    }
    .banner.fw-bnr.bnr-just-arrived {
        height: 680px !important;
    }
    .banner.fw-bnr.bnr-settled-in {
        height: 580px !important;
    }
    .banner.fw-bnr.bnr-pre-arrival {
        height: 620px !important;
    }
    .banner.fw-bnr.bnr-international-students {
        height: 630px !important;
    }
}*/

.section-offer .block-wpr {
    border-radius: 8px 8px 0 0; 
    max-width: 1170px; 
    margin: 0 auto;
}

.snipe.pill.secondary span {
    background-color: #E4EEFF;
    color: #456B86;
}

/* Helper Classes */

.max-w-970 {
    max-width: 970px;
}
.max-w-770 {
    max-width: 770px;
}

h1.large, h2.large {
    font-size: 56px !important;
    line-height: 62px !important;
}
.fs-36 {
    font-size: 36px;
}
.fs-30 {
    font-size: 30px;
}
.fs-24 {
    font-size: 24px;
}
.fs-18 {
    font-size: 18px;
}
.fs-14 {
    font-size: 14px;
}
.fs-12 {
    font-size: 12px;
}
@media only screen and (max-width: 639px) {
    h1.large, h2.large {
        font-size: 36px !important;
        line-height: 44px !important;
    }
    .fs-36 {
        font-size: 24px;
    }
    .fs-30 {
        font-size: 20px;
    }
    .fs-18 {
        font-size: 16px;
    }
    .mob-text-center {
        text-align: center;
    }
    .mob-text-left {
        text-align: left !important;
    }
}

.fw-400 {
    font-weight: 400;
}

.fw-700 {
    font-weight: 700;
}

.border-right {
    border-right: solid 1px #c4c8cc;
}
.border-bottom {
    border-bottom: solid 1px #c4c8cc;
}
@media only screen and (max-width: 639px) {
    .border-right {
        border-right: none;
        border-bottom: solid 1px #c4c8cc;
    }
}

.mar-b-40 {
    margin-bottom: 40px !important;
}
.mar-b-24 {
    margin-bottom: 24px !important;
}
.mar-t-24 {
    margin-top: 24px !important;
}
.pad-l-24 {
    padding-left: 24px !important;
}
.pad-r-24 {
    padding-right: 24px !important;
}
.mar-b-16 {
    margin-bottom: 16px !important;
}
.mar-t-16 {
    margin-top: 16px !important;
}
@media only screen and (max-width: 639px) {
    .mob-mar-b-24 {
        margin-bottom: 24px !important;
    }
    .mob-mar-t-24 {
        margin-top: 24px !important;
    }
    .mob-mar-b-16 {
        margin-bottom: 16px !important;
    }
    .mob-mar-t-16 {
        margin-top: 16px !important;
    }
}

/* DVL Overrides */
ol.check-list.white>li, ul.check-list.white>li {
    background-image: url(/new-to-canada/_assets-custom/images/new-to-canada_icon_check-white.png);
}

.standalone-link.reverse {
    padding-left: 0;
}
.standalone-link.reverse:before {
    content: none !important;
}
.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;
}
.standalone-link.reverse.white:after {
    content: url(/dvl/v1.0/assets/images/ui/ui-chevron-right-white.svg);
}

/* Custom Glider */

/* Glider CSS */


.glider-wpr {
    overflow: hidden;
    padding: 0;
    margin: 64px 0 64px 0;
    padding-left: 15px;
    width: calc(100% - (100% - 1200px)/2);
    margin-left: calc((100% - 1200px)/2) !important;
}
@media (max-width: 1200px) {
    .glider-wpr {
        width: 100%;
        margin-left: 0 !important;
    }
    #new-to-canada-custom-glider h3 { 
        margin-left: 30px !important;
    }
}

@media (max-width: 639px) {
    .glider-wpr {
        margin: 48px 0 48px 0;
    }
}

.glider-wpr .glider-skip {
    font-size: 1.4rem;
    position: absolute;
    left: -999em;
    background-color: #fafafb;
    border: 1px solid #fff;
    box-shadow: inset 0 0 0 1px #c4c8cc;
    padding: 8px 16px;
}

.glider-wpr .glider-skip:focus {
    position: absolute;
    left: 0;
    padding: 8px 16px;
}

.glider-wpr .glider-track {
    overflow-x: scroll !important;
    display: flex;
    /*    margin: 0 -16px;*/
    margin: 0;
    padding: 0 0 30px 0;
    padding-top: 60px !important;
}

.glider-wpr .glider-track>div {
    margin: 0 16px;
}

.glider-wpr .glider-track>div:last-child {
    margin-right: 0;
}

.glider-wpr .glider-track>div:first-child {
    margin-left: 0;
}

.glider-wpr .glider-item {
    min-width: 570px;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 639px) {
    .glider-wpr .glider-item {
        min-width: calc(100% - 32px);
    }
}

@media screen and (min-width: 1200px) {
    .glider-item:first-of-type {
        margin-left: calc((100% - 1200px)/2) !important;
    }

    .glider-item:last-of-type {
        margin-right: calc((100% - 1200px)/2) !important;
    }
}

@media screen and (max-width: 1200px) {
    .glider-item:first-of-type {
        margin-left: 16px !important;
    }

    .glider-item:last-of-type {
        margin-right: 16px !important;
    }
}

/* custom glider scrollbar */
.glider-wpr .glider-track {
    scrollbar-width: none;
}

.glider-wpr .glider-track::-webkit-scrollbar {
    display: none;
}

.glider-wpr .glider-scrollbar {
    height: 30px;
    cursor: pointer;
    position: relative;
}

@media screen and (min-width: 1200px) {
    .glider-wpr .glider-scrollbar {
        width: 1200px;
        margin-left: calc((100% - 1200px)/2);
        margin-right: calc((100% - 1200px)/2);
    }
}

@media screen and (max-width: 1200px) {
    .glider-wpr .glider-scrollbar {
        width: calc(100% - 16px);
        margin-left: 16px;
        margin-right: 0px;
    }
}

.glider-wpr .glider-scrollbar-track {
    background-color: #D6D6D6;
    height: 3px;
    width: 100%;
    top: 13.5px;
    position: absolute;
}

.glider-wpr .glider-scrollbar-thumb {
    position: absolute;
    top: -13.5px;
    height: 30px;
    width: 30%;
    cursor: grab;
}

.glider-wpr .glider-scrollbar-thumb:after {
    content: "";
    background-color: #006AC3;
    position: absolute;
    top: 13.5px;
    height: 3px;
    width: 100%;
}

.glider-wpr .glider-track .glider-item {
    min-width: 470px;
}
@media screen and (max-width: 639px) {
    .glider-wpr .glider-track .glider-item {
        min-width: 290px;
    }
    .glider-item div {
        background-position: 70% 50%;
    }
}

#new-to-canada-custom-glider {
/*    background-color: #E7EEF1;*/
/*            display: inline-flex;*/
    width: 100%;
    gap: 30px;    
}
#new-to-canada-custom-glider h3 {
    margin-left: calc((100% - 1200px)/2 + 15px) !important;
}
@media screen and (max-width: 639px) {
    #new-to-canada-custom-glider h3 {
        margin-left: 30px !important;
        margin-right: 30px;
        text-align: center;
    }
}
@media (max-width: 1200px) {
    #new-to-canada-custom-glider h3 { 
        margin-left: 15px !important;
    }
}
.glider-wpr .glider-item{
    max-width: 470px!important;
/*            border-radius: 0;*/
/*            color: #fff!important;*/
    min-height: 416px;
    background-color: white !important;
}
.glider-wpr .glider-scrollbar-thumb:after{
    background-color: #006AC3!important;
}
.glider-wpr .glider-scrollbar{
    /* max-width: 1000px!important; */
    max-width: 1200px!important;
    margin-left: 0!important;
    margin-right: 0!important;
}
.max-350{
    max-width: 350px;
}
#non-di-banner{
    background: #003168;
    position: relative;
}
#non-di-banner::before{
    content: '';
    width: 50%;
    height: 100%;
    background: url('/dms/_assets-custom/img/di-ver-banner.png')no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}
#non-di-banner .flex-container{
    display: inline-flex;
    min-height: 504px;
    align-items: center;
    width: 50%;
}
#non-di-banner .contents{
    max-width: 470px;
}

.glider-item:first-of-type{
    margin-left: 0!important;
}
.carousel-button.prev{
    right: 60px!important;
    top: -10px;
    left: unset!important;
}
.carousel-button.next{
    right: 15px!important;
    top: -10px;
}

@media screen and (min-width: 1200px) {
    .glider-item:last-of-type{
        margin-right: calc((100vw - 1200px)/2)!important;
    }
    .carousel-button.prev{
        right: calc(((100vw - 1200px)/2) + 60px)!important; 
    }
    .carousel-button.next{
        right: calc((100vw - 1200px)/2)!important;
    }
}

@media screen and (max-width: 639px) {
    
    .glider-wpr .glider-scrollbar{
        width: calc(100% - 30px);
    }
    .max-350{
        width: 75%;
    }
    .glider-wpr .glider-item.third{
        background-size: 90px!important;
    }
    .glider-wpr .glider-item.second{
        background-size: 160px !important;
    }
    .glider-wpr .glider-item.first{
        background-size: 270px !important;
    }
    #non-di-banner{
        text-align: center!important;
    }
    #non-di-banner::before{
        display: none;
    }
    #non-di-banner .flex-container{
        width: 100%;
        min-height: auto;
        justify-content: center;
    }

    #new-to-canada-custom-glider{
        display: block;
    }
    #new-to-canada-custom-glider .content-box{
        margin-left: 0!important;
        max-width: none!important;
    }
    #new-to-canada-custom-glider .glider-wpr{
        max-width: none!important;
    }
    #new-to-canada-custom-glider .glider-item:first-of-type{
        margin-left: 15px!important;
    }
    #new-to-canada-custom-glider .glider-wpr .glider-scrollbar{
/*                max-width: 90vw!important;*/
        margin-left: auto!important;
        margin-right: auto!important;
    }
    #new-to-canada-custom-glider .glider-track{
        padding-top: 60px!important;
    }
}

/* Mega Nav Overrides */
.nav-bar {
    z-index: 3;
}
header .mega-nav-wpr .mega-nav-menu .mega-nav-dd .mega-nav-dd-content .mega-nav-dd-content-inner .dd-content-left {
    max-width: 345px !important;
}

header .mega-nav-wpr .mega-nav-menu .mega-nav-overview>a {
    color: black !important;
    font-weight: 500 !important;
}

header .mega-nav-wpr .mega-nav-menu .mega-nav-dd .mega-nav-dd-content {
    z-index: 10 !important;
}

/** breadcrumbs in mobile **/
/* .breadcrumb-wpr {
    display:none !important;
    text-transform: capitalize;
} */
