/* line 2, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-1 {
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/ui-ux/header-main.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 120px 0px 100px
}

@media (max-width: 767px) {

    /* line 2, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-1 {
        padding: 80px 0px;
        background-position: top
    }
}

/* line 15, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 {
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/ui-ux/ui-main.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (max-width: 767px) {

    /* line 15, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-2 {
        padding: 50px 0px
    }
}

/* line 24, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-content .title {
    font-weight: 500;
    font-size: 80px;
    line-height: 118%;
    color: #ffffff
}

@media (max-width: 767px) {

    /* line 24, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-2 .sec-2-content .title {
        font-size: 32px;
        line-height: 46px
    }
}

/* line 33, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-content .title span {
    color: #e4a400
}

/* line 37, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-content .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #ababab;
    padding: 20px 0px
}

@media (max-width: 767px) {

    /* line 37, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-2 .sec-2-content .description {
        font-size: 14px;
        line-height: 20px
    }
}

/* line 49, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-wrap {
    padding: 100px 0px
}

@media (max-width: 767px) {

    /* line 49, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-2 .sec-2-wrap {
        padding: 50px 0px
    }
}

/* line 55, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-wrap .sec-2-card-wrap .sec-2-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0px
}

/* line 58, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-wrap .sec-2-card-wrap .sec-2-card .box-wrap {
    max-width: 350px;
    background: #101214;
    border: 1px solid #373737;
    border-radius: 20px;
    padding: 20px 30px
}

/* line 64, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-wrap .sec-2-card-wrap .sec-2-card .box-wrap .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: rgba(253, 253, 253, 0.83);
    padding-bottom: 10px
}

/* line 71, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-2 .sec-2-wrap .sec-2-card-wrap .sec-2-card .box-wrap .discription {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c
}

/* line 227, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 {
    padding: 100px 0px;
    background-color: #101214
}

@media (max-width: 767px) {

    /* line 227, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 {
        padding: 50px 0px
    }
}

/* line 233, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .ui-prcs-sec {
    max-width: 70%;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 767px) {

    /* line 233, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .ui-prcs-sec {
        max-width: 85%
    }
}

/* line 240, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .ui-prcs-sec .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 76px;
    letter-spacing: 0.02em;
    color: #f9f9f9
}

@media (max-width: 767px) {

    /* line 240, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .ui-prcs-sec .title {
        font-size: 32px;
        line-height: 46px;
        text-align: left
    }
}

/* line 252, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .ui-prcs-sec .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #9c9c9c;
    padding: 20px 0px
}

@media (max-width: 767px) {

    /* line 252, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .ui-prcs-sec .description {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        max-width: 300px
    }
}

@media (max-width: 767px) {

    /* line 267, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 470px;
        overflow-y: hidden;
        overflow-x: scroll
    }
}

/* line 276, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row {
    position: relative
}

/* line 278, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 75%;
    top: 18%;
    left: 13%;
    background-image: -webkit-gradient(linear, right top, left top, from(#e8a128), color-stop(27%, #e79a28), color-stop(53%, #de5c2a), color-stop(77%, #dd542a), to(#e8a328));
    background-image: linear-gradient(270deg, #e8a128 0%, #e79a28 27%, #de5c2a 53%, #dd542a 77%, #e8a328 100%)
}

@media (max-width: 767px) {

    /* line 278, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row::before {
        top: 16%
    }
}

@media (max-width: 767px) {

    /* line 276, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row {
        min-width: 1200px;
        width: 100%
    }
}

/* line 301, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap {
    text-align: center
}

/* line 304, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcsp-card-no {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #e4a400;
    padding-bottom: 25px
}

/* line 312, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-icon img {
    position: relative
}

/* line 316, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box {
    border: 1px solid #c4ccce;
    border-radius: 10px;
    padding: 15px 10px;
    position: relative;
    margin-top: 50px;
    min-height: 260px
}

@media (max-width: 950px) {

    /* line 316, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box {
        min-height: 280px
    }
}

@media (max-width: 900px) {

    /* line 316, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box {
        min-height: 360px
    }
}

@media (max-width: 800px) {

    /* line 316, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box {
        min-height: 380px
    }
}

@media (max-width: 767px) {

    /* line 316, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box {
        min-height: 260px
    }
}

/* line 336, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box::before {
    position: absolute;
    content: "";
    background-color: #c4ccce;
    height: 50px;
    width: 1px;
    top: -20%
}

@media (max-width: 850px) {

    /* line 336, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box::before {
        height: 70px
    }
}

/* line 347, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #e8a328
}

/* line 353, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #9c9c9c;
    padding-top: 5px
}

@media (max-width: 767px) {

    /* line 353, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-3 .prcs-wrap .prcs-row .prcs-card-wrap .prcs-card .prcs-card-box .description {
        font-size: 14px
    }
}

/* line 371, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-4 {
    padding: 100px 0px;
    background-color: black
}

@media (max-width: 767px) {

    /* line 371, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-4 {
        padding: 50px 0px
    }
}

/* line 377, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-4 .content {
    max-width: 350px;
    padding-bottom: 30px
}

/* line 380, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-4 .content .title {
    font-weight: 600;
    font-size: 90px;
    line-height: 99px;
    color: #ffffff;
    padding-bottom: 20px
}

@media (max-width: 767px) {

    /* line 380, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-4 .content .title {
        font-size: 32px;
        line-height: 46px
    }
}

/* line 390, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-4 .content .title span {
    color: #e4a400
}

/* line 394, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-4 .content .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ababab;
    padding-bottom: 40px
}

@media (max-width: 767px) {

    /* line 394, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-4 .content .description {
        font-size: 14px;
        line-height: 20px
    }
}

/* line 408, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 {
    background-color: #101214;
    padding: 100px 0px
}

@media (max-width: 767px) {

    /* line 408, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-5 {
        padding: 50px 0px
    }
}

/* line 414, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-sec-5-content {
    margin: 0 auto;
    max-width: 70%;
    text-align: center
}

/* line 418, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-sec-5-content .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 76px;
    letter-spacing: 0.02em;
    color: #f9f9f9
}

@media (max-width: 767px) {

    /* line 418, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-5 .ui-sec-5-content .title {
        font-size: 32px;
        line-height: 46px
    }
}

/* line 428, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-sec-5-content .title span {
    color: #e4a400
}

/* line 432, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-sec-5-content .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #9c9c9c;
    padding: 20px 0px
}

@media (max-width: 767px) {

    /* line 432, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-5 .ui-sec-5-content .description {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 40px
    }
}

/* line 445, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-srvc-wrap {
    background: #000000;
    border: 1px solid #373737;
    border-radius: 20px;
    padding: 39px 20px 30px;
    min-height: 460px
}

@media (max-width: 950px) {

    /* line 445, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-5 .ui-srvc-wrap {
        height: 100%
    }
}

/* line 454, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-srvc-wrap .ui-srvc-box {
    text-align: center
}

/* line 456, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-srvc-wrap .ui-srvc-box .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    padding: 20px 0px;
    min-height: 100px
}

/* line 464, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-5 .ui-srvc-wrap .ui-srvc-box .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c
}

@media (max-width: 767px) {

    /* line 464, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-5 .ui-srvc-wrap .ui-srvc-box .description {
        font-size: 14px
    }
}

/* line 477, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-6 {
    padding: 150px 0px;
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/ui-ux/cta-bg-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767px) {

    /* line 477, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-6 {
        padding: 50px 0px
    }
}

/* line 487, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-6 .cta-sec .cta-wrap {
    text-align: center
}

/* line 489, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-6 .cta-sec .cta-wrap .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 62px;
    color: #ffffff;
    max-width: 600px;
    margin: 0 auto
}

@media (max-width: 767px) {

    /* line 489, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-6 .cta-sec .cta-wrap .title {
        font-size: 24px;
        line-height: 32px
    }
}

/* line 501, src/assets/scss/pages/_ui-ux.scss */
.ui-main .ui-sec-6 .cta-sec .cta-wrap .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ababab;
    padding: 30px 0px
}

