.serv-home-page {
    margin: 0 auto;
    position: relative;
}

.serv-our-services-for-employters {
    position: relative;
}
.serv-col-data-wrapper {
    margin: 6.8rem auto 0;
    position: relative;
}
.serv-col-17 {
    /*float: left;*/
    position: relative;
    width: 23.68932%; /* 244px / 1030px = 23.68932% */
    margin: -50px 0.38835% 0 -25px;
}
.serv-wrapper-14 {
    min-height: 323px;
    position: relative;
    width: 100%; /* 244px / 244px = 100% */
}
.serv-adobestock_730059982 {
    left: 50%;
    max-width: 270px;
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: -122px;
}

.serv-text {
    display: block;
    left: 20.754717%;
    margin: 0 auto;
    position: relative;
    width: 31px;
}
@media (max-width: 768px) {
    .serv-text {
        left: 0;
    }
}
@media (max-width: 768px) {
    .serv-col-17 {
        width:50%;
    }
    .serv-wrapper-14 {
        min-height: unset;
    }
    .serv-wrapper-14 > * {
        display: block;
        margin: 15px auto;
        position: relative;
        width: 100%;
        min-width: unset;
        max-height: unset;
        min-height: unset;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
    }
}
@media (max-width: 244px) {
    .serv-wrapper-14 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.serv-text-2 {
    display: block;
    left: 16.037735%;
    margin: 0 auto;
    position: relative;
    width: 36px;
}
@media (max-width: 768px) {
    .serv-text-2 {
        left: 0;
    }
}

.serv-text-3 {
    display: block;
    left: 16.037735%;
    margin: 0 auto;
    position: relative;
    width: 36px;
}
@media (max-width: 768px) {
    .serv-text-3 {
        left: 0;
    }
}

@media (max-width: 768px) {
    .serv-text-4 {
        font-size: 35px !important; /* 42.28px / 10px = 4.228rem */
    }

    .serv-text-5 {
        left: 10% !important;
        text-align: left !important;
        margin-left: -40px !important;
    }
    .serv-text-style{
        font-size: 20px !important;
        margin-left: 20px !important;
    }
}
.serv-col-15 {
    float: left;
    /*margin: 5.6rem 0 0;*/
    position: relative;
    width: 75.92233%; /* 782px / 1030px = 75.92233% */
    margin-top:-20px;
}
.serv-text-4 {
    color: #c49700;
    font-size: 50px; /* 42.28px / 10px = 4.228rem */
    font-weight: 900;
    margin-left: 20px;
    margin-top:30px;
}
.serv-wrapper-13 {
    left: 1.150895%;
    margin: 7px auto 0;
    min-height: 805px;
    position: relative;
    width: 97.69821%; /* 764px / 782px = 97.69821% */
}
.serv-text-5 {
    /*left: 50%;*/
    position: relative;
    /*top: 0;*/
    width: 100%; /* 764px / 764px = 100% */
    text-align: justify;
    /*margin-left: -430px;*/
}
.serv-ellipse-2 {
    height: 11px;
    /*left: 50%;*/
    max-width: 12px;
    position: relative;
    top: 18px;
    width: 1.570681%; /* 12px / 764px = 1.570681% */
    -webkit-border-radius: 6.17px/5.73px;
    -moz-border-radius: 6.17px/5.73px;
    border-radius: 6.17px/5.73px;
    background: #d49900;
    margin-left: -20px;
    /*margin-top: 20px;*/
}

@media (max-width: 764px) {
    .serv-wrapper-13 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .serv-wrapper-13 {
        left: 0;
    }
    .serv-permanent-residency{
        padding-top:0 !important;
    }
}

.serv-permanent-residency {
    position: relative;
    margin-bottom: -120px !important;
}
.serv-col-data-wrapper-2 {
    position: relative;
    margin: 3.2rem auto 80px;
}
.serv-row-8 {
    margin: 0 auto;
    position: relative;
    right: 18.69159%;
    width: 90%; /* 800px / 1070px = 74.76636% */
}
.serv-wrapper-17 {
    float: left;
    margin: 0 1% 0 0; /* 8px / 800px = 1% */
    min-height: 324px;
    position: relative;
    width: 30.5%; /* 244px / 800px = 30.5% */
}
.serv-layer-16 {
    left: 50%;
    max-width: 271px;
    position: absolute;
    top: 0;
    width: 100%;
}

.serv-text-6 {
    display: block;
    left: 20.754717%;
    margin: 0 auto;
    position: relative;
    width: 31px;
}
@media (max-width: 768px) {
    .serv-text-6 {
        left: 0;
    }
    .serv-layer-16{
        max-width: 210px !important;
    }
}
@media (max-width: 768px) {
    .serv-wrapper-17 {
        min-height: unset;
        width:70%;
    }
    .serv-wrapper-17 > * {
        display: block;
        /*margin: 15px auto;*/
        position: relative;
        width: 100%;
        min-width: unset;
        max-height: unset;
        min-height: unset;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
    }

    .serv-text-7 {
        font-size: 35px !important;
        margin-left:20px !important;
    }
    .serv-text-8 {
        font-size: 25px !important;
        text-align: unset !important;
        margin-left:20px !important;
    }

    .serv-col-22 {
        width: 100% !important;
        margin: 15px 0 0 !important;
        padding-left: unset !important;
    }
}
.serv-col-22 {
    float: left;
    margin: 4.7rem auto 0;
    position: relative;
    width: 68.5%; /* 548px / 800px = 68.5% */
    padding-left: 90px;
}
.serv-text-7 {
    color: #c49700;
    font-size: 45px;
    font-weight: 900;
    margin-left: 30px;
    margin-top: 0;
}
.serv-text-8 {
    color: #c49700;
    font-weight: 600;
    text-align: center;
    font-size: 35px;
    line-height: 1.2;
    margin: -50px 0 20px 30px;
}
.serv-row-9 {
    position: relative;
    width: 45.80292%; /* 251px / 548px = 45.80292% */
    margin: 100px 0 40px 10.766423%;
}
.serv-ellipse-2-copy-3 {
    float: left;
    height: 11px;
    max-width: 12px;
    width: 4.780877%; /* 12px / 251px = 4.780877% */
    -webkit-border-radius: 6.17px/5.73px;
    -moz-border-radius: 6.17px/5.73px;
    border-radius: 6.17px/5.73px;
    background: #d49900;
    margin: 5px 30px 0 0;
}

@media (max-width: 251px) {
    .serv-row-9 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 800px) {
    .serv-row-8 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .serv-row-8 {
        right: 0;
    }
    .serv-ellipse-2-copy-3{
        display: none !important;
    }
}

.serv-col-11 {
    padding: 23px 0 40px;
    position: relative;
    background: url(../img/bright/services/images/white_circle_3.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-wrapper-9 {
    margin: 0 auto;
    min-height: 72px;
    /*padding: 0 0 8px;*/
    position: relative;
    width: 46px; /* 47px / 165px = 28.484848% */
}
.serv-layer-18 {
    display: block;
    margin: 0 auto;
    width: 46px;
}
@media (max-width: 47px) {
    .serv-wrapper-9 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.serv-text-10 {
    display: block;
    margin: 0 auto 0;
    /*width: 61px;*/
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}

.serv-col {
    padding: 23px 0 9px;
    position: relative;
    background: url(../img/bright/services/images/white_circle_2.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-vector-smart-object-copy-3-holder {
    margin: 0 auto;
    min-height: 71px;
    /*padding: 3px 2.409639% 30px; !* 4px / 166px = 2.409639% *!*/
    position: relative;
    width: 47px; /* 47px / 166px = 28.313253% */
}
.serv-layer {
    display: block;
    margin: 0 auto;
    width: 38px;
}
@media (max-width: 47px) {
    .serv-vector-smart-object-copy-3-holder {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.serv-text-11 {
    display: block;
    margin: 0 auto 0;
    /*width: 81px;*/
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}

.serv-col-10 {
    padding: 27px 8.045977% 16px; /* 14px / 174px = 8.045977% */
    position: relative;
    background: url(../img/bright/services/images/white_circle.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-wrapper-8 {
    margin: 0 auto;
    min-height: 66px;
    position: relative;
    width: 98.56115%; /* 137px / 139px = 98.56115% */
}
.serv-vector-smart-object-copy-5 {
    left: 50%;
    position: absolute;
    top: 6px;
    width: 135px;
    margin-left: -66px;
}

@media (max-width: 137px) {
    .serv-wrapper-8 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.serv-text-12 {
    display: block;
    margin: 8px auto 0;
    /*width: 96px;*/
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}

.serv-col-8 {
    /*padding: 4rem 0;*/
    position: relative;
    background: url(../img/bright/services/images/white_circle_copy.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    min-height: 170px;
    padding-top: 40px;
}
.serv-vector-smart-object-holder {
    margin: 0 auto;
    min-height: 54px;
    padding: 11px 14.457831% 24px; /* 24px / 166px = 14.457831% */
    position: relative;
    width: 33.73494%; /* 56px / 166px = 33.73494% */
    background: url(../img/bright/services/pics/Caregiver.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-vector-smart-object-family {
    margin: 0 auto;
    padding: 11px 14.457831% 24px; /* 24px / 166px = 14.457831% */
    position: relative;
    width: 60%; /* 56px / 166px = 33.73494% */
    background: url(../img/bright/services/pics/familysponsorship-logo.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-vector-smart-object-holder-agri {
    margin: 0 auto;
    min-height: 54px;
    padding: 11px 14.457831% 24px; /* 24px / 166px = 14.457831% */
    position: relative;
    width: 33.73494%; /* 56px / 166px = 33.73494% */
    background: url(../img/bright/services/pics/Agrifoodpilot.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-rectangle-1 {
    display: block;
    margin: 0 auto;
    width: 7px;
}
@media (max-width: 56px) {
    .serv-vector-smart-object-holder {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.serv-caregivers {
    display: block;
    margin: 17px auto 0;
    /*width: 79px;*/
    letter-spacing: 1px;
    font-size: 12px;
    text-align: center;
}

.serv-agri-food {
    display: block;
    margin: 10px auto 0;
    width: 109px;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: center;
}
.serv-row-4-2 {
    margin: 50px auto 0;
    position: relative;
    /*right: 13.317757%;*/
    width: 50%; /* 293px / 1070px = 27.383177% */
}

@media (max-width: 293px) {
    .serv-row-4-2 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .serv-row-4-2 {
        right: 0;
        width:100%;
    }
}

.serv-col-5 {
    padding: 21px 0;
    position: relative;
    background: url(../img/bright/services/images/white_circle_copy_7.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-layer-19 {
    display: block;
    margin: 0 auto;
    width: 44px;
}
.serv-text-14 {
    display: block;
    margin: 10px auto 0;
   /* width: 82px;*/
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}
.serv-shadows-copy-2-holder {
    /*float: left;
    margin: 0 0 0 0.825082%; !* 5px / 606px = 0.825082% *!*/
    min-height: 197px;
    padding: 5px 30px 27px; /* 15px / 606px = 2.475248% */
    position: relative;
    width: 230px; /* 197px / 606px = 32.50825% */
    background: url(../img/bright/services/images/shadows_copy_2.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 90% 100%;
}
.serv-col-2 {
    padding: 21px 0;
    position: relative;
    background: url(../img/bright/services/images/white_circle_copy_4.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-canada-nova-scotia-2 {
    display: block;
    margin: 0 auto;
    width: 45px;
}
.serv-text-15 {
    display: block;
    margin: 11px auto 0;
    /*width: 50px;*/
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}

.serv-col-3 {
    padding: 21px 0;
    position: relative;
    background: url(../img/bright/services/images/white_circle_copy_5.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-canada-new-brunswick-clip-art-2 {
    display: block;
    margin: 0 auto;
    width: 44px;
}
.serv-text-16 {
    display: block;
    margin: 11px auto 0;
    /*width: 90px;*/
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}

.serv-col-6 {
    padding: 20px 9.693877% 20px; /* 19px / 196px = 9.693877% */
    position: relative;
    background: url(../img/bright/services/images/white_circle_copy_8.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-canada-province {
    display: block;
    margin: 0 auto;
    width: 42px;
}
.serv-text-17 {
    display: block;
    margin: 16px auto 0;
    /*width: 125px;*/
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}

.serv-col-4 {
    padding: 23px 0;
    position: relative;
    background: url(../img/bright/services/images/white_circle_copy_6.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-vector-smart-object {
    display: block;
    margin: 0 auto;
    width: 45px;
}
.serv-ontario {
    display: block;
    margin: 10px auto 15px;
    /*width: 65px;*/
    text-align: center;
    letter-spacing: 1px;
    font-size:12px;
}
.serv-col-7 {
    padding: 30px 0;
    position: relative;
    background: url(../img/bright/services/images/white_circle_copy_9.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.serv-canada-province-alberta {
    display: block;
    margin: 0 auto;
    width: 42px;
}
.serv-alberta {
    display: block;
    margin: 10px auto 5px;
    /*width: 63px;*/
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}

.serv-row-2-2 {
    margin: 120px auto 0;
    position: relative;
    width: 80.93458%; /* 866px / 1070px = 80.93458% */
    padding-left: 150px;
}
.serv-text-18 {
    display: block;
    left: 16.037735%;
    margin: 0 auto;
    position: relative;
    width: 36px;
}
@media (max-width: 768px) {
    .serv-text-18 {
        left: 0;
    }
    .serv-text-19 {
        font-size: 25px !important;
        margin: 0 0 20px -120px !important;
        width: unset !important;
    }
}
.serv-text-19 {
    float: left;
    width: 88.22171%; /* 764px / 866px = 88.22171% */
    color: #c49700;
    font-weight: 600;
    font-size: 35px;
    line-height: 1.2;
    margin: -60px 0 50px 30px;
}
@media (max-width: 866px) {
    .serv-row-2-2 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.serv-row-10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin: 19px auto 0;
    position: relative;
}
.serv-row-10 > * {
    float: left;
    margin: 0 2.246622% 0 0; /* 13.3px / 592px = 2.246622% */
}
.serv-row-10 > *:last-child {
    margin-right: 0 !important;
}
@media (max-width: 592px) {
    .serv-row-10 > * {
        display: inline-block;
        float: none;
        max-width: 100%;
    }
}
.serv-shadows-copy-11-holder {
    min-height: 187px;
    padding: 4px 2.364865% 24px; /* 14px / 592px = 2.364865% */
    /*width: 31.756756%; !* 188px / 592px = 31.756756% *!*/
    background: url(../img/bright/services/images/shadows_copy_11.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 80% 100%;
}
.serv-white-circle-copy-13-holder {
    /*padding: 5.3rem 5.851064% 4.6rem; !* 11px / 188px = 5.851064% *!*/
    background: url(../img/bright/services/images/white_circle_copy_13.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #ffffff;
    font-size: 22px; /* 25.32px / 10px = 2.532rem */
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    min-height: 160px;
    width: 160px;
    padding-top: 50px;
}
.serv-white-circle-copy-14-holder {
    /*padding: 18px 6.349206% 27px; !* 12px / 189px = 6.349206% *!*/
    background: url(../img/bright/services/images/white_circle_copy_14.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #ffffff;
    font-size: 22px; /* 23.63px / 10px = 2.363rem */
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    min-height: 160px;
    width: 160px;
    padding-top: 25px;
}
.serv-white-circle-copy-15-holder {
    /*padding: 27px 2.659575% 4.1rem; !* 5px / 188px = 2.659575% *!*/
    background: url(../img/bright/services/images/white_circle_copy_15.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #ffffff;
    font-size: 22px; /* 25.32px / 10px = 2.532rem */
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    min-height: 160px;
    width: 160px;
    padding-top: 35px;
}
.serv-temporary-resident {
    margin: 80px 0 0;
    overflow: hidden;
    padding: 120px 0 0;
    position: relative;
    background: url(../img/bright/services/images/layer_8_copy.png) no-repeat center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.serv-col-data-wrapper-3 {
    margin: 0 auto;
    position: relative;
}
.serv-col-13 {
    float: left;
    margin: 0 1.398601% 0 -70px; /* 14px / 1001px = 1.398601% */
    position: relative;
    width: 24.375624%; /* 244px / 1001px = 24.375624% */
}
.serv-wrapper-10 {
    min-height: 323px;
    position: relative;
    width: 100%; /* 244px / 244px = 100% */
}
.serv-stock {
    left: 50%;
    max-width: 270px;
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: -122px;
}
.serv-ellipse-1-copy-5-holder {
    /*left: 50%;*/
    max-width: 75px;
    min-height: 75px;
    /*padding: 13px 4.508197% 3.2rem; !* 11px / 244px = 4.508197% *!*/
    position: relative;
    /*top: 137px;*/
    width: 30.737705%; /* 75px / 244px = 30.737705% */
    -webkit-border-radius: 37.44px;
    -moz-border-radius: 37.44px;
    border-radius: 37.44px;
    background: #c49700;
    margin-left: -70px;
    padding-top: 20px;
    padding-right: 10px;
    margin-top: 20px
}
.serv-text-23 {
    display: block;
    left: 20.754717%;
    margin: 0 auto;
    position: relative;
    width: 31px;
}
@media (max-width: 768px) {
    .serv-text-23 {
        left: 0;
    }
}
@media (max-width: 768px) {
    .serv-wrapper-10 {
        min-height: unset;
    }
    .serv-wrapper-10 > * {
        display: block;
        margin: 15px auto;
        position: relative;
        width: 100%;
        min-width: unset;
        max-height: unset;
        min-height: unset;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
    }
}
@media (max-width: 244px) {
    .serv-wrapper-10 {
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
.serv-text-24 {
    display: block;
    left: 16.037735%;
    margin: 0 auto;
    position: relative;
    width: 36px;
}
@media (max-width: 768px) {
    .serv-text-24 {
        left: 0;
    }
    .serv-col-13 {
        margin: unset !important; /* 14px / 1001px = 1.398601% */
        width: 50% !important;
    }
    .serv-ellipse-1-copy-5-holder{
        display: none !important;
    }
}
.serv-text-25 {
    display: block;
    left: 16.037735%;
    margin: 0 auto;
    position: relative;
    width: 36px;
}
@media (max-width: 768px) {
    .serv-text-25 {
        left: 0;
    }
}
@media (max-width: 768px) {
    .serv-text-26{
        font-size: 26px !important;
        margin-left:20px !important;
    }
}
.serv-col-9 {
    float: left;
    margin: 5.9rem 0 0;
    position: relative;
    width: 74.22578%; /* 743px / 1001px = 74.22578% */
}
.serv-text-26 {
    color: #c49700;
    font-size: 50px; /* 42.28px / 10px = 4.228rem */
    font-weight: 900;
}

.serv-container-5 {
    position: relative;
}
.serv-inadmissibility {
    margin: -50px 0 0;
    position: relative;
}
.serv-col-data-wrapper-4 {
    padding: 0 1.363636%; /* 15px / 1100px = 1.363636% */
    position: relative;
    margin: 8.1rem auto 0 0;
}
.serv-preview {
    display: block;
    /*margin: 15px auto 30px;*/
    position: relative;
    right: 24.183006%;
    width: 100%;
    max-width: 270px;
}
@media (max-width: 768px) {
    .serv-preview {
        right: 0;
        max-width: 210px;
    }
    .serv-text-28{
        font-size:30px !important;
        margin-left:20px !important;
    }
}
.serv-col-18 {
    position: relative;
    margin: 100px auto 0 -90px;
}
.serv-text-28 {
    color: #c49700;
    font-size: 50px; /* 42.28px / 10px = 4.228rem */
    font-weight: 900;
}
.serv-wrapper {
    min-height: 470px;
    position: relative;
}

@media (max-width: 768px) {
    .serv-wrapper {
        min-height: unset;
    }
    .serv-wrapper > * {
        display: block;
        margin: 15px auto;
        position: relative;
        width: 100%;
        min-width: unset;
        max-height: unset;
        min-height: unset;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
    }
}

@media (max-width: 768px) {
    .serv-text-style-3{
        margin-left:20px !important;
        font-size: 18px !important;
    }
    .text-pc{
        display: none !important;
    }
    .text-mobile{
        display: block !important;
    }
}

.serv-text-style-9 {
    line-height: 42.28093px;
    margin-bottom: 10px !important;
}
.serv-text-style-3 {
    line-height: 31.7107px;
    font-size: 20px;
    margin-bottom: 45px;
    margin-left: 60px;
}
.serv-text-style {
    color: #c49700;
    font-size: 35px; /* 26.43px / 10px = 2.643rem */
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px;
    margin-left: 30px;
    margin-top:-55px;
}
.serv-text-style-2 {
    font-weight: 600;
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .serv-container-5{
        margin-left: unset !important;
        margin-top: 50px !important;
    }
    .serv-text-5{
        position: relative !important;
        width: 85% !important;
    }
}
    @media (max-width: 768px) {
        .serv-col-data-wrapper {
            margin: 6.8% auto 0;
        }
    }

    @media (max-width: 768px) {
        .serv-col-15 {
            /*margin: 5.6% 0 0;*/
        width:unset;
    }
}
@media (max-width: 768px) {
    .serv-row-9 {
        margin: 10% 0 0; /* 59px / 548px = 10.766423% */
        width:100% !important;
    }
}
@media (max-width: 768px) {
    .serv-row-4-2 {
        margin: 6.5% auto 0;
    }
}
@media (max-width: 768px) {
    .serv-text-style-2{
        margin-left:20px;
    }
}
@media (max-width: 768px) {
    .serv-row-2-2 {
        margin: 10% auto 0;
    }
}
@media (max-width: 768px) {
    .serv-temporary-resident {
        margin: 10% 0 0;
    }
}
@media (max-width: 768px) {
    .serv-col-9 {
        margin: 5.9% 0 0;
    }
}
@media (max-width: 768px) {
    .serv-col-data-wrapper-4 {
        margin: 8.1% auto 0;
    }
}
@media (max-width: 768px) {
    .serv-col-18 {
        margin: 10% auto 0;
    }
}

@media (max-width: 768px) {
    .serv-text-style {
        margin-top: unset !important;
    }
    .serv-text-8{
        margin-top:50px;
    }
}

@media (max-width: 1024px) and (min-width: 769px ) {
    .serv-text-style{
        font-size: 25px;
    }
    .serv-wrapper-17{
        width: 28%;
    }
    .serv-text-8{
        font-size: 25px;
    }
    .serv-text-4{
        font-size:40px;
    }
    .serv-text-7{
        font-size:40px;
    }
    .serv-text-19{
        font-size: 25px;
    }
    .serv-col-17{
        width:26%;
    }
    .serv-col-22{
        padding-left: 110px;
    }
    .serv-text-26{
        font-size: 40px;
    }
    .serv-text-28{
        font-size: 40px;
    }
    .serv-col-18{
        margin-left:-60px;
    }
}

.tooltip-main {
    width: 15px;
    /*height: 15px;*/
    border-radius: 50px 0;
    font-weight: 700;
    background: #f3f3f3;
    border: 1px solid #737373;
    color: #000 !important;
    margin: 4px 121px 0 5px;
    float: right;
    text-align: left !important;
}

.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 12px;
    color: #000 !important;
}

.tooltip-inner {
    max-width: 236px !important;
    /*height: 76px;*/
    font-size: 12px;
    padding: 10px 15px 10px 20px;
    background: #b4b4b4;
    color: #000 !important;
    border: 1px solid #737373;
    border-radius: 25px 0;
    text-align: left;
}

.tooltip.show {
   opacity: 85%;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #f00;
    /* Red */
}

.serv-container-5 {
    position: relative;
    margin-top: 80px;
    margin-left: 200px;
}

.matn-next{
    color: #c49700;
    text-decoration: underline;
    font-size: 15px;
}

.matn-next1{
    color: #ffffff;
    text-decoration: underline;
    font-size: 20px;
}