.pt-20 {
    padding-top: 20px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-69 {
    padding-top: 69px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-225 {
    padding-top: 225px;
}

.pt-250 {
    padding-top: 250px;
}

.pt-300 {
    padding-top: 300px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-50 {
    padding-right: 50px !important;
}

.ml-20 {
    padding-left: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt--30 {
    margin-top: -30px;
}

.mt--35 {
    margin-top: -35px;
}

.mt--50 {
    margin-top: -50px;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-45 {
    font-size: 45px !important;
}

.fs-65 {
    font-size: 65px !important;
}

.header-title-blue-txt {
    font-size: clamp(40px, 5vw, 62px);
    line-height: 60px;
    font-weight: 800;
    color: #023953;
    letter-spacing: -1px;
}

.fc-blue {
    color: #023953;
}

.description {
    font-size: 30px;
    color: #404040;
    font-weight: 500;
    line-height: 35px;
}

.offshoring2 {
    background-color: #7da687;
    height: 342px;
    border-bottom: 10px solid #057498;
    border-top-left-radius: 42px;
    border-top-right-radius: 42px;
}

.outsourcing2 {
    background-color: #7da687;
    height: 370px;
    border-bottom: 10px solid #057498;
    border-top-left-radius: 42px;
    border-top-right-radius: 42px;
}

.offshoring2 img {
    transform: translate(-54px, -38px);
}

.outsourcing2 img {
    transform: translate(12px, -10px);
}

.mx-290 {
    max-width: 290px;
}

.title {
    font-weight: 700;
    font-size: 40px;
}

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

.vs {
    font-size: 60px;
    font-weight: 700;
    color: #057498;
    padding-bottom: 50px;
}

.section {
    box-shadow: 0px 9px 10px #888888;
}

.bg-circle {
    background-image: url("/img/why-sos/bg-circle.png?v=3");
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 100%;
    background-position: top center;
    height: 72vh;
}

.bg-circle p {
    color: #063450;
    font-weight: 600;
    line-height: 10px;
}

.bg-grey {
    background-color: #eeeeee;
}

.bg-green {
    background-color: #c7d6b0;
}

.fa-li {
    color: #ffffff;
}

small,
.small {
    font-size: 0.575em;
    font-weight: 700;
}

.fa-ul > li {
    position: relative;
    line-height: 35px;
}

.blue-text {
    color: #023953;
    font-size: 18px;
}

.lh-25 {
    line-height: 25px !important;
}

.transY-70 {
    transform: translateY(-70px);
}

.transX-10 {
    transform: translateX(10px);
}

.transX-20 {
    transform: translateX(20px);
}

.transX-162 {
    transform: translateX(162px);
}

.transX-202 {
    transform: translateX(202px);
}

.transX--15 {
    transform: translateX(-15px);
}

.transX-140 {
    transform: translateX(140px);
}

.talk {
    transform: translateX(-65px);
}

.float {
    width: 115px;
    position: absolute;
    transform: translateX(-70px);
    z-index: 9;
}

.align-items-flex-end {
    display: flex !important;
    align-items: flex-end !important;
}

.green-bg {
    background-color: #7da687;
    border-bottom-right-radius: 353px;
}

.img-float {
    position: absolute;
    width: 725px;
    top: -35px;
    right: 0;
    margin-top: 170px;
}

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

.form-control {
    border: 2px solid #057498;
}

.rounded {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-outline-primary {
    color: white;
    background-color: #057498;
    --bs-btn-color: #057498;
    --bs-btn-border-color: #057498;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #057498;
    --bs-btn-hover-border-color: #057498;
    --bs-btn-focus-shadow-rgb: 52, 144, 220;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #057498;
    --bs-btn-active-border-color: #057498;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #057498;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #057498;
    --bs-gradient: none;
}

.filter-result .job-box {
    padding: 10px 35px;
    border-bottom: 2px solid #dddddd;
}

ul {
    list-style: none;
}

.list-disk li {
    list-style: none;
    margin-bottom: 12px;
}

.list-disk li:last-child {
    margin-bottom: 0;
}

.job-box .img-holder {
    height: 65px;
    width: 65px;
    background-color: #4e63d7;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(78, 99, 215, 0.9)),
        to(#5a85dd)
    );
    background-image: linear-gradient(
        to right,
        rgba(78, 99, 215, 0.9) 0%,
        #5a85dd 100%
    );
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    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;
    border-radius: 65px;
}

.career-title {
    background-color: #4e63d7;
    color: #fff;
    padding: 15px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(78, 99, 215, 0.9)),
        to(#5a85dd)
    );
    background-image: linear-gradient(
        to right,
        rgba(78, 99, 215, 0.9) 0%,
        #5a85dd 100%
    );
}

.job-overview {
    -webkit-box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
    box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
    border-radius: 10px;
}

@media (min-width: 992px) {
    .job-overview {
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
    }
}

.job-overview .job-detail ul {
    margin-bottom: 28px;
}

.job-overview .job-detail ul li {
    opacity: 0.75;
    font-weight: 600;
    margin-bottom: 15px;
}

.job-overview .job-detail ul li i {
    font-size: 20px;
    position: relative;
    top: 1px;
}

.job-overview .overview-bottom,
.job-overview .overview-top {
    padding: 35px;
}

.job-content ul li {
    font-weight: 600;
    font-size: 11px;
    opacity: 0.75;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    line-height: 15px;
    color: #000;
}

@media (min-width: 768px) {
    .job-content ul li {
        border-bottom: 0;
        padding: 0;
    }
}

.job-content ul li i {
    font-size: 20px;
    position: relative;
    top: 1px;
}
.mb-30 {
    margin-bottom: 30px;
}

.form-check-label {
    font-size: 13px;
    font-weight: 600;
}

.career {
    font-size: 40px;
    font-weight: 700;
    color: #023953;
    padding-bottom: 35px;
}

.form-select {
    border: 3px solid #c7d6b0;
}

.pad {
    padding: 0 90px;
}

.fw-700 {
    font-weight: 700;
}

.page-link {
    border: var(--bs-pagination-border-width) solid #c7d6b0;
    color: #444444;
    font-weight: 600;
}

.talent h4 {
    color: #057498;
}

.page-title {
    padding-bottom: 50px;
}

.page-description {
    font-size: 25px;
    color: #000;
    font-weight: 500;
    line-height: 35px;
}

#start-your-journey {
    height: 430px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

#start-your-journey img {
    border-radius: 50%;
}

#start-your-journey .default-btn {
    padding: 0.75rem 3rem;
    border: 2px solid #fff;
    color: #fff;
    background-color: #023953;
    border-radius: 17px;
    font-size: 19px;
    font-weight: bold;
}

#start-your-journey p {
    padding-right: 0;
}

#start-your-journey .img-container-bottom {
    display: inline-block;
    position: relative;
}

#start-your-journey .img-container-bottom .positioning {
    position: absolute;
    left: -30%;
    top: 65%;
}

@media only screen and (max-width: 1280px) {
    .page-description {
        font-size: 15px;
        line-height: 28px;
    }

    .page-title {
        padding-bottom: 18px;
    }

    #start-your-journey {
        height: 403px;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 991px) {
    #start-your-journey {
        height: fit-content;
    }
    .container-lg {
        padding-block: 2rem;
    }
}

@media only screen and (max-width: 912px) {
    .fa-ul > li {
        position: relative;
        line-height: normal;
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #start-your-journey {
        height: auto;
    }
}

@media only screen and (max-width: 600px) {
    #start-your-journey p,
    #start-your-journey h2 {
        text-align: center;
    }

    #start-your-journey {
        height: unset;
    }

    footer .logo-footer {
        width: 250px;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 480px) {
    .header-title-blue-txt {
        font-size: 29px;
        line-height: 29px;
    }

    #start-your-journey .default-btn {
        padding: 0.75rem 1rem;
        font-size: 14px;
    }

    h2 {
        font-size: 29px;
    }
}

.fs-22 {
    font-size: 22px;
}

.d-none {
    display: none;
}