@media (max-width: 767px) {

    /* line 501, src/assets/scss/pages/_ui-ux.scss */
    .ui-main .ui-sec-6 .cta-sec .cta-wrap .description {
        font-size: 14px;
        line-height: 20px
    }
}

/* line 2, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 {
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/career/career-main.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px 150px;
    background-position: center;
    height: 100vh
}

@media (min-width: 1800px) {

    /* line 10, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .container {
        max-width: 1780px !important
    }
}

@media (max-width: 950px) {

    /* line 2, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 {
        height: 70vh;
        padding: 200px 0px 150px
    }
}

@media (max-width: 767px) {

    /* line 2, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 {
        height: 60vh;
        background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/career/career-main-mob.png);
        background-size: contain;
        background-position: top;
        margin-top: 80px;
        padding: 20px 0px
    }
}

/* line 27, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 .car-main-content .title {
    font-weight: 500;
    font-size: 76px;
    line-height: 72px;
    color: #ffffff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 950px) {

    /* line 27, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-main-content .title {
        font-size: 48px
    }
}

@media (max-width: 767px) {

    /* line 27, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-main-content .title {
        font-size: 38px;
        line-height: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

/* line 43, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 .car-main-content .title .color-item-text {
    width: 48%;
    padding-left: 12px
}

@media (max-width: 767px) {

    /* line 43, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-main-content .title .color-item-text {
        width: 100%;
        padding-left: 0px
    }
}

/* line 54, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 .car-main-content .title .color-item-text .color-text-main {
    font-size: 76px;
    line-height: 72px;
    background: #48f8e3;
    background-image: -webkit-gradient(linear, left top, right top, from(#48f8e3), color-stop(50%, #ac88de), to(#ec2a87));
    background-image: linear-gradient(to right, #48f8e3 0%, #ac88de 50%, #ec2a87 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    padding-bottom: 15px;
    text-align: left;
    display: inline-block
}

/* line 65, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 .car-main-content .title .color-item-text .color-text-main::before {
    position: absolute;
    content: "";
    border-bottom: 4px solid transparent;
    -o-border-image: linear-gradient(to right, #48f8e3 0%, #ac88de 50%, #ec2a87 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#48f8e3), color-stop(50%, #ac88de), to(#ec2a87));
    border-image: linear-gradient(to right, #48f8e3 0%, #ac88de 50%, #ec2a87 100%);
    border-image-slice: 1;
    display: inline;
    width: 100%;
    bottom: 0
}

@media (max-width: 950px) {

    /* line 54, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-main-content .title .color-item-text .color-text-main {
        font-size: 48px
    }
}

@media (max-width: 767px) {

    /* line 54, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-main-content .title .color-item-text .color-text-main {
        font-size: 38px;
        line-height: 50px
    }
}

/* line 86, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 .car-sec-1-content {
    margin-top: 50px
}

@media (max-width: 767px) {

    /* line 86, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-sec-1-content {
        text-align: center
    }
}

/* line 91, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 .car-sec-1-content .title {
    font-weight: 500;
    font-size: 50px;
    line-height: 72px;
    color: #e9b43f;
    padding: 20px 0px
}

@media (max-width: 767px) {

    /* line 91, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-sec-1-content .title {
        font-size: 36px;
        line-height: 45px
    }
}

/* line 102, src/assets/scss/pages/_career.scss */
.career-main .car-sec-1 .car-sec-1-content .sub-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 176.19%;
    color: #c4c4c4
}

@media (min-width: 1400px) {

    /* line 102, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-sec-1-content .sub-title {
        max-width: 540px
    }
}

@media (max-width: 767px) {

    /* line 102, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-1 .car-sec-1-content .sub-title {
        max-width: 350px;
        font-size: 16px;
        line-height: 28px;
        margin: 0 auto
    }
}

/* line 120, src/assets/scss/pages/_career.scss */
.career-main .car-sec-2 {
    padding: 100px 0px 100px
}

@media (max-width: 767px) {

    /* line 120, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-2 {
        padding: 40px 0px
    }
}

/* line 125, src/assets/scss/pages/_career.scss */
.career-main .car-sec-2 .car-sec-2-content {
    text-align: left;
    margin-bottom: 70px
}

/* line 128, src/assets/scss/pages/_career.scss */
.career-main .car-sec-2 .car-sec-2-content .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    letter-spacing: 0.02em;
    color: #f9f9f9
}

@media (max-width: 767px) {

    /* line 128, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-2 .car-sec-2-content .title {
        font-size: 45px;
        line-height: 50px;
        padding-bottom: 15px
    }
}

/* line 140, src/assets/scss/pages/_career.scss */
.career-main .car-sec-2 .car-sec-2-content .description {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #e4a400
}

@media (max-width: 767px) {

    /* line 140, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-2 .car-sec-2-content .description {
        font-size: 16px;
        line-height: 28px
    }
}

/* line 151, src/assets/scss/pages/_career.scss */
.career-main .car-sec-2 .bnft_bx {
    color: #fff
}

/* line 153, src/assets/scss/pages/_career.scss */
.career-main .car-sec-2 .bnft_bx .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin: 10px 0 5px
}

/* line 160, src/assets/scss/pages/_career.scss */
.career-main .car-sec-2 .bnft_bx .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #fdfdfd;
    opacity: 0.7
}

/* line 170, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 {
    padding: 100px 0px;
    background-color: #0a0a0a;
    position: relative
}

/* line 174, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-sec-btn-wrap {
    position: absolute;
    right: 0
}

@media (max-width: 900px) {

    /* line 174, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-3 .vdo-sec-btn-wrap {
        bottom: 40%
    }
}

@media (max-width: 767px) {

    /* line 174, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-3 .vdo-sec-btn-wrap {
        top: 46%
    }
}

/* line 183, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-sec-btn-wrap .vdo-btn-box {
    background: #000000;
    -webkit-box-shadow: 0px 0px 25px rgba(122, 122, 122, 0.2);
    box-shadow: 0px 0px 25px rgba(122, 122, 122, 0.2);
    border-radius: 8px;
    padding: 12px 25px;
    width: 250px
}

/* line 189, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-sec-btn-wrap .vdo-btn-box .title {
    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
    color: #e9b43f
}

/* line 197, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/* line 200, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right {
    margin-top: 70px;
    margin-left: 80px
}

@media (max-width: 767px) {

    /* line 200, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right {
        margin-left: 0px;
        margin-top: 120px
    }
}

/* line 207, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .title {
    font-weight: 500;
    font-size: 50px;
    line-height: 64px;
    color: #dbdbdb
}

@media (max-width: 767px) {

    /* line 207, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .title {
        font-size: 45px;
        line-height: 50px
    }
}

/* line 217, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #fdfdfd;
    opacity: 0.7;
    padding: 20px 0px
}

/* line 225, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .facility {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {

    /* line 225, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .facility {
        font-size: 18px
    }
}

/* line 233, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .facility span {
    color: #f1b308;
    padding: 0px 8px
}

/* line 237, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .facility .learn {
    color: #4dacb3
}

/* line 240, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .facility .grow {
    color: #4caf50
}

/* line 243, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .facility .win {
    color: #dba3cf
}

/* line 246, src/assets/scss/pages/_career.scss */
.career-main .car-sec-3 .vdo-box-right-wrap .vdo-box-right .facility .celebrate {
    color: #ffc395
}

/* line 254, src/assets/scss/pages/_career.scss */
.career-main .car-sec-4 {
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/career/cta-bg-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 0px 120px;
    position: relative;
    min-height: 500px;
    display: block
}

@media (min-width: 1800px) {

    /* line 254, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-4 {
        min-height: 670px
    }
}

@media (max-width: 950px) {

    /* line 254, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-4 {
        min-height: 300px
    }
}

@media (max-width: 767px) {

    /* line 254, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-4 {
        display: none
    }
}

/* line 273, src/assets/scss/pages/_career.scss */
.career-main .car-sec-4 .hm-btn-main {
    position: absolute;
    bottom: 12%;
    right: 0;
    left: 45%
}

@media (max-width: 950px) {

    /* line 273, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-4 .hm-btn-main {
        left: 38%
    }
}

/* line 318, src/assets/scss/pages/_career.scss */
.career-main .car-sec-4-mob {
    display: none;
    text-align: center
}

@media (max-width: 767px) {

    /* line 318, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-4-mob {
        display: block
    }
}

/* line 324, src/assets/scss/pages/_career.scss */
.career-main .car-sec-4-mob .heading {
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: #e9b43f
}

/* line 330, src/assets/scss/pages/_career.scss */
.career-main .car-sec-4-mob .title {
    font-weight: 300;
    font-size: 24px;
    line-height: 35px;
    padding: 20px 0px
}

/* line 336, src/assets/scss/pages/_career.scss */
.career-main .car-sec-4-mob .sub-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    color: #f1b308
}

/* line 344, src/assets/scss/pages/_career.scss */
.career-main .opn_pos {
    padding: 60px 0px
}

/* line 347, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .heading .text-left {
    margin: 0;
    text-align: left;
    background: #101214;
    padding: 80px 0
}

/* line 353, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .heading h2 {
    color: #f9f9f9;
    font-size: 50px;
    letter-spacing: 1px;
    margin-bottom: 5px
}

@media (max-width: 767px) {

    /* line 353, src/assets/scss/pages/_career.scss */
    .career-main .opn_pos .heading h2 {
        font-size: 45px
    }
}

/* line 362, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .heading p {
    color: #e4a400;
    font-size: 20px;
    padding-bottom: 20px
}

@media (max-width: 767px) {

    /* line 362, src/assets/scss/pages/_career.scss */
    .career-main .opn_pos .heading p {
        font-size: 16px
    }
}

/* line 371, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx {
    position: relative
}

/* line 373, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .lyr_tp {
    position: relative;
    z-index: 9
}

/* line 377, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-item {
    margin-bottom: 40px;
    background-color: rgba(16, 18, 20, 0.6);
    border: solid 1px #222;
    border-radius: 20px;
    padding: 25px 50px
}

/* line 383, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-item .accordion-header {
    margin-bottom: 0
}

/* line 387, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-button {
    background: 0 0 !important;
    color: #f9f9f9;
    font-size: 30px;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
    text-align: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

/* line 406, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-button:after {
    content: "\f107";
    font-family: fontAwesome;
    background: 0 0 !important;
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important
}

/* line 412, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-button:focus {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

/* line 415, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-button:not(.collapsed) {
    background: 0 0 !important;
    color: #fff;
    border: 0
}

/* line 419, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-button:not(.collapsed)::after {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "\f106";
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    background: 0 0 !important;
    font-family: fontAwesome
}

/* line 431, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-button .collapsed {
    background: 0 0 !important;
    color: #fff;
    border: 0
}

/* line 435, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .pos_bx .accordion-button .collapsed::after {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "\f106";
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    background: 0 0 !important;
    font-family: fontAwesome
}

/* line 450, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .accordion-collapse .accordion-body {
    margin-top: 30px;
    border-top: 1px solid #222;
    padding: 0 30px 30px
}

@media (max-width: 767px) {

    /* line 450, src/assets/scss/pages/_career.scss */
    .career-main .opn_pos .accordion-collapse .accordion-body {
        padding: 0px 10px 10px !important
    }
}

/* line 459, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

/* line 462, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions .positions_cn {
    width: calc(100% - 40px);
    padding-right: 10px
}

/* line 465, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions .positions_cn h2 {
    color: #fdfdfd;
    font-size: 20px;
    margin-bottom: 5px
}

/* line 470, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions .positions_cn .add {
    color: #fdfdfd;
    font-size: 14px;
    margin-top: 4px;
    opacity: 0.7;
    line-height: inherit
}

@media (max-width: 767px) {

    /* line 470, src/assets/scss/pages/_career.scss */
    .career-main .opn_pos .positions .positions_cn .add {
        font-size: 12px;
        line-height: 26px;
        color: #e4a400;
        opacity: 1 !important
    }
}

/* line 483, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions .positions_cn .exp {
    color: #fdfdfd;
    font-size: 14px;
    margin-top: 4px;
    opacity: 0.7;
    line-height: inherit
}

@media (max-width: 767px) {

    /* line 483, src/assets/scss/pages/_career.scss */
    .career-main .opn_pos .positions .positions_cn .exp {
        font-size: 12px;
        line-height: 26px;
        opacity: 1 !important
    }
}

/* line 496, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions .positions_more {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    text-align: center
}

/* line 500, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions .positions_more a {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    border: solid 1px #282828;
    color: #fdcb04;
    width: 39px;
    display: block;
    margin: 0 auto;
    height: 39px;
    border-radius: 50%;
    line-height: 35px;
    font-size: 13px
}

/* line 513, src/assets/scss/pages/_career.scss */
.career-main .opn_pos .positions .positions_more a:hover {
    background: #333
}

/* line 522, src/assets/scss/pages/_career.scss */
.career-main .modal .btn-close {
    top: 30px;
    color: #fff !important;
    opacity: 1;
    padding: 10px 10px;
    border-radius: 50%;
    border: 1px solid #333;
    position: absolute;
    right: 40px;
    line-height: 0
}

@media (max-width: 767px) {

    /* line 522, src/assets/scss/pages/_career.scss */
    .career-main .modal .btn-close {
        top: 38px;
        right: 10px
    }
}

/* line 537, src/assets/scss/pages/_career.scss */
.career-main .modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0 0;
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none
}

@media (max-width: 767px) {

    /* line 537, src/assets/scss/pages/_career.scss */
    .career-main .modal .modal-dialog {
        max-width: 500px
    }
}

/* line 548, src/assets/scss/pages/_career.scss */
.career-main .modal .modal-dialog .show {
    -webkit-transform: none;
    transform: none
}

/* line 551, src/assets/scss/pages/_career.scss */
.career-main .modal .modal-dialog .fade {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

/* line 554, src/assets/scss/pages/_career.scss */
.career-main .modal .modal-dialog .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
    background-color: #101214;
    overflow: auto
}

/* line 567, src/assets/scss/pages/_career.scss */
.career-main .modal .modal-dialog .modal-content .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

/* line 575, src/assets/scss/pages/_career.scss */
.career-main .modal .cr_dt h5 {
    color: #f9f9f9;
    font-size: 30px;
    margin-top: 100px;
    margin-bottom: 22px
}

/* line 582, src/assets/scss/pages/_career.scss */
.career-main .modal .cr_dt ul li {
    color: #b6b6b7;
    line-height: 28px;
    margin-bottom: 10px;
    margin-left: 15px
}

/* line 589, src/assets/scss/pages/_career.scss */
.career-main .modal .cr_dt .cr_dt_bx {
    max-width: 700px;
    border: 1px solid #222;
    padding: 20px;
    margin: 100px 0 0;
    border-radius: 5px
}

/* line 595, src/assets/scss/pages/_career.scss */
.career-main .modal .cr_dt .cr_dt_bx h2 {
    color: #f9f9f9;
    letter-spacing: 1px;
    font-size: 50px;
    margin-bottom: 10px
}

@media (max-width: 767px) {

    /* line 595, src/assets/scss/pages/_career.scss */
    .career-main .modal .cr_dt .cr_dt_bx h2 {
        font-size: 32px
    }
}

/* line 604, src/assets/scss/pages/_career.scss */
.career-main .modal .cr_dt .cr_dt_bx h4 {
    color: #e4a400;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 40px
}

@media (max-width: 767px) {

    /* line 604, src/assets/scss/pages/_career.scss */
    .career-main .modal .cr_dt .cr_dt_bx h4 {
        font-size: 22px
    }
}

/* line 613, src/assets/scss/pages/_career.scss */
.career-main .modal .cr_dt .cr_dt_bx p {
    color: #b6b6b7;
    line-height: 32px;
    font-size: 16px
}

/* line 623, src/assets/scss/pages/_career.scss */
.career-main .career-form .careerform-img {
    background-image: url(../img/career/career-form.png);
    height: 100%;
    background-repeat: no-repeat
}

/* line 628, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm {
    background-color: #000;
    border-radius: 0 15px 15px 0;
    padding: 20px;
    max-height: 710px;
    overflow: scroll;
    overflow-x: hidden
}

/* line 635, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group {
    margin-bottom: 25px;
    position: relative
}

/* line 638, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .intl-tel-input {
    width: 100%
}

/* line 641, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group input.form-control {
    background: 0 0;
    border: 1px solid #373737;
    height: 45px;
    color: white
}

/* line 647, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group textarea.form-control {
    background: 0 0;
    border: 1px solid #373737;
    height: 100px;
    font-weight: 600;
    display: inline-block;
    font-size: 18px;
    color: white
}

/* line 656, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group label {
    color: #f9f9f9;
    margin-bottom: 10px
}

/* line 660, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .error {
    color: red;
    font-size: 14px
}

/* line 664, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .file_input_new {
    background: #101214;
    color: #b6b6b6;
    font-size: 20px;
    padding: 12px 50px 12px 20px;
    border-radius: 5px;
    position: relative
}

/* line 671, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .file_input_new input {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    cursor: pointer
}

/* line 681, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .file_input_new p {
    color: #fff;
    line-height: 32px;
    font-size: 16px;
    width: 215px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

/* line 690, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .file_input_new .clearFile {
    position: absolute;
    right: 8px;
    top: 15px;
    background: #e4a400;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%
}

/* line 703, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .file_input_new .clearFile i {
    color: white;
    bottom: 6px;
    right: 6px
}

/* line 711, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #f1b308;
    margin-bottom: 15px
}

/* line 718, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group .form-processing {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

/* line 727, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm .form-group i {
    position: absolute;
    bottom: 13px;
    right: 13px;
    color: #e4a400
}

/* line 734, src/assets/scss/pages/_career.scss */
.career-main .career-form .cr_frm h6 {
    color: #b6b6b6;
    padding: 19px 25px
}

/* line 741, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 {
    background-color: black !important;
    padding: 50px 0px
}

/* line 744, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .test-car-content {
    max-width: 900px
}

/* line 746, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .test-car-content .testimonial-heading-ylw {
    font-weight: 500;
    font-size: 45px;
    line-height: 72px;
    color: #e9b43f
}

@media (max-width: 767px) {

    /* line 746, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .test-car-content .testimonial-heading-ylw {
        font-size: 36px;
        line-height: 40px
    }
}

/* line 756, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .test-car-content .testimonial-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    color: #c4c4c4;
    padding: 10px 0px
}

@media (max-width: 767px) {

    /* line 756, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .test-car-content .testimonial-title {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 20px
    }
}

/* line 769, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .review-img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {

    /* line 769, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .review-img-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

/* line 776, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .review-img-wrap .review-img {
    width: 220px
}

/* line 781, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider {
    padding: 50px 0px 10px
}

/* line 783, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card {
    background: #000000;
    border: 1px solid #373737;
    border-radius: 20px;
    height: 340px;
    width: 350px;
    padding: 20px
}

@media (max-width: 767px) {

    /* line 783, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .google-review-slider .review-card {
        height: 370px;
        width: 300px;
        padding: 15px
    }
}

/* line 795, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header {
    display: grid;
    grid-template-columns: 1.5fr 2.5fr 1fr
}

/* line 798, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-img {
    height: 80px;
    width: 80px
}

/* line 802, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

/* line 806, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #f9f9f9
}

@media (max-width: 767px) {

    /* line 806, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-name {
        font-size: 12px
    }
}

/* line 815, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-date {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #b4b4b4;
    padding: 10px 0px
}

@media (max-width: 767px) {

    /* line 815, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-date {
        font-size: 12px;
        padding: 5px 0px;
        line-height: 20px
    }
}

/* line 827, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-star {
    position: relative
}

/* line 829, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-star .review-rating {
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
    position: absolute;
    top: 3%
}

@media (max-width: 767px) {

    /* line 829, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-star .review-rating {
        font-size: 12px;
        line-height: 24px;
        top: 1%
    }
}

/* line 840, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-content .review-star .review-rating .fa {
    margin-right: 3px;
    display: inline-block;
    color: #f1b308
}

/* line 848, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-icon {
    padding-top: 15px
}

/* line 850, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-header .review-icon img {
    float: right
}

/* line 855, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-border {
    background-color: #f1b308;
    height: 2px;
    width: 150px;
    margin-top: 30px
}

@media (max-width: 767px) {

    /* line 855, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-6 .google-review-slider .review-card .review-border {
        width: 130px
    }
}

/* line 864, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .review-card .review-comment {
    padding-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #f9f9f9;
    text-align: center;
    word-spacing: 1px
}

/* line 874, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .prev-review {
    position: absolute;
    left: 32%;
    top: 35%
}

/* line 879, src/assets/scss/pages/_career.scss */
.career-main .car-sec-6 .google-review-slider .next-review {
    position: absolute;
    top: 35%;
    right: 32%
}

/* line 887, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 {
    padding: 70px 0px;
    position: relative
}

/* line 890, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .car-sec-7-content {
    text-align: center
}

/* line 892, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .car-sec-7-content .title {
    font-weight: 500;
    font-size: 50px;
    line-height: 72px;
    color: #e9b43f
}

/* line 898, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .car-sec-7-content span {
    font-family: "SignPainter HouseScript";
    position: relative;
    font-size: 70px
}

/* line 902, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .car-sec-7-content span img {
    position: absolute;
    top: 40%;
    margin-left: 10px
}

@media (max-width: 767px) {

    /* line 902, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-7 .car-sec-7-content span img {
        top: 58%;
        left: 0
    }
}

/* line 913, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .trainee-sec {
    padding: 50px 0px 20px
}

/* line 915, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .trainee-sec .award-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

/* line 917, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .trainee-sec .award-block .img-box-h {
    text-align: center;
    padding: 0px 15px;
    height: 350px;
    width: 360px
}

@media (max-width: 950px) {

    /* line 917, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-7 .trainee-sec .award-block .img-box-h {
        width: 200px
    }
}

@media (max-width: 767px) {

    /* line 917, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-7 .trainee-sec .award-block .img-box-h {
        height: 250px
    }
}

/* line 928, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .trainee-sec .award-block .img-box-h img {
    margin: auto
}

/* line 931, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .trainee-sec .award-block .img-box-h .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #ffc400;
    padding: 25px 0px 10px
}

@media (max-width: 950px) {

    /* line 931, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-7 .trainee-sec .award-block .img-box-h .name {
        font-size: 16px
    }
}

@media (max-width: 767px) {

    /* line 931, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-7 .trainee-sec .award-block .img-box-h .name {
        padding: 10px 0px 20px
    }
}

/* line 944, src/assets/scss/pages/_career.scss */
.career-main .car-sec-7 .trainee-sec .award-block .img-box-h .domain {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #f9f9f9;
    max-width: 200px;
    margin: 0 auto
}

@media (max-width: 767px) {

    /* line 962, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-7 .trainee-sec .award-block {
        display: unset
    }

    /* line 964, src/assets/scss/pages/_career.scss */
    .career-main .car-sec-7 .trainee-sec .award-block .img-box-h {
        margin: 0 auto
    }
}

/* line 2, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp {
    margin-top: 80px;
    padding: 120px 0px;
    height: 100vh;
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/about/about-main.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block
}

@media (min-width: 1400px) {

    /* line 2, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1-dsktp {
        padding: 100px 0px
    }
}

@media (min-width: 1400px) {

    /* line 14, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1-dsktp .container {
        max-width: 1200px !important
    }
}

/* line 19, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp .header-content {
    max-width: 680px
}

/* line 21, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp .header-content .title {
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #fccc02
}

/* line 29, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp .header-content .heading {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 70px;
    color: #fdfdfd;
    padding: 25px 0px
}

@media (min-width: 1400px) {

    /* line 29, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1-dsktp .header-content .heading {
        font-size: 45px;
        line-height: 60px
    }
}

/* line 41, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp .header-content .description {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c4c4c4;
    padding-bottom: 40px
}

/* line 51, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp .left-text-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/* line 55, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp .left-text-main .vertical-title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #f9f9f9
}

/* line 63, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-dsktp .left-text-main .vertical-title img {
    padding-right: 10px
}

@media (max-width: 767px) {

    /* line 51, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1-dsktp .left-text-main {
        display: none
    }
}

@media (max-width: 767px) {

    /* line 2, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1-dsktp {
        display: none
    }
}

/* line 75, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-mob {
    display: none;
    padding: 70px 0px
}

/* line 78, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-mob img {
    max-width: 100%
}

/* line 81, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-mob .header-content {
    max-width: 680px;
    padding-top: 10px
}

/* line 84, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-mob .header-content .title {
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #fccc02
}

/* line 92, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-mob .header-content .heading {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #fdfdfd;
    padding: 25px 0px
}

/* line 100, src/assets/scss/pages/_about.scss */
.about-main .about-sec-1-mob .header-content .description {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c4c4c4;
    padding-bottom: 40px
}

@media (max-width: 767px) {

    /* line 75, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1-mob {
        display: block
    }
}

/* line 114, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp {
    padding: 65px 0px;
    background-color: #1a1a1a;
    display: block
}

@media (max-width: 767px) {

    /* line 114, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-2-dsktp {
        display: none
    }
}

/* line 121, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .sec-2-content {
    padding-left: 100px
}

/* line 124, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border {
    position: relative
}

/* line 126, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 100%;
    background-color: black;
    border: 1px solid transparent;
    border-radius: 10px;
    top: 50%
}

/* line 136, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border .jrny-arrow {
    position: relative
}

/* line 138, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border .jrny-arrow::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 20px solid black;
    top: 50%;
    z-index: 2;
    left: 45%
}

/* line 155, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border .jrny-arrow:nth-child(even)::before {
    -webkit-transform: rotate(57deg);
    transform: rotate(57deg);
    top: 49%
}

/* line 160, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border .jrny-arrow .img-col {
    padding: 50px 0px;
    text-align: center
}

/* line 164, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border .jrny-arrow .content-col {
    padding: 30px 0px
}

/* line 169, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border .content-col .heading {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    padding: 30px 0px 5px
}

/* line 177, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-dsktp .jrny-border .content-col .description {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #ababab;
    text-align: center;
    min-height: 210px
}

/* line 188, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-mob {
    display: none
}

/* line 191, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-mob .sec-2-content .about-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 72px;
    color: #fdfdfd;
    padding-left: 20px
}

/* line 201, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-mob .about-journey-slider .sec-3-right img {
    margin: 0 auto
}

/* line 205, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-mob .about-journey-slider .jrny-content-slide {
    text-align: center;
    max-width: 260px;
    margin: 0 auto
}

/* line 209, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-mob .about-journey-slider .jrny-content-slide .heading {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    padding: 25px 0px
}

/* line 216, src/assets/scss/pages/_about.scss */
.about-main .about-sec-2-mob .about-journey-slider .jrny-content-slide .description {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #ababab
}

@media (max-width: 767px) {

    /* line 188, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-2-mob {
        display: block
    }
}

/* line 229, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 {
    padding: 80px 0px
}

/* line 231, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-content {
    max-width: 850px;
    margin: 0 auto
}

/* line 234, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-content .mission-img {
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/about/mission-img.svg);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 50px 0px
}

/* line 241, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-content .description {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #dbdbdb;
    padding-top: 20px
}

/* line 250, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col {
    padding-top: 50px
}

/* line 252, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col .mision-col-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

/* line 256, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col .mision-col-content .heading {
    font-weight: 500;
    font-size: 26px;
    line-height: 39px;
    color: #e4a400;
    padding-top: 20px
}

/* line 263, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col .mision-col-content .description {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ababab;
    padding: 20px 0px
}

/* line 272, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col-next {
    padding-top: 50px
}

/* line 274, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col-next img {
    width: 100%
}

/* line 277, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col-next .mision-col-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

/* line 281, src/assets/scss/pages/_about.scss */
.about-main .about-sec-3 .mission-col-next .mision-col-content .description {
    padding: 30px 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ababab;
    max-width: 390px
}

/* line 293, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 {
    padding-bottom: 100px
}

/* line 295, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content {
    max-width: 800px;
    margin: 0 auto
}

/* line 298, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content .heading {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #e4a400
}

/* line 305, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #bebebe;
    padding-top: 30px
}

/* line 314, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content-box {
    padding-top: 80px
}

/* line 316, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content-box .sec-4-box {
    text-align: center;
    border: 1px solid #323232;
    border-radius: 5px;
    position: relative;
    height: 150px;
    width: 200px
}

@media (max-width: 767px) {

    /* line 316, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-4 .sec-4-content-box .sec-4-box {
        width: 170px
    }
}

/* line 326, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content-box .sec-4-box .sec-4-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
    padding: 37px 0px 17px
}

/* line 333, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content-box .sec-4-box .sec-4-description {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0
}

/* line 342, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content-box .sec-4-box .sec-4-img {
    position: absolute;
    width: 100%;
    top: -22%
}

/* line 346, src/assets/scss/pages/_about.scss */
.about-main .about-sec-4 .sec-4-content-box .sec-4-box .sec-4-img img {
    border: 1px solid #323232;
    border-radius: 5px;
    padding: 10px 15px
}

/* line 356, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 {
    background-color: rgba(22, 22, 22, 0.76);
    padding: 100px 0px
}

/* line 359, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 .sec-5-content {
    max-width: 500px;
    margin: 0 auto;
    text-align: center
}

/* line 363, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 .sec-5-content .heading {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 0.02em;
    color: #ffffff;
    padding-bottom: 15px
}

/* line 371, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 .sec-5-content .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c
}

/* line 379, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 .value-box-wrap .value-box {
    text-align: center;
    padding-top: 40px
}

/* line 384, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 .value-box-wrap .value-box .value-icon:hover .red-img {
    fill: #7b7b7b
}

/* line 389, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 .value-box-wrap .value-box .value-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    padding: 18px 0px 15px;
    min-height: 60px;
    max-width: 190px;
    margin: 0 auto
}

/* line 399, src/assets/scss/pages/_about.scss */
.about-main .about-sec-5 .value-box-wrap .value-box .value-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #9c9c9c;
    max-width: 260px;
    margin: 0 auto
}

/* line 412, src/assets/scss/pages/_about.scss */
.about-main .about-sec-6 {
    background-color: black;
    padding: 100px 0px
}

/* line 415, src/assets/scss/pages/_about.scss */
.about-main .about-sec-6 .about-sec-cta {
    margin: 0 auto
}

/* line 417, src/assets/scss/pages/_about.scss */
.about-main .about-sec-6 .about-sec-cta .about-cta {
    text-align: center
}

/* line 419, src/assets/scss/pages/_about.scss */
.about-main .about-sec-6 .about-sec-cta .about-cta .title {
    font-weight: 300;
    font-size: 36px;
    line-height: 48px;
    color: #e9e9e9
}

/* line 425, src/assets/scss/pages/_about.scss */
.about-main .about-sec-6 .about-sec-cta .about-cta .sub-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #f1b308;
    padding: 29px 0 40px
}

/* line 437, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 {
    padding: 100px 0px
}

/* line 439, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .sec-7-content {
    padding-left: 100px
}

/* line 441, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .sec-7-content .heading {
    font-weight: 500;
    font-size: 50px;
    line-height: 72px;
    color: #e9b43f
}

/* line 448, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-line-ani-1 {
    position: relative
}

/* line 450, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-line-ani-1::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #7b7b7b;
    top: 9%;
    right: -15%;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

@media (max-width: 767px) {

    /* line 450, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .ceo-line-ani-1::before {
        display: none
    }
}

/* line 464, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-line-ani-1:hover::before {
    background-color: #f1b308
}

/* line 469, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-line-ani-2 {
    position: relative
}

/* line 471, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-line-ani-2::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #7b7b7b;
    bottom: 9%;
    left: -15%;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

@media (max-width: 767px) {

    /* line 471, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .ceo-line-ani-2::before {
        display: none
    }
}

/* line 485, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-line-ani-2:hover::before {
    background-color: #f1b308
}

/* line 490, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec {
    padding: 50px 0px
}

/* line 493, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec:hover .ceo-name {
    color: #f1b308;
    -webkit-transform: rotate(-7.44deg);
    transform: rotate(-7.44deg)
}

/* line 498, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec:hover .ceo-img::before {
    left: 1%
}

/* line 501, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec:hover .ceo-img .dark-img {
    display: block
}

/* line 504, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec:hover .ceo-img .color-img {
    display: none
}

/* line 508, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec:hover .ceo-tag {
    color: #e9b43f
}

/* line 513, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-name {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #ffffff;
    -webkit-transform: rotate(-3.63deg);
    transform: rotate(-3.63deg);
    border: 6px solid #9c9c9c;
    padding: 0px 30px;
    max-width: 250px;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

/* line 525, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-img {
    margin-top: 50px;
    position: relative
}

/* line 528, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-img::before {
    position: absolute;
    content: "";
    background-image: url(../../../assets/img/about-new/line-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    z-index: -2;
    top: -5%;
    left: -10%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

/* line 542, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-img .dark-img {
    display: none
}

/* line 545, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-img .color-img {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

/* line 549, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-tag {
    font-weight: 600;
    font-size: 50px;
    line-height: 54px;
    text-align: right;
    color: #ffffff;
    padding-right: 50px;
    padding-top: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

/* line 559, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 310px;
    padding-left: 80px;
    height: 100%
}

@media (max-width: 767px) {

    /* line 559, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .ceo-sec .ceo-about {
        max-width: 100%;
        padding-left: 20px
    }
}

/* line 570, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-about .content-1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #eaeaea;
    opacity: 0.7
}

/* line 577, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-about .content-2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #eaeaea;
    opacity: 0.7;
    display: block
}

@media (max-width: 767px) {

    /* line 577, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .ceo-sec .ceo-about .content-2 {
        display: none
    }
}

/* line 590, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-about-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 310px;
    padding-left: 80px;
    height: 100%
}

@media (max-width: 767px) {

    /* line 590, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .ceo-sec .ceo-about-mob {
        max-width: 100%;
        padding-left: 20px
    }
}

/* line 601, src/assets/scss/pages/_about.scss */
.about-main .about-sec-7 .ceo-sec .ceo-about-mob .content-2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #eaeaea;
    opacity: 0.7;
    display: none
}

@media (max-width: 767px) {

    /* line 601, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .ceo-sec .ceo-about-mob .content-2 {
        display: block
    }
}

/* line 616, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 {
    padding: 100px 0px;
    display: none
}

/* line 619, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .sec-9-content {
    padding-left: 200px;
    padding-bottom: 50px
}

/* line 622, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .sec-9-content .heading {
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    color: #f1b308
}

/* line 628, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .sec-9-content .heading .ln {
    height: 2px;
    width: 4%;
    background-color: #f1b308;
    display: block;
    position: absolute;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    left: 6%;
    margin-top: 10px
}

/* line 640, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .sec-9-content .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    padding-top: 20px
}

/* line 649, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .team-sec-wrap .team-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: #000000;
    border-radius: 24px;
    min-height: 300px
}

/* line 657, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .team-sec-wrap .team-sec .team-col-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #f1b308
}

/* line 664, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .team-sec-wrap .flip-box-inner {
    position: relative;
    height: 100%;
    text-align: center;
    -webkit-transition: all easy-in-out;
    transition: all easy-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: mirrorflip 10s 0s linear infinite;
    animation: mirrorflip 10s 0s linear infinite
}

/* line 672, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .team-sec-wrap .flip-box-inner .flip-box-front {
    background-color: #bbb;
    color: black;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

/* line 682, src/assets/scss/pages/_about.scss */
.about-main .about-sec-9 .team-sec-wrap .flip-box-inner .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #555;
    color: white;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@-webkit-keyframes mirrorflip {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes mirrorflip {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

/* line 713, src/assets/scss/pages/_about.scss */
.about-main .about-title {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 72px;
    color: #fdfdfd
}

@media (max-width: 767px) {

    /* line 713, src/assets/scss/pages/_about.scss */
    .about-main .about-title {
        font-size: 30px
    }
}

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

    /* line 729, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-9 .sec-9-content .heading .ln {
        left: 14%
    }
}

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

    /* line 739, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1 {
        padding: 100px 0px
    }

    /* line 742, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1 .header-content .description {
        padding-bottom: 30px
    }

    /* line 750, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-2 .jrny-border .jrny-arrow .img-col {
        padding: 50px 0px
    }

    /* line 753, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-2 .jrny-border .jrny-arrow .content-col {
        padding: 50px 0px
    }

    /* line 761, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-9 .sec-9-content {
        padding-left: 120px
    }

    /* line 764, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-9 .sec-9-content .heading .ln {
        left: 12%;
        width: 6%
    }
}

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

    /* line 777, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-1-dsktp .header-content .heading {
        font-size: 35px;
        line-height: 50px
    }

    /* line 783, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-3 {
        padding: 50px 0px
    }

    /* line 786, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-3 .mission-content .description {
        font-size: 18px
    }

    /* line 790, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-3 .mission-col {
        text-align: center
    }

    /* line 793, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-3 .mission-col-next {
        text-align: center
    }

    /* line 797, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-4 {
        padding-bottom: 20px
    }

    /* line 800, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-4 .sec-4-content .heading {
        font-size: 26px;
        line-height: 35px
    }

    /* line 804, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-4 .sec-4-content .description {
        font-size: 16px
    }

    /* line 809, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-5 {
        padding: 50px 0px
    }

    /* line 813, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-5 .value-box-wrap .value-box .value-description {
        font-size: 14px
    }

    /* line 822, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-6 .about-sec-cta .about-cta .title {
        font-size: 25px;
        line-height: 40px
    }

    /* line 830, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .sec-7-content {
        padding-left: 10px
    }

    /* line 832, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-7 .sec-7-content .heading {
        font-size: 30px;
        line-height: 40px
    }

    /* line 839, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-9 .sec-9-content {
        padding-left: 10px
    }

    /* line 841, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-9 .sec-9-content .heading {
        font-size: 30px
    }

    /* line 843, src/assets/scss/pages/_about.scss */
    .about-main .about-sec-9 .sec-9-content .heading .ln {
        width: 12%;
        left: 8%
    }
}

/* line 1, src/assets/scss/pages/_write.scss */
.write-main {
    background-color: #f3f3f3
}

/* line 3, src/assets/scss/pages/_write.scss */
.write-main .write-pd-left {
    padding-left: 0 !important
}

/* line 6, src/assets/scss/pages/_write.scss */
.write-main .write-pd-right {
    padding-right: 0 !important
}

/* line 9, src/assets/scss/pages/_write.scss */
.write-main .write-sec-1 {
    padding-top: 85px
}

/* line 11, src/assets/scss/pages/_write.scss */
.write-main .write-sec-1 .write-sec-1-content {
    padding-left: 10%;
    max-width: 650px
}

@media (max-width: 767px) {

    /* line 11, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-1 .write-sec-1-content {
        padding-left: 5%
    }
}

/* line 17, src/assets/scss/pages/_write.scss */
.write-main .write-sec-1 .write-sec-1-content .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    color: #000000;
    padding-bottom: 30px
}

@media (max-width: 1440px) {

    /* line 17, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-1 .write-sec-1-content .title {
        padding-top: 50px
    }
}

@media (max-width: 767px) {

    /* line 17, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-1 .write-sec-1-content .title {
        padding-top: 40px;
        font-size: 42px
    }
}

/* line 31, src/assets/scss/pages/_write.scss */
.write-main .write-sec-1 .write-sec-1-content .description-top {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    border-left: 3px solid #f1b308;
    padding-left: 20px
}

/* line 39, src/assets/scss/pages/_write.scss */
.write-main .write-sec-1 .write-sec-1-content .description-bottom {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding-left: 20px;
    padding-top: 20px
}

@media (max-width: 767px) {

    /* line 39, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-1 .write-sec-1-content .description-bottom {
        padding-bottom: 40px
    }
}

/* line 51, src/assets/scss/pages/_write.scss */
.write-main .write-sec-1 .write-sec-1-img-wrap {
    text-align: right
}

/* line 56, src/assets/scss/pages/_write.scss */
.write-main .write-sec-2 {
    background: #ebebeb;
    padding: 44px 0px
}

/* line 60, src/assets/scss/pages/_write.scss */
.write-main .write-sec-2 .sec-2-content {
    padding-top: 30px
}

/* line 62, src/assets/scss/pages/_write.scss */
.write-main .write-sec-2 .sec-2-content .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    color: #000000
}

@media (max-width: 767px) {

    /* line 62, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-2 .sec-2-content .title {
        font-size: 42px;
        line-height: 50px;
        padding-top: 20px
    }
}

/* line 73, src/assets/scss/pages/_write.scss */
.write-main .write-sec-2 .sec-2-content .description-list {
    max-width: 800px
}

/* line 75, src/assets/scss/pages/_write.scss */
.write-main .write-sec-2 .sec-2-content .description-list .benefit-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 45px
}

/* line 81, src/assets/scss/pages/_write.scss */
.write-main .write-sec-2 .sec-2-content .description-list .benefit-list-wrap .benefit-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding-left: 15px
}

/* line 93, src/assets/scss/pages/_write.scss */
.write-main .write-sec-3 {
    padding: 70px 40px
}

@media (max-width: 767px) {

    /* line 93, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-3 {
        padding-left: 20px
    }
}

/* line 99, src/assets/scss/pages/_write.scss */
.write-main .write-sec-3 .sec-3-content-wrap .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    color: #000000
}

@media (max-width: 767px) {

    /* line 99, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-3 .sec-3-content-wrap .title {
        font-size: 42px;
        line-height: 50px;
        padding-top: 20px
    }
}

/* line 110, src/assets/scss/pages/_write.scss */
.write-main .write-sec-3 .sec-3-content-wrap .description {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #585858;
    padding: 25px 0px
}

/* line 118, src/assets/scss/pages/_write.scss */
.write-main .write-sec-3 .sec-3-content-wrap .description-list-wrap .requirment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px
}

/* line 122, src/assets/scss/pages/_write.scss */
.write-main .write-sec-3 .sec-3-content-wrap .description-list-wrap .requirment-list .req-icon {
    padding-right: 10px
}

/* line 125, src/assets/scss/pages/_write.scss */
.write-main .write-sec-3 .sec-3-content-wrap .description-list-wrap .requirment-list .req-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000
}

/* line 135, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 {
    background: #ebebeb;
    padding: 200px 100px 100px;
    position: relative
}

@media (max-width: 767px) {

    /* line 135, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-4 {
        padding: 100px 20px 50px
    }
}

/* line 142, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    color: #000000;
    max-width: 450px;
    position: absolute;
    top: 10%;
    left: 8%;
    background-color: #ebebeb;
    padding-left: 30px
}

@media (max-width: 1440px) {

    /* line 142, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-4 .title {
        left: 10%;
        padding-left: 40px
    }
}

@media (max-width: 767px) {

    /* line 142, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-4 .title {
        top: 2%;
        padding-left: 20px;
        left: 8%;
        font-size: 42px;
        line-height: 50px;
        max-width: 280px
    }
}

/* line 165, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 .title span {
    color: #e2a807
}

/* line 169, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 .sec-4-wrap {
    border: 3px solid black;
    padding-top: 70px
}

/* line 173, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 .sec-4-wrap .description {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #232323;
    padding: 80px 40px 20px
}

@media (max-width: 767px) {

    /* line 173, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-4 .sec-4-wrap .description {
        padding: 40px 30px
    }
}

/* line 183, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 .sec-4-wrap .rules-wrap {
    padding: 50px 50px 80px
}

@media (max-width: 767px) {

    /* line 183, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-4 .sec-4-wrap .rules-wrap {
        padding: 20px
    }
}

/* line 188, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 .sec-4-wrap .rules-wrap .rules-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px
}

@media (max-width: 767px) {

    /* line 188, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-4 .sec-4-wrap .rules-wrap .rules-list-wrap {
        padding-top: 20px
    }
}

/* line 196, src/assets/scss/pages/_write.scss */
.write-main .write-sec-4 .sec-4-wrap .rules-wrap .rules-list-wrap .rules-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding-left: 10px
}

/* line 207, src/assets/scss/pages/_write.scss */
.write-main .write-sec-5 {
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/write/topic-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0px 100px;
    padding-left: 5%
}

/* line 214, src/assets/scss/pages/_write.scss */
.write-main .write-sec-5 .tpc-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

/* line 217, src/assets/scss/pages/_write.scss */
.write-main .write-sec-5 .tpc-content-wrap .tpc-content {
    max-width: 490px
}

/* line 219, src/assets/scss/pages/_write.scss */
.write-main .write-sec-5 .tpc-content-wrap .tpc-content .title {
    text-shadow: -6px -3px 3px #b0afaf;
    font-weight: 700;
    font-size: 96px;
    line-height: 144px;
    color: black
}

@media (max-width: 767px) {

    /* line 219, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-5 .tpc-content-wrap .tpc-content .title {
        font-size: 42px;
        line-height: 50px
    }
}

/* line 230, src/assets/scss/pages/_write.scss */
.write-main .write-sec-5 .tpc-content-wrap .tpc-content .description {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #232323
}

@media (max-width: 767px) {

    /* line 230, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-5 .tpc-content-wrap .tpc-content .description {
        padding-top: 20px
    }
}

/* line 244, src/assets/scss/pages/_write.scss */
.write-main .write-sec-5 .topic-list-wrap .tpc-list-wrap .tpc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 50px
}

@media (max-width: 767px) {

    /* line 244, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-5 .topic-list-wrap .tpc-list-wrap .tpc-list {
        padding-top: 20px
    }
}

/* line 251, src/assets/scss/pages/_write.scss */
.write-main .write-sec-5 .topic-list-wrap .tpc-list-wrap .tpc-list .tpc-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding-left: 10px
}

/* line 262, src/assets/scss/pages/_write.scss */
.write-main .write-sec-6 {
    padding: 50px 0px;
    background: #e2e2e2
}

/* line 265, src/assets/scss/pages/_write.scss */
.write-main .write-sec-6 .write-sec-6-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center
}

/* line 269, src/assets/scss/pages/_write.scss */
.write-main .write-sec-6 .write-sec-6-content .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #222222
}

/* line 275, src/assets/scss/pages/_write.scss */
.write-main .write-sec-6 .write-sec-6-content .title a {
    color: #d79c04
}

@media (max-width: 767px) {

    /* line 269, src/assets/scss/pages/_write.scss */
    .write-main .write-sec-6 .write-sec-6-content .title {
        font-size: 18px;
        line-height: 28px
    }
}

/* line 283, src/assets/scss/pages/_write.scss */
.write-main .write-sec-6 .write-sec-6-content .write-btn {
    margin-top: 40px
}

/* line 285, src/assets/scss/pages/_write.scss */
.write-main .write-sec-6 .write-sec-6-content .write-btn .btn-primary {
    background: #e4a400;
    border-radius: 30px;
    border: none;
    color: white;
    padding: 15px 37px
}

/* line 2, src/assets/scss/pages/_ar-vr.scss */
.ar-main .content {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px
}

/* line 7, src/assets/scss/pages/_ar-vr.scss */
.ar-main .content .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 76px;
    letter-spacing: 0.02em;
    color: #f9f9f9
}

/* line 13, src/assets/scss/pages/_ar-vr.scss */
.ar-main .content .title span {
    color: #e4a400
}

@media (max-width: 767px) {

    /* line 7, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .content .title {
        font-size: 30px;
        line-height: 45px;
        padding: 0px 10px
    }
}

/* line 22, src/assets/scss/pages/_ar-vr.scss */
.ar-main .content .sub-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #9c9c9c;
    padding-top: 20px
}

@media (max-width: 767px) {

    /* line 22, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .content .sub-title {
        font-size: 16px;
        line-height: 28px;
        padding: 10px 20px
    }
}

/* line 37, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-btn {
    border-radius: 25px
}

/* line 39, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-btn .btn-primary {
    background: #e4a400
}

/* line 49, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-1 {
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 80px 0px
}

@media (max-width: 950px) {

    /* line 49, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-1 {
        padding: 150px 0px
    }
}

@media (max-width: 767px) {

    /* line 49, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-1 {
        padding: 100px 0px
    }
}

/* line 61, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-1 .ar-sec-1-header {
    min-width: 700px !important;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {

    /* line 61, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-1 .ar-sec-1-header {
        min-width: 250px !important;
        padding-top: 200px
    }
}

/* line 75, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-1 .ar-sec-1-header .ar-sec-1-content-wrap {
    padding-left: 20%
}

@media (max-width: 950px) {

    /* line 75, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-1 .ar-sec-1-header .ar-sec-1-content-wrap {
        padding-left: 0
    }
}

@media (max-width: 767px) {

    /* line 75, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-1 .ar-sec-1-header .ar-sec-1-content-wrap {
        padding-left: 20px
    }
}

@media (max-width: 767px) {

    /* line 84, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-1 .ar-sec-1-header .ar-sec-1-content-wrap .ar-sec-1-content h5 {
        margin-bottom: 10px;
        line-height: 40px
    }
}

/* line 90, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-1 .ar-sec-1-header .ar-sec-1-content-wrap .ar-sec-1-content .description {
    color: white !important
}

@media (max-width: 767px) {

    /* line 90, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-1 .ar-sec-1-header .ar-sec-1-content-wrap .ar-sec-1-content .description {
        max-width: 360px
    }
}

/* line 100, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-2 {
    padding: 100px 0px;
    background: #101214
}

@media (max-width: 767px) {

    /* line 100, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-2 {
        padding: 180px 0px 100px
    }
}

/* line 106, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-2 .ar-card-wrap {
    text-align: center;
    background-color: black;
    border: 1px solid #373737;
    border-radius: 20px;
    padding: 20px 25px
}

@media (max-width: 950px) {

    /* line 106, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-2 .ar-card-wrap {
        height: 100%
    }
}

@media (max-width: 767px) {

    /* line 106, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-2 .ar-card-wrap {
        padding: 30px 5px
    }
}

/* line 118, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-2 .ar-card-wrap .card-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    padding: 27px 0px 10px
}

@media (max-width: 767px) {

    /* line 118, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-2 .ar-card-wrap .card-title {
        font-size: 16px;
        line-height: 24px;
        min-height: 85px;
        padding: 27px 15px 10px
    }
}

/* line 131, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-2 .ar-card-wrap .card-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
    min-height: 200px
}

@media (max-width: 767px) {

    /* line 131, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-2 .ar-card-wrap .card-description {
        font-size: 12px;
        line-height: 20px;
        min-height: 260px
    }
}

/* line 145, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 {
    padding-top: 100px;
    background: #000000
}

@media (max-width: 767px) {

    /* line 145, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-3 {
        padding: 50px 0px
    }
}

/* line 152, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 .ar-sec-3-content .heading {
    text-align: left;
    font-weight: 500;
    font-size: 64px;
    line-height: 118%;
    color: #ffffff
}

/* line 158, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 .ar-sec-3-content .heading span {
    color: #e4a400
}

@media (max-width: 767px) {

    /* line 152, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-3 .ar-sec-3-content .heading {
        font-size: 36px
    }
}

@media (max-width: 767px) {

    /* line 166, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-3 .ar-sec-3-feature {
        padding: 40px 0px
    }
}

/* line 170, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 .ar-sec-3-feature .feature-block {
    text-align: left
}

/* line 172, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 .ar-sec-3-feature .feature-block .feature-icon {
    font-weight: 500;
    font-size: 123px;
    line-height: 120px;
    color: #3f3f3f;
    min-width: 80px;
    text-align: center
}

/* line 180, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 .ar-sec-3-feature .feature-block .feature-content {
    padding-left: 10px
}

/* line 182, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 .ar-sec-3-feature .feature-block .feature-content .heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
    margin-bottom: 10px
}

/* line 190, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-3 .ar-sec-3-feature .feature-block .feature-content .description {
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c
}

/* line 202, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-4 {
    padding: 100px 0px
}

@media (max-width: 767px) {

    /* line 202, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-4 {
        padding: 50px 0px
    }
}

/* line 208, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-4 .approach-card-wrap .card-img {
    text-align: center
}

/* line 211, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-4 .approach-card-wrap .card-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    padding: 40px 0px 10px;
    text-align: center;
    margin-bottom: 0px
}

/* line 220, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-4 .approach-card-wrap .card-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
    text-align: center
}

@media (max-width: 767px) {

    /* line 220, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-4 .approach-card-wrap .card-description {
        padding-bottom: 40px
    }
}

/* line 233, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 {
    padding: 100px 0px;
    background: #000000
}

/* line 236, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 .ar-solution {
    border: 1px solid #414141
}

/* line 238, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 .ar-solution:nth-child(1),
.ar-main .ar-sec-5 .ar-solution:nth-child(2),
.ar-main .ar-sec-5 .ar-solution:nth-child(3) {
    border-top: none
}

/* line 243, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 .ar-solution:nth-child(3),
.ar-main .ar-sec-5 .ar-solution:nth-child(6) {
    border-right: none
}

/* line 247, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 .ar-solution:nth-child(1),
.ar-main .ar-sec-5 .ar-solution:nth-child(4) {
    border-left: none
}

/* line 251, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 .ar-solution:nth-child(4),
.ar-main .ar-sec-5 .ar-solution:nth-child(5),
.ar-main .ar-sec-5 .ar-solution:nth-child(6) {
    border-bottom: none
}

@media (max-width: 767px) {

    /* line 257, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-5 .ar-solution:nth-child(1) {
        border-top: none;
        border-left: none
    }

    /* line 261, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-5 .ar-solution:nth-child(2) {
        border-top: none;
        border-right: none;
        border-left: none
    }

    /* line 266, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-5 .ar-solution:nth-child(3) {
        border-left: none;
        border-right: 1px solid #414141
    }

    /* line 270, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-5 .ar-solution:nth-child(4) {
        border-right: none;
        border-top: none
    }

    /* line 274, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-5 .ar-solution:nth-child(5) {
        border-left: none;
        border-top: none
    }

    /* line 278, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-5 .ar-solution:nth-child(6) {
        border-left: none;
        border-right: none
    }
}

/* line 284, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 .ar-solution .ar-solution-list {
    text-align: center;
    padding: 50px 20px
}

/* line 288, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-5 .ar-solution .ar-solution-list .ar-solution-list-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    padding-top: 10px
}

/* line 299, src/assets/scss/pages/_ar-vr.scss */
.ar-main .ar-sec-6 {
    background-image: url(https://d2e3cmtjkfw2a3.cloudfront.net/static/media/ar-vr/ar-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 200px 0px
}

@media (max-width: 950px) {

    /* line 299, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-6 {
        padding: 0
    }
}

@media (max-width: 767px) {

    /* line 299, src/assets/scss/pages/_ar-vr.scss */
    .ar-main .ar-sec-6 {
        padding: 50px 0px;
        background-position: right
    }
}

/*# sourceMappingURL=../../../scss */