/*/*Home banner start*/
.homeBanner #polygon-js {
    display: block;
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url('/content/next/images/banners/banner1.webp') !important;
    background-size: cover;
    max-height: 600px;
    min-height: 500px;
    background-repeat: no-repeat;
}

.homeBanner .carousel-caption {
    top: 20%;
    left: 10%;
    text-align: left;
    text-shadow: none;
}

    .homeBanner .carousel-caption h3 {
        line-height: 1.2em;
        font-size: 50px;
        color: #FFFFFF;
        font-style: normal;
        font-weight: 200;
    }

    .homeBanner .carousel-caption p {
        font-size: 18px;
        font-weight: 200;
        color: #fff;
        margin-bottom: 0px;
        line-height: 30px;
        text-align: left;
    }

.homeBanner .btn.btn-default {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 13px 20px 13px 24px;
    background-color: var(--slb-white);
    color: var(--slb-blue);
    font-size: 16px;
    font-weight: 500;
    margin-top: 48px;
    border: none;
}

.homeBanner .item {
    height: 650px;
}

    .homeBanner .item::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 38%, rgba(0, 0, 0, 0) 70%);
    }

    .homeBanner .item img {
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        height: 100%;
        width: 100%;
    }

.homeBanner .btn.btn-default:hover {
    border: none;
}

.homeBanner .carousel-indicators li {
    width: 14px;
    height: 14px;
}

.homeBanner .carousel-indicators .active {
    background: #fff;
    width: 14px;
    height: 14px;
}

.waitingForConnection {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
}

.banner-hedder-line {
    width: 100px;
    height: 3px;
    background: #fff;
    margin: -5px 0 20px;
}

.searchboxWithKeyAndFilter {
    min-height: 50px;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.header a.logo {
    text-decoration: none;
}

@media only screen and (min-width: 992px) {
    .homeBanner .carousel-caption h3 {
        padding-top: 60px;
    }

    .d-md-flex {
        display: flex !important;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .md-pr-0 {
        padding-right: 0 !important;
    }
}

@media only screen and (min-width: 1200px) {
    .homeBanner .carousel-caption h3 {
        margin-bottom: 25px;
        margin-top: 0;
    }

    .homeBanner #polygon-js {
        min-height: 560px;
    }
}

@media only screen and (min-width: 1500px) {
    .homeBanner #polygon-js {
        min-height: 650px;
    }
}

@media only screen and (max-width:767px) {
    .homeBanner #polygon-js {
        min-height: 170px;
        max-height: 170px;
    }

    .homeBanner .carousel-caption {
        top: 5%;
    }

    .homeBanner .btn.btn-default {
        margin-top: 30px;
    }

    .homeBanner .item {
        height: 375px;
    }

    .homeBanner .carousel-caption h3 {
        font-size: 26px;
        line-height: 32px;
        margin-top: revert;
        text-align: left;
    }

    .homeBanner .carousel-caption p {
        font-size: 15px;
        line-height: 18px;
        text-align: left;
    }

    .breadcrumb-eCommercepage {
        margin-top: 20px;
    }

    .wishlist .Ecommerce-heading {
        padding: 15px 0px;
    }
    /*    .wishlist .Ecommerce-orders span {
        
        display: inline !important;
    }*/
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--slb-blue);
    border-color: var(--slb-blue);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .homeBanner #polygon-js {
        min-height: 350px;
        max-height: 350px;
    }

    .homeBanner .carousel-caption {
        right: 100px !important;
    }

        .homeBanner .carousel-caption h3 {
            font-size: 46px;
            line-height: 56px;
            margin-top: 0;
        }

        .homeBanner .carousel-caption p {
            font-size: 20px;
            line-height: 28px;
        }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .homeBanner #polygon-js {
        min-height: 450px;
    }

    .homeBanner .carousel-caption h3 {
        font-size: 48px;
        line-height: 66px;
        margin-top: 0;
    }

    .homeBanner .carousel-caption p {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (min-width:1550px) {
    #polygon-js {
        max-height: 820px !important;
    }
}
/*Home banner end*/
/*Corporate MegaMenu start*/
.coporateMenuDropdown .CorporateSolutions {
    background: var(--slb-blue);
    min-height: 549px;
}

    .coporateMenuDropdown .CorporateSolutions h4 {
        color: #fff;
        margin-bottom: 7px;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        letter-spacing: 0.08rem;
        font-weight: 500;
    }

    .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList {
        list-style: none;
        padding-left: 0;
    }

        .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList li a {
            padding: 8px 10px;
            border-radius: 5px;
            margin-bottom: 5px;
            display: inline-block;
            width: 100%;
            color: #fff;
            font-size: 16px;
            letter-spacing: 0.1mm;
            position: relative;
        }

            .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList li a:hover {
                text-decoration: none;
                background: var(--slb-deep-blue);
                border-radius: 0%;
            }

.coporateMenuDropdown .PetroChallengeBlock p,
.coporateMenuDropdown .NextPertBlock p,
.learningJourney .PetroChallengeBlock p {
    font-size: 16px;
    color: #656565;
}

.coporateMenuDropdown .recognitionsBlock p {
    font-size: 16px;
    color: #656565;
    padding-top: 30px;
}

.coporateMenuDropdown .NextPertBlock p {
    padding-top: 30px;
}

.coporateMenuDropdown .NextPertBlock .sub-header,
.coporateMenuDropdown .PetroChallengeBlock .sub-header,
.recognitionsBlock .sub-header,
.learningJourney .PetroChallengeBlock .sub-header {
    font-size: 18px;
    padding-bottom: 5px;
    display: block;
}

.coporateMenuDropdown .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

    .coporateMenuDropdown .close-btn img {
        cursor: pointer;
    }

.coporateMenuDropdown .NextPertBlockBG .Recognitions, .learningJourney .PetroChallengeBlock .learner-journey-section {
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 14px;
    margin-top: -12px;
}

@media only screen and (min-width: 992px) {
    .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList {
        padding: 30px 0;
    }

        .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList li a img {
            position: relative;
            margin-right: 10px;
        }

        .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList li a:hover::after,
        .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList li a:hover::after,
        .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList li.active a::after {
            content: "\f105";
            position: absolute;
            right: 15px;
            top: 0px;
            color: #fff;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: flex;
            bottom: 0;
            align-items: center;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
        }

    .CorporateSolutionsList li a:hover::after {
        content: none !important;
    }

    .coporateMenuDropdown .CorporateSolutions {
        max-width: 400px;
        float: right;
        width: 100%;
    }

    .coporateMenuDropdown .PetroChallengeBlock,
    .coporateMenuDropdown .NextPertBlock,
    .coporateMenuDropdown .recognitionsBlock {
        padding: 50px 0;
        min-height: 549px;
    }

    .learningJourney .PetroChallengeBlock {
        min-height: 736px;
        padding-top: 50px;
    }

        /* .coporateMenuDropdown .NextPertBlock {
        min-height: 550px;
    } */

        .coporateMenuDropdown .PetroChallengeBlock p,
        .coporateMenuDropdown .NextPertBlock p,
        .learningJourney .PetroChallengeBlock p {
            max-width: 320px;
            margin: 0 auto;
            padding-bottom: 30px;
        }

        .coporateMenuDropdown .PetroChallengeBlock p,
        .learningJourney .PetroChallengeBlock p {
            padding-top: 30px;
        }
}

@media only screen and (max-width: 991px) {
    .coporateMenuDropdown .CorporateSolutions h4,
    .coporateMenuDropdown .CorporateSolutions .headingLine {
        display: none;
    }

    .coporateMenuDropdown .CorporateSolutions .CorporateSolutionsList li a img {
        display: none;
    }

    .coporateMenuDropdown .PetroChallengeBlock,
    .coporateMenuDropdown .NextPertBlock,
    .coporateMenuDropdown .recognitionsBlock {
        padding: 50px 0;
    }

        .coporateMenuDropdown .PetroChallengeBlock p,
        .coporateMenuDropdown .NextPertBlock p,
        .coporateMenuDropdown .recognitionsBlock p,
        .learningJourney .PetroChallengeBlock p {
            max-width: 300px;
            margin: 0 auto;
            padding-bottom: 30px;
        }

    .coporateMenuDropdown .NextPertBlockBG {
        background: #fff;
    }
}

.coporateMenuDropdown .recognitionlogo {
    width: 33.3%;
    float: left;
    position: relative;
}

    .coporateMenuDropdown .recognitionlogo .text90 {
        font-size: 45px;
        font-weight: normal;
        padding-top: 21px;
        background-image: url(/content/next/images/bracket-left.png), url(/content/next/images/bracket-right.png);
        background-position: left 11px, right 11px;
        background-repeat: no-repeat, no-repeat;
        background-size: 28%;
        padding-bottom: 9px;
    }

    .coporateMenuDropdown .recognitionlogo p {
        font-size: 11px;
        margin: 0;
        padding: 10px 4px;
    }

.recognitionlogo sub {
    top: -0.1em;
}
/*Corporate MegaMenu end*/
/* Testimonials start */
.nextCommon.testimonials {
    background: var(--slb-grey-1);
    color: #fff;
}

    .nextCommon.testimonials h2 {
        color: var(--slb-black);
        margin-bottom: 25px;
        line-height: 52px;
        font-weight: 200;
        font-size: 45px;
        padding-top: 0;
        margin-top: 0;
    }

    .nextCommon.testimonials p {
        color: var(--slb-black);
        font-size: 16px !important;
        word-spacing: 1px;
        line-height: 22px;
    }

        .nextCommon.testimonials p b {
            color: var(--slb-blue);
        }

    .nextCommon.testimonials img.testimonialIcon {
        margin: 10px auto 25px auto;
    }

    .nextCommon.testimonials .carousel-inner {
        max-width: 870px;
        margin: 0 auto 0px auto;
    }

        .nextCommon.testimonials .carousel-inner .item {
            height: 169px;
        }

    .nextCommon.testimonials .carousel-control {
        background: transparent;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 0%) !important;
    }

        .nextCommon.testimonials .carousel-control.left {
            left: 100px;
            top: 104px;
            width: 30px;
            text-align: left;
        }

        .nextCommon.testimonials .carousel-control.right {
            top: 104px;
            right: 100px;
            width: 30px;
            text-align: right;
        }

        .nextCommon.testimonials .carousel-control.left1 {
            left: 170px;
            top: 106px;
        }

        .nextCommon.testimonials .carousel-control.right1 {
            top: 106px;
            left: 941px;
        }

.testimonialIconLeft {
    transform: scaleX(-1);
    width: 18px;
    margin: 10px auto 25px auto;
}

.testimonialIconRight {
    width: 18px;
    margin: 10px auto 25px auto;
}

.testimonials span.testimonialsComments {
    padding-left: 6px;
    line-height: 1.5 !important;
}

.testimonials .pl-06 {
    padding-left: -6px;
}

.testimonials p.testimonialsComments {
    margin-top: -34px;
    line-height: 1.5 !important;
}

.testimonials p.mt-8 {
    margin-top: 87px;
}

.testimonials .carousel-control img {
    width: 28px;
}

@media(max-width:414px) {
    .nextCommon.testimonials .carousel-inner .item {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 991px) {
    .nextCommon.testimonials .carousel-control {
        top: auto;
    }

        .nextCommon.testimonials .carousel-control.left {
            left: 0px;
        }

        .nextCommon.testimonials .carousel-control.right img {
            float: right;
        }
}

@media screen and (max-width: 1300px) and (min-width: 992px) {
    .nextCommon.testimonials .carousel-control {
        width: 50px;
    }
}
/* Testimonials end */
/*Featured Corporate Services and Solutions start*/
/*Featured Corporate Services and Solutions start*/
.FeaturedCorporate .viewAll {
    text-align: right;
}

.FeaturedCorporate .whatGet {
    height: 440px;
}

.FeaturedCorporate .whatGet,
.FeaturedCorporate .CManagement,
.FeaturedCorporate .TrainingPlan,
.FeaturedCorporate .Adoption,
.FeaturedCorporate .ITraning,
.FeaturedCorporate .Competencyassessment,
.FeaturedCorporate .IndustrialAcademiaProgram,
.FeaturedCorporate .PetroChallengecrprt {
    background: linear-gradient(var(--slb-grey-1), var(--slb-grey-1) 50%, #0014dc 50%, #0014dc);
    background-size: 100% 200%;
    transition: 0.5s ease-out;
    padding: 20px;
}

    .FeaturedCorporate .whatGet h4,
    .FeaturedCorporate .TrainingPlan h4,
    .FeaturedCorporate .Adoption h4,
    .FeaturedCorporate .ITraning h4,
    .FeaturedCorporate .Competencyassessment h4,
    .FeaturedCorporate .IndustrialAcademiaProgram h4,
    .FeaturedCorporate .PetroChallengecrprt h4,
    .FeaturedCorporate .TrainingPlan h4 {
        font-size: 24px;
        margin-top: 0;
        line-height: 34px;
        color: var(--slb-grey-5);
    }

    .FeaturedCorporate .CManagement h4 {
        font-size: 24px;
        margin-top: 0;
        line-height: 34px;
        color: var(--slb-grey-5);
    }

    .FeaturedCorporate .whatGet p,
    .FeaturedCorporate .CManagement p,
    .FeaturedCorporate .TrainingPlan p,
    .FeaturedCorporate .Adoption p,
    .FeaturedCorporate .ITraning p,
    .FeaturedCorporate .Competencyassessment p,
    .FeaturedCorporate .IndustrialAcademiaProgram p,
    .FeaturedCorporate .PetroChallengecrprt p {
        color: var(--slb-grey-5);
        font-size: 16px;
        line-height: 1.5;
    }

    .FeaturedCorporate .CManagement p,
    .FeaturedCorporate .TrainingPlan p,
    .FeaturedCorporate .Adoption p,
    .Adoption p,
    .FeaturedCorporate .ITraning p {
        max-width: 70%;
        font-size: 14px;
    }

.FeaturedCorporate .readMore {
    bottom: 15px;
    position: absolute;
    right: 20px;
    margin: 0;
}

    .FeaturedCorporate .readMore a {
        color: #fff;
    }

        .FeaturedCorporate .readMore a i {
            font-size: 15px;
            position: relative;
            left: 4px;
            top: 1px;
        }

.FeaturedCorporate .boxShadow {
    min-height: 170px;
}

.FeaturedCorporate a,
.FeaturedCorporate a:hover {
    text-decoration: none;
}

.FeaturedCorporate .boxShadow .subhead {
    color: var(--slb-grey-5);
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}

.FeaturedCorporate .whatGet:hover,
.FeaturedCorporate .CManagement:hover,
.FeaturedCorporate .TrainingPlan:hover,
.FeaturedCorporate .Adoption:hover,
.FeaturedCorporate .ITraning:hover,
.FeaturedCorporate .Competencyassessment:hover,
.FeaturedCorporate .IndustrialAcademiaProgram:hover,
.FeaturedCorporate .PetroChallengecrprt:hover {
    background-position: 100% 100%;
}

    .FeaturedCorporate .whatGet:hover .subhead,
    .FeaturedCorporate .whatGet:hover p,
    .FeaturedCorporate .CManagement:hover .subhead,
    .FeaturedCorporate .CManagement:hover p,
    .FeaturedCorporate .TrainingPlan:hover .subhead,
    .FeaturedCorporate .TrainingPlan:hover p,
    .FeaturedCorporate .Adoption:hover .subhead,
    .FeaturedCorporate .Adoption:hover p,
    .FeaturedCorporate .CManagement:hover h4,
    .FeaturedCorporate .ITraning:hover h4,
    .FeaturedCorporate .TrainingPlan:hover h4,
    .FeaturedCorporate .Competencyassessment:hover h4,
    .FeaturedCorporate .Adoption:hover h4,
    .FeaturedCorporate .IndustrialAcademiaProgram:hover h4,
    .FeaturedCorporate .PetroChallengecrprt:hover h4,
    .FeaturedCorporate .boxShadow:hover .subhead,
    .FeaturedCorporate .ITraning:hover p,
    .FeaturedCorporate .Competencyassessment:hover p,
    .FeaturedCorporate .PetroChallengecrprt:hover p,
    .FeaturedCorporate .ITraning:hover .subhead,
    .FeaturedCorporate .IndustrialAcademiaProgram:hover .subhead,
    .FeaturedCorporate .Competencyassessment:hover .subhead,
    .FeaturedCorporate .PetroChallengecrprt:hover .subhead {
        color: var(--slb-white);
    }

    .FeaturedCorporate .CManagement:hover .n-state,
    .FeaturedCorporate .ITraning:hover .n-state,
    .FeaturedCorporate .Adoption:hover .n-state,
    .FeaturedCorporate .IndustrialAcademiaProgram:hover .n-state,
    .FeaturedCorporate .Competencyassessment:hover .n-state,
    .FeaturedCorporate .PetroChallengecrprt:hover .n-state,
    .FeaturedCorporate .TrainingPlan:hover .n-state,
    .FeaturedCorporate .IndustrialAcademiaProgram:hover .n-state,
    .FeaturedCorporate .PetroChallengecrprt:hover .n-state,
    .FeaturedCorporate .whatGet:hover .n-state {
        display: none;
    }

    .FeaturedCorporate .CManagement:hover .h-state,
    .FeaturedCorporate .ITraning:hover .h-state,
    .FeaturedCorporate .Adoption:hover .h-state,
    .FeaturedCorporate .IndustrialAcademiaProgram:hover .h-state,
    .FeaturedCorporate .Competencyassessment:hover .h-state,
    .FeaturedCorporate .PetroChallengecrprt:hover .h-state,
    .FeaturedCorporate .TrainingPlan:hover .h-state,
    .FeaturedCorporate .IndustrialAcademiaProgram:hover .h-state,
    .FeaturedCorporate .PetroChallengecrprt:hover .h-state,
    .FeaturedCorporate .whatGet:hover .h-state {
        display: block;
    }

.FeaturedCorporate .CManagement .h-state,
.FeaturedCorporate .ITraning .h-state,
.FeaturedCorporate .Adoption .h-state,
.FeaturedCorporate .IndustrialAcademiaProgram .h-state,
.FeaturedCorporate .Competencyassessment .h-state,
.FeaturedCorporate .PetroChallengecrprt .h-state,
.FeaturedCorporate .TrainingPlan .h-state,
.FeaturedCorporate .IndustrialAcademiaProgram .h-state,
.FeaturedCorporate .PetroChallengecrprt .h-state,
.FeaturedCorporate .whatGet .h-state {
    display: none;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}

@media only screen and (min-width:768px) {
    .FeaturedCorporate .CManagement,
    .FeaturedCorporate .TrainingPlan,
    .FeaturedCorporate .Adoption,
    .FeaturedCorporate .ITraning,
    .FeaturedCorporate .Competencyassessment,
    .FeaturedCorporate .IndustrialAcademiaProgram,
    .FeaturedCorporate .PetroChallengecrprt {
        min-height: 210px;
    }
}

@media only screen and (max-width:767px) {
    .FeaturedCorporate .CManagement,
    .FeaturedCorporate .TrainingPlan,
    .FeaturedCorporate .Adoption,
    .FeaturedCorporate .ITraning,
    .FeaturedCorporate .Competencyassessment,
    .FeaturedCorporate .IndustrialAcademiaProgram,
    .FeaturedCorporate .PetroChallengecrprt {
        min-height: 260px;
    }

    .FeaturedCorporate .whatGet {
        height: 475px;
    }

    .FeaturedCorporate .viewAll {
        text-align: center;
    }

    .FeaturedCorporate .whatGet h4,
    .FeaturedCorporate .CManagement h4,
    .FeaturedCorporate .TrainingPlan h4,
    .FeaturedCorporate .Adoption h4,
    .FeaturedCorporate .ITraning h4,
    .FeaturedCorporate .Competencyassessment h4,
    .FeaturedCorporate .IndustrialAcademiaProgram h4,
    .FeaturedCorporate .PetroChallengecrprt h4 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .FeaturedCorporate .CManagement,
    .FeaturedCorporate .TrainingPlan,
    .FeaturedCorporate .Adoption,
    .FeaturedCorporate .ITraning,
    .FeaturedCorporate .Competencyassessment,
    .FeaturedCorporate .IndustrialAcademiaProgram,
    .FeaturedCorporate .PetroChallengecrprt {
        min-height: 242px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .FeaturedCorporate .whatGet {
        height: 554px;
    }

    .nextCommon .mb-3 {
        margin-bottom: 70px;
    }
}
/*Featured Corporate Services and Solutions end*/
/*font assome Icons start*/
.glyphicon {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.glyphicon-chevron-left:before,
.glyphicon-menu-left:before {
    content: "\f104";
}

.glyphicon-chevron-right:before,
.glyphicon-menu-right:before {
    content: "\f105";
}

.glyphicon-calendar:before {
    content: "\f073";
    color: var(--slb-blue);
}

.glyphicon-time:before {
    content: "\f017";
}

.glyphicon-star:before {
    content: "\f005";
}

.glyphicon-star-empty:before {
    content: "\f005";
}

.glyphicon-search:before {
    content: "\f002";
}
/*font assome icons end*/
/*Trending Courses start*/
.trendingCourses {
    background-color: var(--slb-grey-1);
}

.confirmCourses {
    background: linear-gradient(to botton, #f0f0f0 0%, #f0f0f0 100%);
}

.trendingCourses .courseLogo {
    position: absolute;
    top: 15px;
    left: 15px;
}

    .trendingCourses .courseLogo img {
        width: auto !important;
        height: auto;
        border: 0px solid !important;
    }

.trendingCourses h2,
.trendingCourses p {
    color: var(--slb-black);
}

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

.trendingCourses .box-mrgn {
    margin: 0 10px 30px 10px;
}

.trendingCourses .course img {
    width: 100%;
    height: auto;
}

.trendingCourses .course {
    width: 100%;
    height: 330px;
    background: #fff;
    overflow: hidden;
}

.trendingCourses .coursesTitle {
    padding: 30px;
    border-top: 0;
    width: 100%;
    transition: opacity 500ms;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
}

.trendingCourses .CourseHover {
    position: relative;
    top: 100%;
    display: flex;
    flex-direction: column;
    align-items: self-end;
    justify-content: left;
    margin-top: 1px;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 30px;
    border: 0;
    transition: top 750ms ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.overflow-course-description {
    overflow: hidden;
    height: 100%;
}

.CourseHover .overflow-course-description p {
    color: #fff;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trendingCourses .coursesTitle h4 {
    margin-top: 0;
    height: 147px;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.33;
}

.trendingCourses .coursesTitle .lp {
    margin-top: 0;
    font-size: 16px;
    text-align: center;
    height: 147px;
    font-weight: 500;
}

.trendingCourses .coursesTitle .date {
    color: var(--slb-black);
}

.trendingCourses .coursesTitle .date {
    font-weight: 500;
}

.trendingCourses .coursesTitle span {
    font-size: 22px;
}

.trendingCourses .coursesTitle font {
    font-size: 12px;
    display: block;
    font-weight: 500;
}

.trendingCourses .coursesTitle .btn {
    position: relative;
    top: 5px;
    font-weight: 200;
}

.trendingCourses .course:hover .coursesTitle {
    /* z-index: -1;
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg); */
}

.trendingCourses .course:hover .CourseHover {
    z-index: 2;
    top: 0;
}

.trendingCourses .CourseHoverOneBg {
    background-color: var(--slb-blue);
}

.trendingCourses .CourseHoverTwoBg {
    background-color: var(--slb-blue);
}

.trendingCourses .CourseHoverThreeBg {
    background-color: var(--slb-blue);
}

.trendingCourses .CourseHoverFourBg {
    background-color: var(--slb-blue);
}

.trendingCourses .CourseHoverFiveBg {
    background: rgba(80, 80, 80, 0.9);
}

.trendingCourses .CourseHover h4 {
    margin-top: 0;
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 500;
}

.trendingCourses .CourseHover p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.trendingCourses .author {
    padding-bottom: 20px;
    padding-top: 10px;
    margin-top: auto;
}

.confirmClass.coursesTitle {
    margin-top: 70px;
}

.trendingCourses .menTitle {
    padding-left: 0;
    margin-left: 15px;
    line-height: 15px;
}

    .trendingCourses .menTitle b {
        display: block;
        font-weight: 500;
        margin-top: -18px;
    }

.trendingCourses .authorDate {
    position: absolute;
    width: 99%;
    bottom: 0px;
}

.trendingCourses .CourseHover .date {
    letter-spacing: 1px;
    top: -12px;
}

.trendingCourses .CourseHover span {
    font-size: 22px;
}

.trendingCourses .CourseHover font {
    font-size: 12px;
    display: block;
}

/* .trendingCourses .CourseHover .btn {
    position: relative;
    top: -13px;
} */

.trendingCourses .CourseHover p {
    color: #fff;
    margin-bottom: 20px;
}
/* Trending course updated changes start */
.trendingCourses .tc-bottom-section .btn-white-outline-transparent,
.trendingCourses .tc-bottom-section .btn.btn-theme.btn-normal {
    padding: 5px 10px;
}

.Rating-wrapper {
    text-align: center;
}

.rating-comments {
    font-size: 13px;
    text-align: center;
    margin-bottom: 20px;
}

.rating-star {
    margin-bottom: 0px;
}

.trendingCourses .rating-star img,
.trendingCourses .softwareCourse img {
    border-radius: none;
    height: auto;
    width: auto;
    border: none;
    border-radius: 0px;
}

.trendingCourses .softwareCourse div {
    float: left;
}

    .trendingCourses .softwareCourse div + div {
        margin-left: 5px;
        position: relative;
        right: -8px;
    }

.trendingCourses .softwareCourse .softwareCourse-icon {
    margin-top: 5px;
}

.trendingCourses .course:hover .coursesTitle.overflow {
    opacity: 0;
}

.trendingCourses .CourseHover .tc-bottom-section .btn,
.trendingCourses .coursesTitle .tc-bottom-section .btn {
    top: 0px;
}

.trendingCourses .tc-bottom-section.authorDate {
    bottom: 12px;
}
/* Trending course updated changes end */
/*home page trending corsess*/
.trendingCourses .carousel-control.left,
.trendingCourses .carousel-control.right {
    background: none;
}

.trendingCourses .carousel-control.left {
    position: absolute;
    left: -36px;
    top: 120px;
    width: 32px;
    height: 57px;
}

.trendingCourses .carousel-control.right {
    position: absolute;
    right: -36px;
    top: 120px;
    width: 32px;
    height: 57px;
}

.confirmArrow {
    margin-top: 30px !important;
}

.trendingCourses .carousel-inner > .item {
    -webkit-transition: all 3s ease-in-out !important;
    -o-transition: all 3s ease-in-out !important;
    transition: all 3s ease-in-out !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: none;
    -webkit-perspective: none;
    perspective: none;
}

.trendingCourses .multi.carousel-inner .active.left {
    left: -25%;
}

.trendingCourses .carousel-inner .next {
    left: 25%;
}

.trendingCourses .carousel-inner .prev {
    left: -25%;
}

.trendingCourses .carousel-control {
    width: 4%;
}

    .trendingCourses .carousel-control.left,
    .carousel-control.right {
        margin-left: 0px;
        background-image: none;
    }

@media only screen and (max-width:767px) {
    .trendingCourses .course {
        /* max-width: 300px; */
        margin: 0 auto 30px;
    }

    .trendingCourses .viewAll {
        text-align: center;
    }

    .xs-ml-inherit {
        margin-left: inherit;
    }

    .GeologySection .content {
        border: none !important;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .trendingCourses .carousel-inner {
        max-height: 340px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .GeologySection .content {
        border: none !important;
    }

    .trendingCourses .carousel-inner {
        max-height: 394px;
    }

    .GeologySection .filterby {
        right: 15px;
    }

    .GeologySection {
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width:400px) and (max-width:767px) {
    .trendingCourses .carousel-inner {
        max-height: 354px;
    }

    .trendingCourses .carousel-control.left {
        position: absolute;
        left: 10px !important;
        top: 119px;
    }

    .trendingCourses .carousel-control.right {
        position: absolute;
        right: 10px !important;
    }
}

@media(max-width:399px) {
    .trendingCourses .carousel-inner {
        max-height: 354px;
    }

    .trendingCourses .carousel-control.left {
        position: absolute;
        left: 3px !important;
        top: 119px;
    }

    .trendingCourses .carousel-control.right {
        position: absolute;
        right: 1px !important;
    }
}

.trendingCourses .glyphicon-chevron-left,
.trendingCourses .glyphicon-chevron-right {
    font-size: 57px !important;
    margin-top: -39px;
}
/*Trending Courses end*/
/*About NExT start*/
.WhyNext .abtLogo1 {
    display: inline-flex;
    border-right: 4px solid #7b7b7b;
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    align-items: center;
    top: 5px;
}

.WhyNext .abtLogo h1,
.WhyNext .abtLogo h2 {
    display: inline-block;
    font-size: 45px;
    font-weight: normal;
    color: var(--slb-blue);
}

.WhyNext .aboutnxtspin img {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    /* -webkit-background-clip: text;
    -webkit-animation: spin 60s linear infinite;
    animation: spin 60s linear infinite; */
}

.WhyNext .expertLogo,
.WhyNext .approachLogo,
.WhyNext .CommitimentLogo,
.WhyNext .ArtGlobalLogo,
.WhyNext .ArtGlobalTitle,
.WhyNext .RecongntionLogo,
.WhyNext .PracticeLogo {
    display: inline-block;
}

.WhyNext .WhyNextBlk {
    position: absolute;
    top: 65px;
    left: 80px;
    right: 80px;
}

.WhyNext .ExpertsScLPoone .active {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}

.WhyNext .factsLogo img,
.WhyNext .expertLogo img,
.WhyNext .approachLogo img,
.WhyNext .CommitimentLogo img,
.WhyNext .ArtGlobalLogo img,
.WhyNext .RecongntionLogo img,
.WhyNext .PracticeLogo img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    max-width: 68px;
    height: auto;
    display: block;
    cursor: pointer;
}

.WhyNext .ExpertsScLPoone .ArtGlobalLogo .tooltipTxt {
    left: -7px;
}

.WhyNext .tooltipTxt {
    background: #000;
    padding: 4px 10px 4px 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    left: 0;
    position: absolute;
    white-space: nowrap;
    bottom: -28px;
    display: none;
}

.WhyNext .ExpertsScLPoone .expertLogo .tooltipTxt {
    left: 0px;
}

.WhyNext .ExpertsScLPoone .factsLogo .tooltipTxt {
    left: -1px;
}

.WhyNext .ExpertsScLPoone .approachLogo .tooltipTxt {
    left: -7px;
}

.WhyNext .ExpertsScLPoone .CommitimentLogo .tooltipTxt {
    left: -13px;
}

.WhyNext .ExpertsScLPoone .ArtGlobalLogo .tooltipTxt {
    left: -7px;
}

.WhyNext .ExpertsScLPoone .RecongntionLogo .tooltipTxt {
    left: -4px;
}

.WhyNext .ExpertsScLPoone .PracticeLogo .tooltipTxt {
    left: -4px;
    top: 74px;
    height: 36px;
}

.WhyNext .tooltipTxt::before {
    content: " ";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #000 transparent;
    top: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.WhyNext .expertContent,
.WhyNext .approachContent,
.WhyNext .CommitimentContent,
.WhyNext .ArtGlobalContent,
.WhyNext .RecongntionContent,
.WhyNext .PracticeContent {
    padding: 5px 0;
    display: none;
}

.WhyNext .QuickFactsContent {
    padding: 5px 0;
    display: none;
}

.WhyNext .WhyNextContent .active {
    display: block;
}

.WhyNextContent .btn.btn-theme {
    margin-right: 15px;
    text-align: center;
}

.WhyNext h3 {
    font-weight: 200;
    line-height: 40px;
    font-size: 35px;
    text-align: center;
    margin-top: 0;
}

.QuickFactsList {
    text-align: center;
}

    .QuickFactsList ul {
        list-style: none;
        padding: 0;
        margin-left: 0px;
    }

        .QuickFactsList ul li p {
            color: #000;
            font-weight: 500;
            font-size: small;
        }

.Our_Commitment ul li {
    font-weight: 500;
    font-size: small;
}

.QuickFactsList ul li {
    display: inline-block;
    text-align: center;
    padding: 5px;
    min-width: 182px;
    max-width: 173px;
    min-height: 100px;
    vertical-align: top;
    position: relative;
    border-right: solid 1px #d9d9d9;
    margin-bottom: 40px;
}

.expertContent ul li p {
    min-height: 60px;
}

.QuickFactsList ul li span {
    display: block;
}

.QuickFactsList ul li:nth-child(3),
.QuickFactsList ul li:nth-child(6) {
    border-right: none !important;
}

.QuickFactsList ul li span b {
    font-size: 40px;
}

.QuickFactsList ul li span font {
    font-size: 40px;
}

.Our_Commitment ul,
.Our_approach ul,
.Our_LED ul,
.Our_differ ul {
    padding-left: 0px;
}

    .Our_Commitment ul li,
    .Our_approach ul li,
    .Our_LED ul li,
    .Our_differ ul li {
        display: inline-block;
        text-align: center;
        min-width: 180px;
        max-width: 173px;
        min-height: 100px;
        vertical-align: top;
        position: relative;
        margin-bottom: 40px;
        color: #000;
    }

    .Our_LED ul li,
    .Our_approach ul li {
        padding: 15px;
    }

.Our_approach {
    text-align: center;
}

.Our_differ ul li {
    padding: 10px;
}

.Our_approach ul li:nth-child(1),
.Our_approach ul li:nth-child(2),
.Our_approach ul li:nth-child(4),
.Our_approach ul li:nth-child(5) {
    border-right: solid 1px #d8d8d8;
}

.Our_Commitment ul li:nth-child(1),
.Our_Commitment ul li:nth-child(2),
.Our_Commitment ul li:nth-child(4),
.Our_Commitment ul li:nth-child(5) {
    border-right: solid 1px #d8d8d8;
}

.Our_LED ul li:nth-child(1),
.Our_LED ul li:nth-child(2),
.Our_LED ul li:nth-child(4),
.Our_LED ul li:nth-child(5) {
    border-right: solid 1px #d8d8d8;
}

.Our_differ ul li:nth-child(1),
.Our_differ ul li:nth-child(2),
.Our_differ ul li:nth-child(4),
.Our_differ ul li:nth-child(5) {
    border-right: solid 1px #d8d8d8;
}

.QExpert ul li:nth-child(1),
.QExpert ul li:nth-child(2) {
    border-right: solid 1px #d8d8d8;
}

.QExpert ul li:nth-child(4) {
    border-right: none !important;
    margin: 0 auto;
    display: inherit;
}

.Our_differ ul li:nth-child(3),
.Our_differ ul li:nth-child(6) {
    padding-top: 32px;
}

.indusPercent {
    width: 125px;
    height: 125px;
    text-align: center;
    border: 3px solid #fff;
    background: linear-gradient(to bottom right, #fff 10%, #040d94 80%);
    vertical-align: middle;
    border-radius: 75px;
    padding-top: 38px;
    font-size: 37px;
    font-weight: 500;
    margin: 0 auto;
    box-shadow: 0px 0px 15px 1px #ccc;
    color: #fff;
}

.Our_Commitment {
    text-align: center;
}

.Our_LED {
    text-align: center;
}

.Our_Commitment ul li span {
    border-radius: 10px;
    display: block;
    width: 40px;
    color: #000;
    text-align: center;
    font-weight: 500;
    font-size: 35px;
    margin: 0 auto;
}

.Our_Commitment label {
    margin-bottom: 0;
    color: #929292;
    font-style: italic;
}

.Our_approach ul li span {
    padding: 8px;
    display: inline-block;
    color: #696868;
    text-align: center;
    font-weight: 500;
    margin-right: 10px;
    font-size: 20px;
}

.Our_LED ul li span {
    padding: 8px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    margin-right: 10px;
    color: #696868;
    font-size: 20px;
}

.Our_differ {
    text-align: center;
}

    .Our_differ ul li span {
        padding: 8px;
        border-radius: 10px;
        display: inline-block;
        text-align: center;
        font-weight: 500;
        margin-right: 10px;
        color: #696868;
        font-size: 20px;
    }

.indusText p {
    color: #000;
    font-weight: 500;
    font-size: small;
}

.Our_LED ul li label,
.Our_differ ul li label {
    width: 334px;
    font-weight: normal;
    display: inline-flex;
    text-align: left;
}

.Our_LED ul li:nth-child(2) label,
.Our_LED ul li:nth-child(3) label {
    width: 300px;
}

.Our_Expert ul li:nth-child(5) {
    border: none;
    min-width: 300px;
}

.WhyNext .expertLogo,
.WhyNext .factsLogo,
.WhyNext .approachLogo,
.WhyNext .CommitimentLogo,
.WhyNext .ArtGlobalLogo,
.WhyNext .RecongntionLogo,
.WhyNext .PracticeLogo {
    position: absolute;
}

.QuickFactsList img {
    margin: 0 auto;
}

.borderAtaglance {
    border: 1px solid var(--slb-blue);
    width: 60px;
    margin: 0 auto;
}

.borderCommitiment {
    border: 1px solid var(--slb-blue);
    width: 60px;
    margin: 0 auto;
}

.borderApproach {
    border: 1px solid var(--slb-blue);
    width: 60px;
    margin: 0 auto;
}

.borderPractice {
    border: 1px solid var(--slb-blue);
    width: 60px;
    margin: 0 auto;
}

.borderArtGlobal {
    border: 1px solid var(--slb-blue);
    width: 60px;
    margin: 0 auto;
}

.borderExpert {
    border: 1px solid var(--slb-blue);
    width: 60px;
    margin: 0 auto;
}

.borderRecongntion {
    border: 1px solid var(--slb-blue);
    width: 60px;
    margin: 0 auto;
}

.subHeadText {
    color: #8d8d8d !important;
    margin-top: 10px;
    margin-bottom: 0;
}

.CommitimentContent .QuickFactsList ul li span {
    padding: 5px 25px;
}

@media only screen and (max-width: 992px) {
    .WhyNext .expertContent,
    .WhyNext .approachContent,
    .WhyNext .CommitimentContent,
    .WhyNext .ArtGlobalContent,
    .WhyNext .RecongntionContent,
    .WhyNext .PracticeContent {
        padding: 0;
    }

    .WhyNext .RecongntionLogo {
        left: 4px;
        top: -32px;
    }

    .WhyNext .expertLogo {
        left: 5px;
        top: 164px;
    }

    .QuickFactsList ul li {
        position: unset;
        text-align: left;
    }
}

@media only screen and (min-width: 992px) {
    .aboutnxt1 {
        /* background: url("/content/next/images/aboutNExT/XXX.png") no-repeat; */
        background-position: 170px 165px;
    }

    .WhyNext .expertLogo {
        left: -17px;
        top: 176px;
    }

    .WhyNext .factsLogo {
        top: -84px;
        left: 240px;
    }

    .WhyNext .approachLogo {
        right: -49px;
        top: 130px;
    }

    .WhyNext .CommitimentLogo {
        right: 74px;
        top: 38px;
    }

    .WhyNext .ArtGlobalLogo {
        left: 80px;
        top: 385px;
    }

    .WhyNext .RecongntionLogo {
        top: -32px;
        left: -7px;
    }

    .WhyNext .PracticeLogo {
        left: 260px;
        top: 290px;
    }

    .WhyNext .ExpertsScLPoone img:hover ~ .tooltipTxt {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .QExpert ul li:nth-child(1),
    .QExpert ul li:nth-child(2) {
        border-right: 0px;
        border-right: solid 1px #d8d8d8;
    }

    .QuickFactsList ul li {
        border-right: 0px;
        border-right: solid 1px #d9d9d9;
        text-align: center;
        margin-bottom: 20px;
    }

    .QExpert ul li:nth-child(4) {
        margin: 0;
    }

    .Our_Commitment ul li,
    .Our_approach ul li,
    .Our_LED ul li,
    .Our_differ ul li {
        border-right: solid 1px #d9d9d9;
        border-right: 0px;
        margin-bottom: 15px;
    }

    .Our_Commitment ul,
    .Our_approach ul,
    .Our_LED ul,
    .Our_differ ul {
        padding-left: 10px;
    }

    .WhyNext .aboutnxtspin,
    .WhyNext .WhyNextBlk {
        margin: 0 auto;
        max-width: 300px;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
    }

    .WhyNext h3 {
        margin-top: 50px;
    }

    .Our_Commitment ul,
    .Our_approach ul,
    .Our_LED ul,
    .Our_differ ul {
        padding-left: 0px;
    }

    .QuickFactsList ul {
        margin-left: 0px;
    }

    .factsLogo,
    .ExpertsScLPoone .expertLogo,
    .approachLogo,
    .CommitimentLogo,
    .ArtGlobalLogo,
    .RecongntionLogo,
    .PracticeLogo {
        width: 50px;
        height: auto;
    }

        .factsLogo img,
        .ExpertsScLPoone .expertLogo img,
        .approachLogo img,
        .CommitimentLogo img,
        .ArtGlobalLogo img,
        .RecongntionLogo img,
        .PracticeLogo img {
            width: 100%;
            height: auto;
        }

    .expertLogo {
        left: 17px;
        top: -41px;
    }

    .factsLogo {
        left: 171px;
        top: -78px;
    }

    .approachLogo {
        right: -9px;
        top: 122px;
    }

    .CommitimentLogo {
        right: 32px;
        top: 19px;
    }

    .ArtGlobalLogo {
        left: 22px;
        top: 55px;
    }

    .RecongntionLogo {
        left: 30px;
        top: 171px;
    }

    .PracticeLogo {
        left: 140px;
        top: 157px;
    }

    .expertContent,
    .approachContent,
    .CommitimentContent,
    .ArtGlobalContent,
    .RecongntionContent,
    .PracticeContent {
        padding: 50px 0;
    }

    .Our_differ ul li {
        margin-bottom: 20px;
        min-height: 100px;
    }

    .expertContent .QuickFactsList li:last-child p {
        min-height: 35px;
    }

    .expertContent .QuickFactsList ul li:last-child {
        min-height: inherit;
        margin: auto;
    }

    .WhyNext .expertLogo {
        left: 22px;
        top: 157px;
    }

    .WhyNext .WhyNextContent div.animated {
        margin-bottom: 0px;
    }

    .WhyNext .aboutnxt1 {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .QuickFactsList ul li,
    .Our_Commitment ul li,
    .Our_approach ul li,
    .Our_LED ul li,
    .Our_differ ul li {
        min-width: inherit;
        width: 50%;
        float: left;
        border-right: none !important;
    }

        .QuickFactsList ul li:nth-child(odd),
        .Our_Commitment ul li:nth-child(odd),
        .Our_approach ul li:nth-child(odd),
        .Our_LED ul li:nth-child(odd),
        .Our_LED ul li:nth-child(odd),
        .Our_differ ul li:nth-child(odd) {
            border-right: solid 1px #d9d9d9 !important;
        }

    .QuickFactsList .col-xs-12.overallCustomer {
        clear: left;
        margin: auto;
        margin-top: 20px;
    }

    .QuickFactsList ul {
        margin-left: 0px;
        border: none;
    }

    .WhyNext .expertLogo {
        left: 13px;
        top: 154px;
    }

    .WhyNext .WhyNextContent div.animated {
        margin-bottom: 0px;
    }

    .WhyNext .aboutnxt1 {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 520px) {
    .WhyNext .abtLogo1 {
        border-right: 0px;
    }
}

@media only screen and (max-width: 330px) {
    .PracticeLogo {
        top: 152px !important;
    }

    .ArtGlobalLogo {
        left: 28px !important;
    }

    .RecongntionLogo {
        top: 152px !important;
    }

    .approachLogo {
        right: 0;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .QExpert ul li:nth-child(4) {
        margin: 0 auto;
        display: inline-block;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .WhyNext .QuickFactsContent {
        padding: 0;
    }

    .WhyNext .aboutnxtspin {
        max-width: 400px;
        margin: 0 auto;
    }

    .WhyNext .WhyNextBlk {
        max-width: 400px;
        margin: 0 auto;
    }

    .WhyNext .ArtGlobalLogo {
        left: 80px;
        top: 280px;
    }

    .WhyNext .PracticeLogo {
        top: 206px;
        left: 212px;
    }

    .WhyNext .approachLogo {
        right: -66px;
        top: 90px;
    }

    .WhyNext .RecongntionLogo {
        left: -61px;
        top: 126px;
    }

    .WhyNext .approachLogo {
        right: -67px;
        top: 105px;
    }

    .WhyNext .factsLogo {
        top: -84px;
        left: 200px;
    }

    .WhyNext .CommitimentLogo {
        right: 14px;
        top: 20px;
    }

    .QuickFactsList,
    .Our_Commitment,
    .Our_approach,
    .Our_LED,
    .Our_differ {
        width: 700px;
        margin: auto;
    }

        .QuickFactsList.QExpert {
            width: 780px;
        }

    .WhyNext .WhyNextContent {
        margin-top: 40px;
    }

    .WhyNext .CommitimentLogo {
        right: 50px;
        top: 30px;
    }

    .WhyNext .approachLogo {
        right: -28px;
        top: 135px;
    }

    .WhyNext .expertLogo {
        left: 30px;
        top: 120px;
    }

    .WhyNext .RecongntionLogo {
        left: 12px;
        top: -24px;
    }

    .WhyNext .factsLogo {
        top: -90px;
        left: 200px;
    }

    .WhyNext .PracticeLogo {
        top: 220px;
        left: 227px;
    }

    .WhyNext .ArtGlobalLogo {
        left: 80px;
        top: 274px;
    }

    .WhyNext .approachLogo {
        right: -25px;
        top: 135px;
    }
}
/*======Responsive===aboutNXT==*/
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation :landscape) {
    .abtExpTop {
        margin-top: 9px !important;
    }

    .abtImgTop {
        margin-top: 9px !important;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation :portrait) {
    .overall-customer-shadow-box {
        top: -43px !important;
    }

    .colorHieght {
        height: 100% !important;
    }

    .border-right-line {
        height: 100px !important;
    }

    .impactHeight {
        padding-bottom: 74px;
    }

    .bg-color-impact2 {
        padding-bottom: 60px;
    }

    .impact-bottom-img2 {
        margin-top: 24px !important;
    }

    .border-right-line {
        border: 0px !important;
    }

    .grid-accordion .card-body .col-xs-3 a {
        padding: 5px 11px;
    }
}

@media screen and (max-width: 667px) and (min-width:375px) and (orientation :portrait) {
    .impact-bottom-img2 {
        margin-top: 19px !important;
    }

    .colorHieght {
        height: 1000px !important;
    }

    .impactHeight {
        padding-bottom: 43px;
    }

    .breadcrumb li.active div {
        width: 290px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: -15px;
        margin-left: 20px;
        position: relative;
    }
}

@media screen and (max-width: 374px) and (min-width:320px) and (orientation :portrait) {
    .overall-customer-bg {
        margin-left: -194px !important;
    }

    .overall-customer-shadow-box {
        left: 77px !important;
    }

    .impact-bottom-lft {
        width: 182px !important;
    }

    .impact-bottom-lft-content {
        padding-left: 29px;
    }

    .impact-bottom-rgt {
        padding: 0px 0px 0px 0px !important;
        width: 150px !important;
    }

    .imgCenter1 {
        padding-left: 16px;
    }

    .impactHeight {
        padding-bottom: 24px;
    }

    .impact-bottom-img2 {
        margin-top: 14px !important;
    }

    .colorHieght {
        height: 1022px !important;
    }

    .abtImgTop {
        margin-top: 11px !important;
        padding-bottom: 25px;
    }
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation : portrait) {
    .grid-accordion .card-body .col-xs-3 a {
        margin-right: -158px;
    }

    .paraCont {
        width: 100% !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape) {
    .overall-customer-bg {
        margin-left: 0px !important;
    }

    .impact-bottom-img2 {
        padding-bottom: 50px;
    }

    .abtImgTop {
        margin-top: 18px !important;
        padding-bottom: 38px;
    }

    .impact-bottom-img {
        margin-left: -9px !important;
    }

    .grid-accordion .card-body {
        padding: 30px 22px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation : portrait) {
    .abtExpTop {
        margin-top: 9px !important;
    }

    .abtImgTop {
        margin-top: 9px !important;
    }

    .TestimonialLeftside {
        left: 0px !important;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : portrait) {
    .impactHeight {
        padding-bottom: 44px;
    }

    .impact-bottom-img2 {
        margin-top: 5px !important;
    }

    .abtImgTop {
        margin-top: 10px !important;
    }

    .colorHieght {
        height: 890px !important;
    }

    .grid-accordion .card-body .col-xs-3 a {
        margin-right: -257px;
    }

    .paraCont {
        width: 100% !important;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : landscape) {
    .imgWidthAdjust {
        width: 33.3% !important;
    }

    .nextCommon.testimonials .carousel-control.right {
        right: 0px !important;
    }

    .ourDifferen .course {
        margin-right: 0px !important;
        margin-left: 46px !important;
        float: left;
    }

    .border-right-line {
        height: 100px !important;
    }

    .impactHeight {
        padding-bottom: 74px;
    }

    .bgcolorHieght {
        height: 684px !important;
    }

    .impact-bottom-img2 {
        margin-top: 10px !important;
    }
}
/*About NExT end*/
/*Competency management Responsive satrt*/
@media screen and (max-width: 1199px) {
    .colorBlackStar {
        color: #90ceec;
    }

    .ApproachMethodology {
        border-top: 0px #ccc solid !important;
        border-bottom: 0px #ccc solid !important;
    }

    .panelbgColor {
        background-color: #fff !important;
        padding: 0px 0px !important;
    }

    .pageHeadTop {
        padding-top: 10px;
    }

    #ApproachMethodologySlider1 .accordion #page1 .img-area {
        background: url("/content/next/images/cms/01_strategy_analysis.jpg") no-repeat center;
        height: 415px;
    }

    #ApproachMethodologySlider1 .accordion #page2 .img-area {
        background: url("/content/next/images/cms/02_competency_building.jpg") no-repeat center;
        height: 415px;
    }

    #ApproachMethodologySlider1 .accordion #page3 .img-area {
        background: url("/content/next/images/cms/03_assessment.jpg") no-repeat center;
        height: 415px;
    }

    #ApproachMethodologySlider1 .accordion #page4 .img-area {
        background: url("/content/next/images/cms/04_validation.jpg") no-repeat center;
        height: 415px;
    }

    #ApproachMethodologySlider1 .accordion #page5 .img-area {
        background: url("/content/next/images/cms/05_gap_analysis.jpg") no-repeat center;
        height: 415px;
    }

    #ApproachMethodologySlider1 .accordion #page6 .img-area {
        background: url("/content/next/images/cms/06_individual_training_plan.jpg") no-repeat center;
        height: 415px;
    }

    #ApproachMethodologySlider1 .accordion #page7 .img-area {
        background: url("/content/next/images/cms/07_reviewand_Assess.jpg") no-repeat center;
        height: 415px;
    }

    #ApproachMethodologySlider1 .content-area h3 {
        font-size: 16px;
        color: var(--slb-blue);
        margin: 0px;
        padding: 0px;
        font-weight: 500;
    }

        #ApproachMethodologySlider1 .content-area h3 span {
            display: block;
            color: #d9d9d9;
            font-weight: 500;
            font-size: 35px;
            margin-bottom: 5px;
        }

    #ApproachMethodologySlider1 .content-area h4 {
        font-size: 15px;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 0px;
        font-weight: 500;
    }

    #ApproachMethodologySlider1 .content-area p {
        line-height: 20px;
    }

    #ApproachMethodologySlider1 .content-area ul {
        padding-left: 18px;
    }

    #ApproachMethodologySlider1 .boldtext {
        font-weight: 500;
    }

    #ApproachMethodologySlider1 .panel-title a[aria-expanded="false"],
    #ApproachMethodologySlider2 .panel-title a[aria-expanded="false"] {
        background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_down.png) no-repeat center right;
    }

    #ApproachMethodologySlider1 .panel-title a[aria-expanded="true"],
    #ApproachMethodologySlider2 .panel-title a[aria-expanded="true"] {
        background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_up.png) no-repeat center right;
    }

    #ApproachMethodologySlider1 .panel-title a,
    #ApproachMethodologySlider2 .panel-title a {
        font-weight: normal;
        padding: 15px 15px;
        display: block;
        background: var(--slb-blue);
        font-size: 18px;
        text-decoration: none;
    }

    #ApproachMethodologySlider2 .carousel-inner #collapse30,
    #ApproachMethodologySlider2 .carousel-inner #collapse31,
    #ApproachMethodologySlider2 .carousel-inner #collapse32,
    #ApproachMethodologySlider2 .carousel-inner #collapse33,
    #ApproachMethodologySlider2 .carousel-inner #collapse34 {
        color: #fff;
        min-height: 185px;
        background-image: url(/content/next/images/CMS/definition_background.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #295a7a;
        margin-bottom: -10px;
    }

    #ApproachMethodologySlider2 #accordion .panel-default {
        overflow: hidden;
    }
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation : portrait) {
    .AssembleImgLeft,
    .AssembleImgLeft + div {
        width: 180px !important;
    }

    .nextpertAnimation.digitalLearning .carousel-indicators li {
        width: 64px !important;
    }

    .video-wp-content1,
    .video-wp-content2,
    .video-wp-content3,
    .video-wp-content4,
    .video-wp-content5 {
        top: 337px !important;
    }

    .digitalLearning.training-programs .FiveCircle .myVideo-pg {
        margin-bottom: 0px;
    }

    .impact-bottom-img {
        /*margin-left: -40px !important;*/
    }

    .impact-bottom-lft {
        padding: 0px 23px !important;
        margin-bottom: 20px;
    }

    .slideBottom1 {
        top: 10px !important;
    }

    #cmsTopVideoPanel {
        height: 220px !important;
    }
}

@media screen and (max-width: 320px) {
    .AssembleImgLeft,
    .AssembleImgLeft + div {
        width: 160px !important;
    }

    .nextpertAnimation.digitalLearning .carousel-indicators li {
        width: 53px !important;
    }

    .nextpertAnimation.digitalLearning .carousel-indicators li {
        height: 53px !important;
    }
}
/*Competency management Responsive end*/
/*Course Details Responsive satrt*/
@media screen and (max-width: 320px) {
    .tab-content-right {
        width: 213px !important;
    }
}

@media screen and (max-width: 414px) {
    .SetTraining-right {
        width: 100% !important;
    }

    .ButtonSize {
        white-space: inherit;
    }

    .exploreSize {
        margin-top: 147px !important;
    }

    .SetTraining-right {
        margin-top: 41% !important;
    }

    .setTraining-icon {
        left: 37% !important;
    }

    html {
        overflow-x: hidden;
    }

    #Domain {
        padding-top: 12px !important;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : portrait) {
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation : portrait) {
    .pieChart {
        width: 303px !important;
        left: 50% !important;
    }

    html {
        overflow-x: hidden;
    }
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape) {
    .tab-content-right {
        width: 367px !important;
    }

    html {
        overflow-x: hidden;
    }

    .setTraining-icon {
        left: 38% !important;
    }

    .AssembleImgLeft,
    .AssembleImgLeft + div {
        width: 46% !important;
    }

    .exploreSize {
        margin-top: 198px !important;
    }

    .SetTraining-right {
        margin-top: 29% !important;
    }
}

@media screen and (min-width: 375px) and (max-width: 667px) and (orientation : portrait) {
    .pieChart {
        width: 320px !important;
        left: 50% !important;
    }

    .tab-content-right {
        width: 274px !important;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : portrait) {
    .pieChart {
        width: 320px !important;
        left: 50% !important;
    }

    .tab-content-right {
        width: 300px !important;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : landscape) {
    .SetTraining-right {
        margin-top: 20% !important;
    }

    .exploreSize {
        margin-top: 220px !important;
    }

    .tab-content-right {
        width: 496px !important;
    }

    html {
        overflow-x: hidden;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation : portrait) {
    .trendingCourses .carousel-control.right {
        right: -10px !important;
    }

    .trendingCourses .carousel-control.left {
        left: -10px !important;
    }

    .SetTraining-right {
        margin-top: 20% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {
    .trendingCourses .carousel-control.right {
        right: -22px !important;
    }

    .trendingCourses .carousel-control.left {
        left: -22px !important;
    }

    .assessmentBlock .AssembleImgLeft img {
        left: 54px !important;
    }

    .AssembleImgLeft,
    .AssembleImgLeft + div {
        width: 50% !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) and (orientation : landscape) {
}

@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation : portrait) {
    .assessmentBlock .AssembleImgLeft img {
        left: 54px !important;
    }

    .AssembleImgLeft,
    .AssembleImgLeft + div {
        width: 50% !important;
    }
}

@media screen and (max-width: 1199px) {
    .colorBlackStar {
        color: #90ceec;
    }

    #ApproachMethodologySlider3 {
        margin-top: 47px;
    }

    .ApproachMethodology {
        border-top: 0px #ccc solid !important;
        border-bottom: 0px #ccc solid !important;
    }

    .panelbgColor {
        background-color: #fff !important;
        padding: 0px 0px !important;
    }

    .pageHeadTop {
        padding-top: 10px;
    }

    #ApproachMethodologySlider3 .content-area h3 {
        font-size: 16px;
        color: #1c91c5;
        margin: 0px;
        padding: 0px;
        font-weight: 500;
    }

        #ApproachMethodologySlider3 .content-area h3 span {
            display: block;
            color: #d9d9d9;
            font-weight: 500;
            font-size: 35px;
            margin-bottom: 5px;
        }

    #ApproachMethodologySlider3 .content-area h4 {
        font-size: 15px;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 0px;
        font-weight: 500;
    }

    #ApproachMethodologySlider3 .content-area p {
        line-height: 20px;
    }

    #ApproachMethodologySlider3 .content-area ul {
        padding-left: 18px;
    }

    #ApproachMethodologySlider3 .boldtext {
        font-weight: 500;
    }

    #ApproachMethodologySlider3 .panel-title a[aria-expanded="false"],
    #ApproachMethodologySlider2 .panel-title a[aria-expanded="false"] {
        background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_down.png) no-repeat center right;
    }

    #ApproachMethodologySlider3 .panel-title a[aria-expanded="true"],
    #ApproachMethodologySlider2 .panel-title a[aria-expanded="true"] {
        background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_up.png) no-repeat center right;
    }

    #ApproachMethodologySlider3 .panel-title a,
    #ApproachMethodologySlider3 .panel-title a {
        font-weight: normal;
        padding: 15px 15px;
        display: block;
        background: var(--slb-blue);
        font-size: 18px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .tab-content-right {
        width: 720px !important;
    }
}
/*Course Details Responsive End*/
/* nextpert Animation start */
.nextpertAnimation {
    background: #020b10 url("/content/next/images/nextpert/nextpertBG.jpg") no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    /* background-position: 0 0; */
}

    .nextpertAnimation .logoNext {
        color: #fff;
    }

        .nextpertAnimation .logoNext .dividerline {
            font-size: 20px;
            border-left: 1px solid white;
            height: 50px;
            padding-left: 10px;
            margin-left: 10px;
            display: inline;
            position: relative;
            top: 9px;
            padding-top: 12px;
        }

.dotCricle {
    width: 59px;
    height: 59px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 1;
}

    .dotCricle.small {
        width: 45px;
        height: 45px;
    }

    .dotCricle.leftTopPosition {
        left: 0;
        top: 45px;
        right: auto;
    }

.leftBottomMiddlePosition {
    left: 0;
    bottom: 45px;
    right: 0;
    margin: 0 auto;
    top: auto;
    opacity: 0.6;
}

.dotCricle img {
    animation: spin 5s linear infinite;
}

.nextpertAnimation .carousel-indicators li {
    width: auto;
    height: auto;
    margin: 1px;
    background: transparent;
    white-space: nowrap;
    border-color: transparent;
    text-indent: inherit;
    display: inline-block;
    color: #fff;
}

.nextpertAnimation .carousel-indicators {
    position: static;
    width: 100%;
    margin: 0;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    text-align: center;
}

    .nextpertAnimation .carousel-indicators .hoverButton {
        display: none;
        /* animation: spin 5s linear infinite; */
    }

    .nextpertAnimation .carousel-indicators li {
        width: 98px;
        height: 98px;
        /* overflow: hidden; */
        z-index: 10;
        position: absolute;
    }

        .nextpertAnimation .carousel-indicators li p {
            color: #797878;
        }

        .nextpertAnimation .carousel-indicators li:hover p {
            color: #fff;
        }

        .nextpertAnimation .carousel-indicators li.active p {
            color: #fff;
        }

@media only screen and (max-width: 991px) {
    .nextpertAnimation .carousel-indicators li p {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .nextpertAnimation .logoNext .dividerline {
        font-size: 20px;
        border-left: none;
        height: 50px;
        padding-left: 0px;
        margin-left: 0px;
        display: block;
        position: relative;
        top: 0px;
        padding-top: 10px;
    }
}

.nextpertAnimation .carousel-indicators li:hover.active .normalButton {
    display: none;
}

.nextpertAnimation .carousel-indicators li.active .hoverButton {
    display: block;
}

.nextpertAnimation .carousel-indicators li.active .normalButton {
    display: none;
}

.nextpertAnimation .carousel-indicators li .carouselIcon {
    position: absolute;
}

.nextpertAnimation .carousel-indicators.first li:nth-child(1) {
    left: 15px;
    top: 100px;
}

.nextpertAnimation .carousel-indicators.first li:nth-child(2) {
    left: 0;
    top: 228px;
}

.nextpertAnimation .carousel-indicators.first li:nth-child(3) {
    left: 15px;
    top: 356px;
}

.nextpertAnimation .carousel-indicators.second li:nth-child(1) {
    right: 15px;
    top: 100px;
}

.nextpertAnimation .carousel-indicators.second li:nth-child(2) {
    right: 0;
    top: 228px;
}

.nextpertAnimation .carousel-indicators.second li:nth-child(3) {
    right: 15px;
    top: 356px;
}

.arrowLines {
    position: absolute;
    top: 90px;
    z-index: 1;
    left: 100px;
    opacity: 0.6;
}

.nextpertAnimation .carousel-indicators .personalized {
    position: absolute;
    left: -113px;
    top: 37px;
    font-weight: 500;
}

.nextpertAnimation .carousel-indicators .engaging {
    position: absolute;
    left: -86px;
    top: 37px;
    font-weight: 500;
}

.nextpertAnimation .carousel-indicators .interactive {
    position: absolute;
    left: -103px;
    top: 37px;
    font-weight: 500;
}

.nextpertAnimation .carousel-indicators .benchmark {
    position: absolute;
    left: 109px;
    top: 37px;
    font-weight: 500;
}

.nextpertAnimation .carousel-indicators .validate {
    position: absolute;
    left: 107px;
    top: 37px;
    font-weight: 500;
}

.nextpertAnimation .carousel-indicators .trackandmeasure {
    position: absolute;
    left: 106px;
    top: 43px;
    font-weight: 500;
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

#nextpertSlider {
    width: 93%;
    margin: auto;
    margin-bottom: 25px;
}

    #nextpertSlider .carousel-inner video {
        border-radius: 25px;
        margin-top: 33px;
        width: 591px;
    }

.nextpertAnimation .btn i {
    position: relative;
    top: 1px;
}

.nextpertAnimation .btn.one {
    position: absolute;
    left: 80px;
    bottom: 25px;
    border: 1px solid #209cdc;
}

.nextpertAnimation .btn.two {
    position: absolute;
    right: 80px;
    bottom: 25px;
    z-index: 1;
    border: 1px solid #209cdc;
}

.nextpertAnimation .leftTitle {
    position: absolute;
    top: -15px;
    left: 10px;
    color: #fff;
    font-size: 18px;
}

    .nextpertAnimation .leftTitle:after {
        content: " ";
        position: absolute;
        width: 0px;
        background-color: #1683fa;
        height: 0px;
        bottom: -11px;
        width: 43px !important;
        height: 3px !important;
        left: 0px;
    }

.nextpertAnimation .rightTitle {
    position: absolute;
    top: -15px;
    right: 10px;
    color: #fff;
    font-size: 18px;
}

    .nextpertAnimation .rightTitle:after {
        content: " ";
        position: absolute;
        width: 0px;
        background-color: #1683fa;
        height: 0px;
        bottom: -11px;
        width: 43px !important;
        height: 3px !important;
        left: 0px;
    }

.nextpertAnimation .leftLineTitle {
    position: absolute;
    top: 17px;
    left: 0;
    color: #fff;
    font-size: 18px;
}

.nextpertAnimation .rightLineTitle {
    position: absolute;
    top: 17px;
    right: 0;
    color: #fff;
    font-size: 18px;
}

.nextpertAnimation .CurveLines::before {
    content: " ";
    position: absolute;
    left: 90px;
    top: 0;
    background: url("/content/next/images/nextpert/curve_left.png") no-repeat;
    width: 210px;
    height: 770px;
}

.nextpertAnimation .CurveLines::after {
    content: " ";
    position: absolute;
    right: 91px;
    top: 0;
    background: url("/content/next/images/nextpert/curve_right.png") no-repeat;
    width: 210px;
    height: 770px;
}

.nextpertAnimation .carousel-indicators li span {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    bottom: 0;
}

.nextpertAnimation .carousel-indicators li.active span .iconNormal,
.nextpertAnimation .carousel-indicators li:hover span .iconNormal {
    display: none;
}

.nextpertAnimation .carousel-indicators li.active span .iconHover,
.nextpertAnimation .carousel-indicators li:hover span .iconHover {
    display: block;
}

.nextpertAnimation .carousel-indicators li span .iconNormal {
    display: block;
}

.nextpertAnimation .carousel-indicators li span .iconHover {
    display: none;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

.nextpertAnimation .arrowLines {
    -webkit-animation: arrowTransformAnimation 5s infinite;
    /* Safari 4+ */
    -moz-animation: arrowTransformAnimation 5s infinite;
    /* Fx 5+ */
    -o-animation: arrowTransformAnimation 5s infinite;
    /* Opera 12+ */
    animation: arrowTransformAnimation 5s infinite;
}

@-webkit-keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

@-moz-keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

@-o-keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

@keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

.HomePageNextpert .carousel-inner {
    background: #ff0000;
    width: 702px;
    height: 426px;
    margin: 13px auto auto auto;
    background: url(/content/next/images/nextpert/video_frame_home_page.png) no-repeat;
}

#nextpertSlider.HomePageNextpert .carousel-inner video {
    width: auto;
    max-width: 100%;
    margin-top: 14px;
}

#nextpertSlider.HomePageNextpert {
    margin-bottom: 0px;
    padding-bottom: 25px;
}

@media only screen and (min-width: 992px) {
    .nextpertAnimation .btn.Mone {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .nextpertAnimation .CurveLines {
        text-align: center;
    }

    .nextpertAnimation .carousel-indicators {
        position: relative;
    }

        .nextpertAnimation .carousel-indicators li {
            width: 88px;
            height: 88px;
        }

    .nextpertAnimation .carousel-inner {
        margin-top: 40px;
    }

    .nextpertAnimation .rightTitle {
        bottom: -30px;
        left: 0;
        text-align: left;
        top: auto;
        width: 160px;
        margin-left: auto;
        margin-right: auto;
    }

    .nextpertAnimation .btn.Mone {
        margin-top: 20px;
    }

    .nextpertAnimation .btn.one {
        display: none;
    }

    .nextpertAnimation .leftTitle {
        right: 0;
        text-align: left;
        top: 0;
        width: 152px;
        margin-left: auto;
        margin-right: auto;
    }

    .nextpertAnimation .btn.two {
        right: 0;
        left: 0;
        bottom: -50px;
        text-align: center;
        margin: 0 auto;
        position: relative;
    }

    .nextpertAnimation .carousel.slide {
        text-align: center;
        margin-bottom: 15px;
        padding-bottom: 0;
    }

    .nextpertAnimation .rightTitle {
        position: relative;
        left: 0;
        text-align: left;
    }

    .nextpertAnimation .carousel-indicators.second {
        top: 40px;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(1) {
        position: relative;
        left: 0;
        top: 0;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(2) {
        position: relative;
        left: 0;
        top: 0;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(3) {
        position: relative;
        left: 0;
        top: 0;
    }

    .nextpertAnimation .carousel-indicators.second li:nth-child(1) {
        position: relative;
        left: 0;
        top: 0;
    }

    .nextpertAnimation .carousel-indicators.second li:nth-child(2) {
        position: relative;
        left: 0;
        top: 0;
    }

    .nextpertAnimation .carousel-indicators.second li:nth-child(3) {
        position: relative;
        left: 0;
        top: 0;
    }

    .nextpertAnimation .logoNext span {
        display: block;
        border: 0;
        padding-left: 0;
        margin-left: 0;
        height: auto;
    }

    .nextpertAnimation .CurveLines::before,
    .nextpertAnimation .CurveLines::after {
        display: none;
    }

    .nextpertAnimation .leftTitle:after {
        left: 0;
    }

    .nextpertAnimation .rightTitle:after {
        left: 0;
    }

    .nextpertAnimation .carousel-inner {
        margin-top: 0px;
    }

    .HomePageNextpert .carousel-inner {
        width: 100%;
        height: auto;
        background-size: contain;
        margin-top: 10px;
        background-position: 1px 1px;
    }

    #nextpertSlider.HomePageNextpert .carousel-inner video {
        max-width: 95%;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .HomePageNextpert .carousel-inner {
        background-position: left 2px;
    }
}

@media only screen and (max-width: 560px) {
    .HomePageNextpert .carousel-inner {
        background-position: left 5px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .nextpertAnimation .carousel-inner {
        max-width: 70%;
        margin: 20px auto auto auto;
    }

    .HomePageNextpert .carousel-inner {
        background-size: 85%;
        max-width: inherit;
        background-position: 52px 1px;
    }

    #nextpertSlider.HomePageNextpert .carousel-inner video {
        max-width: 81%;
    }
}
/* nextpert Animation end */
/*breadcrumb start*/
/* .breadcrumb-main {
    border-bottom: 1px solid #d9e9f6;
} */

.breadcrumb-SearchResult {
    width: 100%;
    margin-top: 120px;
    background: #ffffff;
}

.breadcrumb {
    /* margin-bottom: 5px; */
    margin-top: 20px;
    background-color: transparent;
    font-weight: 500;
    padding-left: 0;
}

    .breadcrumb li,
    .breadcrumb li.active {
        color: var(--slb-grey-5);
        font-size: 14px;
        font-weight: 300;
        line-height: 1.14;
        letter-spacing: 0.2px;
    }

        .breadcrumb li.active {
            /* text-decoration: underline; */
            font-weight: 300;
        }

        .breadcrumb li a {
            color: var(--slb-grey-5);
            font-size: 14px;
            font-weight: 300;
            line-height: 1.14;
            letter-spacing: 0.2px;
        }

            .breadcrumb li a:hover {
                color: var(--slb-grey-5);
                text-decoration: underline;
            }

        .breadcrumb li.active div {
            width: 290px;
            white-space: nowrap;
            /*text-overflow: ellipsis;
    overflow: hidden;*/
            margin-top: -15px;
            margin-left: 20px;
            position: relative;
        }
/*breadcrumb end*/
.list-vertical {
    list-style: none;
    padding: 0;
    margin: 0;
}

.paginationList {
    display: inline-block;
}

    .paginationList li {
        border: 1px solid #dddddd;
        cursor: pointer;
        float: left;
        padding: 5px 13px;
        display: inline-block;
    }

        .paginationList li:nth-child(n+1) {
            border-right: 0;
        }

        .paginationList li a {
            color: #9a9a98;
        }

        .paginationList li:last-child {
            border: 1px solid #dddddd;
        }

        .paginationList li:hover {
            background: #29b6ee;
            color: #fff;
        }

            .paginationList li:hover a {
                color: #fff;
                text-decoration: none;
            }

@media only screen and (min-width:1200px) {
    .nav-fill {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .nav-fill li {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            text-align: center;
        }
}

.stars ul li .glyphicon-star {
    color: var(--slb-blue);
}

.stars ul li .glyphicon-star-empty {
    color: var(--slb-grey-4);
}
/*contact css start*/
.ContactBG {
    background: #fff;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

    .ContactBG label {
        font-weight: 200;
    }

.ContactForm .form-group {
    margin-bottom: 28px;
}

    .ContactForm .form-group textarea {
        min-height: 150px;
    }

.ContactForm .CheckboxContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ContactForm .captcha .CheckboxContainer {
    width: 50%;
}

.ContactForm .captcha {
    padding: 12px;
    border: 1px solid #ccc;
    height: 77px;
    margin-top: 0;
}

.ContactForm .CheckboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.ContactForm .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.ContactForm .CheckboxContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

.ContactForm .CheckboxContainer input:checked ~ .checkmark {
    background-color: #2196F3;
    border-color: #2196F3;
}

.ContactForm .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.ContactForm .CheckboxContainer input:checked ~ .checkmark:after {
    display: block;
}

.ContactForm .CheckboxContainer .checkmark:after {
    left: 8px;
    top: 4px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ContactForm .CheckBoxtext {
    font-size: 16px;
    position: relative;
    top: -6px;
    left: 0px;
}

.contactInformation h3 {
    color: #fff;
    margin-bottom: 25px;
    line-height: 42px;
    font-weight: 400;
    font-size: 36px;
    padding-top: 0;
    margin-top: 0;
    font-family: 'Oswald', sans-serif;
}

.contactInformation p {
    font-size: 16px;
}

    .contactInformation p a:hover {
        color: #f7bd04;
        text-decoration: none;
    }
/*.ContactForm .required0{position: relative;bottom: 30px;}*/
.ContactForm .required0 {
    position: relative;
    bottom: 15px;
    right: 580px;
}

.TextCentr {
    text-align: center;
}

.required0:before {
    content: '*';
    position: absolute;
    right: 164px;
    color: #f00;
}

.required:before {
    content: '*';
    position: absolute;
    top: 0px;
    left: -7px;
    color: #f00;
}

.required1:after {
    content: '*';
    position: absolute;
    top: 6px;
    left: 74px;
    color: #f00;
}

.required2:after {
    content: '*';
    position: absolute;
    top: 6px;
    left: 108px;
    color: #f00;
}

.required3:after {
    content: '*';
    position: absolute;
    top: 6px;
    right: 20px;
    color: #f00;
}

.required4:after {
    content: '*';
    position: absolute;
    top: 6px;
    left: 56px;
    color: #f00;
}

.required5:after {
    content: '*';
    position: absolute;
    top: 6px;
    left: 124px;
    color: #f00;
}

.required6:after {
    content: '*';
    position: absolute;
    top: 6px;
    left: 116px;
    color: #f00;
}

.rc-anchor-logo-img-portrait {
    background-size: 32px;
    height: 50px;
    margin: 0 13px 0 13px;
    width: 50px;
    float: right;
    top: -46px;
    position: relative;
}

.rc-anchor-logo-text {
    color: #555;
    cursor: default;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin-top: 5px;
    float: right;
    position: relative;
    left: 66px;
}

.rc-anchor-logo-img {
    background: url("/content/next/images/captcha.png") no-repeat;
    background-repeat: repeat;
    background-size: auto auto;
    background-repeat: no-repeat;
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 2px 13px 0 0;
    padding-right: 2px;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 276px;
}

.rc-anchor-pt a:link,
.rc-anchor-pt a:visited {
    color: #555;
    text-decoration: none;
    font-size: 10px;
}

.rc-anchor-normal .rc-anchor-pt {
    text-align: right;
}

.rc-anchor-normal .rc-anchor-pt,
.rc-anchor-invisible .rc-anchor-pt,
.rc-anchor-compact .rc-anchor-pt {
    color: #555;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 8px;
    font-weight: 400;
}

@media only screen and (max-width: 991px) {
    .ContactForm {
        padding: 20px 0;
    }
}

@media only screen and (max-width:767px) {
    .ContactForm .emailCheckbox .CheckboxContainer {
        width: 100%;
    }

    .dataPrivacyContactChild {
        height: auto !important;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .ContactForm .captcha .CheckboxContainer {
        width: 55%;
    }
}

.newsletter-section {
    .ContactForm h4

{
    font-size: 1.1rem;
    font-weight: 500;
    margin: 10px 0;
}

}

.ContactForm .form-control::placeholder {
    color: #555;
}

.ContactForm .form-group select {
    padding-left: 9px;
}
/*contact css end*/
/*calender css start*/
#calendar {
    position: relative;
    top: -40px;
}

.CalenderPills {
    width: auto;
    height: auto;
    margin: 0px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #f8f8f8;
}

.CalenderCard {
    padding: 10px;
    margin: 0 auto;
    white-space: normal;
    border-radius: 5px;
    position: relative;
    -webkit-box-shadow: 0px 0px 15px 1px #ccc;
    -moz-box-shadow: 0px 0px 15px 1px #ccc;
    box-shadow: 0px 0px 15px 1px #ccc;
    width: 100%;
    background: #fff;
}

.CalenderPills .table tbody .CalenderCardBlock {
    padding: 8px;
}

.CalenderPills .table tbody td {
    padding: 0;
    border-color: transparent;
}

.calenderDownloadLink a {
    position: relative;
    top: 5px;
}

.calenderSideHeader span {
    font-size: 16px;
    font-weight: 500;
    color: #009688;
}

.calenderSideHeader p {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.link-text {
    color: var(--slb-blue);
}

.calenderDownloadLink a span {
    position: relative;
    padding-left: 5px;
    top: 2px;
}

.CurrentDate {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    position: relative;
    top: -6px;
}

.CalenderPills .table thead th {
    background-color: #414954;
    color: white;
    text-align: center;
    margin: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 3px solid #fff;
}

@media screen and (max-width: 600px), screen and (max-height: 823px) {
    .CalenderPills .calenderMap a img {
        position: relative;
        width: 60px;
    }

    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 260px;
        top: 65px;
        font-size: 18px;
        font-weight: 500;
    }
}

@media screen and (device-height: 731px), screen and (device-height: 823px), screen and (device-height: 736px) {
    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 310px;
        top: 65px;
        font-size: 18px;
        font-weight: 500;
    }
}

@media screen and (device-height: 568px) {
    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 220px;
        top: 65px;
        font-size: 18px;
        font-weight: 500;
    }
}

@media screen and (device-height: 667px), screen and (device-height: 812px) {
    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 280px;
        top: 65px;
        font-size: 18px;
        font-weight: 500;
    }
}

@media screen and (device-height: 720px) {
    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 440px;
        top: 65px;
        font-size: 18px;
        font-weight: 500;
    }
}

@media screen and (device-height: 653px) {
    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 180px;
        top: 65px;
        font-size: 18px;
        font-weight: 500;
    }
}

@media screen and (device-height: 700px) {
    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 300px;
        top: 65px;
        font-size: 18px;
        font-weight: 500;
    }
}

@media screen and (min-width: 1000px) {
    .CalenderPills .calenderMap a img {
        position: relative;
        width: 60px;
        left: -80px;
    }

    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 80px;
        top: 5px;
        font-size: 18px;
        font-weight: 500;
    }
}
/*--------------------IPad------------------------------------------------------------------------------*/
@media screen and (device-height: 1024px) {
    .CalenderPills .calenderMap a img {
        top: -5px;
        position: relative;
        width: 60px;
        left: -80px;
    }

    .CalenderPills .calenderMap .Calendar-mapview {
        position: relative;
        left: 70px;
        top: 0px;
        font-size: 18px;
        font-weight: 500;
    }
}

.calenderMenu table thead tr th {
    min-width: 150px;
    max-width: 150px;
}

.CalenderCard p {
    text-align: left;
    line-height: 20px;
    font-weight: 500;
}

.CalenderCard ul {
    padding-left: 0px;
}

.calenderMenu li {
    display: inline-block;
    position: relative;
    padding: 0 5px;
}

.CalenderPills .glyphicon-calendar {
    color: #a77dcf;
}

.CalenderCard li {
    position: relative;
    padding: 0 5px;
}

.CalenderPills .glyphicon-time {
    color: #f0993a;
}

.Month {
    position: relative;
    padding-left: 5px;
}

.CalenderPills #googleMap1 {
    width: 85%;
    height: 665px;
    margin: 50px auto;
}

.Calendar-alert {
    background: #efefef;
    padding: 30px;
    text-align: center;
    border: 1px #ddd solid;
    margin: 20px 0px;
}

    .Calendar-alert h3 {
        line-height: 32px;
        margin-top: 0px;
    }

@media only screen and (min-width: 992px) {
    .CalenderPills .dateBlock {
        float: left;
    }

    .CalenderPills .searchBlock {
        float: right;
    }
}

@media only screen and (max-width: 991px) {
    .calenderDownloadLink a {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%;
        text-align: left;
    }

    .CalenderPills .form-inline.Search .form-group {
        width: 100%;
    }

    .CalenderPills .form-inline select.form-control {
        margin-bottom: 15px;
        width: 98%;
    }

    .chekclistDropdwn {
        width: 100%;
    }

    .CalenderPills .form-inline .form-group .dropdown {
        margin-bottom: 15px;
    }

    .CalenderPills .calenderMap a img {
        top: -5px;
    }

    .CalenderPills .CurrentDate {
        top: 0px;
        margin-top: 0px;
        padding-bottom: 20px;
        margin-left: 0;
    }

    .CalenderPills .CalenderTabs {
        text-align: center;
    }

        .CalenderPills .CalenderTabs .view {
            display: none;
        }

        .CalenderPills .CalenderTabs ul {
            padding-left: 0 !important;
        }

    .CalenderPills .table thead {
        display: none;
    }

    .CalenderPills .table tbody tr td {
        width: 100%;
        display: block;
    }

    .CalenderCard {
        max-width: 400px;
    }

        .CalenderCard p {
            text-align: left;
            padding-left: 75px;
            min-height: 65px;
        }

        .CalenderCard li {
            padding: 0;
        }

        .CalenderCard .EventDate {
            background: #414954 none repeat scroll 0 0;
            color: #fff;
            padding: 5px 0;
            position: absolute;
            text-align: center;
            top: 10px;
            width: 65px;
        }

        .CalenderCard .btn {
            max-width: 150px;
            float: right;
        }

        .CalenderCard .EventDate .day {
            display: block;
            font-size: 26px;
            font-weight: 500;
            line-height: 22px;
            /* font-family: 'Oswald', sans-serif; */
            padding-bottom: 5px;
        }

        .CalenderCard .EventDate .Month {
            text-transform: uppercase;
            font-weight: 500;
            /* font-family: 'Oswald', sans-serif; */
        }

        .CalenderCard .EventTime {
            position: relative;
            top: 5px;
        }

        .CalenderCard .EventDate .icon {
            display: none;
        }

        .CalenderCard .EventDate li sup {
            display: none;
        }

    .CalenderPills .glyphicon-time {
        position: relative;
        top: 2px;
    }

    .CalenderCard .day {
        font-size: 25px;
    }

    .CalenderCard ul li:nth-child(1)::after {
        display: none;
    }

    .oneLine.courseFont {
        position: relative;
        margin-left: 4px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .calenderMenu table thead tr th {
        max-width: 130px;
        min-width: 130px;
    }

    .CalenderCard p {
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
    }

    .CalenderCard ul {
        padding: 0;
        margin: 0;
    }

    .CalenderCard .btn {
        margin-top: 10px;
    }

    .CalenderCard ul li:nth-child(1)::after {
        height: 8px;
        top: 3px;
    }

    .CalenderCard li {
        font-size: 10px;
    }

    .fc-other-month .fc-day-number {
        display: none;
    }
}
/*Adding map to calendar page - by Ramaraj*/
.chekclistDropdwn {
    padding: 5px 5px !important;
    min-width: 200px;
}

@media only screen and (max-width: 767px) {
    .CalenderPills .form-inline .form-group .dropdown-toggle {
        display: block;
        text-align: left;
        width: 100%;
    }

        .CalenderPills .form-inline .form-group .dropdown-toggle .caret {
            position: absolute;
            right: 9px;
            top: 15px;
        }

    .CalenderPills a img.cal_small {
        position: relative;
    }

    .CalenderPills .calenderMap {
        position: relative;
        z-index: 1;
    }

        .CalenderPills .calenderMap a img {
            top: 34px;
            padding-right: 10px;
        }

    .calenderDownloadLink a {
        position: relative;
        top: 0px;
    }
}

.fc-head {
    background-color: #414954 !important;
    color: #fff !important;
}

.fc th {
    height: 40px !important;
    vertical-align: middle !important;
}

.fc-right {
    display: none;
}

.fc-header-toolbar {
    /* display: none; */
    /* padding: 10px */
}

.fc-unthemed .fc-popover {
    left: 0 !important;
    width: 100%;
    height: auto;
}

.fc-day-grid .fc-row {
    height: 230px !important;
}

.fc-more-popover .fc-widget-content .fc-event-container .fc-event {
    display: inline-table !important;
    margin: 18px 20px !important;
    width: 160px;
    height: 115px;
}

.fc-event,
.fc-event-dot {
    background-color: #395291;
    color: #fff !important;
    border: 1px solid #395291 !important;
    border-radius: 5px !important;
}

.fc-event {
    margin-bottom: 5px !important;
}

    .fc-event:hover {
        background-color: #209cdc !important;
        border: 1px solid #209cdc !important;
    }

.butMore {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.fc-title img {
    float: right;
    padding: 10px 10px 0;
}

.fc-title p {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0 10px;
}

.fc .fc-toolbar > * > * {
    float: left;
    margin: 0 6px !important;
}

@media only screen and (max-width: 500px) {
    .CalenderCardBlock .btn.btn-theme-outline {
        text-overflow: unset;
        width: 46px;
        white-space: normal;
        height: 50px;
    }

    .CalenderPills .form-inline select.form-control {
        width: 97%;
    }
}

.fc-view-container .fc-event {
    padding: 10px !important;
}

.fc-content .fc-title {
    font-weight: 500;
}

.fc-content img {
    width: 35px;
    height: 30px;
}

.fc-content .fc-title h3 {
    font-size: 12px;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
}

.fc-content .fc-title ul li,
.discipline {
    font-weight: normal !important;
    min-height: 30px;
}

.fc-content .fc-title ul li,
.duration {
    font-weight: normal !important;
}

@media only screen and (max-width: 767px) {
    .fc-content .fc-title {
        display: none;
    }

    .fc-more-popover .fc-widget-content .fc-event-container .fc-event {
        width: auto;
        height: auto;
    }
}

@media only screen and (max-width: 1200px) {
    .fc-content .discipline {
        display: inline-grid;
    }

    .fc-content .duration {
        display: inline-grid;
    }
}

.fc-content ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 20px;
    margin-bottom: 0;
}

    .fc-content ul li span {
        padding-left: 10px;
    }

.fc-content .fc-title .discipline span {
    padding-left: 10px;
}

.fc-content .fc-title .duration {
    margin-top: 20px;
}

    .fc-content .fc-title .duration span {
        padding-left: 16px;
    }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    pointer-events: none;
}

.fc-view-container *,
.fc-view-container :after,
.fc-view-container :before {
    padding-right: 5px;
}

.fc-day-grid-event .fc-content {
    white-space: unset !important;
}

.fc-center h2 {
    font-size: 22px;
    color: #000;
    font-weight: 500;
}

.fc-center a {
    padding-top: 2%;
}

.fc button {
    padding: 0 .6em !important;
    margin-top: 10px !important;
}

.fc-toolbar.fc-header-toolbar {
    margin-top: 10px;
}

.fc-scroller {
    overflow-x: auto !important;
    /* remove in js overflow-y: auto !important; */
    height: auto !important;
}

.fc-widget-header {
    border-right-width: 0 !important;
    margin-right: 0 !important;
}

.fc-view-container *,
.fc-view-container ::after,
.fc-view-container ::before {
    padding-right: 0 !important;
}

.calPopTable .table thead tr th {
    border-bottom: 0;
}

.calPopTable .table thead {
    border-bottom: 1px solid #545c67;
}

.calPopTable .table tbody tr td {
    border-top: 0;
}

.calPopTable .table {
    margin-bottom: 0px !important;
}

.modal-body {
    padding: 0px;
}

.modal-content {
    /* top: 450px;
  right: 261px; */
}

.CustomerOutcomes {
    /* background: #cedfed; */
    background: var(--slb-grey-2);
}

    .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox {
        max-width: 320px;
        margin: 0 auto 25px auto;
        height: 380px;
        overflow: hidden;
    }
    /* .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active img{
    display: none;
} */
    .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox {
        /* background: #4090c0; */
        text-align: left;
        /*  border-radius: 5px; */
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
        /* -webkit-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-out; */
    }

        .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox img {
            width: 100%;
        }

        .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent {
            display: flex;
            align-items: flex-end;
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            /* padding: 20px 20px; */
            overflow-y: hidden;
            background: var(--slb-white);
        }
            /* .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent {
            height: 350px;
        } */
            .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent h4 {
                margin: 0;
                padding: 0 0 35px 0;
                position: relative;
                color: var(--slb-black);
            }

            .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent h4 {
                color: var(--slb-black);
                font-size: 18px;
                line-height: 24px;
            }

        .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active .FlipBoxContent h4::before {
            content: " ";
            position: absolute;
            bottom: 19px;
            background: var(--slb-blue);
            width: 60px;
            height: 3px;
        }

        .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent p {
            color: var(--slb-white);
            line-height: inherit;
            font-size: 15px;
            text-align: left;
        }
/* .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active .FlipBoxContent p {
            display: block;
        } */
/* .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent p {
            display: none;
        } */
@media only screen and (min-width: 992px) {
    /* .CustomerOutcomes .CustomerOutcomesFlipBoxMain {
        padding-top: 70px;
    } */
    .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active {
        /* transform: scale(1.2) !important; */
        position: relative;
        /* z-index: 2; */
        /* -webkit-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all .5s ease-in-out; */
    }

    .Boxone {
        transform: scale(1.2) !important;
    }

    .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active .FlipBoxContent h4 {
        line-height: 18px;
        /* color: var(--slb-white); */
    }
}

@media only screen and (max-width: 767px) {
    .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox {
        max-width: 320px;
        margin: 0 auto 25px auto;
        height: 380px;
    }
        /* .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active img{
        display: none;
    } */
        .CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent {
            align-items: center;
        }
}
/*customer outcomes end*/
/*Competency Management Solutions start*/
.MethodologyCMS {
    background: #2d3e50;
}

    .MethodologyCMS h2 {
        color: #fff;
    }

    .MethodologyCMS p {
        color: #fff;
    }

    .MethodologyCMS .MethodologyCMSBox {
        background: #143046;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        width: 100%;
        padding: 20px;
    }

        .MethodologyCMS .MethodologyCMSBox h4 {
            color: #fff;
        }
/*Competency Management Solutions end*/
/*Corporate home start*/
@keyframes blink {
    50% {
        color: transparent;
        display: none;
    }
}

.nextTrac-ensuringExcellence .loader__dot {
    animation: 1s blink infinite;
    color: #fff;
}

    .nextTrac-ensuringExcellence .loader__dot:nth-child(2) {
        animation-delay: 250ms;
        color: #fff;
    }

    .nextTrac-ensuringExcellence .loader__dot:nth-child(3) {
        animation-delay: 500ms;
        color: #fff;
    }

.nextTrac-ensuringExcellence p,
.nextTrac-ensuringExcellence h2 {
    color: #fff;
}

.IndustrialAcademiaProgram,
.IntegratedTraining,
.MastersProgram,
.NExTtracTrainingPrograms,
.CapabilityDevelopmentFramework,
.CompetencyManagementSolutions,
.UserTechnologyAdoptionRoadmap,
.CompetencyAssessment,
.BlendedSkillsTrainingProgram {
    min-height: 190px;
}

    .IndustrialAcademiaProgram:hover p,
    .IntegratedTraining:hover p,
    .MastersProgram:hover p,
    .NExTtracTrainingPrograms:hover p,
    .CapabilityDevelopmentFramework:hover p,
    .CompetencyManagementSolutions:hover p,
    .UserTechnologyAdoptionRoadmap:hover p,
    .CompetencyAssessment:hover p,
    .BlendedSkillsTrainingProgram:hover p {
        color: #fff;
    }

.CapabilityDevelopmentFramework {
    border-radius: 5px;
    padding: 20px 20px 15px 0px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #51c4a8 url("/content/next/images/corporate/empty-bg.png") no-repeat;
    background-position: 0px 30px;
}

.CompetencyManagementSolutions {
    border-radius: 5px;
    padding: 20px 20px 15px 0px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #b1926c url("/content/next/images/corporate/empty-bg.png") no-repeat;
    background-position: 4px 30px;
}

.UserTechnologyAdoptionRoadmap {
    border-radius: 5px;
    padding: 20px 25px 15px 0px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #4db5dc url("/content/next/images/corporate/empty-bg.png") no-repeat;
    background-position: 2px 27px;
}

.CompetencyAssessment {
    border-radius: 5px;
    padding: 20px 25px 15px 0px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #e87e60 url("/content/next/images/corporate/empty-bg.png") no-repeat;
    background-position: 10px 22px;
}

.BlendedSkillsTrainingProgram {
    border-radius: 5px;
    padding: 20px 25px 15px 0px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #ebce7b url("/content/next/images/corporate/empty-bg.png") no-repeat;
    background-position: 9px 24px;
}

.NExTtracTrainingPrograms {
    border-radius: 5px;
    padding: 20px 25px 15px 130px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #a3cda5 url("/content/next/images/corporate/NExTtracTrainingPrograms.png") no-repeat;
    background-position: 5px 15px;
}

.MastersProgram {
    border-radius: 5px;
    padding: 20px 25px 15px 0px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #779d98 url("/content/next/images/corporate/empty-bg.png") no-repeat;
    background-position: 5px 30px;
}

.IntegratedTraining {
    border-radius: 5px;
    padding: 20px 25px 15px 130px;
    color: #fff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    background: #f8b238 url("/content/next/images/corporate/IntegratedTraining.png") no-repeat;
    background-position: 5px 15px;
}

.IndustrialAcademiaProgram {
    /*border-radius: 5px;*/
    padding: 20px 25px 15px 0px;
    color: #fff;
    /*box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2); */
    /* background: #81a0ca url("/content/next/images/corporate/empty-bg.png") no-repeat; */
    background-position: 5px 27px;
}

.talent-management-sol .boxShadow h4 {
    font-weight: 500;
}

.talent-management-sol .boxShadow img {
    margin-top: 12px;
}

.UserTechnologyAdoptionRoadmap .col-xs-4 img {
    margin-left: -5px;
}

.IndustrialAcademiaProgram .col-xs-2 img {
    margin-left: 8px;
}

.CapabilityDevelopmentFramework p,
.CompetencyManagementSolutions p,
.UserTechnologyAdoptionRoadmap p,
.CompetencyAssessment p,
.BlendedSkillsTrainingProgram p,
.NExTtracTrainingPrograms p,
.MastersProgram p,
.IntegratedTraining p,
.IndustrialAcademiaProgram p {
    color: #fff;
    max-width: 100%;
    padding-top: 5px;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 0px;
}

    .CapabilityDevelopmentFramework p.readMore,
    .CompetencyManagementSolutions p.readMore,
    .UserTechnologyAdoptionRoadmap p.readMore,
    .CompetencyAssessment p.readMore,
    .BlendedSkillsTrainingProgram p.readMore,
    .NExTtracTrainingPrograms p.readMore,
    .MastersProgram p.readMore,
    .IntegratedTraining p.readMore,
    .IndustrialAcademiaProgram p.readMore {
        bottom: 15px;
        position: absolute;
        right: 15px;
        color: #fff;
        margin: 0;
        padding: 0;
    }

        .CapabilityDevelopmentFramework p.readMore a,
        .CompetencyManagementSolutions p.readMore a,
        .UserTechnologyAdoptionRoadmap p.readMore a,
        .CompetencyAssessment p.readMore a,
        .BlendedSkillsTrainingProgram p.readMore a,
        .NExTtracTrainingPrograms p.readMore a,
        .MastersProgram p.readMore a,
        .IntegratedTraining p.readMore a,
        .IndustrialAcademiaProgram p.readMore a {
            color: #fff;
            text-decoration: none;
        }

            .CapabilityDevelopmentFramework p.readMore a:hover,
            .CompetencyManagementSolutions p.readMore a:hover,
            .UserTechnologyAdoptionRoadmap p.readMore a:hover,
            .CompetencyAssessment p.readMore a:hover,
            .BlendedSkillsTrainingProgram p.readMore a:hover,
            .NExTtracTrainingPrograms p.readMore a:hover,
            .MastersProgram p.readMore a:hover,
            .IntegratedTraining p.readMore a:hover,
            .IndustrialAcademiaProgram p.readMore a:hover {
                color: #fff;
                text-decoration: none;
            }

            .CapabilityDevelopmentFramework p.readMore a span,
            .CompetencyManagementSolutions p.readMore a span,
            .UserTechnologyAdoptionRoadmap p.readMore a span,
            .CompetencyAssessment p.readMore a span,
            .BlendedSkillsTrainingProgram p.readMore a span,
            .NExTtracTrainingPrograms p.readMore a span,
            .MastersProgram p.readMore a span,
            .IntegratedTraining p.readMore a span,
            .IndustrialAcademiaProgram p.readMore a span {
                padding-right: 3px;
                position: relative;
                font-size: 14px;
            }

            .CapabilityDevelopmentFramework p.readMore a i,
            .CompetencyManagementSolutions p.readMore a i,
            .UserTechnologyAdoptionRoadmap p.readMore a i,
            .CompetencyAssessment p.readMore a i,
            .BlendedSkillsTrainingProgram p.readMore a i,
            .NExTtracTrainingPrograms p.readMore a i,
            .MastersProgram p.readMore a i,
            .IntegratedTraining p.readMore a i,
            .IndustrialAcademiaProgram p.readMore a i {
                font-size: 14px;
                position: relative;
                top: 1px;
                letter-spacing: -3px;
            }

.CapabilityDevelopmentFramework:hover,
.CompetencyManagementSolutions:hover,
.UserTechnologyAdoptionRoadmap:hover,
.CompetencyAssessment:hover,
.BlendedSkillsTrainingProgram:hover,
.NExTtracTrainingPrograms:hover,
.MastersProgram:hover,
.IntegratedTraining:hover,
.IndustrialAcademiaProgram:hover {
    background-position: 0% 100%;
    transition: 0.10s ease-out;
}

.corporateMethodology {
    background: url("/content/next/images/corporate/methodology_background.jpg") no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    min-height: 400px;
    max-height: 830px;
}

    .corporateMethodology h2,
    .corporateMethodology h3,
    .corporateMethodology p {
        color: #fff;
    }

    .corporateMethodology .MethodologyBox img {
        padding: 6px;
        border: 2px solid #a9a9a8;
        border-radius: 50%;
        background-color: #070f12;
        z-index: 2;
        position: relative;
    }

    .corporateMethodology .leftBox .Methodologyline.leftLine {
        width: 40%;
        top: 99px;
        height: 2px;
        background: #000000;
        background: -moz-linear-gradient(left, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
        background: -webkit-linear-gradient(left, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
        background: linear-gradient(to right, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#a9a9a8', GradientType=1);
    }

    .corporateMethodology .leftBox .Methodologyline.RightLine {
        width: 50%;
        transform: rotate(23deg);
        top: 100px;
        right: -40px;
        height: 2px;
    }

    .corporateMethodology .Methodologyline {
        background: #a9a9a8;
        height: 2px;
        position: absolute;
        z-index: 0;
    }

    .corporateMethodology h3 {
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .corporateMethodology .menuLine {
        margin: 5px auto 12px auto;
        background-color: #3da2f3;
        border-color: #3da2f3;
    }

.menuLine {
    width: 50px;
    height: 3px;
    background-color: #8bdccd;
    border-style: solid;
    border-width: 1px;
    border-color: #8bdccd;
}

.corporateMethodology .MethodologyBox.MiddleBox {
    padding-top: 70px;
}

.corporateMethodology .MiddleBox .Methodologyline {
    top: 135px;
    width: 100%;
}

.corporateMethodology .rightBox .Methodologyline.leftLine {
    width: 50%;
    transform: rotate(-25deg);
    top: 95px;
    left: -39px;
    height: 2px;
}

.corporateMethodology .rightBox .Methodologyline.RightLine {
    width: 40%;
    transform: rotate(23deg);
    top: 90px;
    right: 0px;
    height: 2px;
    background: #000000;
    background: -moz-linear-gradient(right, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
    background: -webkit-linear-gradient(right, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
    background: linear-gradient(to left, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#a9a9a8', GradientType=1);
}

.corporateMethodology .MiddleBox .Methodologyline::before {
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: -4px;
}

.corporateMethodology .MiddleBox .Methodologyline::after {
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: -4px;
}

.corporateMethodology .leftBox .Methodologyline.leftLine {
    width: 40%;
    transform: rotate(-30deg);
    top: 99px;
    height: 2px;
    background: #000000;
    background: -moz-linear-gradient(left, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
    background: -webkit-linear-gradient(left, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
    background: linear-gradient(to right, transparent 1%, transparent 3%, transparent 5%, #a9a9a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#a9a9a8', GradientType=1);
}

.corporateMethodology .MethodologyBox img:hover {
    border-style: dashed;
}

.corporateMethodology .explore-btn {
    position: relative;
    top: 0px;
    margin-right: 60px;
}

.BannerCaseStudies {
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
}

.CaseStudies {
    /* border-radius: 5px;
    box-shadow: 0px 0px 13px #aaa; */
    background-color: var(--slb-grey-1);
}

    .CaseStudies img {
        width: 100%;
        height: auto;
        transition: all 0.6s ease-in-out;
        border: 1px Solid #dce1e1;
        border-bottom: 0px;
    }
/* .CaseStudies img:hover {
            transform: scale(1.1);
            transition: all 0.6s ease-in-out;
        } */
.CaseStudiesContent {
    padding: 15px 20px;
    display: inline-block;
    height: 325px;
}

.corporateHomeColor {
    color: var(--slb-blue);
    font-size: 18px;
    font-weight: 500;
}

.CaseStudies .readMore {
    position: relative;
    right: 0;
    bottom: 0;
    color: var(--slb-blue);
}

    .CaseStudies .readMore:hover {
        text-decoration: none;
        color: #000;
    }

    .CaseStudies .readMore span {
        position: relative;
        padding-right: 3px;
    }

    .CaseStudies .readMore i {
        font-size: 14px;
        position: relative;
        top: 1px;
    }

h2.secondary-heading {
    font-family: 'Oswald', sans-serif;
    font-size: 27px;
}

.business-impact-btm-quote {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.CaseStudies .green-text {
    color: var(--slb-aqua-blue);
}

.CaseStudiesHeader {
    font-size: 25px !important;
    font-weight: 500;
}

@media only screen and (max-width:767px) {
    .CaseStudiesHeader {
        font-size: 22px !important;
        font-weight: normal;
    }
}

.nextTrac-ensuringExcellence {
    background: #243352;
}

    .nextTrac-ensuringExcellence .secondary-heading {
        position: relative;
        z-index: 10;
    }

.strategy-column {
    width: 230px;
}

.strategy-column-inner {
    width: 230px;
    height: 253px;
    background: url("/content/next/images/corporate/curved-line.png") no-repeat;
    background-position: right top;
    margin-top: 75px;
}

.strategy-column-circle {
    width: 209px;
    height: 207px;
    background: url("/content/next/images/corporate/circle_background.jpg") no-repeat;
    display: flex;
    align-items: center;
    border-radius: 50%;
    float: left;
    margin-top: 20px;
    text-align: center;
    padding: 18px;
    font-size: 15px;
    margin-left: 4px;
    color: #fff;
}

    .strategy-column-circle p {
        padding: 15px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0px;
    }

.learning-solution-column {
    width: 275px;
    margin: 0px 30px;
}

.learning-solution-inner {
    width: 275px;
    height: 358px;
    background-image: url(/content/next/images/corporate/line_left.png), url(/content/next/images/corporate/line_right.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding: 15px 15px;
}

.learning-solution-column ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .learning-solution-column ul li {
        font-size: 16px;
        background: #3a4688;
        padding: 19px 10px 18px 65px;
        margin-top: 5px;
        /* border-radius: 5px; */
    }

        .learning-solution-column ul li:first-child {
            background: var(--slb-blue) url("/content/next/images/corporate/icon1_Quality_Content.png") no-repeat;
            background-position: 13px 8px;
        }

        .learning-solution-column ul li:nth-child(2) {
            background: var(--slb-blue) url("/content/next/images/corporate/icon2_Expert_Facility.png") no-repeat;
            background-position: 13px 8px;
        }

        .learning-solution-column ul li:nth-child(3) {
            background: var(--slb-blue) url("/content/next/images/corporate/icon3_Industry_immersion.png") no-repeat;
            background-position: 13px 8px;
        }

        .learning-solution-column ul li:nth-child(4) {
            background: var(--slb-blue) url("/content/next/images/corporate/icon4_Operational_Excellence.png") no-repeat;
            background-position: 13px 8px;
        }

        .learning-solution-column ul li:nth-child(5) {
            background: var(--slb-blue) url("/content/next/images/corporate/icon5_Learning_Technology.png") no-repeat;
            background-position: 13px 8px;
        }

.delivery-mechanism-column {
    width: 448px;
}

.delivery-mechanism-inner {
    width: 448px;
    height: 358px;
    background-image: url(/content/next/images/corporate/line_left.png), url(/content/next/images/corporate/line_right.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding: 20px 0px 20px 15px;
}

.delivery-mechanism-column ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-left: -1px;
}

ul.delivery-mechanism-pods li {
    width: 103px;
    height: 90px;
    background: #4d1f36;
    text-align: center;
    float: left;
    margin-right: 3px;
    /* border-radius: 5px; */
    font-size: 15px;
    margin-bottom: 3px;
    padding-top: 48px;
    line-height: 16px;
}

    ul.delivery-mechanism-pods li:first-child {
        background: var(--slb-grey-5) url("/content/next/images/corporate/1_Classroom.png") no-repeat;
        background-position: center 10px;
    }

    ul.delivery-mechanism-pods li:nth-child(2) {
        background: var(--slb-grey-5) url("/content/next/images/corporate/2_Field_Trip.png") no-repeat;
        background-position: center 10px;
    }

    ul.delivery-mechanism-pods li:nth-child(3) {
        background: var(--slb-grey-5) url("/content/next/images/corporate/3_Practical_training.png") no-repeat;
        background-position: center 10px;
    }

    ul.delivery-mechanism-pods li:nth-child(4) {
        background: var(--slb-grey-5) url("/content/next/images/corporate/4_FieldTrip_with_software.png") no-repeat;
        background-position: center 10px;
    }

    ul.delivery-mechanism-pods li:nth-child(5) {
        background: var(--slb-grey-5) url("/content/next/images/corporate/5_Digital_learning.png") no-repeat;
        background-position: center 10px;
    }

    ul.delivery-mechanism-pods li:nth-child(6) {
        background: var(--slb-grey-5) url("/content/next/images/corporate/6_On-the-job.png") no-repeat;
        background-position: center 10px;
    }

    ul.delivery-mechanism-pods li:nth-child(7) {
        background: var(--slb-grey-5)url("/content/next/images/corporate/7_Virtual_classroom.png") no-repeat;
        background-position: center 10px;
    }

    ul.delivery-mechanism-pods li:nth-child(8) {
        background: var(--slb-grey-5) url("/content/next/images/corporate/8_classroom_with_simulator.png") no-repeat;
        background-position: center 10px;
    }

.delivery-mechanism-chart {
    background: url("/content/next/images/corporate/dotted_line1.png") no-repeat;
    height: 80px;
    width: 350px;
    margin-top: 55px;
    margin-left: 70px;
    position: relative;
}

    .delivery-mechanism-chart ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 36px;
        float: left;
        margin-left: -40px;
    }

        .delivery-mechanism-chart ul li {
            float: left;
            font-size: 15px;
        }

            .delivery-mechanism-chart ul li:nth-child(2) {
                margin-left: 57px;
                margin-right: 60px;
            }

            .delivery-mechanism-chart ul li:last-child {
                margin-right: 0px;
            }

    .delivery-mechanism-chart .activities {
        width: 108px;
        background: var(--slb-grey-5);
        /* border-radius: 15px; */
        font-weight: 500;
        position: absolute;
        left: 82px;
        top: -30px;
        padding: 3px 0px;
        font-size: 15px;
    }

.assessment-reflection {
    margin-top: 22px;
    float: left;
    font-size: 15px;
}

.CDFMethodology h4 {
    color: #fff;
}

.optimum-client-column {
    width: 200px;
    margin-left: 30px;
}

.optimum-client-inner {
    width: 200px;
    height: 290px;
    background-image: url(/content/next/images/corporate/line_left1.png), url(/content/next/images/corporate/line_right1.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding: 20px 15px 20px 15px;
    margin-top: 75px;
}

.optimum-client-content {
    background-color: #5ea060;
    background-image: url("/content/next/images/corporate/outcome_icon.png"), url("/content/next/images/corporate/outcome_background.jpg");
    background-repeat: no-repeat;
    background-position: 47px 42px, left bottom;
    /* border-radius: 10px; */
    height: 250px;
    padding-top: 147px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

.learning-solution-heading {
    text-align: center;
    font-size: 17px;
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--slb-aqua-blue);
    text-transform: uppercase;
}

.nextrac-arrow-animation {
    position: absolute;
    top: -50px;
}

.optimum-client-column .learning-solution-heading {
    display: none;
}

.heading-secondary {
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.talent-management-sol div.wow {
    height: 250px;
}

.CaseStudiesContent a:hover {
    text-decoration: none;
}

.dotted-animation {
    position: absolute;
    top: 208px;
    left: 245px;
    width: 29px;
    overflow: hidden;
    z-index: 1;
}

    .dotted-animation .dot-animation2 {
        margin-left: -4px;
        margin-top: -8px;
    }

.dotted-animation2 {
    position: absolute;
    top: 200px;
    right: 223px;
    width: 30px;
    overflow: hidden;
    z-index: 1;
}

    .dotted-animation2 .dot-animation2 {
        margin-left: -6px;
        margin-top: -8px;
    }

.dotted-animation3 {
    position: absolute;
    top: 208px;
    left: 550px;
    width: 32px;
    overflow: hidden;
    z-index: 1;
}

    .dotted-animation3 .dot-animation2 {
        margin-left: -6px;
        margin-top: -8px;
    }

.nextpertAnimation .nextpert-slogan-black {
    font-size: 20px;
    border-left: 1px solid #525454 !important;
    height: 50px;
    padding-left: 10px;
    margin-left: 10px;
    display: inline;
    position: relative;
    top: 9px;
    padding-top: 12px;
    color: #333333 !important;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .IndustrialAcademiaProgram,
    .IntegratedTraining,
    .MastersProgram,
    .NExTtracTrainingPrograms,
    .CapabilityDevelopmentFramework,
    .CompetencyManagementSolutions,
    .UserTechnologyAdoptionRoadmap,
    .CompetencyAssessment,
    .BlendedSkillsTrainingProgram {
        min-height: 250px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .corporateMethodology .MiddleBox .Methodologyline {
        top: 120px;
        z-index: 1;
    }
}

@media screen and (max-width:1024px) and (min-width:992px) {
    .corporateMethodology .MiddleBox .Methodologyline {
        top: 128px;
        z-index: 1;
    }
}

@media only screen and (max-width:767px) {
    .corporateMethodology .Methodologyline {
        display: none;
    }

    .corporateMethodology .MethodologyBox.MiddleBox {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .CaseStudies {
        max-width: 380px;
        margin: 0 auto 15px auto;
    }
}

@media screen and (max-width: 376px) {
    .GeologySection .horizontalTabs li a {
        padding: 8px 4.5px !important;
    }
}
/*Corporate home end*/
/*Course Listing list start*/
.FilterBar {
    /* background-color: #f5f5f5; */
    /* border-color: #ddd; */
    padding: 10px;
}

.Filtermap {
    position: absolute;
    top: -2px;
    right: -7px;
}

    .Filtermap img {
        width: 60px;
    }

.GeologySection .horizontalTabsBox {
    margin: 0 auto 25px auto;
    text-align: center;
}

    .GeologySection .horizontalTabsBox .horizontalTabs {
        border-bottom: 0;
    }

.GeologySection .horizontalTabs li {
    float: none;
    display: inline-block;
}

    .GeologySection .horizontalTabs li a.active {
        background: var(--slb-blue);
        /* border-radius: 10px; */
    }

    .GeologySection .horizontalTabs li a:hover {
        /* background: transparent; */
        border: 0;
    }

    .GeologySection .horizontalTabs li a.active {
        color: var(--slb-white);
        border-width: 0;
        border-color: var(--slb-blue);
        font-weight: 400;
        position: relative;
    }

    .GeologySection .horizontalTabs li a {
        font-size: 16px;
        border-width: 0 0 2px 0;
        font-weight: 400;
        padding: 10px 15px;
        display: block;
    }

        .GeologySection .horizontalTabs li a.active:after {
            content: " ";
            position: absolute;
            bottom: -8px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 9px 7px 0 7px;
            border-color: var(--slb-blue) transparent transparent transparent;
            text-align: center;
            margin: 0 auto;
            left: 45%;
            right: auto;
            z-index: 3;
        }

.courseContent h5 {
    color: var(--slb-blue);
    font-weight: 500;
    /* font-family: 'Roboto-Regular', sans-serif; */
    font-size: 20px;
    margin-top: 0;
}

.courseContent .startRating {
    color: #ccc;
    padding-left: 7px;
}

    .courseContent .startRating li {
        padding-left: 0;
        padding-right: 2px;
    }

.startRating li .glyphicon-star {
    color: #f26722;
}

.cDetails {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.classDetails.status li {
    position: relative;
    padding: 0 8px;
}

.classDetails li::after {
    content: " ";
    position: absolute;
    right: -1px;
    background-color: #e1e1e1;
    width: 1px;
    height: 10px;
    bottom: 5px;
}

.classDetails span {
    color: #0079a9;
}

.CourseList .couPrice {
    list-style-type: none !important;
    padding: 0;
    text-align: center;
}

    .CourseList .couPrice li {
        position: relative;
    }

.dollarSup {
    position: relative;
    font-size: 100% !important;
    line-height: 0;
    vertical-align: super !important;
    color: #12b9b1 !important;
}

.priceSpan {
    font-size: 22px;
    font-weight: 500;
    color: var(--slb-blue) !important;
    white-space: nowrap;
}

.CourseList .priceCol {
    color: #12b9b1;
    font-size: 12px;
    position: relative;
    top: -6px;
    left: -9px;
}

.CourseList .couPrice li:nth-child(1) {
    padding: 0px 0 2px 0;
}

.FilterList {
    margin: 25px 0 45px 0;
    box-shadow: 0px 0px 15px 1px #ccc;
    padding: 20px 15px;
    border-radius: 5px;
}

    .FilterList .title {
        font-weight: 500;
        float: left;
        padding-right: 8px;
        position: relative;
        top: 5px;
    }

    .FilterList .ListItems {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

        .FilterList .ListItems li {
            display: inline-block;
            border: 1px solid #ccc;
            padding: 5px 10px;
            border-radius: 10px;
            position: relative;
            padding-right: 35px;
            margin-right: 2px;
            margin-bottom: 2px;
        }

            .FilterList .ListItems li .cancel {
                color: #F00;
                font-weight: 400;
                position: absolute;
                right: 10px;
                top: 0px;
                font-size: 22px;
            }

.classDetails li:last-child::after {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .FilterBar .form-inline {
        text-align: right;
        padding-right: 42px;
    }

    .HorTabsFour li {
        padding: 0 50px;
    }
}

@media only screen and (min-width: 992px) {
    .CourseList .splitLines::before {
        content: " ";
        position: absolute;
        left: 6px;
        width: 1px;
        height: 50px;
        background: #ececec;
        top: 20px;
    }

    .CourseList .couPrice {
        min-width: 110px;
    }

    .CourseList .splitLines::after {
        content: " ";
        position: absolute;
        right: 6px;
        width: 1px;
        height: 50px;
        background: #ececec;
        top: 20px;
    }

    .CourseList .courseContentStatus {
        min-width: 320px;
    }
}

@media only screen and (max-width: 991px) {
    .GeologySection .horizontalTabs {
        overflow-x: auto;
        z-index: 2;
        top: 25px;
        white-space: nowrap;
        overflow-y: hidden;
        border-bottom: 0 !important;
        padding-bottom: 25px;
        position: relative;
    }

    .GeologySection .CourseList {
        box-shadow: 0px 0px 15px 1px #ccc;
        margin: 30px 0px;
        padding: 20px 20px;
    }

    .GeologySection .tab-content hr {
        display: none;
    }

    .CourseList .courseContentStatus {
        padding-top: 20px;
    }

        .CourseList .courseContentStatus .col-sm-6 {
            display: inline-block;
            padding-bottom: 10px;
            width: 100%;
        }

        .CourseList .courseContentStatus img {
            float: left;
            position: relative;
            top: -2px;
        }

        .CourseList .courseContentStatus .LoactionSpace img {
            padding-left: 3px;
            padding-right: 7px;
        }

        .CourseList .courseContentStatus ul {
            float: left;
            padding-left: 7px;
        }

            .CourseList .courseContentStatus ul li {
                display: inline-block;
            }

        .CourseList .courseContentStatus .col-sm-4.splitLines ul {
            padding-left: 13px;
        }

    .CourseList .couPrice {
        text-align: left;
    }

        .CourseList .couPrice li:nth-child(1) {
            padding-top: 0;
            padding-bottom: 0;
            padding-right: 40px;
        }

    .CourseList .priceCol {
        left: 15px;
    }

    .CourseList .couPrice li {
        display: inline-block;
        vertical-align: middle;
    }

    .CourseList .courseContentStatus .col-sm-4.LoactionSpace {
        padding-left: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .FilterBar .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        padding-right: 5px;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) {
    .FilterBar .form-inline .form-group {
        margin-bottom: 10px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
    .FilterBar .form-inline .form-group {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .FilterBar .form-inline .form-group .dropdown-toggle {
        display: block;
        text-align: left;
        width: 100%;
    }

        .FilterBar .form-inline .form-group .dropdown-toggle .caret {
            position: absolute;
            right: 15px;
            top: 15px;
        }

    .FilterBar .form-inline .Filtermap {
        bottom: -10px;
        right: 14px;
        top: auto;
    }

    .FilterList .title {
        display: block;
        float: none;
        padding-bottom: 10px;
    }

    .FilterList .ListItems {
        padding-bottom: 10px;
    }
}
/*Course Listing list end*/
/*Course Details start*/
.courseDetailsPrice {
    /*background: #000 url("/content/next/images/courseDetails/courseDetailsBG.jpg") no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover; */
}

.courseDetailsHeader {
    border-bottom: 1px solid #7b8ca2;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

    .courseDetailsHeader h1,
    .courseDetailsHeader h2 {
        /* color: #fff; */
        width: 96%;
    }

    .courseDetailsHeader ul li {
        /* color: #fff; */
    }

.FeaturedLinks li {
    position: relative;
    padding: 0 8px;
}

    .FeaturedLinks li::after {
        content: " ";
        width: 1px;
        height: 16px;
        background: #656565;
        position: absolute;
        top: 2px;
        right: -2px;
    }

    .FeaturedLinks li ul li:after {
        display: none;
    }

    .FeaturedLinks li ul li {
        padding: 0px;
    }

.courseDetailsHeader .FeaturedLinks li::after {
    background: #7b8ca2;
}

.FeaturedLinks li:last-child::after,
.postStatus ul li:last-child::after {
    width: 0;
}

.shareUserList {
    max-width: 130px;
    position: absolute;
    top: 34px;
    right: 0px;
}

    .shareUserList ul {
        list-style: none;
        padding-left: 5px;
    }

.courseDetailsHeader ul li {
    /* color: #fff; */
}

.shareUserList li {
    padding-bottom: 7px;
}

.courseDetailsHeader ul.FeaturedLinks li img {
    margin-top: -1px;
}

.shareIcons {
    text-align: right;
    font-size: 21px;
    margin-bottom: 0;
    position: relative;
    top: 0px;
}

.courseDetailsPrice .shareIcons li {
    position: relative;
}

    .courseDetailsPrice .shareIcons li a {
        color: #fff;
    }

    .courseDetailsPrice .shareIcons li:after {
        content: " ";
        width: 1px;
        height: 9px;
        background: #ffffff;
        position: absolute;
        top: 13px;
        left: -5px;
    }

    .courseDetailsPrice .shareIcons li:first-child:after {
        background: transparent;
    }

.userTxt {
    padding-left: 50px;
}

    .userTxt img {
        padding-right: 10px;
        position: absolute;
        left: 0;
        top: -3px;
    }

    .userTxt span {
        display: block;
    }

.CourseContentBox {
    min-height: 375px;
    border-radius: 5px;
}

    .CourseContentBox h4 {
        text-transform: uppercase;
    }

    .CourseContentBox .viewAll {
        position: absolute;
        right: 15px;
        bottom: 10px;
        color: #209cdc;
        font-size: 14px;
    }

        .CourseContentBox .viewAll:hover {
            text-decoration: none;
            color: #000;
        }

        .CourseContentBox .viewAll i {
            position: relative;
            top: 1px;
        }

.offerVertical .Offersave {
    position: relative;
    margin: 0 auto 5px auto !important;
    max-width: 218px;
    width: 100%;
    color: #000;
    background: -moz-linear-gradient(267deg, #ffe99a 0%, #f0bb02 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe99a), color-stop(100%, #f0bb02));
    background: -webkit-linear-gradient(267deg, #ffe99a 0%, #f0bb02 100%);
    background: -o-linear-gradient(267deg, #ffe99a 0%, #f0bb02 100%);
    background: -ms-linear-gradient(267deg, #ffe99a 0%, #f0bb02 100%);
    background: linear-gradient(183deg, #ffe99a 0%, #f0bb02 100%);
}

    .offerVertical .Offersave h1 {
        font-weight: 500;
    }

        .offerVertical .Offersave h1.Num {
            font-size: 65px;
        }

        .offerVertical .Offersave h1 small {
            position: absolute;
            color: #000;
            font-size: 22px;
        }

    .offerVertical .Offersave p {
        color: #000;
        font-weight: 500;
        line-height: 19px;
        font-size: 14px;
    }

    .offerVertical .Offersave p {
        color: #000;
        font-weight: 500;
        line-height: 19px;
        font-size: 14px;
    }

    .offerVertical .Offersave p {
        color: #000;
        font-weight: 500;
        line-height: 19px;
        font-size: 14px;
    }

.offerPrice span {
    font-weight: 500;
}

.offerPrice h1 small {
    position: relative;
    top: -4px;
    color: #fff;
}

.offerVertical .btn {
    padding-left: 5px;
    padding-right: 5px;
}

.courseDetailsContent p {
    /* color: #fff; */
}

.CourseContentBox p {
    color: #656565;
}

.offerPrice {
    color: #fff;
}

.offerVertical {
    padding-bottom: 60px;
}

.CourseProgression h3 {
    font-size: 25px;
    font-weight: 500;
    line-height: 27px;
    min-height: 48px;
    display: flex;
    align-items: flex-end;
}

.ProgressionMap {
    border: 1px solid #efefef;
    border-radius: 5px;
}

    .ProgressionMap ul {
        padding-left: 0;
        list-style: none;
    }

        .ProgressionMap ul li h4 {
            font-weight: 500;
            padding: 0;
            margin: 0 0 5px 0;
        }

        .ProgressionMap ul li a {
            padding: 5px 5px;
            display: block;
        }

    .ProgressionMap .arrow {
        text-align: center;
        font-size: 35px;
        line-height: 25px;
        color: #5299e8;
        padding: 0;
        margin-bottom: 10px;
    }

    .ProgressionMap ul li a:hover,
    .ProgressionMap ul .active a {
        background: #5299e8;
        color: #fff;
        text-decoration: none;
    }

.UpcomingCourses {
    background-color: #38b6d1;
    border-radius: 5px;
    min-height: 334px;
}

    .UpcomingCourses .dropdown .btn-default {
        text-align: left;
    }

        .UpcomingCourses .dropdown .btn-default .caret {
            float: right;
            position: absolute;
            right: 15px;
            top: 15px;
        }

    .UpcomingCourses ul {
        list-style: none;
        padding-left: 0;
    }

.address li {
    color: #fff;
    padding-bottom: 15px;
}

.UpcomingCourses .address li a {
    color: #fff;
}

.RelatedCourses {
    padding-left: 0;
    list-style: none;
}

    .RelatedCourses li {
        border-bottom: 1px solid #555;
        padding-bottom: 13px;
        margin-bottom: 13px;
    }

        .RelatedCourses li:last-child {
            border: none;
        }

        .RelatedCourses li h4 {
            margin-bottom: 5px;
            line-height: 24px;
            color: #008ecb;
        }

            .RelatedCourses li h4 a {
                color: #209cdc;
            }

        .RelatedCourses li .stars {
            padding-left: 5px;
        }

            .RelatedCourses li .stars ul li {
                border-width: 0;
                padding-bottom: 0px;
                margin-bottom: 0px;
                padding: 0 2px;
            }

.offersBar {
    background-color: rgb(62, 146, 247);
}

.HorizentalCart {
    background-color: #2d343d;
    max-width: 900px;
    margin: 0 auto;
}

.OffersaveHoriztal {
    background: #ffd43c;
    position: absolute;
    top: -27px;
    left: 35px;
}

    .OffersaveHoriztal .OffersaveHoriztalTitle font {
        color: #000;
        font-weight: 500;
        line-height: 19px;
        font-size: 14px;
        position: relative;
        top: -12px;
    }

    .OffersaveHoriztal .OffersaveHoriztalTitle span {
        color: #000;
        font-weight: 500;
        font-size: 50px;
        margin-left: 20px;
    }

        .OffersaveHoriztal .OffersaveHoriztalTitle span sup {
            position: relative;
            top: -10px;
            margin-right: 5px;
            font-size: 25px;
        }

    .OffersaveHoriztal p {
        color: #000;
        font-weight: 500;
        line-height: 19px;
        font-size: 14px;
    }

    .OffersaveHoriztal:after {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 70px 0 69px 70px;
        border-color: transparent transparent transparent #ffd43c;
        position: absolute;
        right: -70px;
        top: 0;
    }

.offersBar .btn-white-outline-transparent {
    padding-left: 10px;
    padding-right: 10px;
}

.CourseDetails-tab {
    color: #fff;
}

    .CourseDetails-tab .nav-tabs li a {
        color: #fff;
        height: 58px;
    }

        .CourseDetails-tab .nav-tabs li.active a,
        .CourseDetails-tab .nav-tabs li.active a:focus,
        .CourseDetails-tab .nav-tabs li.active a:hover,
        .CourseDetails-tab .nav-tabs li a:hover {
            background: var(--slb-blue);
            color: #fff;
        }

            .CourseDetails-tab .nav-tabs li.active a .n-state,
            .CourseDetails-tab .nav-tabs li.active a:hover .n-state,
            .CourseDetails-tab .nav-tabs li a:hover .n-state {
                display: inline-block;
                height: 58px;
            }

            .CourseDetails-tab .nav-tabs li.active a .h-state,
            .CourseDetails-tab .nav-tabs li.active a:hover .h-state,
            .CourseDetails-tab .nav-tabs li a:hover .h-state {
                display: none;
            }

    .CourseDetails-tab .nav-tabs li:nth-child(2) a img {
        margin-top: 3px;
    }

    .CourseDetails-tab .nav-tabs li:nth-child(3) a img {
        margin-top: 3px;
    }

    .CourseDetails-tab .nav-tabs li:nth-child(4) a img {
        margin-top: 0px;
    }

    .CourseDetails-tab .nav-tabs li a span {
        position: relative;
        top: 3px;
    }

    .CourseDetails-tab .nav-tabs li:first-child a span {
        position: relative;
        top: 0px;
    }

    .CourseDetails-tab .nav-tabs li a img {
        /* max-width: 20%; */
        margin-right: 10px;
        margin-top: 2px;
    }

    .CourseDetails-tab .tab-content {
        /* border: 1px #817d8c solid; */
        border-top: 0px;
        padding-left: 40px;
        padding-right: 40px;
        min-height: 600px;
        /* margin-bottom: 30px; */
    }
/* .CourseDetails-tab .agenda b{
        font-size: 18px; 
    } */
.offerVertical {
    color: #ffffff;
    padding: 0px 0px 0px 0px;
}

.wishlist-box {
    padding: 25px 15px 30px 15px;
    color: var(--slb-black);
    text-align: center;
    background: var(--slb-grey-2);
}

.elearning-wishlist-box-main .wishlist-box {
    color: var(--slb-white);
    padding: 32px 20px;
    background: var(--slb-blue);
}

.wishlist-box p {
    line-height: 20px;
    color: var(--slb-black);
    text-align: left;
}

.elearning-wishlist-box-main .wishlist-box p {
    line-height: 20px;
    color: var(--slb-white) !important;
    text-align: left;
}


.elearning-wishlist-box-main .wishlist-box .price {
    color: var(--slb-white);
    margin-top: 0;
    font-weight: 500;
}


.elearning-wishlist-box-main .wishlist-box .reg-btn .btn.btn-theme.btn-small,
.elearning-wishlist-box-main .wishlist-box .wishlist-btn .btn.btn-theme.btn-small,
.elearning-wishlist-box-main .wishlist-box .enterprise-enrollment-btn .btn.btn-theme.btn-small {
    padding: 10px 15px !important;
    font-size: 16px;
    background-color: var(--slb-white);
    width: 100%;
    color: var(--slb-blue);
    display: flex;
    justify-content: center;
    align-items: center;
}

.wishlist-btn a {
    padding: 10px 15px !important;
    font-size: 16px;
    background: #fff !important;
    width: 100%;
    color: var(--slb-blue);
    display: flex;
    justify-content: center;
    align-items: center;
}

.elearning-wishlist-box-main .wishlist-btn a {
    padding: 10px 20px 10px 48px;
    /*border-color: #209cdc !important;*/
    font-size: 16px;
    /* border-radius: 5px !important; */
    background-image: none !important;
    background-position: 15px 8px !important;
    width: 85%;
    color: var(--slb-blue);
}

.wishlist-btn a.btn.btn-theme {
    color: var(--slb-blue);
}

.waitlist-btn a.btn.btn-theme {
    color: var(--slb-blue);
}

/*.wishlist-btn a:hover {*/
/* color: #209cdc !important; */
/*background: #ffffff url("/content/next/images/courseDetails/icon_wishlist.png") no-repeat !important;
    background-position: 15px 8px !important;
}*/

.elearning-wishlist-box-main .wishlist-btn a:hover {
    /* color: #209cdc !important; */
    background-image: none !important;
}

.reg-btn a {
    padding: 10px 15px !important;
    font-size: 16px;
    background: var(--slb-white) !important;
    width: 100%;
    color: var(--slb-blue);
    display: flex;
    justify-content: center;
    align-items: center;
}

.elearning-wishlist-box-main .reg-btn a {
    padding: 10px 20px 10px 48px;
    /* border-color: #209cdc !important; */
    font-size: 16px;
    border-radius: 0px !important;
    background-image: none !important;
    background-position: 43px 5px;
    width: 85%;
    color: var(--slb-blue);
}

.reg-btn a.btn-theme {
    color: var(--slb-blue);
}
/* .reg-btn a:hover {
        background: var(--slb-white) url("/content/next/images/courseDetails/icon_register_hover.png") no-repeat !important;
        background-position: 43px 5px !important;
        color: var(--slb-blue) !important;
    } */
.waitlist-btn a {
    padding: 10px 20px 10px 48px !important;
    font-size: 16px;
    border-radius: 5px !important;
    background: #fff url("/content/next/images/courseDetails/icon_wishlist.png") no-repeat !important;
    background-position: 18px 4px !important;
    width: 85%;
}

.wishlist-btn a img {
    margin-right: 8px;
    margin-top: -1px;
}

.testimonials-right {
    text-align: center;
    padding: 15px 15px 15px 15px;
    background: #388db5;
}

    .testimonials-right h4 {
        color: #ffffff;
        position: relative;
        margin-bottom: 15px;
        text-align: left;
    }

.testM-content {
    font-size: 15px;
    line-height: 22px;
    position: relative;
    padding: 20px 10px;
}

.testM-content-separator {
    width: 100%;
    margin: 18px 0px;
    background: #60a4c4;
    height: 1px;
}

.testM-content::before {
    content: "";
    background: url("/content/next/images/courseDetails/quote-img1.png") no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
}

.testM-content::after {
    content: "";
    background: url("/content/next/images/courseDetails/quote-img2.png") no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 20px;
    height: 20px;
}

.courseDetailsContent .moreellipses {
    display: none !important;
}

.RelatedCourses h4 {
    color: var(--slb-black);
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.RelatedCourses {
    padding: 15px 30px 10px 15px;
    background: var(--slb-grey-1);
}

    .RelatedCourses .stars {
        margin-top: 8px;
    }

    .RelatedCourses li a {
        color: var(--slb-blue);
        line-height: 12px;
        margin-bottom: 10px;
    }

        .RelatedCourses li a:hover {
            /*color: #1096cb;*/
            text-decoration: underline;
            /*  text-decoration: none; */
        }

    .RelatedCourses.bkc-blue-theme {
        background: var(--slb-grey-5);
    }

.CourseName {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .CourseName li {
        line-height: 18px;
    }

.RelatedCourses .stars ul li .glyphicon-star-empty {
    color: #9b9b9b;
}

.SetTraining-right {
    background: var(--slb-blue);
    padding: 15px;
    font-size: 15px;
    line-height: 25px;
    color: #ffffff;
    text-align: center;
    width: 75%;
    margin: auto;
    position: relative;
    margin-top: 80px;
    /* border-radius: 10px; */
}

.setTraining-icon {
    width: 90px;
    height: 90px;
    margin: auto;
    position: relative;
    background: var(--slb-blue);
    border-radius: 50%;
    overflow: hidden;
    margin-top: -95px;
    position: absolute;
    left: 40%;
    text-align: center;
}

    .setTraining-icon img {
        margin-top: 18px;
    }

.SetTrainingGoal h5 {
    font-size: 16px;
}

.TrainingCourseMain .TrainingCourseList {
    list-style: none;
}

    .TrainingCourseMain .TrainingCourseList li {
        border-radius: 5px;
        border: 1px solid #cccccc;
        margin-bottom: 13.4px;
        cursor: pointer;
    }

        .TrainingCourseMain .TrainingCourseList li span {
            display: block;
            color: #2998d1;
            margin-bottom: 10px;
        }

        .TrainingCourseMain .TrainingCourseList li img {
            position: relative;
            margin-right: 5px;
            top: -2px;
        }

.CourseDetails-tab .horizontalTabs li a {
    color: var(--slb-black);
    font-size: 16px;
    border-width: 0 0 5px 0;
    font-weight: 500;
}

    .CourseDetails-tab .horizontalTabs li a .n-state {
        display: none;
    }

.CourseDetails-tab .horizontalTabs li.active a:after,
.CourseDetails-tab .horizontalTabs li:hover a:after {
    content: " ";
    position: absolute;
    bottom: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7px 0 7px;
    border-color: var(--slb-blue) transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    left: 45%;
    right: auto;
    z-index: 3;
}

.CourseDetails-tab .horizontalTabs li.active a,
.CourseDetails-tab .horizontalTabs li:hover a {
    color: #fff !important;
    border-width: 0 0 5px 0;
    border-color: var(--slb-blue);
    font-weight: 500;
}

.CourseDetails-tab .nav-tabs {
    border-color: #817d8c;
}

.CourseDetails-tab .tab-content {
    background: var(--slb-grey-1);
    color: #ff0000;
}

a.morelink,
a:hover.morelink,
a:active.morelink {
    color: var(--slb-blue);
    font-weight: 500;
    text-decoration: none;
}

    a.morelink::after {
        content: "\f107";
        padding-left: 10px;
        font-family: 'Font Awesome 5 Free';
        position: relative;
        top: 2px;
    }

    a.morelink.less::after {
        content: "\f106";
    }

.CourseDetails-filter {
    padding: 15px;
    background: #faaf32;
}

    .CourseDetails-filter select {
        border-color: #888;
    }

.wishlist-btn {
    margin-top: 15px;
}

.offerVertical .upcomingClass {
    padding: 25px 15px 30px 15px;
    color: #fff;
    background: var(--slb-grey-1);
}

    .offerVertical .upcomingClass h4 {
        color: #ffffff;
        margin-top: 0px;
        margin-bottom: 10px;
        position: relative;
    }

    .offerVertical .upcomingClass ul {
        margin: 0px;
        padding: 0px;
    }

        .offerVertical .upcomingClass ul li {
            list-style: none;
            margin-bottom: 10px;
            position: relative;
        }

            .offerVertical .upcomingClass ul li:last-child {
                margin-bottom: 0px;
            }

            .offerVertical .upcomingClass ul li a {
                color: var(--slb-black);
            }

                .offerVertical .upcomingClass ul li a span {
                    display: block;
                    opacity: .65;
                }

.offerVertical .upcomingClass-confirmed {
    padding: 25px 15px 30px 15px;
    color: var(--slb-black);
    background: var(--slb-grey-2);
}

    .offerVertical .upcomingClass-confirmed h5,
    .offerVertical .registration-closed h5 {
        color: var(--slb-black);
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 5px;
        text-align: left;
    }

.classDate {
    /*opacity: 0.65;*/
    display: inline;
    text-align: left;
}

.upcomingClass-confirmed {
    display: none;
}

.confirmed-class-pod {
    padding: 15px;
    font-size: 16px;
    color: #ffffff;
    background: var(--slb-blue);
    text-align: center;
    display: none;
}

.Offersave p {
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

.tab-content-left {
    width: 60px;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 30px;
}

.tab-content-right {
    width: 680px;
    border-left: 4px #82b8d4 solid;
    margin-bottom: 30px;
}

    .tab-content-right ul {
        margin-bottom: 0px;
        padding-left: 30px;
    }

        .tab-content-right ul li {
            margin-bottom: 10px;
            list-style: square;
        }

            .tab-content-right ul li:last-child {
                margin-bottom: 0px;
            }

.registration-closed {
    padding: 25px 15px 30px 15px;
    color: var(--slb-black);
    background: var(--slb-grey-2);
    text-align: center;
    display: none;
}

.RelatedCourses-top {
    display: none;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.offerVertical #wltext {
    text-align: left;
    color: var(--slb-black);
}

.elearning-wishlist-box-main .offerVertical #wltext {
    text-align: left;
    color: var(--slb-white);
}

.offerVertical #waitlisttext {
    text-align: left;
    color: var(--slb-black);
}

.elearning-wishlist-box-main .offerVertical #waitlisttext {
    text-align: left;
    color: var(--slb-white);
}

.upcomingClass-confirmed #wltext {
    text-align: left;
    color: var(--slb-black);
}

.wishlist-btn a.disabled {
    background: #11759c;
    color: #ffffff;
}

@media only screen and (max-width:767px) {
    .shareUserList {
        left: 10px;
        position: relative;
        right: 0;
        top: 0;
    }

    .shareIcons {
        text-align: left;
    }

    .CourseContentBox {
        max-width: 350px;
        margin: 0px auto 25px auto;
        min-height: 300px;
    }

    .CourseProgression h3 {
        padding-top: 0;
        margin-top: 0;
        min-height: 0;
    }

    .UpcomingCourses,
    .ProgressionMap {
        margin-bottom: 25px;
    }

    .OffersaveHoriztal {
        left: 0;
        top: 0;
        position: relative;
    }

        .OffersaveHoriztal:after {
            display: none;
        }

    .CourseDetails-tab .tab-content {
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width:480px) {
    .offersBar .btn-white-outline-transparent {
        margin-bottom: 10px;
        min-width: 250px;
    }

    .offersBar .btn-danger {
        min-width: 250px;
    }
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .offersBar .btn-white-outline-transparent {
        margin-bottom: 11px;
        min-width: 250px;
    }

    .offersBar .btn-danger {
        min-width: 250px;
    }

    .OffersaveHoriztal {
        top: 2px;
    }
}

.CourseList .table-space {
    padding-top: 30px;
    padding-bottom: 30px;
}

#example_wrapper .dataTables_length {
    display: none;
}

#example_wrapper .dataTables_filter {
    display: none;
}

#example_wrapper .dataTables_info {
    display: none;
}

.courseContent th {
    font-size: 16px;
}
/*Course Details end*/
/*Course Listing Matrix start*/
.GeologyBlock {
    border-color: #eaeaea;
    box-shadow: 0 0 0 transparent;
    border-radius: 5px;
}

    .GeologyBlock .panel-heading {
        background: #eaeaea;
        border-color: #eaeaea;
        border-radius: 0;
    }

.GeologySection .panel-heading h4 {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    padding: 7px 0px 0 0;
}

.GeologyBlock .form-control {
    border-radius: 0;
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/content/next/images/icons/chevron-down.svg);
    background-position: 98%;
    background-position-y: 13px;
    padding-right: 60px;
    background-size: 13px auto;
    background-position: right 10px top 50%;
}

.CourseMatrixWrapper {
    padding: 0;
}

.CourseTablesContent.CourseMatrixWrapper button.btn-info {
    color: #fff;
}

.CourseMatrixWrapper .tabRow {
    margin-right: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024.98px) {
    .CourseMatrixWrapper .tabRow {
        margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
    }

    .CourseHoverOneBg div a.btn.btn-white-outline-transparent.btn-normal {
        text-decoration: none !important;
    }
}

.list-inline > li {
    padding-right: 5px;
}

#collapse_btns .btn-info:hover {
    background-color: #fff;
    color: var(--slb-blue) !important;
    border-color: var(--slb-blue);
}

.GeologySection .card-header {
    border-bottom: 0;
    background: var(--slb-grey-1);
}

    .GeologySection .card-header h4 {
        margin: 0;
        font-weight: 500;
        text-transform: uppercase;
        padding: 7px 0px 0 0;
        font-weight: bold;
    }

    .GeologySection .card-header h1 {
        font-weight: 500;
        text-transform: uppercase;
        padding: 7px 0px 10px 0px;
        font-size: 18px;
        border-bottom: solid 1px #f4f4f4;
        margin: 0 16px 15px 15px;
    }

    .GeologySection .card-header .learning-txt {
        position: absolute;
        top: 5px;
        left: 128px;
        font-weight: 500;
        border-left: solid 2px #000;
        padding-left: 20px;
    }

.GeologySection .filterby .btn.dropdown-toggle::after {
    content: none !important;
    display: none !important;
}

.GeologyBlock select::-ms-expand {
    display: none;
}

.GeologySection .content {
    border-right: solid 1px #bfbdbd;
    padding-top: 10px;
}

.Learningheader h4 {
    color: #000;
    font-weight: 500;
    font-size: 20px;
}

.Learningheader p {
    color: #333333;
    font-weight: 400;
    font-size: 14px;
}

.learningjnourneyboxCard {
    margin-bottom: 20px;
    /* box-shadow: 0px 0px 4px 2px #ccc; */
    padding: 5px 15px;
    background: var(--slb-grey-1);
    /*border-radius: 5px;*/
    cursor: pointer;
}

.learningboxCardtop {
    background: var(--slb-grey-1);
    color: var(--slb-black);
    /*border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
    min-height: 4em;
    margin-bottom: 5px;
}

    .learningboxCardtop h4 {
        font-size: 16px !important;
        font-weight: 500;
        /*font-family: "Roboto-Regular", "Roboto-Light", sans-serif;*/
    }

.learningjnourneyboxCard h4 {
    line-height: 18px;
}

.learningboxCardbottom {
    background: var(--slb-grey-1);
    color: var(--slb-grey-5);
    /*border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;*/
    padding-top: 15px;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard-step-left {
    text-align: left !important;
}

.stepwizard-step-right {
    text-align: right !important;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 5px;
    height: 5px;
    text-align: center;
    padding: 1px 0;
    font-size: 12px;
    background-color: #b7babc;
    border-color: #b7babc;
    margin-top: 6px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn-actionbar {
    background-color: var(--slb-blue) !important;
    border-color: var(--slb-blue) !important;
}

.btn-circle-span {
    position: absolute;
    left: -30px;
    top: -20px;
    width: 105px;
}

.btn-circle-number-bg1 {
    background-color: var(--slb-blue);
    border: 4px solid var(--slb-blue);
    border-right: 0;
}

.btn-circle-number-bg2 {
    /* background-color: #86b5d3;
    border: 4px solid #86b5d3; */
    background-color: var(--slb-grey-5);
    border: 4px solid var(--slb-grey-5);
    border-right: 0;
}

.btn-circle-number {
    position: relative;
    left: 0;
    top: 0px;
    padding: 2px;
    border-radius: 45% 45% 0% 45%;
    margin-right: 3px;
}

.calenderDownloadLink a span {
    position: relative;
    padding-left: 5px;
    top: 2px;
}

.calenderDownloadLink a:hover {
    text-decoration: none;
}

    .calenderDownloadLink a:hover span {
        color: #000;
    }

.btn-circle-number-span {
    border-radius: 49%;
    color: #FFF;
    text-align: center;
    position: relative;
    left: 0;
    top: -1px;
    /* background-color: var(--slb-grey-5); */
    padding: 4px;
    font-size: 12px;
}

.btn-circle-number-text {
    font-size: 12px;
    padding-left: 2px;
}

.GeologySection .ViewScheduledCoursesBlcok {
    padding-right: 0px;
    position: relative;
    bottom: -2px;
}

.ViewScheduledCoursesBlcok {
    padding-right: 140px;
}

.GeologySection .horizontalTabs li {
    float: none;
    display: inline-block;
    border: 1px solid var(--slb-grey-3);
    margin-right: 4px;
    /* border-radius: 5px; */
}

    .GeologySection .horizontalTabs li a {
        color: var(--slb-black);
        font-size: 15px;
        border-width: 0;
        font-weight: 400;
        text-decoration: none;
    }
/* .GeologySection .filterby {
    position: absolute;
    right: -81px;
    top: -2px;
    z-index: 9;
} */
.GeologySection .filterby h4 {
    padding-left: 10px;
}

.GeologySection .filterby .downarrow {
    /*  border-left: solid 1px #fff; */
    padding: 0px 0 0px 12px;
    margin-left: 0px;
    position: relative;
    top: 2px;
}

.GeologySection .filterby .dropdown-menu {
    left: auto !important;
    min-width: 250px;
    inset: auto !important;
    right: 6% !important;
    padding-right: 0 !important;
    z-index: 99999;
    border-radius: 0;
    border-color: var(--slb-grey-2);
    transform: translateX(0) !important;
}

    .GeologySection .filterby .dropdown-menu li {
        font-size: 17px;
        padding: 2px;
    }

        .GeologySection .filterby .dropdown-menu li a input[type=checkbox] {
            margin-right: 5px;
            vertical-align: sub;
        }

.GeologySection .filterby a {
    padding: 4px 10px 5px 10px !important;
}

    .GeologySection .filterby a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

    .GeologySection .filterby a i {
        font-size: 18px;
    }

.GeologySection .filterby .btn.btn-theme {
    background-color: var(--slb-blue);
}

    .GeologySection .filterby .btn.btn-theme:hover {
        color: #fff;
        text-decoration: none;
        background-color: var(--slb-deep-blue);
    }

.course-btn {
    background: #eaeaea !important;
    color: #000 !important;
    border: solid #eaeaea !important;
}

    .course-btn .txt {
        position: relative;
        padding-left: 0px;
        display: inline;
        padding-right: 6px;
        left: -11px;
    }

    .course-btn img {
        position: absolute;
        top: 35px;
        right: 10px;
        width: 23px;
    }

.HorTabsFive-span {
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 300;
    color: #FFF;
    background: #858585;
    position: relative;
    top: -2px;
}

.GeologySection .horizontalTabs li.active .HorTabsFive-span {
    background: #2c95c2 !important;
}

.GeologySection .horizontalTabs li a.active:after {
    content: " ";
    position: absolute;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7px 0 7px;
    border-color: var(--slb-blue) transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    left: 45%;
    right: auto;
    z-index: 3;
}

.GeologySection .horizontalTabs li.active {
    background: var(--slb-blue);
}

.GeologySection .CourseDetailsTab li a .badge {
    border-radius: 10px
}

.GeologySection .horizontalTabs li.active a {
    color: #fff !important;
    border-width: 0;
    font-weight: 400;
    position: relative;
}

.GeologySection .horizontalTabs .dropdown.active a,
.GeologySection .horizontalTabs li.dropdown:hover a {
    border-color: transparent;
}

    .GeologySection .horizontalTabs li.dropdown.active a:after,
    .GeologySection .horizontalTabs li.dropdown:hover a:after {
        border-color: transparent;
    }

.GeologySection .horizontalTabs li.dropdown.active .dropdown-menu li a .HorTabsFive-span {
    background: #858585 !important;
}

.GeologySection .horizontalTabs li.dropdown {
    z-index: 90;
}

    .GeologySection .horizontalTabs li.dropdown .dropdown-menu li {
        display: block;
    }

        .GeologySection .horizontalTabs li.dropdown .dropdown-menu li a {
            font-weight: 400;
            text-align: left;
            border-bottom: 1px solid #ececec;
            padding: 6px 15px;
        }

            .GeologySection .horizontalTabs li.dropdown .dropdown-menu li a:hover,
            .GeologySection .horizontalTabs li.dropdown .dropdown-menu li.active a {
                color: #209cdc !important;
            }

                .GeologySection .horizontalTabs li.dropdown .dropdown-menu li a:hover .HorTabsFive-span,
                .GeologySection .horizontalTabs li.dropdown .dropdown-menu li.active a .HorTabsFive-span {
                    background: #209cdc !important;
                }

    .GeologySection .horizontalTabs li.dropdown.open a {
        background: transparent;
        border-color: transparent;
    }

    .GeologySection .horizontalTabs li.dropdown .dropdown-menu::before {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 8px 6px;
        border-color: transparent transparent #858585 transparent;
        top: -8px;
        left: 3px;
    }

    .GeologySection .horizontalTabs li.dropdown.active .dropdown-toggle {
        color: #209cdc !important;
    }

    .GeologySection .horizontalTabs li.dropdown .dropdown-menu li:last-child a {
        border-bottom: 0;
    }

.GeologySection .Deliverymechanism {
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    /*margin-left: 21%;*/
}

    .GeologySection .Deliverymechanism li {
        border-right: solid 1px #b7b7b7;
        padding: 0px 10px 0 0;
        float: right;
        margin-right: 20px;
        margin-top: 4px;
        z-index: 1;
    }

        .GeologySection .Deliverymechanism li:first-child {
            border-right: none;
        }

        .GeologySection .Deliverymechanism li a {
            padding: 0 5px;
        }

            .GeologySection .Deliverymechanism li a:hover {
                background: none;
                text-decoration: none;
                color: var(--slb-blue);
            }

            .GeologySection .Deliverymechanism li a span:hover {
                background: none;
                text-decoration: underline;
            }

        .GeologySection .Deliverymechanism li:nth-child(10),
        .GeologySection .Deliverymechanism li:nth-child(11) {
            border: none;
        }

        .GeologySection .Deliverymechanism li:nth-child(9) img {
            margin-right: 5px;
        }

        .GeologySection .Deliverymechanism li:nth-child(11) {
            margin-left: 22px;
            border: 1px solid #858585;
            padding: 5px;
            border-radius: 3px;
            margin-bottom: 5px;
            margin-top: -2px;
        }

        .GeologySection .Deliverymechanism li img {
            margin-left: 3px;
            margin-right: 3px;
        }

#navTabsMore ul li.dropdown .dropdown-toggle {
    padding-left: 0;
    position: relative;
    z-index: 1;
}

.CL_Search {
    display: inline-block;
    position: absolute;
    right: 29px;
    bottom: 5px;
}

.GeologySection .GrayBG {
    background-color: var(--slb-grey-1);
}

.CourseTablesList {
    width: 19.5%;
}

.CourseTablesNav {
    border-right: 1px dashed #5a636a;
    padding-right: 0px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
}

    .CourseTablesNav::before {
        content: " ";
        width: 23px;
        height: 23px;
        background: #e5e5e5 url("/content/next/images/courseListingMatrix/dot.png") no-repeat;
        position: absolute;
        top: -10px;
        right: -12px;
        background-size: cover;
    }

    .CourseTablesNav .btn {
        background-color: #FFF !important;
        color: #31b0d5 !important;
        -webkit-box-shadow: 0 0px 10px rgba(181, 181, 181, 0.93);
        -moz-box-shadow: 0 0px 10px rgba(181, 181, 181, 0.93);
        box-shadow: 0 0px 10px rgba(181, 181, 181, 0.93);
        width: 150px;
        border: 0;
    }

.CourseTablesList .btn {
    background-color: #31b0d5 !important;
    color: #fff !important;
}

.CourseTables .nav-stacked {
    margin-top: 35px;
}

    .CourseTables .nav-stacked li {
        background-color: transparent;
        border-right: 0px solid transparent;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .CourseTables .nav-stacked li {
        display: block;
        text-align: left;
    }

.nav-stacked-Circle {
    float: right;
    padding: -5px;
    position: relative;
    margin-right: -7px;
    width: 10px;
    height: 10px;
    margin-right: -17px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: -3px;
}

.expertCircleBG {
    background-color: #0265cb;
}

.advancedCircleBG {
    background-color: #1678e5;
}

.skillCircleBG {
    background-color: #2488f3;
}

.knowledgeCircleBG {
    background-color: #3594fb;
}

.foundationCircleBG {
    /* ---- 04-Sep-2019 ----------*/
    background-color: #3594fb;
}

.awarenessCircleBG {
    background-color: #50a2fc;
}

.CourseTablesNav .btn {
    background-color: #FFF !important;
    color: #31b0d5 !important;
    -webkit-box-shadow: 0 0px 10px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 10px rgba(181, 181, 181, 0.93);
    box-shadow: 0 0px 10px rgba(181, 181, 181, 0.93);
    width: 150px;
}

.rskill .advancedBG.collapsed {
    background-color: #1678e5 !important;
    border-color: #8fb6e1 !important;
    color: #FFF !important;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
}

.rskill .skillBG.collapsed {
    background-color: #2688f5 !important;
    border-color: #95bce7 !important;
    color: #FFF !important;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
}

.rskill .knowledgeBG.collapsed {
    background-color: #3895fc !important;
    border-color: #5b93d0 !important;
    color: #FFF !important;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
}
/*-----Start 04-Sep-2019 -----------------------------------*/
.rskill .foundationBG.collapsed {
    /* */
    background-color: #3895fc !important;
    border-color: #5b93d0 !important;
    color: #FFF !important;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
}
/*-----End 04-Sep-2019 -----------------------------------*/
.rskill .awarenessBG.collapsed {
    background-color: #50a4fe !important;
    border-color: #6a9cd1 !important;
    color: #FFF !important;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
}

.CourseTables .nav-stacked li a {
    background-color: #302e2e;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}

    .CourseTables .nav-stacked li a .tabheading {
        display: inline-block;
        padding: 5px 45px 5px 20px;
        position: relative;
        top: 1px;
        text-align: center;
        font-size: 16px;
    }

.expertBG.expertBG {
    background-color: #FFF !important;
    border-radius: 40px 0px 40px 40px !important;
    color: #002f64 !important;
    padding: 5px !important;
    text-align: right !important;
    margin: 5px !important;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 4px 2px rgba(181, 181, 181, 0.93);
}

.advancedBG {
    background-color: #FFF !important;
    border-radius: 40px 0px 40px 40px !important;
    color: #002f64 !important;
    padding: 8px !important;
    text-align: right !important;
    margin: 5px;
    /*12-Sep-2019*/
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 4px 2px rgba(181, 181, 181, 0.93);
}

.skillBG {
    background-color: #FFF !important;
    border-radius: 40px 0px 40px 40px !important;
    color: #002f64 !important;
    padding: 8px !important;
    text-align: right !important;
    margin: 5px;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 4px 2px rgba(181, 181, 181, 0.93);
}

.knowledgeBG,
.foundationBG {
    /*----- 04-Sep-2019 -----------------------------------*/
    background-color: #FFF !important;
    border-radius: 40px 0px 40px 40px !important;
    color: #002f64 !important;
    padding: 8px !important;
    text-align: right !important;
    margin: 5px;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 4px 2px rgba(181, 181, 181, 0.93);
}

.awarenessBG {
    background-color: #FFF !important;
    border-radius: 40px 0px 40px 40px !important;
    color: #002f64 !important;
    padding: 8px !important;
    text-align: right !important;
    margin: 5px;
    -webkit-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    -moz-box-shadow: 0 0px 2px rgba(181, 181, 181, 0.93);
    box-shadow: 0 4px 2px rgba(181, 181, 181, 0.93);
}

    .advancedBG.collapsed,
    .skillBG.collapsed,
    .knowledgeBG.collapsed,
    .foundationBG.collapsed,
    .awarenessBG.collapsed {
        /*----- 04-Sep-2019 ---------------*/
        margin-top: 0 !important;
    }

.CourseTables .nav-stacked li .collapsed .minus {
    display: none;
}

.CourseTables .nav-stacked li .collapsed .plus {
    display: block;
}

.CourseTables .nav-stacked li a .minus {
    display: block;
}

.CourseTables .nav-stacked li a .plus {
    display: none;
}

.awarenessBG.collapsed {
    margin-bottom: 0 !important;
}

.advancedBG {
    transition: all 1.6s ease 0s;
    margin-bottom: 45px !important;
}

.skillBG {
    transition: all 1.6s ease 0s;
}

.knowledgeBG,
.foundationBG {
    /*----- 04-Sep-2019 ----------------*/
    transition: all 1.6s ease 0s;
}

.awarenessBG {
    transition: all 1.6s ease 0s;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #b7babc;
    z-order: 0;
}

.CourseTables .rskill li .expertBG .headingImg {
    background-color: #ff9700;
}

.CourseTables .nav-stacked li a span.headingImg img {
    margin: 0 auto;
}

.CourseTables .rskill li .advancedBG .headingImg {
    background-color: #ff9700;
}

.CourseTables .rskill li .skillBG .headingImg {
    background-color: #ff9700;
}

.CourseTables .nav-stacked li .knowledgeBG .headingImg {
    background-color: #ff9700;
}

.CourseTables .nav-stacked li .foundationBG .headingImg {
    /*----- 04-Sep-2019 -------------------*/
    background-color: #ff9700;
}

.CourseTables .nav-stacked li .awarenessBG .headingImg {
    background-color: #ff9700;
}

.CourseTables .nav-stacked li a span.headingImg {
    width: 36px;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 6px;
}
/*------ 19-Sep-2019 ------------------------------------------------------*/
.CourseTables .tabArea div span.headingImg {
    /* background-color: #ff9700; */
    background-color: var(--slb-white);
    width: 36px;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 6px;
    justify-content: center;
}

.TrainingPathAccordion div span.headingImg {
    background-color: #ff9700;
    width: 36px;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 6px;
    justify-content: center;
}

.CourseTables .tabArea div span.tabheading {
    font-size: 16px;
    display: inline-block;
    padding: 2px 32px 2px 20px;
    position: relative;
    top: 1px;
    text-align: center;
    float: right;
}

.TrainingPathAccordion div span.tabheading {
    font-size: 15px;
    display: inline-block;
    padding: 1px 32px 2px 20px;
    position: relative;
}
/*------------------------------------------------------------*/
.CourseTables .rskill li .headingImg img {
    padding: 0;
}

.advancedBG.collapsed .headingImg .aw1,
.know1,
.sk1,
.ad1 {
    display: none;
}

.advancedBG.collapsed .headingImg .aw2,
.know2,
.sk2,
.ad2 {
    display: inline-block;
}

.aw1,
.know1,
.sk1,
.ad1 {
    display: none;
}

.aw2,
.know2,
.sk2,
.ad2 {
    display: inline-block;
}

.margin-l-r {
    margin-right: 10px !important;
    margin-left: -10px !important;
    margin-bottom: 63px !important;
}

.CourseTablesContent,
.CourseTablesList {
    float: left;
}

.CourseTablesContent {
    width: 80.5%;
}

.CourseTables .tab-content {
    display: inline-block;
    width: 100%;
}

    .CourseTables .tab-content .expertTBbg .table {
        background: #cecece;
        background-size: cover;
        overflow: hidden;
        --bs-table-bg: #cecece;
    }

    .CourseTables .tab-content #advanced .table {
        background: #cecece;
        overflow: hidden;
    }

    .CourseTables .tab-content #skill .table {
        background: #cecece;
        overflow: hidden;
    }

    .CourseTables .tab-content #knowledge .table {
        background: #cecece;
        overflow: hidden;
    }

    .CourseTables .tab-content #foundation .table {
        background: #cecece;
        overflow: hidden;
    }

    .CourseTables .tab-content #awareness .table {
        background: #cecece;
        background-size: cover;
        overflow: hidden;
    }

    .CourseTables .tab-content .table-bordered {
        border-color: transparent;
    }

    .CourseTables .tab-content .table thead {
        border-bottom: 1px solid #696868;
    }

    .CourseTables .tab-content .table tr th {
        color: #cccccc;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 14px;
        /*--- 01-Oct-2019 ---*/
        border-color: #696868;
        border-style: dashed;
        text-align: center;
        padding-top: 10px;
        /*--- 01-Oct-2019 ---*/
        padding-bottom: 10px;
        /*--- 01-Oct-2019 ---*/
        border-bottom: 0;
    }

    .CourseTables .tab-content .table tbody tr:last-child {
        padding-bottom: 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }

    .CourseTables .tab-content .table tr td {
        color: #fff;
        border-color: var(--slb-grey-2);
        border-color: var(--slb-grey-3);
        border-style: solid;
        vertical-align: middle;
        padding: 0;
    }

.tabFlipMain {
    overflow: hidden;
    min-height: 67px;
    margin: -1px;
    cursor: pointer;
}

.slideInRight .tabFlipMain .flipOne,
.slideInLeft .tabFlipMain .flipOne {
    background: var(--slb-grey-1) !important;
}

.flipOne {
    width: 100%;
    display: flex;
    padding: 10px 10px 10px 10px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    align-items: center;
    height: 100%;
}

.flipTwo {
    width: 100%;
    /*---- 04-Sep-2019 ----*/
    background-color: var(--slb-white);
    display: flex;
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    position: absolute;
    z-index: -999999;
    height: 100%;
    align-items: center;
}

.tabFlipMain:hover .flipOne {
    z-index: -2;
    display: none;
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.tabFlipMain:hover .flipTwo {
    z-index: 2;
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.CourseTables .tab-content .table tr td .flipTwo p {
    color: #000;
    font-size: 12px;
}

.CourseTables .tab-content .table tr td .flipOne p {
    color: #000;
    width: 79%;
    font-size: 14px;
    margin: 0 0 18px;
}

.CourseTables .tab-content .table tr td .flipOne .onerow-txt,
.CourseTables .tab-content .table tr td .flipTwo .onerow-txt {
    padding-top: 0px;
    /* 26-Sep-2019 */
}

.one-row-img {
    top: 0;
    position: relative;
    /* left: 5px; */
    width: auto;
    height: auto;
}

.CourseTables .tab-content .table tr td .flipTwo p {
    color: #000;
    width: 79%;
    font-size: 14px;
    margin: 0 0 18px;
}

.GeologySection .imgs {
    position: absolute;
    right: 5px;
    bottom: 30px;
}

    .GeologySection .imgs li {
        padding-left: 0;
    }

.matrix-tooltip img {
    width: 30px;
}

.slideInRight .tabFlipMain,
.slideInLeft .tabFlipMain {
    margin: 0;
    border-radius: 0;
    background: var(--slb-grey-1);
}

.rskill .advancedBG.collapsed .headingImg {
    background-color: #FFF !important;
}

.rskill .advancedBG.collapsed .headingImg {
    background-color: #FFF !important;
}

.rskill .skillBG.collapsed .headingImg {
    background-color: #FFF !important;
}

.rskill .knowledgeBG.collapsed .headingImg {
    background-color: #FFF !important;
}

.rskill .foundationBG.collapsed .headingImg {
    /*----- 04-Sep-2019 --------------------*/
    background-color: #FFF !important;
}

.rskill .awarenessBG.collapsed .headingImg {
    background-color: #FFF !important;
}

.CourseTablesNav::after {
    content: " ";
    width: 23px;
    height: 23px;
    background: #e5e5e5 url("/content/next/images/courseListingMatrix/dot.png") no-repeat;
    position: absolute;
    bottom: -10px;
    right: -12px;
    background-size: cover;
}

.tabBlackDarkBG-r {
    min-width: 200px;
    background-color: var(--slb-blue) !important;
    color: #FFF !important;
}

#listPagination ul.list {
    padding-left: 15px;
    list-style: none;
}

@media only screen and (min-width: 992px) {
    .CourseTablesContent .CourseTablesContentTitle {
        display: none;
    }

    .CourseList.courseContent {
        padding-top: 10px;
    }

    #listPagination ul li.mainList {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

        #listPagination ul li.mainList:last-child {
            margin-bottom: 0;
            border-bottom: 0;
            padding-bottom: 0;
        }
}

@media only screen and (max-width: 991px) {
    .courseContent .startRating {
        padding-bottom: 10px;
    }

    .CL_Search {
        bottom: 55px;
    }

    .CourseTablesContent .CourseTablesContentBlock .table-responsive {
        margin-bottom: 0;
    }

    .GeologySection .horizontalTabs {
        overflow-x: auto;
        z-index: 2;
        top: 25px;
        white-space: nowrap;
        overflow-y: hidden;
        border-bottom: 0 !important;
        padding-bottom: 25px;
        position: relative;
    }

    .CourseTablesList {
        display: none;
    }

    .CourseTablesList,
    .CourseTablesContent {
        width: 100%;
    }

        .CourseTablesContent .CourseTablesContentTitle {
            background: #0099cc none repeat scroll 0 0;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            color: #fff;
            font-size: 18px;
            padding: 5px 10px;
            position: relative;
            cursor: pointer;
            transition: all 0.3s ease 0s;
            margin-top: 8px;
        }

        .CourseTablesContent .CourseTablesContentBlock {
            background: #fff;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .CourseTablesContent .CourseTablesContentTitle.collapsed {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .CourseTablesContent .Top_arrow {
            display: none;
        }

        .CourseTablesContent .CourseTablesContentTitle i {
            position: absolute;
            right: 15px;
            top: 9px;
        }

        .CourseTablesContent .CourseTablesContentTitle.collapsed i.fa-angle-up {
            display: none;
        }

        .CourseTablesContent .CourseTablesContentTitle i.fa-angle-up {
            display: block;
        }

        .CourseTablesContent .CourseTablesContentTitle.collapsed i.fa-angle-down {
            display: block;
        }

        .CourseTablesContent .CourseTablesContentTitle i.fa-angle-down {
            display: none;
        }
}

@media only screen and (max-width: 767px) {
    .CourseTables .tab-content .table thead tr th {
        display: none;
    }

    .CourseTables .tab-content .table tbody tr td {
        border-color: transparent;
        display: block;
        padding: 0 5px;
        width: 100%;
    }

    .CourseTables .tab-content .table tr td .flipOne,
    .CourseTables .tab-content .table tr td .flipTwo {
        min-height: 77px;
        width: 100%;
    }

        .CourseTables .tab-content .table tr td .flipOne p,
        .CourseTables .tab-content .table tr td .flipTwo p {
            white-space: normal;
            width: 100%;
        }

    .CourseTables .tab-content .table tr td .flipOne,
    .CourseTables .tab-content .table tr td .flipTwo {
        min-height: 90px;
        width: 100%;
    }

    .CourseTables .tab-content .table tbody tr:first-child {
        display: block;
        padding-top: 7px !important;
    }

    .GeologySection .panel-heading .form-inline select.form-control {
        margin-bottom: 10px;
    }

    .GeologySection .panel-heading h4 {
        padding-bottom: 7px;
    }
    /* .CourseTablesContent {
        width: 75% !important;
        margin-left: 96px;
    } */
    .CourseTablesContent .tab-content.overflow {
        overflow: visible;
    }

    .CourseTablesContent .modality-btn {
        width: 119px;
        left: -151px;
    }

    .CourseTables .tabArea div span.tabheading {
        font-size: 12px;
        padding: 2px 24px 2px 22px;
        letter-spacing: -0.5px;
    }

    .CourseTables .tabArea div span.headingImg {
        width: 30px;
        height: 30px;
    }

    .SearchHeader .SearchCount h3 {
        font-size: 21px;
    }

    #listPagination ul.list {
        padding-left: 0;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .learningboxCardtop {
        min-height: 95px;
    }
    /* .CourseTablesContent {
        width: 78% !important;
        margin-left: 165px;
    } */
    .CourseTablesContent .tab-content.overflow {
        overflow: visible;
    }
}

#catalogue-download-modal select {
    width: 45%;
    display: inline-block;
}
/* ProgramLandingPage starts */
.leadInstructor .expert-border {
    margin: 125px 0 0 100px;
}

.leadInstructor .expert-blueline {
    margin-top: 125px;
}

.mailboxLI {
    width: 25px;
    margin-right: 10px;
}

.coursesTitle.training-program h4 {
    height: 140px;
}

.trendingCourses .training-program .CourseHover ul {
    padding: 0;
}

    .trendingCourses .training-program .CourseHover ul li {
        margin-bottom: 15px;
        list-style: none;
        position: relative;
        padding-left: 30px;
    }

.ourDifferen .CourseHover ul {
    padding-left: 15px;
}

.CourseHover.CourseHoverOneBg ul li:before {
    content: "●";
    position: relative;
    left: -14px;
    height: 48px;
    width: 31px;
    font-size: 16px;
}

/* ProgramLandingPage ends */
@media only screen and (max-width: 768px) {
    .GeologySection .Deliverymechanism li {
        float: none;
        /* text-align: center; */
        text-align: left;
        border: none;
    }

    .GeologySection .filterby {
        width: 100%;
        clear: both;
        right: 2px;
        /*text-align: center;*/
        position: relative;
    }

    #catalogue-download-modal select {
        display: block;
        margin: 10px;
        width: 85%;
    }

    #catalogue-download-modal .select-opts label {
        font-weight: lighter;
        padding-left: 12px;
    }

    #catalogue-download-modal .modal-footer {
        padding-top: 0px;
        text-align: center;
    }

    #catalogue-download-modal .modal-body {
        padding: 25px 15px 20px 20px;
    }

    #catalogue-download-modal .custom-control.custom-radio {
        margin-left: 10px;
    }

    .GeologySection .horizontalTabsBox {
        margin: 0 auto 5px auto;
    }

    .GeologySection .horizontalTabs {
        overflow-x: hidden;
    }

        .GeologySection .horizontalTabs li {
            float: none;
            display: inline-block;
            border: none !important;
            margin-right: 4px;
            border-radius: 0;
        }

            .GeologySection .horizontalTabs li a {
                margin-right: 0 !important;
                padding: 8px 6px;
            }

    .CourseListinglistviewMap .horizontalTabs li.active .badge,
    .CourseListinglistviewMap .horizontalTabs li .badge {
        display: none;
    }

    .GeologySection .horizontalTabs li.active {
        border-radius: 0 !important;
    }

        .GeologySection .horizontalTabs li.active a:after {
            display: none;
        }

    .searchresponsesection table.dataTable thead {
        display: none !important;
    }

    .searchResultBodyMobile td {
        border: none !important;
    }

    .searchResultBodyMobile .course_block {
        width: 98%;
        margin: auto;
        color: var(--slb-black);
        font-size: 14px;
        text-align: left;
        border: 1px solid #eee;
        border-radius: 0;
        padding: 10px;
        margin-top: 14px;
        /* -webkit-box-shadow: 0 0 10px #eee;
        box-shadow: 0 0 15px #cdcbcb; */
    }

        .searchResultBodyMobile .course_block tr {
            padding-top: 8px;
        }

            .searchResultBodyMobile .course_block tr td:first-child {
                padding-top: 4px !important;
                padding-left: 10px !important;
            }

    .courseContent h5 {
        margin-top: 5px;
    }

    .searchResultBodyMobile .course_block .course_name {
        color: #0079a9;
        font-weight: 500;
        /* font-family: 'Roboto-Regular', sans-serif; */
        font-size: 20px;
    }

        .searchResultBodyMobile .course_block .course_name h5 {
            padding-top: 8px;
            margin-bottom: 0;
            line-height: 25px;
        }

    .searchResultBodyMobile .course_block .course_main_details {
        font-size: 15px;
        font-weight: 500;
    }

    .searchResultBodyMobile .course_block .course_price {
        font-size: 25px;
        font-weight: 500;
        color: var(--slb-blue);
    }

    .searchResultBodyMobile .course_block .course_location {
        padding-top: 5px;
    }

    .searchResultBodyMobile .course_block .course_rating {
    }

    .searchResultBodyMobile .course_block .course_details ul {
        list-style: none;
        padding-left: 0;
    }

    .searchResultBodyMobile .course_block .course_start_date {
        padding-left: 12px;
        padding-top: 10px;
    }

    .searchResultBodyMobile .course_block .course_more_details {
        /* background-color: #209cdc;
        border-color: #209cdc; */
        padding: 3px 35px;
        color: #fff;
        /* border-radius: 3px; */
        text-align: center;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .breadcrumb li.active div {
        width: 220px;
    }
    /* ProgramLandingPage start */
    .leadInstructor .expert-border {
        margin: 50px 0 0 100px;
    }

    .leadInstructor .expert-blueline {
        margin-top: 50px;
    }
    /* ProgramLandingPage end */
}
/*Course Listing Matrix end*/
/*individual start*/
.individualNextpert {
    background: rgb(224, 242, 251);
}

.lineGray {
    background: #929292;
    width: 100%;
    height: 1px;
    margin: 35px auto;
}

.KnowledgeEvaluation {
    background: #111216 url("/content/next/images/individual/KnowledgeEvaluationBG.png") no-repeat;
    background-size: cover;
}

    .KnowledgeEvaluation h2,
    .KnowledgeEvaluation h2 small {
        color: #fff;
    }

        .KnowledgeEvaluation h2,
        .KnowledgeEvaluation h2 small {
            color: #fff;
        }

#KnowledgeSlider .carousel-indicators {
    position: relative;
    bottom: 0;
    left: auto;
    right: auto;
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 0px;
}

.KnowledgeSliderContent .carousel-indicators li {
    text-indent: inherit;
    white-space: normal;
    width: 100% !important;
    height: auto !important;
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #3a2e2e;
    border-radius: 0;
}

.KnowledgeSliderContent ul {
    list-style: none;
    padding-left: 0;
    max-width: 480px;
}

    .KnowledgeSliderContent ul li {
        color: #999999;
        font-size: 20px;
        padding: 22px 0;
        border-bottom: 1px solid #2f2f2f;
        padding-left: 65px;
        cursor: pointer;
    }

        .KnowledgeSliderContent ul li.active {
            color: #fff;
        }

            .KnowledgeSliderContent ul li.active span {
                display: block;
                cursor: text;
            }

        .KnowledgeSliderContent ul li span {
            display: block;
            font-size: 16px;
            font-weight: 400;
            display: none;
            margin-top: 10px;
        }

        .KnowledgeSliderContent ul li:nth-child(1) {
            background: url("/content/next/images/individual/icon1.png") no-repeat 14px 19px;
        }

        .KnowledgeSliderContent ul li:nth-child(2) {
            background: url("/content/next/images/individual/icon2.png") no-repeat 10px 25px;
        }

        .KnowledgeSliderContent ul li:nth-child(3) {
            background: url("/content/next/images/individual/icon3.png") no-repeat 10px 19px;
        }

        .KnowledgeSliderContent ul li:nth-child(4) {
            background: url("/content/next/images/individual/icon4.png") no-repeat 10px 19px;
        }

        .KnowledgeSliderContent ul li.active:nth-child(1) {
            background: url("/content/next/images/individual/icon1H.png") no-repeat 14px 19px;
        }

        .KnowledgeSliderContent ul li.active:nth-child(2) {
            background: url("/content/next/images/individual/icon2H.png") no-repeat 10px 25px;
        }

        .KnowledgeSliderContent ul li.active:nth-child(3) {
            background: url("/content/next/images/individual/icon3H.png") no-repeat 10px 19px;
        }

        .KnowledgeSliderContent ul li.active:nth-child(4) {
            background: url("/content/next/images/individual/icon4H.png") no-repeat 10px 19px;
        }

.KnowledgeSlider ul {
    list-style: none;
    padding-left: 0;
}

    .KnowledgeSlider ul li {
        display: none;
    }

        .KnowledgeSlider ul li img {
            margin: 0 auto;
        }

        .KnowledgeSlider ul li.active {
            display: block;
        }

.developBG {
    background: #000;
}

.boldTxt {
    font-weight: 500;
}

#flashContent {
    width: 100%;
    height: 100%;
}

.CoursesCovering {
    background: #fbfbfb url("/content/next/images/individual/whynextBG1.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.BoxImages .CoursesCoveringBox {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 400px; */
}

.CoursesCoveringBox {
    /* box-shadow: 0px 2px 5px 1px #cacaca;
    border-radius: 5px; */
    background: var(--slb-grey-1);
}

    .CoursesCoveringBox .hoverContent {
        position: absolute;
        top: 0;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 0;
        overflow: hidden;
        display: block;
        justify-content: center;
        transition: all 0.3s ease 0s;
        display: none;
    }

        .CoursesCoveringBox .hoverContent .btn {
            margin: 18% auto;
        }

    .CoursesCoveringBox .title {
        padding: 4px 0 0px 10px;
        font-size: 16px;
        font-weight: 500;
        color: #39414d;
        text-align: left !important;
    }

.Customize {
    /* background: url("/content/next/images/individual/CustomizeBG.jpg") no-repeat; */
    background-size: cover;
}

    .Customize h2 {
        /* color: #fff; */
        color: var(--slb-black);
    }

.videosPlaceholder img {
    margin: 0 auto;
}

#KnowledgeSlider .carousel-indicators li {
    text-align: left;
}

.CoursesCoveringBox:hover .hoverContent {
    height: 100%;
}

.CoursesCovering .SearchCourse i {
    position: relative;
    top: 1px;
}

.logosBox .logosContent {
    max-width: 300px;
    padding: 25px 10px 15px 0;
}

.SearchCourseBlock {
    padding-top: 15px;
}

.indiv-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0px 5px 10px #aaaaaa;
    display: inline-block;
    float: left;
    background: #ffffff;
    margin-right: 10px;
    position: relative;
    margin-top: -12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.geology-images img {
    margin-right: 15px;
}

.digitalLearning .IndividualPage-nextPert .circle-bg {
    border-radius: 0px;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
    height: 175px;
    border-bottom: none;
}

.IndividualPage-nextPert .video-wp-content1,
.IndividualPage-nextPert .video-wp-content2,
.IndividualPage-nextPert .video-wp-content3 {
    top: 200px;
}

.UptoDate-bottom-pod .CoursesCoveringBox {
    border-radius: 0px;
}

.UptoDate-content {
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 228px;
    font-size: 16px;
    line-height: 24px;
    height: 166px;
}

.sf-icons {
    position: absolute;
    left: 620px;
    top: 25px;
    width: 160px;
    z-index: 10;
}

.oilsim-logo {
    float: right;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 84px;
    top: -15px;
}

.UptoDate-bottom-pod-content {
    margin-top: 20px;
    background: var(--slb-grey-1);
    height: 170px;
    /* border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 1px #e0e0e0 solid; */
    padding-left: 40px;
    position: relative;
}

.CoursesCoveringBox {
    padding: 10px 10px 6px 10px !important;
}

.PlacingControl .glyphicon-calendar {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #949090;
}

.Oilwell-simulator-content {
    padding-top: 70px;
}

.iwcf-content-right {
    padding-top: 50px;
}

.expertNetwork-left-img {
    margin-top: 60px;
}

.aboutnxt1.ThreeCircle {
    background: none;
}

.caret {
    width: 24px;
    height: 12px;
    border: none;
}

.open > .dropdown-toggle.insustrygroup.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    background: #fff;
    border-color: none;
    box-shadow: none;
    outline: 0;
    box-shadow: none;
    border-color: var(--slb-black)
}

.dropdown-toggle.insustrygroup.btn-default {
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 0 12px;
}

    .dropdown-toggle.insustrygroup.btn-default:hover {
        background: var(--slb-white);
        color: var(--slb-black)
    }

.Nextoffers-img-left {
    width: 50%;
    float: right;
    position: relative;
    left: 38px;
    top: 2px;
}

.Nextoffers-img-right {
    width: 50%;
}

.LearningJourney-section .videosPlaceholder {
    width: 994px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.LearningJourney-section .video-wrapper {
    left: 133px;
    top: 63px;
    right: inherit;
}

.search-course-catalog select#GeologyBlock-1 {
    max-width: 100%;
}

@media only screen and (min-width: 992px) {
    .logosBox {
        display: flex;
    }

    .PlacingControl .IndividualMenImage {
        position: relative;
        top: 20px;
    }

    .PlacingControl .individualForm {
        padding-top: 50px;
    }

    .KnowledgeEvaluation .KnowledgeEvaluationSliderSpace {
        top: 32px;
    }

    .search-course-catalog {
        width: 60%;
    }
}

@media only screen and (max-width: 991px) {
    .logosBox .logosContent {
        padding-top: 0;
    }

    .PlacingControl .IndividualMenImage {
        position: relative;
        top: -20px;
        margin: 0 auto 25px auto;
    }

    #KnowledgeSlider .carousel-indicators {
        text-align: center;
        margin: 0 auto;
        padding-top: 20px;
    }

        #KnowledgeSlider .carousel-indicators li {
            text-align: left;
        }

    .KnowledgeEvaluation .KnowledgeEvaluationBtn {
        position: relative;
        margin-top: 35px;
    }
}

@media only screen and (min-width: 768px) {
    .SearchCourseBlock {
        text-align: right;
        padding-top: 25px;
    }
}

@media only screen and (max-width: 360px) {
    .SearchCourseBlock .SearchCourse i {
        display: none;
    }

    .header .logo img {
        max-width: 80%;
        position: relative;
        top: 2px;
    }
}
/** RESPONSIVE STYLE START **/
@media(min-width:992px) and (max-width:1200px) {
    .CoursesCoveringBox .title {
        font-size: 14px;
    }

    .UptoDate-bottom-pod-content {
        height: 145px;
        margin-top: 18px;
    }

    .UptoDate-content {
        height: 100%;
    }

    .sf-icons {
        top: 14px;
        left: 363px;
        width: 155px;
    }

    .oilsim-logo {
        right: 15px;
    }

    .Oilwell-simulator-content {
        padding-top: 35px;
    }

    .iwcf-content-right {
        padding-top: 25px;
    }

    .IndividualPage-nextPert .video-wp-content1,
    .IndividualPage-nextPert .video-wp-content2,
    .IndividualPage-nextPert .video-wp-content3 {
        top: 170px;
    }

    .expertNetwork-left-img {
        margin-top: 80px;
    }

    .Nextoffers-img-left {
        width: 70%;
        left: 45px;
    }

    .Nextoffers-img-right {
        width: 70%;
    }

    .UptoDate-bottom-pod .indiv-icon.ml-7 {
        margin-left: 40px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .Nextoffers-img-left {
        width: 80%;
        left: 40px;
    }

    .Nextoffers-img-right {
        width: 80%;
    }

    .UptoDate-bottom-pod .indiv-icon.ml-7 {
        margin-left: 15px;
    }

    .UptoDate-content {
        height: 140px;
        width: 70%;
    }

    .UptoDate-bottom-pod-content {
        height: 140px;
        margin-top: 15px;
        padding-left: 15px;
    }

    .UptoDate-bottom-pod {
        display: inline-block;
    }

        .UptoDate-bottom-pod .sf-icons {
            left: 328px;
            top: 22px;
        }

            .UptoDate-bottom-pod .sf-icons img {
                max-width: 80%;
            }

    .LearningJourney-section .videosPlaceholder {
        width: auto;
    }

    .LearningJourney-section .video-wrapper {
        left: 123px;
        top: 26px;
        right: inherit;
        width: 469px;
    }

    .GeologyField-inner .col-md-4 img {
        margin: auto;
    }

    .GeologyField-inner h4 {
        text-align: center;
    }

    .ImmersiveSimulation-section .col-md-5 img,
    .OilwellSimulator-section .col-md-5 img {
        max-width: 70%;
        margin: auto;
    }

    .Oilwell-simulator-content {
        padding-top: 0px;
    }

    .iwcf-content-right {
        padding-top: 12px;
    }

    .expertNetwork-left-img {
        margin-top: 0px;
    }

        .expertNetwork-left-img img {
            text-align: center;
            margin: auto;
            margin-bottom: 30px;
        }
}

@media(max-width:767px) {
    .Nextoffers-img-left {
        width: 100%;
        left: 12px;
    }

    .Nextoffers-img-right {
        width: 100%;
        position: relative;
        right: 12px;
    }

    .UptoDate-bottom-pod-content {
        border-radius: 0px;
        padding-left: 15px;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        border: none;
        background: none;
        margin-top: 0px;
    }

    .UptoDate-content {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .UptoDate-bottom-pod-content .sf-icons {
        position: static;
        width: 60%;
        margin: 15px auto 10px auto;
    }

        .UptoDate-bottom-pod-content .sf-icons img {
            margin: auto;
        }

    .UptoDate-bottom-pod {
        background: #efefef;
        border: 1px #e0e0e0 solid;
        padding-bottom: 20px;
    }


        .UptoDate-bottom-pod .CoursesCoveringBox {
            background: #ffffff;
        }

    .CoursesCoveringBox .indiv-icon {
        margin-left: 0px;
    }

    .LearningJourney-section .videosPlaceholder {
        width: auto;
    }

    .LearningJourney-section .video-wrapper {
        left: 17%;
        top: inherit;
        right: inherit;
        right: 17.7%;
        bottom: 16.1%;
    }

    .GeologyField-inner h4 {
        text-align: center;
    }

    .GeologyField-inner .col-sm-12.pull-left .col-sm-4 img {
        margin: auto;
        float: none;
        text-align: center;
    }

    .GeologyField-inner .col-sm-12.pull-left .col-sm-4 {
        margin-top: 15px;
    }

    .GeologyField-inner .col-md-4 img {
        margin: auto;
    }

    .ImmersiveSimulation-section .oilsim-logo {
        position: static;
        float: none;
        margin: auto;
    }

    .ImmersiveSimulation-section {
        text-align: center;
    }

        .ImmersiveSimulation-section .col-md-5 img {
            margin: auto;
        }

        .ImmersiveSimulation-section h2 {
            font-size: 23px;
        }

        .ImmersiveSimulation-section h4 {
            font-size: 16px;
        }

        .ImmersiveSimulation-section .explore-btn {
            width: 100%;
            text-align: center;
        }

    .OilwellSimulator-section .col-md-5 img {
        margin: auto;
    }

    .Oilwell-simulator-content {
        padding-top: 0px;
    }

    .Oilwell-simulator-content {
        text-align: center;
    }

        .Oilwell-simulator-content ul {
            text-align: left;
        }

    .iwcf-section .col-sm-3 img {
        margin: auto;
        width: 50%;
    }

    .XpertNetwork {
        text-align: center;
    }

    .expertNetwork-left-img {
        margin-top: 0px;
        margin-bottom: 30px;
    }

        .expertNetwork-left-img img {
            margin: auto;
        }

    .XpertNetwork .explore-btn {
        text-align: center;
        width: 100%;
    }
}
/** RESPONSIVE STYLE END **/
/*individual end*/
/*Individual Corporate start*/
.developBG {
    background: #000;
}

.GlobalTabs .nav-tabs {
    border: 1px solid var(--slb-blue);
    border-radius: 40px;
    display: inline-block;
    padding: 0 10px;
}

    .GlobalTabs .nav-tabs li {
        border-color: transparent;
        float: none;
        display: inline-block;
        position: relative;
        padding: 14px 0;
    }

        .GlobalTabs .nav-tabs li a {
            border-width: 0 0 0 0;
            font-size: 18px;
            padding-top: 14px;
            border-radius: 40px;
            padding: 9px 30px 10px 30px;
            margin: 0;
            text-decoration: none;
        }

            .GlobalTabs .nav-tabs li a.active,
            .GlobalTabs .nav-tabs li:hover a,
            .GlobalTabs .nav-tabs li:focus a {
                border-width: 0 0 0 0;
                color: #fff;
                background-color: var(--slb-blue);
            }

.CustomerOutcomes.OhterKey .cont-people-circle-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}

.CustomerOutcomes.OhterKey .cont-people-normal-cont {
    margin-bottom: 10px;
}

.CorporateOverview {
    background-size: contain;
    background-position: left 50px;
}

.OhterKey ul {
    margin: 0px;
    padding: 0px;
}

    .OhterKey ul li {
        display: inline-block;
        list-style: none;
        width: 250px;
        margin-left: 30px;
        margin-bottom: 20px;
        vertical-align: top;
    }

        .OhterKey ul li:first-child,
        .OhterKey ul li:nth-child(5) {
            margin-left: 0px;
        }

        .OhterKey ul li:nth-child(5),
        .OhterKey ul li:nth-child(6),
        .OhterKey ul li:nth-child(7),
        .OhterKey ul li:nth-child(8) {
            margin-bottom: 0px;
        }

.OhterKey .circle-main {
    margin: auto;
}

.OhterKey .circle {
    width: 138px;
    height: 138px;
    /* border-radius: 50%; */
    background: var(--slb-blue);
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.OhterKey .circleTitle {
    height: 56px;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--slb-black);
    font-size: 16px;
    background: var(--slb-white);
    /* border-radius: 30px; */
    margin-top: -22px;
    margin-left: auto;
    margin-right: auto;
}

.OhterKey .circle-main p {
    margin-top: 10px;
    line-height: 20px;
}

.OhterKey .circle img {
    margin-top: -10px;
}
/* 
.OhterKey .circle.analyze-bg {
    background: #eca438;
}

.OhterKey .circle.persolanized-bg {
    background: #ee5c67;
}

.OhterKey .circle.customize-bg {
    background: #138bbd;
}

.OhterKey .circle.validation-bg {
    background: #637b93;
}

.OhterKey .circle.alignment-bg {
    background: #47b180;
}

.OhterKey .circle.scalable-bg {
    background: #00bbd4;
}

.OhterKey .circle.request-bg {
    background: #f26031;
}

.OhterKey .circle.stay-bg {
    background: #795547;
} */
.connectingArrow {
    position: absolute;
    top: 100px;
    width: 100%;
    text-align: center;
    top: -52px;
}

@media(max-width:767px) {
    .OhterKey ul li {
        margin-left: 0px;
        margin-bottom: 20px !important;
    }

        .OhterKey ul li:last-child {
            margin-bottom: 0px !important;
        }
}
/*Individual Corporate end*/
/*Industry Academia start*/
.UniversityProgram {
    /* background: url("/content/next/images/IndustryAcademia/heriot-watt-bg.jpg") no-repeat; */
    background-size: cover;
    background-position: center;
    background: var(--slb-grey-5);
}

    .UniversityProgram p {
        color: #fff;
        text-align: left;
    }

    .UniversityProgram h2 {
        color: var(--slb-aqua-blue);
        text-align: left;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

        .UniversityProgram h2:after {
            content: "";
            width: 50px;
            height: 4px;
            background: #4472c4;
            position: absolute;
            bottom: 0px;
            left: 0px;
        }

    .UniversityProgram .UniversityProgramList {
        list-style: none;
        padding-left: 45px;
        color: #fff;
        max-width: 415px;
        top: 115px;
    }

#UniversitySlider .carousel-indicators,
#KansasSlider .carousel-indicators,
#MOGISlider .carousel-indicators {
    position: relative;
    bottom: 0;
    left: auto;
    right: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 62px;
    text-align: left;
    padding-left: 90px;
}

.UniversityProgram .UniversityProgramList li {
    padding-bottom: 42px;
    padding-top: 10px;
    font-size: 20px;
    position: relative;
}

    .UniversityProgram .UniversityProgramList li span {
        display: block;
        font-size: 14px;
        padding-top: 10px;
        /*  display: none; */
    }

    .UniversityProgram .UniversityProgramList li.active span {
        display: flex;
    }

    .UniversityProgram .UniversityProgramList li:nth-child(1)::before {
        background: url("/content/next/images/IndustryAcademia/icon_about_heriot.png") no-repeat 21px 8px;
        border: 2px #fff solid;
        border-radius: 50%;
    }

    .UniversityProgram .UniversityProgramList li:nth-child(2)::before {
        background: url("/content/next/images/IndustryAcademia/icon_how_it_works.png") no-repeat 8px 8px;
        top: 0px;
        border: 2px #fff solid;
        border-radius: 50%;
    }

    .UniversityProgram .UniversityProgramList li:nth-child(3)::before {
        background: url("/content/next/images/IndustryAcademia/icon_availabale_courses.png") no-repeat 12px 12px;
        top: 0px;
        border: 2px #fff solid;
        border-radius: 50%;
    }

    .UniversityProgram .UniversityProgramList li::before {
        content: " ";
        position: absolute;
        width: 55px;
        height: 55px;
        left: -70px;
        top: 0;
    }

.UniversityProgram .UniversityProgramList .contct-btn {
    position: absolute;
    left: 37px;
}

.UniversityProgram .UniversityProgramList li.active::before {
    background-color: var(--slb-aqua-blue);
    border: 1px var(--slb-aqua-blue) solid;
}

.UniversityProgram .UniversityProgramList li.active {
    color: var(--slb-aqua-blue);
}

#UniversitySlider .carousel-indicators li,
#KansasSlider .carousel-indicators li,
#MOGISlider .carousel-indicators li {
    text-indent: inherit;
    white-space: normal;
    width: 100% !important;
    height: auto !important;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
}

.Kansas {
    background: #222c2e url("/content/next/images/IndustryAcademia/Kansas.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

    .Kansas .UniversityProgramList {
        list-style: none;
        padding-left: 45px;
        color: #000;
        max-width: 450px;
    }

        .Kansas .UniversityProgramList li {
            padding-bottom: 50px;
            font-size: 20px;
            position: relative;
        }

            .Kansas .UniversityProgramList li span {
                display: block;
                font-size: 14px;
                padding-top: 10px;
                display: none;
            }

            .Kansas .UniversityProgramList li.active span {
                display: flex;
            }

            .Kansas .UniversityProgramList li:nth-child(1)::before {
                background: url("/content/next/images/IndustryAcademia/icon21.png") no-repeat 4px 3px;
            }

            .Kansas .UniversityProgramList li:nth-child(2)::before {
                background: url("/content/next/images/IndustryAcademia/icon22.png") no-repeat 5px 6px;
                top: -10px;
            }

            .Kansas .UniversityProgramList li:nth-child(3)::before {
                background: url("/content/next/images/IndustryAcademia/icon23.png") no-repeat 9px 7px;
                top: -9px;
            }

            .Kansas .UniversityProgramList li:nth-child(4)::before {
                background: url("/content/next/images/IndustryAcademia/icon24.png") no-repeat 5px 7px;
                top: -7px;
            }

            .Kansas .UniversityProgramList li:nth-child(1):hover::before,
            .Kansas .UniversityProgramList li.active:nth-child(1)::before {
                background: #fc8f0d url("/content/next/images/IndustryAcademia/icon1.png") no-repeat 5px 3px;
            }

            .Kansas .UniversityProgramList li:nth-child(2):hover::before,
            .Kansas .UniversityProgramList li.active:nth-child(2)::before {
                background: #fc8f0d url("/content/next/images/IndustryAcademia/icon2.png") no-repeat 5px 6px;
                top: -10px;
            }

            .Kansas .UniversityProgramList li:nth-child(3):hover::before,
            .Kansas .UniversityProgramList li.active:nth-child(3)::before {
                background: #fc8f0d url("/content/next/images/IndustryAcademia/icon3.png") no-repeat 9px 7px;
                top: -9px;
            }

            .Kansas .UniversityProgramList li:nth-child(4):hover::before,
            .Kansas .UniversityProgramList li.active:nth-child(4)::before {
                background: #fc8f0d url("/content/next/images/IndustryAcademia/icon4.png") no-repeat 5px 7px;
                top: -7px;
            }

            .Kansas .UniversityProgramList li::before {
                content: " ";
                position: absolute;
                width: 46px;
                height: 46px;
                left: -60px;
                top: 0;
            }

            .Kansas .UniversityProgramList li:hover::before,
            .Kansas .UniversityProgramList li.active::before {
                background-color: #fc8f0d;
            }

@media only screen and (min-width: 992px) {
    .UniversityProgram .carousel.slide {
        margin-top: 50px;
    }
}

@media screen and (max-width:991px) and (min-width: 768px) {
    .UniversityProgram .carousel.slide .carousel-inner .item img,
    #Kansas .carousel.slide .carousel-inner .item img {
        margin: 0 auto;
    }

    #UniversitySlider .carousel-indicators,
    #KansasSlider .carousel-indicators,
    #MOGISlider .carousel-indicators {
        margin: 0 auto;
    }

    .UniversityProgram .UniversityProgramList {
        top: 0 !important;
    }
}

@media screen and (max-width:768px) {
    .UniversityProgram {
        padding-bottom: 100px;
    }
}

@media screen and (max-width:600px) and (min-width: 300px) {
    .UniversityProgram .content .hw-img {
        bottom: -60px !important;
    }

    .UniversityProgram h2 {
        padding-top: 100px;
    }

    .UniversityProgram .left-container {
        height: 580px;
    }
}

.UniversityProgram .carousel-inner {
    overflow: inherit;
}

.UniversityProgram .left-container {
    width: 100%;
    height: 570px;
    background: rgba(0, 0, 0, 0.3);
    position: relative;
}

.UniversityProgram .content {
    padding-top: 55px;
    padding-left: 55px;
    color: #ffffff;
}

    .UniversityProgram .content h3 {
        font-size: 18px;
        text-align: left;
    }

    .UniversityProgram .content p {
        width: 50%;
    }

    .UniversityProgram .content .hw-img {
        position: absolute;
        right: 30px;
        width: 45%;
        bottom: 0px;
    }

    .UniversityProgram .content .hw-logo {
        right: 43px;
        position: absolute;
        top: -45px;
    }

.MscPetroleumEngg {
    background: url("/content/next/images/IndustryAcademia/overview_background.png") no-repeat;
    background-position: bottom center;
    height: 680px;
}

    .MscPetroleumEngg h2 {
        margin-top: 40px;
    }

    .MscPetroleumEngg h4 {
        margin-bottom: 20px;
    }

.ImproveProfessional {
    background: url("/content/next/images/IndustryAcademia/abstract_wave.png") center center;
    background-color: var(--slb-grey-1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 35px;
}

.ImproveProfession-circles ul {
    padding: 0px;
    margin: 0px;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    display: inline;
}

    .ImproveProfession-circles ul li {
        list-style: none;
        width: 210px;
        height: 210px;
        background: #ff0000;
        border-radius: 50%;
        display: inline-block;
        margin-left: 20px;
        color: #ffffff;
        font-size: 15px;
        line-height: 22px;
    }

        .ImproveProfession-circles ul li:first-child {
            margin-left: 0px;
        }

        .ImproveProfession-circles ul li:first-child {
            background: url("/content/next/images/IndustryAcademia/IA-img1.jpg") no-repeat;
        }

        .ImproveProfession-circles ul li:nth-child(2) {
            background: url("/content/next/images/IndustryAcademia/IA-img2.jpg") no-repeat;
        }

        .ImproveProfession-circles ul li:nth-child(3) {
            background: url("/content/next/images/IndustryAcademia/IA-img3.jpg") no-repeat;
        }

        .ImproveProfession-circles ul li:nth-child(4) {
            background: url("/content/next/images/IndustryAcademia/IA-img4.jpg") no-repeat;
        }

        .ImproveProfession-circles ul li div {
            width: 80%;
            height: 100%;
            display: table;
            margin: auto;
        }

        .ImproveProfession-circles ul li div {
            display: table-cell;
            text-align: center;
            height: 210px;
            padding: 55px 20px 30px;
        }

.UniversityProgram .item ul {
    margin: 20px 0px 0px 18px;
    padding: 0px;
    text-align: left;
    width: 50%;
}

    .UniversityProgram .item ul li {
        margin-bottom: 10px;
    }

        .UniversityProgram .item ul li a {
            color: #ffffff;
        }

#UniversitySlider div.item:first-child .hw-img {
    width: 55%;
}

#UniversitySlider div.item:last-child .hw-img {
    width: 60%;
    bottom: 120px;
}

a.underline-link {
    color: #fff;
    text-decoration: underline;
}

a:hover.underline-link {
    text-decoration: none;
}
/* RESPONSIVE STYLE START */
@media(min-width:768px) and (max-width:991px) {
    #UniversitySlider .carousel-indicators {
        max-width: inherit;
        padding-left: 0px;
        position: static;
        text-align: center;
    }

        #UniversitySlider .carousel-indicators li {
            width: auto !important;
            padding-left: 65px;
            margin-left: 30px;
            padding-bottom: 8px;
        }

            #UniversitySlider .carousel-indicators li:first-child {
                margin-left: 0px;
            }

    .UniversityProgram .UniversityProgramList li::before {
        left: 0px;
    }

    #UniversitySlider .col-sm-12.col-md-8 {
        margin-top: 95px;
    }

    .UniversityProgram {
        padding-bottom: 0px;
    }

    .MscPetroleumEngg .col-md-6 img.professionalData {
        width: 60%;
        text-align: center;
        margin: auto;
    }

    .ImproveProfession-circles ul li {
        margin-left: 105px;
        margin-bottom: 30px;
    }

        .ImproveProfession-circles ul li:nth-child(3) {
            margin-left: 0px;
        }

    .UniversityProgram .left-container {
        padding-bottom: 20px;
    }
}

@media(max-width:767px) {
    #UniversitySlider .carousel-indicators {
        max-width: inherit;
        padding-left: 0px;
        position: static;
        text-align: left;
    }

        #UniversitySlider .carousel-indicators li {
            width: auto !important;
            padding: 15px 0px 15px 65px;
            margin-left: 0px;
            display: block;
            margin-bottom: 15px;
        }

            #UniversitySlider .carousel-indicators li:first-child {
                margin-left: 0px;
            }

    .UniversityProgram .UniversityProgramList li::before {
        left: 0px;
    }

    #UniversitySlider .col-sm-12.col-md-8 {
        margin-top: 75px;
        width: 100%;
    }

    .UniversityProgram .content .hw-img {
        display: none;
    }

    .UniversityProgram .content {
        left: 15px;
        padding-left: 20px;
        padding-right: 15px;
    }

        .UniversityProgram .content p {
            width: auto;
            padding-right: 15px;
        }

    .UniversityProgram .left-container {
        height: auto;
    }

    .UniversityProgram {
        padding-bottom: 0px;
    }

    .TextAlignAcademeia {
        text-align: left;
    }

    .UniversityProgram .left-container {
        padding-bottom: 20px;
    }

    #UniversitySlider .col-sm-12 {
        float: none !important;
    }

    .UniversityProgram .UniversityProgramList li {
        font-size: 18px;
    }

    #UniversitySlider .carousel-indicators {
        margin-top: 0px;
    }

    .UniversityProgram .item ul {
        width: 100%;
    }

    .ImproveProfession-circles ul li {
        margin-left: 42px;
        margin-bottom: 20px;
    }

        .ImproveProfession-circles ul li:nth-child(3) {
            margin-left: 0px;
        }

    .MscPetroleumEngg .col-md-6 img.professionalData {
        width: 300px;
        margin: auto;
    }

    .MscPetroleumEngg {
        height: auto;
    }
}

@media(max-width:480px) {
    .ImproveProfession-circles ul li {
        margin-left: 5px;
        margin-bottom: 20px;
    }

    #UniversitySlider .carousel-indicators li {
        width: 0%;
        padding-left: 64px;
        padding-bottom: 42px;
    }

    .professionalMobile {
        margin-top: 506px;
    }

    .UniversityProgram {
        padding-bottom: 0px;
    }

        .UniversityProgram .left-container {
            height: 100%;
        }

    .nextCommon.testimonials .carousel-control.left {
        left: -15px;
    }

    .nextCommon.testimonials .carousel-control.right {
        right: -15px;
    }

    .newCommon .footer-menu.menuRightFoot {
        float: left;
        margin-right: 11px;
    }

    .MscPetroleumEngg .col-md-6 img.professionalData {
        width: 300px;
        margin: auto;
    }

    .MscPetroleumEngg {
        height: 580px;
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .nextCommon.testimonials .carousel-control.right {
        right: 0px;
    }

    .MscPetroleumEngg {
        height: auto;
    }

    .TextAlignAcademeia {
        text-align: center;
    }
}

@media (max-width:1024px) and (min-width:768px) and (orientation:landscape) {
    .MscPetroleumEngg {
        height: auto;
    }

    .UniversityProgram .left-container {
        height: 100%;
    }
}

@media (max-width: 1366px) and (min-width: 1024px) {
    .TextAlignAcademeia {
        text-align: left;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .UniversityProgram .left-container {
        height: auto;
        padding-bottom: 20px;
    }

    .UniversityProgram h2 {
        font-size: 32px;
    }
}
/* RESPONSIVE STYLE END */
/*Industry Academia end*/
/*new hire training program start*/
.Programdescription .headingLine {
    height: 4px;
}

.Programdescription {
    text-align: left;
    color: #505050;
}

    .Programdescription .blue-bg {
        background: var(--slb-blue);
    }

    .Programdescription h4 {
        font-weight: 500;
        font-size: 22px;
    }

    .Programdescription .subhead {
        color: var(--slb-blue);
        font-weight: 500;
        font-size: 18px;
    }

.NewHireTP {
    background: #fff;
}

    .NewHireTP .NewHireTrainingProgram {
        text-align: left;
        color: var(--slb-blue);
        font-size: 30px;
        font-weight: 500;
        margin-top: 85px;
        padding-left: 20px;
        border-left: solid 4px var(--slb-blue);
        line-height: 32px;
    }

        .NewHireTP .NewHireTrainingProgram span {
            display: block;
            color: #505050;
            font-size: 20px;
            padding-top: 8px;
            line-height: 26px;
        }

    .NewHireTP .CustomerOutcomesFlipBox {
    }

        .NewHireTP .CustomerOutcomesFlipBox img {
            margin: auto;
        }

    .NewHireTP .FlipBoxContent h4 {
        color: var(--slb-black);
        font-weight: 500;
        font-size: 22px;
    }

    .NewHireTP .blue-bg {
        background: var(--slb-blue);
    }

.customee-outcome-list {
    padding-left: 17px;
}

.blue-bg {
    background: var(--slb-blue);
}

.newHire-GTP {
    background: var(--slb-deep-blue);
    color: #fff;
}

    .newHire-GTP .modal-title {
        color: #333;
        font-weight: 500;
    }

    .newHire-GTP .modeltxt {
        font-size: 16px;
    }

    .newHire-GTP ul.modeltxt {
        font-size: 15px;
        list-style-type: square;
    }

.modal-header {
    justify-content: space-between;
}

    .modal-header .close {
        font-size: 28px;
        font-weight: 200;
        padding: 0px 6px 2px 6px;
        color: var(--slb-blue);
        background: none;
        border: none;
    }

.close {
    opacity: 1;
}

    .close:hover,
    .close:focus {
        opacity: 1;
    }

.newHire-GTP h2,
.newHire-GTP p {
    color: #fff;
}

.newHire-GTP .pColor {
    color: var(--slb-white);
}

.newHire-GTP-graph {
    background: url("/content/next/images/trainingPrograms/newhire-GTP-bg.png") no-repeat center top;
    width: 100%;
    height: 460px;
}

.NewHireTP .CustomerOutcomesFlipBox .FlipBoxContent ul li {
    list-style-type: square;
    color: var(--slb-grey-5);
    line-height: 22px;
    margin-bottom: 5px;
}

.newHire-GTP-graph .img1 {
    top: 70px;
    left: 45px;
    display: inline;
    position: absolute;
}

.newHire-GTP-graph .text {
    top: 286px;
    left: 70px;
    position: absolute;
    font-weight: 500;
    width: 132px;
}

.newHire-GTP-graph .bottom-btn {
    top: 305px;
    left: 40px;
    position: absolute;
    background: url("/content/next/images/trainingPrograms/bottom-btn-bg.png") no-repeat;
    width: 187px;
    height: 143px;
}

.newHire-GTP-graph .img2 {
    top: 69px;
    left: 290px;
    display: inline;
    position: absolute;
}

.newHire-GTP-graph .text2 {
    top: 286px;
    left: 24%;
    position: absolute;
    font-weight: 500;
    width: 132px;
}

.newHire-GTP-graph .col-md-4.col-sm-12.DataIcons {
    margin-left: 20%;
}

.newHire-GTP-graph .bottom-btn2 {
    top: 305px;
    left: 22%;
    position: absolute;
    background: url("/content/next/images/trainingPrograms/bottom-btn-bg.png") no-repeat;
    width: 187px;
    height: 143px;
}

.newHire-GTP-graph .bottom-btn3 {
    top: 305px;
    position: absolute;
    background: url("/content/next/images/trainingPrograms/bottom-btn-bg.png") no-repeat;
    width: 187px;
    height: 143px;
    left: 58%;
    margin-left: -3px;
}

    .newHire-GTP-graph .bottom-btn3 div {
        padding-top: 90px !important;
    }

.newHire-GTP table.oilsimTable thead {
    background-color: #00bcd5;
    color: #fff;
}

    .newHire-GTP table.oilsimTable thead tr th {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.newHire-GTP table.oilsimTable .bg-gray {
    background-color: #96a7bb;
    color: #fff;
}

.newHire-GTP table.oilsimTable .bg-light {
    background-color: #e8edf3;
}

.newHire-GTP .theory1day {
    background: #3f51b7;
    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
}

.newHire-GTP .petrel2day {
    background: #00bcd5;
    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
}

.newHire-GTP .fieldTrip {
    background: #009788;
    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
}

.newHire-GTP .text-black {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
}

.newHire-GTP .techmodule1box {
    background-color: #e8eaf6;
    padding: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 250px;
}

.newHire-GTP .plusImg:after {
    content: "+";
    position: absolute;
    background-color: #9aaab7;
    border-radius: 50%;
    color: #fff;
    left: 335px;
    top: 185px;
    font-size: 15px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

.newHire-GTP .techmodule2box {
    background-color: #e0f8fa;
    padding: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 250px;
}

.newHire-GTP .techmodule3box {
    background-color: #e0f2f2;
    padding: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 250px;
}

.newHire-GTP #GeologyandGeophysics ul {
    margin-left: -20px;
    list-style-type: square;
}

.newHire-GTP #GeologyandGeophysics .modal-body img {
    float: right;
}

.newHire-GTP #GeologyandGeophysics label {
    width: 80%;
}

.newHire-GTP #ModalPetrophysics ul {
    margin-left: -20px;
    list-style-type: square;
}

.newHire-GTP #ModalPetrophysics .modal-body img {
    float: right;
}

.newHire-GTP #ModalPetrophysics label {
    width: 80%;
}

.newHire-GTP #ModalReservoirEngineering ul {
    margin-left: -20px;
    list-style-type: square;
}

.newHire-GTP #ModalReservoirEngineering .modal-body img {
    float: right;
}

.newHire-GTP #ModalReservoirEngineering label {
    width: 80%;
}

.newHire-GTP #ModalDrillingCompletion ul {
    margin-left: -20px;
    list-style-type: square;
}

.newHire-GTP #ModalDrillingCompletion .modal-body img {
    float: right;
}

.newHire-GTP #ModalDrillingCompletion label {
    width: 80%;
}

.newHire-GTP #ModalProductionEngineering ul {
    margin-left: -20px;
    list-style-type: square;
}

.newHire-GTP #ModalProductionEngineering .modal-body img {
    float: right;
}

.newHire-GTP #ModalProductionEngineering label {
    width: 80%;
}

.newHire-GTP .modal-header .circleImg {
    width: 60px;
    height: 60px;
    background: #00bcd5;
    border-radius: 50%;
    padding: 10px 10px;
    margin: 0 auto;
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .BoxMargin {
        width: 41.66666667%;
    }
}

.newHire-GTP-graph .img3 {
    top: 68px;
    left: 82%;
    display: inline;
    position: absolute;
}

.newHire-GTP-graph .text3 {
    top: 286px;
    left: 84%;
    position: absolute;
    font-weight: 500;
}

.newHire-GTP-graph .bottom-btn4 {
    top: 305px;
    left: 81%;
    position: absolute;
    background: url("/content/next/images/trainingPrograms/bottom-btn-bg.png") no-repeat;
    width: 187px;
    height: 143px;
}

.newHire-GTP-graph ul {
    list-style: none;
    padding: 0px 46px 0 23px;
    margin: -24px -10px 0 5px;
}

    .newHire-GTP-graph ul li {
        list-style: none;
        position: relative;
        background: #446273;
        text-align: left;
        height: 65px;
        margin-bottom: 12px;
        /* border-radius: 5px; */
    }

        .newHire-GTP-graph ul li div {
            background: #5ca06f;
            width: 136px;
            height: 65px;
            /* border-radius: 5px; */
            text-align: center;
            padding-top: 10px;
            line-height: 1.5;
            float: left;
        }

            .newHire-GTP-graph ul li div img {
                position: absolute;
                top: 4px;
                left: -14px;
            }

        .newHire-GTP-graph ul li .display {
            display: inline;
            padding: 10px 6px;
        }

        .newHire-GTP-graph ul li .displayPE {
            display: inline;
            padding: 10px 1px;
        }

        .newHire-GTP-graph ul li:nth-child(2) div {
            padding-top: 20px;
        }

@media only screen and (min-width:992px) and (max-width:1200px) {
    .BoxMargin {
        width: 41.66666667%;
    }
}

.newHire-GTP-graph .img3 {
    top: 68px;
    left: 82%;
    display: inline;
    position: absolute;
}

.newHire-GTP-graph .text3 {
    top: 286px;
    left: 84%;
    position: absolute;
    font-weight: 500;
}

.newHire-GTP-graph .bottom-btn4 {
    top: 305px;
    left: 84%;
    position: absolute;
    background: url("/content/next/images/trainingPrograms/bottom-btn-bg.png") no-repeat;
    width: 187px;
    height: 143px;
}

.newHire-GTP-graph ul {
    list-style: none;
    padding: 0px 46px 0 23px;
    margin: -24px -10px 0 5px;
}

    .newHire-GTP-graph ul li {
        list-style: none;
        position: relative;
        background: var(--slb-grey-5);
        text-align: left;
        height: 65px;
        margin-bottom: 12px;
        /* border-radius: 5px; */
        margin-left: -5px;
    }

        .newHire-GTP-graph ul li div {
            background: var(--slb-blue);
            width: 136px;
            height: 65px;
            /* border-radius: 5px; */
            text-align: center;
            padding-top: 10px;
            line-height: 1.5;
            float: left;
        }

            .newHire-GTP-graph ul li div img {
                position: absolute;
                top: 4px;
                left: -14px;
            }

        .newHire-GTP-graph ul li .display {
            display: inline;
            padding: 10px 6px;
        }

        .newHire-GTP-graph ul li .displayPE {
            display: inline;
            padding: 10px 1px;
        }

        .newHire-GTP-graph ul li:nth-child(2) div {
            padding-top: 20px;
        }

.Deliverymech-sec {
    background: #202c45;
    width: 96%;
    margin: auto;
}

    .Deliverymech-sec ul {
        padding: 0;
        color: #6e788f;
        display: flex;
        margin: 0px;
        justify-content: center;
    }

        .Deliverymech-sec ul li {
            list-style: none;
            display: inline;
            padding: 20px 14px;
            float: left;
            align-content: end;
        }

            .Deliverymech-sec ul li img {
                height: 20px;
                display: inline;
                margin: auto;
            }

            .Deliverymech-sec ul li .petrellogs {
                margin-top: -15px;
            }

            .Deliverymech-sec ul li span {
                display: block;
                padding-top: 6px;
                color: #fff;
            }

.bottom-icons {
    padding: 30px 0px;
}

    .bottom-icons ul {
        margin: auto;
        padding: 0;
        color: #6e788f;
    }

        .bottom-icons ul li {
            list-style: none;
            display: inline-flex;
            padding: 10px 5px;
            line-height: 1.5;
            font-size: 12px;
        }

            .bottom-icons ul li img {
                display: inline;
                margin-right: 10px;
            }

.attributesdrive {
    background: #107a8f url("/content/next/images/trainingPrograms/atrribute-drive-bg.jpg") no-repeat center 137px;
    /* color: #fff; */
    height: auto;
}

    .attributesdrive h2,
    .attributesdrive p {
        color: var(--slb-black);
    }

    .attributesdrive h3 {
        font-weight: 500;
        text-align: left;
    }
    /* .attributesdrive .blue-bg {
    background: #209cdc;
} */
    .attributesdrive ul {
        margin-left: 0;
        padding: 0;
    }

        .attributesdrive ul li {
            text-align: left;
            padding: 10px;
            line-height: 20px;
            list-style-type: none;
            border: 1px solid var(--slb-grey-2);
            background: var(--slb-grey-1);
            /*box-shadow: 0px 0px 1px 1px #868585;*/
            /*border-radius: 0px;*/
            margin-bottom: 20px;
            color: #000;
            width: 370px;
        }

.attrImage img {
    position: absolute;
    left: -225px;
    top: -75px;
}

.attrLeftContent {
    z-index: 1;
}

.popup-table-wrapper {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
}

.modeltxt {
    margin: auto;
    line-height: 1.4;
    overflow: hidden;
}

    .modeltxt li {
        padding: 2px;
    }

.attributesdrive h4 {
    color: var(--slb-black);
}

@media only screen and (max-width: 991px) {
    .attributesdrive {
        height: auto;
    }
}

@media(min-width:992px) and (max-width:1400px) {
    .attributesdrive {
        /* background: var(--slb-grey-3) url("/content/next/images/trainingPrograms/atrribute-map.png") no-repeat center 10px !important; */
        /* color: #fff; */
        color: var(--slb-black);
    }

    .attrWidth {
        width: 33.33333333%;
    }
}

@media (min-width: 768px) {
    div.col-sm-7.five-three {
        width: 60% !important;
    }

    div.col-sm-5.five-two {
        width: 40% !important;
    }

    .attributesImage {
        background: var(--slb-grey-2);
    }
}

@media (max-width: 767px) {
    .attributesImage {
        background: var(--slb-grey-2);
    }
}

@media (min-width: 992px) {
    .attrWidth {
        width: 33.33333333%;
    }
}

.box-right-pad {
    padding-right: 0px;
}

.box-left-pad {
    padding-left: 0px;
}

.modalBoxShadow {
    -webkit-box-shadow: 0px 2px 7px 1px rgba(178, 178, 178, 0.82);
    box-shadow: 0px 2px 7px 1px rgba(178, 178, 178, 0.82);
    border-radius: 5px;
    padding: 0;
    min-height: 323px;
}

    .modalBoxShadow ul {
        margin: 15px 7px 28px -15px;
        float: left;
    }

        .modalBoxShadow ul li {
            line-height: 1.5;
        }

.box-header {
    width: 100%;
    height: 90px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
}

.exploration {
    background: #009788;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reservoirAppraisal {
    background: #089eb3;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reservoirDevelopment {
    background: #5a7894;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productionOperations {
    background: #d09641;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.challengeModules {
    background: #7175b2;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-tbl {
    width: 100%;
    margin: auto;
}

    .model-tbl tr td {
        padding: 10px;
    }

.model-tbl-header {
    background: #009788;
}

    .model-tbl-header th {
        padding: 15px 15px;
    }

#ModalOilSimUpstream .intiacal {
    background: #5a7894;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

#ModalOilSimUpstream .prospecting {
    background: #d09641;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

#ModalOilSimUpstream .exploration {
    background: #717662;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

#ModalOilSimUpstream td {
    padding: 10px;
}

.modal-extraLg {
    width: 1100px;
}

.modal-body {
    padding: 20px 30px;
    color: #333333;
}

.modal-content-heading {
    font-size: 15px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: 500;
    padding-right: 60px;
    position: relative;
}

.modal-content-main {
    padding: 10px 0px 10px 5px;
}

    .modal-content-main p {
        color: #333333;
        padding-right: 60px;
    }

    .modal-content-main ul {
        padding-left: 15px;
        padding-right: 50px;
    }

.heading-images {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
}

.newHire-GTP-graph ul li div img {
    display: none;
}
/* Responsive CSS Start */
@media(min-width:992px) and (max-width:1199px) {
    .newHire-GTP-graph {
        background: url(/content/next/images/trainingPrograms/newhire-GTP-bg-medium.png) no-repeat center top;
        background-size: contain;
    }

        .newHire-GTP-graph .img1 {
            top: 67px;
            left: -67px;
            max-width: inherit;
            width: 150px;
        }

        .newHire-GTP-graph .img2 {
            top: 68px;
            left: -7px;
            max-width: inherit;
            width: 150px;
        }

        .newHire-GTP-graph .img3 {
            top: 66px;
            left: 55px;
            max-width: inherit;
            width: 150px;
        }

        .newHire-GTP-graph ul li div {
            width: 95px;
            height: 58px;
            padding-top: 7px;
        }

        .newHire-GTP-graph ul li:nth-child(2) div {
            padding-top: 18px;
        }

        .newHire-GTP-graph ul {
            padding: 0 6px 0 3px;
        }

            .newHire-GTP-graph ul li {
                height: 58px;
            }

    .newHire-GTP .container.py-5 {
        width: 860px;
    }

    .newHire-GTP-graph .bottom-btn {
        left: -75px;
        top: 270px;
        width: 180px;
        background-size: contain;
    }

    .newHire-GTP-graph .text {
        left: -42px;
        top: 256px;
    }

    .newHire-GTP-graph .bottom-btn2 {
        left: -15px;
        top: 270px;
        width: 180px;
        background-size: contain;
    }

    .newHire-GTP-graph .text2 {
        left: 10px;
        top: 256px;
    }

    .newHire-GTP-graph .bottom-btn3 {
        left: 147px;
        top: 290px;
        width: 180px;
        background-size: contain;
    }

    .newHire-GTP-graph .bottom-btn4 {
        left: 22px;
        top: 270px;
        width: 180px;
        background-size: contain;
    }

    .newHire-GTP-graph .text3 {
        top: 256px;
        width: 155px;
        left: 36px;
    }

    .Deliverymech-sec ul {
        display: inline-block;
        margin: 0px;
    }

    .Deliverymech-sec.ModelWidth {
        text-align: center;
    }
}

@media(max-width:991px) {
    .Deliverymech-sec.ModelWidth {
        text-align: center;
    }

    .Deliverymech-sec ul {
        display: inline-block;
        margin: 0px;
    }

        .Deliverymech-sec ul li {
            float: none;
            display: inline-block;
            padding: 20px 8px;
        }

    .newHire-GTP .container.py-5 {
        width: 100%;
    }

    .newHire-GTP-graph {
        width: 320px;
        margin: auto;
        float: none;
        height: 760px;
        background: url(/content/next/images/trainingPrograms/line1.png) no-repeat;
        margin-top: 200px !important;
    }

        .newHire-GTP-graph ul {
            padding: 0 25px 0 12px;
        }

            .newHire-GTP-graph ul li div {
                width: 90px;
                height: 53px;
                padding-top: 5px;
            }

            .newHire-GTP-graph ul li:nth-child(2) div {
                padding-top: 15px;
            }

            .newHire-GTP-graph ul li img.display {
                width: 38px;
            }

            .newHire-GTP-graph ul li img.displayPE {
                width: 30px;
            }

            .newHire-GTP-graph ul li {
                height: 53px;
                margin-bottom: 8px;
            }

        .newHire-GTP-graph .DataIcons ul li img.ft-small {
            width: 28px;
        }

        .newHire-GTP-graph .col-md-2,
        .newHire-GTP-graph .col-md-3 {
            width: 100%;
        }

        .newHire-GTP-graph .col-md-2 {
            position: relative;
            top: -175px;
        }

        .newHire-GTP-graph .col-md-3 {
            position: relative;
            top: -98px;
        }

            .newHire-GTP-graph .col-md-2 img,
            .newHire-GTP-graph .col-md-3 img {
                width: 130px;
                left: 35px;
            }

        .newHire-GTP-graph .bottom-btn img,
        .newHire-GTP-graph .bottom-btn2 img,
        .newHire-GTP-graph .bottom-btn4 img {
            width: auto;
        }

        .newHire-GTP-graph .img1,
        .newHire-GTP-graph .img2 {
            position: static;
            margin-left: -150px;
        }

        .newHire-GTP-graph .img3 {
            top: 0px;
        }

        .newHire-GTP-graph .bottom-btn,
        .newHire-GTP-graph .bottom-btn2,
        .newHire-GTP-graph .bottom-btn4 {
            top: 16px;
            left: 90px;
            height: 100px;
            background: url("/content/next/images/trainingPrograms/bottom-btn-bg-mobile.png") no-repeat;
        }

            .newHire-GTP-graph .bottom-btn img {
                margin-top: 13px !important;
                margin-left: 45px !important;
            }

            .newHire-GTP-graph .bottom-btn2 img {
                margin-top: 20px !important;
                margin-left: 45px !important;
            }

        .newHire-GTP-graph .col-md-2.dataImage3 {
            top: 70px;
        }

        .newHire-GTP-graph .bottom-btn4 img {
            margin-top: 24px !important;
            margin-left: 45px !important;
        }

    .DataIcons {
        margin-top: 5px;
    }

    .newHire-GTP-graph .bottom-btn3 {
        background: url("/content/next/images/trainingPrograms/bottom-btn-bg-technical.png") no-repeat;
        width: 131px;
        height: 43px;
        top: inherit;
        bottom: -30px;
        left: 149px;
    }

    .bottom-btn .pt-1 {
        width: 100px;
        float: right;
        margin-right: 25px;
        padding-top: 5px;
        line-height: 18px;
    }

    .bottom-btn2 .pt-1 {
        width: 100px;
        float: right;
        margin-right: 25px;
        padding-top: 5px;
        line-height: 18px;
    }

    .newHire-GTP-graph .bottom-btn3 .pt-1 {
        padding-top: 15px;
    }

    .bottom-btn4 .pt-1 {
        width: 100px;
        float: right;
        margin-right: 18px;
        padding-top: 5px;
        line-height: 18px;
    }

    .newHire-GTP-graph .text {
        top: 140px;
        left: 35px;
        width: auto;
    }

    .newHire-GTP-graph .text2 {
        top: 132px;
        left: 35px;
        width: auto;
    }

    .newHire-GTP-graph .text3 {
        top: 142px;
        left: 35px;
        width: auto;
    }
}

@media(max-width:767px) {
    .newHire-GTP-graph .bottom-btn3 {
        bottom: -36px;
 top: 525px !important;
        left: 165px !important;
    }
    .newHire-GTP-graph .bottom-btn3 .pt-1 {
        padding-top: 15px !important;
    }
    .newHire-GTP-graph .col-md-4.col-sm-12.DataIcons{
        margin-left: 0 !important;
    }
    .newHire-GTP-graph ul {
        padding: 0px 46px 0 23px;
    }
    .disciplineBasedTP .col-12.trainingPrograms-dd {
        padding: 15px 15px 0 15px !important;
    }
    .themeBasedTP .col-12.trainingPrograms-dd {
        padding: 15px 15px 0 15px !important;
    }
    .lSolution select#tabselector {
        background: var(--slb-blue) none repeat scroll 0 0 !important;
    }
    #Testimonials .carousel-control-prev, #Testimonials .carousel-control-next {
        display: none;
    }
}
/* Responsive CSS End */
/*new hire training program end*/
/* Mentored Training Program start */
.customee-outcome-list li {
    line-height: 20px;
}

.NewHireTP .FlipBoxContent {
    padding: 19px;
    /* background: url(/content/next/images/trainingPrograms/customer-outcome-bg.png) no-repeat; */
    background-color: var(--slb-grey-1);
    background-size: 100%;
    /* border-radius: 13px; */
    text-align: left;
    color: var(--slb-black);
    padding-top: 4px;
    padding-bottom: 5px;
}

@media screen and (max-width: 991px) {
    .NewHireTP .FlipBoxContent {
        margin: 50px 0px;
    }

    .NewHireTP .NewHireTrainingProgram {
        margin-top: 20px;
    }
}

.partner-customer-img ul {
    margin: 0px;
    padding: 0px;
}

.partner-customer-img {
    float: left;
}

    .partner-customer-img ul li {
        width: 40%;
        float: left;
        max-height: 370px;
        overflow: hidden;
        margin-bottom: 120px;
    }

        .partner-customer-img ul li:nth-child(2) {
            width: 20%;
            border-left: 5px #ffffff solid;
            border-right: 5px #ffffff solid;
            display: flex;
            max-height: 370px;
        }

@media screen and (min-width: 740px) and (max-width: 991px) {
    .partner-customer-img ul li:nth-child(2) img {
        height: 278px;
    }
}

@media screen and (max-width: 739px) {
    .partner-customer-img ul li:nth-child(2) {
        display: inline-block;
        height: 150px;
        background: #000;
    }
}

.mentored-training ul {
    padding: 0px;
    list-style: none;
    width: 1058px;
    margin: auto;
    margin-top: 50px;
}

    .mentored-training ul li {
        width: 150px;
        float: left;
        margin-right: 10px;
        position: relative;
    }

        .mentored-training ul li:nth-last-child {
            width: 180px;
            margin-right: 0px;
            position: relative;
            float: right;
        }

        .mentored-training ul li:last-child {
            width: 184px;
            height: 178px;
            margin-left: 60px;
            margin-top: -29px;
        }

        .mentored-training ul li .continuousFeedback {
            position: absolute;
            top: 66px;
            padding: 0px 0px 0px 14px;
            width: 100%;
            font-weight: 500;
            font-size: 15px;
        }

@media screen and (max-width: 482px) {
    .mentored-training ul li {
        float: none;
        margin: auto;
    }
}

@media screen and (min-width: 483px) and (max-width: 600px) {
    .mentored-training ul {
        margin-left: 10%;
    }
}

.mentored-training-circle {
    width: 120px;
    height: 120px;
    /* border-radius: 50%;
    background: #a2c44c; */
    background: var(--slb-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
/* .mentored-training-circle.determin-obj {
    background: #eda439;
}
.mentored-training-circle.develop_struct {
    background: #f05c68;
}
.mentored-training-circle.implement-pro {
    background: #63a1c8;
}
.mentored-training-circle.asses-pro {
    background: #637c93;
}
.mentored-training-circle.review-eff {
    background: #47b180;
} */
.mentored-training-circle-main {
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    width: 120px;
}

    .mentored-training-circle-main p {
        padding: 0px 0px 0px 0px;
        font-weight: normal;
    }

.process-circle {
    width: 160px;
    height: 160px;
}

.process-circle-inner {
    width: 110px;
    height: 110px;
    background: #00bcd5;
    margin-top: 24px;
    margin-left: 33px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.process-arrow {
    position: absolute;
    top: 71px;
    margin-left: -73px;
}

.process-arrow1 {
    position: absolute;
    left: 170px;
    margin-left: -55px;
    z-index: 0;
    top: 59px;
}

.process-arrow2 {
    position: absolute;
    left: 170px;
    margin-left: -55px;
    z-index: 0;
    top: 59px;
}

.process-arrow3 {
    position: absolute;
    left: 170px;
    margin-left: -55px;
    z-index: 0;
    top: 59px;
}

.process-arrow4 {
    position: absolute;
    left: 170px;
    margin-left: -55px;
    z-index: 0;
    top: 59px;
}

.programFrame h2,
.programFrame p {
    color: #fff;
}

.NewHireData {
    margin-top: 61px !important;
}

@media(min-width:992px) and (max-width:1199px) {
    .programFrame .mentored-training ul li {
        width: 140px;
    }

    .process-arrow1,
    .process-arrow2,
    .process-arrow3,
    .process-arrow4 {
        left: 165px;
        margin-left: -55px;
    }

    .process-arrow {
        position: absolute;
        top: 71px;
        margin-left: -42px;
    }

    .programFrame .mentored-training ul li:last-child {
        margin-left: 15px;
    }

    .programFrame .mentored-training ul li:last-child {
        width: 165px;
        height: 178px;
    }

    .programFrame .mentored-training ul {
        width: auto;
    }

        .programFrame .mentored-training ul li .continuousFeedback {
            padding-left: 30px;
        }

    .attributesdrive ul li {
        width: 300px;
    }

    .attributesdrive {
        height: auto;
    }

    .attrImage img {
        left: -255px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .programFrame .mentored-training ul {
flex-wrap: nowrap !important;
        width: auto;
    }

        .programFrame .mentored-training ul li {
            width: 100px;
        }

    .process-arrow1,
    .process-arrow2,
    .process-arrow3,
    .process-arrow4 {
        left: 114px;
        margin-left: -55px;
        top: 37px;
    }

    .process-arrow {
        position: absolute;
        top: 50px;
        margin-left: -45px;
    }

    .programFrame .mentored-training ul li:last-child {
        margin-left: 10px;
        margin-right: 0px;
        margin-top: -23px;
        width: 157px;
        height: 160px;
        position: relative;
        right: -17px;
    }

    .programFrame .mentored-training-circle {
        width: 80px;
        height: 80px;
    }

        .programFrame .mentored-training-circle img {
            width: 80%;
        }

    .process-circle {
        background: none;
    }

        .process-circle img {
            max-width: 85%;
        }

    .programFrame .mentored-training ul li .continuousFeedback {
        top: 42px;
    }

    .programFrame .mentored-training-circle-main p {
        width: 80px;
    }

    .attributesImage .col-md-4 img {
        display: none;
    }

    .attributesdrive ul li {
        width: 100%;
    }

    .newHire-GTP .DataIcons {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .newHire-GTP-graph ul {
        padding: 0px 46px 0 23px !important;
    }}

@media(max-width:767px) {
    .programFrame .mentored-training ul {
        width: 350px;
        margin: auto;
    }

        .programFrame .mentored-training ul li {
            float: none;
            width: 100%;
            height: 126px;
        }

    .mentored-training-circle-main {
        width: 210px;
        margin: auto;
        display: inline-block;
        position: relative;
    }

    .mentored-training-circle {
        float: left;
        width: 100px;
        height: 100px;
    }

    .mentored-training-circle-main p {
        float: left;
        height: 100px;
        display: flex;
        align-items: center;
        margin-left: 16px;
        text-align: left;
    }

    .process-circle {
        background: none;
    }

    .programFrame .mentored-training ul li:last-child {
        width: 190px;
        position: relative;
        left: -37px;
        margin-top: 25px;
        margin-bottom: 50px;
    }

    .process-arrow1 img,
    .process-arrow2 img,
    .process-arrow3 img,
    .process-arrow4 img,
    .process-arrow img {
        display: none;
    }

    .process-arrow1,
    .process-arrow2,
    .process-arrow3,
    .process-arrow4 {
        width: 20px;
        height: 85px;
        background: url(/content/next/images/MentoredTrainingProgram/connecting_line_vertical.png) no-repeat;
        z-index: 0;
        left: 165px;
    }

    .process-arrow {
        width: 42px;
        height: 48px;
        background: url(/content/next/images/MentoredTrainingProgram/process-arrow_vertical.png) no-repeat;
        left: 75px;
        top: -47px;
        margin-left: 0px;
    }

    .attributesImage .col-md-4,
    .attributesImage .col-md-4 img {
        display: none;
    }

    .attributesdrive ul li {
        width: auto;
    }

    .partner-customer-img ul li {
        width: auto;
        max-height: inherit;
        height: auto;
        margin-bottom: 20px;
    }

        .partner-customer-img ul li:last-child {
            margin-bottom: 0px;
        }

        .partner-customer-img ul li:nth-child(2) {
            height: auto;
            width: auto;
            max-height: inherit;
        }
}
/* Mentored Training Program end */
/*petroChallenge start*/
.PetroOverview {
    background: #fff url(/content/next/images/petroChallenge/pertochalange.jpg)no-repeat right bottom;
    background-size: 62%;
    height: 476px;
    -webkit-animation: slideInUp 1s linear;
    -webkit-animation-fill-mode: inherit;
    animation: slideInUp 1s linear;
    animation-fill-mode: inherit;
}

    .PetroOverview .PetroOverview-img {
        display: none;
    }

.Teambasedevent {
    background: url(/content/next/images/petroChallenge/teambased-event.png)no-repeat left;
    background-size: 54%;
    background-position: -11px;
    color: #fff;
}

.TeambasedeventBG {
    background-color: var(--slb-grey-1);
}

.Teambasedevent h3 {
    color: var(--slb-black);
    line-height: 44px;
    font-weight: 400;
    letter-spacing: -0.15rem;
    font-size: 45px;
}

.Teambasedevent p {
    color: var(--slb-grey-5);
}

.Teambasedevent .Teambasedevent-img {
    display: none;
}

.Petro-oilsim {
    background: #fff url(/content/next/images/petroChallenge/oilsim.png)no-repeat right bottom;
    background-size: 62%;
}

    .Petro-oilsim .Petro-oilsim-img {
        display: none;
    }

@media screen and (max-width:992px) {
    .PetroOverview,
    .Petro-oilsim {
        background: none;
        background-size: auto;
        height: auto;
    }

    .Teambasedevent {
        background-image: none;
        background-size: auto;
        height: auto;
    }

        .PetroOverview .PetroOverview-img,
        .Teambasedevent .Teambasedevent-img,
        .Petro-oilsim .Petro-oilsim-img {
            display: block;
        }
}

.ThemeHeading {
    color: var(--slb-black);
    line-height: 44px;
    font-weight: 400;
    letter-spacing: -0.15rem;
    font-size: 45px;
}

.PetroOverview .link-text img {
    position: relative;
    top: -3px;
    margin-right: 5px;
}

.PetroOverview .PetroVideo {
    max-width: 520px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 6px 1px rgba(204, 204, 204, 0.9);
    position: relative;
    z-index: 1;
    border-radius: 5px;
}

.PetroOverview .videosList {
    white-space: nowrap;
    left: -50px;
    top: 10px;
}

    .PetroOverview .videosList li {
        float: left;
        max-width: 180px;
        padding: 5px 5px 0 5px;
        position: relative;
        background: #fff;
        box-shadow: 0px 0px 6px 1px rgba(204, 204, 204, 0.9);
        margin: 0 5px;
    }

        .PetroOverview .videosList li:nth-child(1) {
            top: -58px;
        }

        .PetroOverview .videosList li:nth-child(2) {
            left: -25px;
            top: 30px;
        }

        .PetroOverview .videosList li:nth-child(3) {
            left: -20px;
            top: -3px;
            max-width: 210px;
        }

        .PetroOverview .videosList li:nth-child(4) {
            max-width: 130px;
            position: absolute;
            right: 35px;
            top: 70px;
        }

        .PetroOverview .videosList li:nth-child(5) {
            max-width: 170px;
            position: absolute;
            right: -60px;
            top: -59px;
        }

        .PetroOverview .videosList li:nth-child(6) {
            max-width: 115px;
            position: absolute;
            right: -110px;
            top: -120px;
        }

.PetroOverview h3 {
    /*  font-weight:400;
    line-height: 40px;
    font-size: 35px; */
}

.PetroReasons {
    /* background: url("/content/next/images/petroChallenge/PetroReasonsBG.jpg") no-repeat !important; */
    background: var(--slb-grey-5);
    -webkit-animation: backgroundScroll .2s linear;
    -webkit-animation-fill-mode: inherit;
    animation: backgroundScroll .2s linear;
    animation-fill-mode: inherit;
}

    .PetroReasons h3 {
        color: #fff;
    }

    .PetroReasons p {
        color: #fff;
    }

    .PetroReasons .resonsList {
        top: -382px;
        max-width: 445px;
        width: 100%;
    }

    .PetroReasons .resonsListCount {
        font-family: 'Oswald', sans-serif;
        position: absolute;
        width: 76px;
        height: 76px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        display: inline-block;
        font-weight: 900;
        font-size: 35px;
        text-align: center;
        vertical-align: middle;
        display: flex;
        align-items: center;
        color: #fff;
        cursor: pointer;
        z-index: 9;
    }

.resonsList .resonsListCount.active {
    /* background: #e9b527; */
    background: var(--slb-blue);
}

.PetroReasons .resonsListCount.one {
    top: -117px;
    right: 103px;
}

.PetroReasons .resonsListCount.two {
    top: -18px;
    right: -32px;
}

.PetroReasons .resonsListCount.three {
    top: 141px;
    right: -91px;
}

.PetroReasons .resonsListCount.four {
    bottom: -18px;
    right: -41px;
}

.PetroReasons .resonsListCount.five {
    bottom: -120px;
    right: 90px;
}

.PetroReasons .resonsListCount.six {
    bottom: -122px;
    left: 102px;
}

.PetroReasons .resonsListCount.seveen {
    bottom: -23px;
    left: -34px;
}

.PetroReasons .resonsListCount.eight {
    top: 141px;
    left: -86px;
}

.PetroReasons .resonsListCount.nine {
    top: -18px;
    left: -31px;
}

.PetroReasons .resonsListCount.ten {
    top: -114px;
    left: 97px;
}

.PetroReasons .resonsListCount .numb {
    margin: 0 auto;
}

.PetroReasons .resonsList img {
    /* border: 10px solid #ccc; */
    border-radius: 50%;
    position: relative;
    top: 3px;
    left: 1px;
}

.PetroReasons .resonsContent {
    background: var(--slb-blue);
    /* background: -moz-linear-gradient(-45deg, #2f43af 0%, #700284 100%);
    background: -webkit-linear-gradient(-45deg, #2f43af 0%, #700284 100%);
    background: linear-gradient(135deg, #2f43af 0%, #700284 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f43af', endColorstr='#700284', GradientType=1); */
    border-radius: 50%;
    width: 360px;
    height: 360px;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

    .PetroReasons .resonsContent .BlkNumber {
        font-size: 120px;
        font-weight: 900;
        font-family: 'Oswald', sans-serif;
        padding-top: 20px;
        display: none;
        color: rgba(255, 255, 255, 0.3);
    }

    .PetroReasons .resonsContent ul {
        text-align: left;
        max-width: 390px;
        margin: 0 auto;
        position: relative;
        padding-left: 42px;
        padding-right: 42px;
        top: 0;
    }

        .PetroReasons .resonsContent ul li {
            /* padding-right: 24px; */
            color: rgba(255, 255, 255, 0.9);
            list-style: none;
            text-align: center;
            line-height: 21px;
            font-size: 16px;
        }

.resonsContent .resonsContentData {
    display: none;
    margin: 0 auto;
}

    .resonsContent .resonsContentData.active {
        display: block;
    }

.petroCurve {
    background: #1a4886;
    min-height: 100px;
}

    .petroCurve .petroLogo {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        max-width: 100px;
        top: -70px;
    }

        .petroCurve .petroLogo img {
            position: relative;
            left: -1px;
        }

.PetroBoxes {
    background: var(--slb-grey-1);
    /* background: url("/content/next/images/petroChallenge/sponsor_background.jpg") no-repeat; */
    /*background: var(--slb-blue);*/
    /* background-size: cover; */
}

    .PetroBoxes .package-wrapper {
        background: var(--slb-blue);
    }

    .PetroBoxes .package-expanded {
        background: var(--slb-blue);
    }

    .PetroBoxes .package-wrapper:hover {
        background: var(--slb-blue);
    }

    .PetroBoxes h3,
    .PetroBoxes p {
        color: #fff;
    }

    .PetroBoxes h3 {
        line-height: 45px;
    }

.PetroBoxe1 {
    background: rgba(20, 103, 196, 0.9);
    border-radius: 5px;
    padding: 25px 20px;
    box-shadow: 0px 0px 15px 1px #000;
}

.PetroBoxes ul {
    padding-left: 20px;
    margin: 0;
    margin-bottom: 10px;
}

    .PetroBoxes ul li {
        padding-bottom: 6px;
    }

.PetroBoxes h4 {
    color: #fff;
    font-size: 24px;
    padding-top: 5px;
}

.PetroBoxe2 {
    background: rgba(185, 128, 41, 0.9);
    border-radius: 5px;
    padding: 25px 20px;
    box-shadow: 0px 0px 15px 1px #000;
}

.PetroBoxe3 {
    background: rgba(58, 145, 129, 0.9);
    border-radius: 5px;
    padding: 25px 20px;
    box-shadow: 0px 0px 15px 1px #000;
}

@media only screen and (max-width: 991px) {
    .PetroOverview .videosList {
        left: 0;
        margin: 10px auto 0;
        right: 0;
        text-align: center;
        top: 0;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 10px;
    }

        .PetroOverview .videosList li {
            left: auto !important;
            right: auto !important;
            position: relative !important;
            top: auto !important;
            max-width: 150px !important;
            margin-bottom: 8px;
            float: none;
        }

    .PetroVideo.TopDots {
        margin-bottom: 20px;
    }

    .AboutOilSimBlock {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .PetroVideo.TopDots {
        margin-bottom: 50px;
    }

    .AboutOilSimBlock {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 360px) {
    .PetroReasons .resonsList {
        max-width: 250px;
    }

    .PetroReasons .resonsListCount {
        font-size: 12px;
        width: 35px;
        height: 35px;
    }

        .PetroReasons .resonsListCount.one {
            right: 66px;
            top: -24px;
        }

        .PetroReasons .resonsListCount.two {
            right: 1px;
            top: 23px;
        }

        .PetroReasons .resonsListCount.three {
            right: -25px;
            top: 100px;
        }

        .PetroReasons .resonsListCount.four {
            bottom: 24px;
            right: -1px;
        }

        .PetroReasons .resonsListCount.five {
            bottom: -24px;
            right: 61px;
        }

        .PetroReasons .resonsListCount.six {
            bottom: -25px;
            left: 64px;
        }

        .PetroReasons .resonsListCount.seveen {
            bottom: 19px;
            left: 2px;
        }

        .PetroReasons .resonsListCount.eight {
            left: -27px;
            top: 102px;
        }

        .PetroReasons .resonsListCount.nine {
            left: -2px;
            top: 25px;
        }

        .PetroReasons .resonsListCount.ten {
            left: 61px;
            top: -24px;
        }
}

@media screen and (max-width: 767px) and (min-width: 361px) {
    .PetroReasons .resonsList {
        max-width: 250px;
    }

    .PetroReasons .resonsListCount {
        font-size: 12px;
        width: 35px;
        height: 35px;
    }

    .PetroReasons .col-lg-6 > img {
        max-width: 280px;
    }

    .PetroReasons .resonsListCount.one {
        right: 66px;
        top: -24px;
    }

    .PetroReasons .resonsListCount.two {
        right: 1px;
        top: 23px;
    }

    .PetroReasons .resonsListCount.three {
        right: -25px;
        top: 100px;
    }

    .PetroReasons .resonsListCount.four {
        bottom: 24px;
        right: -1px;
    }

    .PetroReasons .resonsListCount.five {
        bottom: -24px;
        right: 61px;
    }

    .PetroReasons .resonsListCount.six {
        bottom: -25px;
        left: 64px;
    }

    .PetroReasons .resonsListCount.seveen {
        bottom: 19px;
        left: 2px;
    }

    .PetroReasons .resonsListCount.eight {
        left: -27px;
        top: 102px;
    }

    .PetroReasons .resonsListCount.nine {
        left: -2px;
        top: 25px;
    }

    .PetroReasons .resonsListCount.ten {
        left: 61px;
        top: -24px;
    }
}

@media only screen and (max-width: 767px) {
    .PetroReasons .resonsContent {
        border-radius: 30px !important;
        height: auto;
        margin-top: 110px;
        padding: 45px 10px 35px;
        width: 100%;
    }

    .PetroOverview h3 {
        font-size: 25px;
        line-height: 28px;
    }

    .PetroReasons h3 {
        font-size: 25px;
        line-height: 28px;
    }

    .PetroOverview .container.py-5,
    .TeambasedeventBG .container.py-5,
    .Petro-oilsim .container.py-5 {
        padding-bottom: 0px;
    }

    .PetroOverview-img {
        margin-top: 30px;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .PetroReasons .resonsContent {
        margin: 30px auto 0 auto;
    }

    .PetroOverview .container.py-5,
    .TeambasedeventBG .container.py-5,
    .Petro-oilsim .container.py-5 {
        padding-bottom: 0px;
    }

    .PetroOverview-img {
        margin-top: 30px;
    }

    .PetroReasons .resonsList {
        top: -382px;
        max-width: 445px;
        width: 100%;
    }

    .PetroReasons .resonsList {
        left: inherit;
    }

    .PetroReasons .col-md-6.col-md-offset-1 img {
        margin: auto;
    }

    .package-initial {
        display: none !important;
    }

    .package-expanded {
        position: relative !important;
    }

    .package-wrapper {
        height: auto !important;
        display: block;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .PetroReasons .resonsList {
        max-width: 310px;
        position: absolute;
        top: 103px;
        left: 45px;
        right: 45px;
    }

    .PetroReasons .col-md-6 {
        height: 450px !important;
        margin-left: 70px;
    }

    .PetroReasons .resonsListCount.one {
        right: 53px;
        top: -102px;
    }

    .PetroReasons .resonsListCount.three {
        right: -112px;
        top: 119px;
    }

    .PetroReasons .resonsListCount.four {
        bottom: -8px;
        right: -69px;
    }

    .PetroReasons .resonsListCount.five {
        bottom: -97px;
        right: 43px;
    }

    .PetroReasons .resonsListCount.six {
        bottom: -101px;
        left: 55px;
    }

    .PetroReasons .resonsListCount.seveen {
        bottom: -13px;
        left: -67px;
    }

    .PetroReasons .resonsListCount.eight {
        left: -113px;
        top: 123px;
    }

    .PetroReasons .resonsListCount.nine {
        left: -68px;
        top: -13px;
    }

    .PetroReasons .resonsListCount.ten {
        left: 48px;
        top: -102px;
    }

    .PetroReasons .resonsListCount.two {
        right: -64px;
        top: -15px;
    }

    .PetroReasons .resonsListCount {
        font-size: 23px;
        height: 60px;
        width: 60px;
    }

    .PetroOverview .videosList {
        left: 0;
        margin: 10px auto 0;
        right: 0;
        text-align: center;
        top: 0;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 10px;
    }

        .PetroOverview .videosList li {
            left: auto !important;
            right: auto !important;
            position: relative !important;
            top: auto !important;
            max-width: 150px !important;
            margin-bottom: 8px;
            float: none;
        }

    .PetroVideo.TopDots {
        margin-bottom: 20px;
    }

    .PetroOverview {
        height: 410px;
        background-position: right bottom;
        background-size: 60%;
    }

    .Teambasedevent {
        background-size: 60%;
        color: var(--slb-black);
        background-position: -60px bottom;
    }

    .Petro-oilsim {
        background-size: 70%;
    }

    .package-expanded {
        font-size: 13px;
    }

    .PetroBoxes ul li {
        padding-bottom: 6px;
    }

    .package-wrapper {
        height: 49vw !important;
    }
}

@media only screen and (min-width: 1300px) {
    .PetroReasons .resonsContent {
        margin-top: 102px !important;
        margin-bottom: 80px !important;
        /* box-shadow: 0px 0px 14px #232323; */
    }
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
    .PetroReasons .resonsContent {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .PetroReasons .resonsList img {
        margin-top: 13px !important;
    }

    .PetroReasons .resonsListCount.two {
        top: -17px;
        right: -30px;
    }

    .PetroReasons .resonsListCount.three {
        top: 137px;
        right: -86px;
    }

    .PetroReasons .resonsListCount.four {
        bottom: -12px;
        right: -38px;
    }

    .PetroReasons .resonsListCount.five {
        bottom: -114px;
        right: 90px;
    }

    .PetroReasons .resonsListCount.six {
        bottom: -119px;
        left: 102px;
    }

    .PetroReasons .resonsListCount.seveen {
        bottom: -21px;
        left: -34px;
    }

    .PetroReasons .resonsListCount.eight {
        top: 141px;
        left: -87px;
    }

    .PetroReasons .resonsListCount.nine {
        top: -15px;
        left: -36px;
    }

    .PetroReasons .resonsListCount.ten {
        top: -116px;
        left: 95px;
    }
}

@media only screen and (max-width: 767px) {
    .PetroReasons .resonsList {
        max-width: 205px;
    }

    .PetroReasons .resonsList {
        top: -194px;
        left: 0px;
        width: 100%;
    }

    .PetroReasons .col-lg-5 > img {
        max-width: 280px;
        margin: auto;
    }

    .PetroReasons .col-lg-6 {
        text-align: center;
        height: 380px !important;
    }

    .PetroReasons .resonsContent {
        margin-top: 0px;
    }

    .PetroReasons h3.ThemeHeading {
        margin-bottom: 0px;
    }

    .PetroReasons .resonsListCount.one {
        right: 42px;
        top: -54px;
    }

    .PetroReasons .resonsListCount.two {
        right: -30px;
        top: 0px;
    }

    .PetroReasons .resonsListCount.three {
        right: -60px;
        top: 82px;
    }

    .PetroReasons .resonsListCount.four {
        bottom: 4px;
        right: -34px;
    }

    .PetroReasons .resonsListCount.five {
        bottom: -52px;
        right: 34px;
    }

    .PetroReasons .resonsListCount.six {
        bottom: -54px;
        left: 41px;
    }

    .PetroReasons .resonsListCount.seveen {
        bottom: -1px;
        left: -32px;
    }

    .PetroReasons .resonsListCount.eight {
        left: -60px;
        top: 85px;
    }

    .PetroReasons .resonsListCount.nine {
        left: -33px;
        top: 1px;
    }

    .PetroReasons .resonsListCount.ten {
        left: 38px;
        top: -54px;
    }

    .packages-slider .package-initial {
        display: none !important;
    }

    .packages-slider .package-expanded {
        position: relative !important;
        padding-bottom: 20px;
    }

    .packages-slider .package-wrapper {
        height: auto !important;
        display: block;
        max-height: inherit !important;
    }

    .PetroBoxes ul {
        padding-left: 0px;
        margin-left: 15px;
    }

    .PetroBoxes .GSBstars ul {
        padding-left: 0px;
        margin-left: 0px;
    }

        .PetroBoxes .GSBstars ul li {
            padding-left: 8px;
            padding-right: 8px;
        }
}

.OpinionMatters {
    background: var(--slb-white);
    /* background: -moz-linear-gradient(top, #bddef5 1%, #ffffff 35%);
    background: -webkit-linear-gradient(top, #bddef5 1%,#ffffff 35%);
    background: linear-gradient(to bottom, #bddef5 1%,#ffffff 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddef5', endColorstr='#ffffff',GradientType=0 ); */
}

    .OpinionMatters h3,
    .OpinionMatters p {
        text-align: center;
        color: #000;
    }

    .OpinionMatters .bottom-txt {
        font-style: italic;
        color: #a7a7a9;
        text-align: left;
    }

    .OpinionMatters ul {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

        .OpinionMatters ul li {
            list-style-type: none;
            float: left;
            margin-right: 15px;
        }

            .OpinionMatters ul li img {
                display: inline;
            }

            .OpinionMatters ul li label {
                margin-left: -5px;
            }

    .OpinionMatters .OP-img-lable {
        padding-left: 29px;
    }

.rotate {
    transform: rotate(-90deg);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rice-university {
    background: var(--slb-grey-2);
}

.needmoreinfo-txt {
    font-size: 56px;
    font-family: "SLBsans", Arial, sans-serif;
    margin-bottom: 35px;
}

.needmoreinfo {
    /* color: #00b0f0; */
    color: var(--slb-blue);
}

@media only screen and (max-width: 635px) {
    .needmoreinfo-txt {
        font-size: 32px;
    }
}

@media only screen and (max-width:991px) {
    .OpinionMatters .fadeInRight .bottom-txt {
        display: none;
    }
}

@media only screen and (min-width:992px) {
    .OpinionMatters .fadeInLeft .bottom-txt {
        display: none;
    }
}
/*petroChallenge end*/
/*inner banner logos start*/
.innerBanner .banner-text .bannerLogos {
    padding-top: 20px;
    margin-bottom: 0;
}

    .innerBanner .banner-text .bannerLogos li {
        padding: 0 25px;
    }

        .innerBanner .banner-text .bannerLogos li img {
            margin: 0 auto;
            text-align: center;
        }

        .innerBanner .banner-text .bannerLogos li span {
            padding-top: 12px;
            color: #fff;
        }

@media only screen and (max-width:991px) {
    .innerBanner .banner-text .bannerLogos li {
        padding: 0 10px;
    }

        .innerBanner .banner-text .bannerLogos li img {
            display: none;
        }

        .innerBanner .banner-text .bannerLogos li span {
            padding-top: 0;
        }
}
/*inner banner logos end*/
/*Privacy Policy start*/
@media only screen and (max-width: 767px) {
    .policyLeftNav1 {
        display: none;
    }

    .PrivacyPolicy .MobileTabs {
        display: block;
    }

    .PrivacyPolicy #tabselector1 {
        color: #fff;
        background-color: var(--slb-blue);
    }

    .PrivacyPolicy #tabselector1,
    .PrivacyPolicy #tabselector2 {
        background-color: var(--slb-blue);
    }
}

@media only screen and (min-width: 768px) {
    .PrivacyPolicy .MobileTabs {
        display: none;
    }
}
/*term and condition*/
@media only screen and (max-width: 767px) {
    .policyLeftNav1 {
        display: none;
    }

    .PrivacyPolicy .MobileTabs {
        display: block;
    }

    .PrivacyPolicy #tabselector2 {
        color: #fff;
        background-color: #5a7894;
    }

    .PrivacyPolicy .commonTerms {
        padding: 0;
    }

    .OilsimTrainingCourses .EnhancingOrg-section {
        padding-top: 0 !important;
    }
}

@media only screen and (min-width: 768px) {
    .PrivacyPolicy .MobileTabs {
        display: none;
    }
}

.PrivacyPolicy .tab-pane ul li {
    font-size: 16px;
    line-height: 24px;
    color: #656565;
}

.PrivacyPolicy .tabcontent {
    scroll-margin-top: 110px;
}

.PrivacyPolicy .panel {
    margin-bottom: 0px !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: none !important;
}

.PrivacyPolicy .nav {
    border-right: 1px solid #ededed;
}

.PrivacyPolicy .nav-tabs {
    background: transparent;
    border: 0px solid #ccc;
    padding-bottom: 0;
}

    .PrivacyPolicy .nav-tabs li {
        float: none;
        display: block;
        width: 100%;
    }

        .PrivacyPolicy .nav-tabs li h3 {
            font-size: 16px;
            margin-bottom: .5rem;
            line-height: 1.2;
        }

        .PrivacyPolicy .nav-tabs li:first-child h3 {
            padding: 0;
            margin-top: 20px;
            margin-bottom: 10px;
        }

.PrivacyPolicy .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

.PrivacyPolicy .nav-tabs li a {
    margin-right: 0;
    color: var(--slb-blue);
    /*padding: 5px 8px;*/
}

.PrivacyPolicy .nav li span {
    float: right;
    position: relative;
    top: 0;
    color: #fff;
    font-size: 20px;
}

.PrivacyPolicy ul#termscondition {
    padding-left: 10px;
}

.PrivacyPolicy ul#privacypolicy {
    padding-left: 10px;
}

.PrivacyPolicy .nav-tabs li.active a {
    border: 0px solid transparent;
    border-radius: 0;
    margin: 0 -1px;
}

    .PrivacyPolicy .nav-tabs li.active a:hover {
    }

.PrivacyPolicy .tab-content {
    padding: 0px 30px;
}

.PrivacyPolicy .tab-content {
    min-height: 532px;
}

.PrivacyPolicy .whiteBG h3 {
    font-weight: 500;
    line-height: 1.1;
}

.PrivacyPolicy .nav .panel.active {
    background: transparent;
    color: #fff;
}

.PrivacyPolicy .nav li a {
    border-radius: 0;
}

    .PrivacyPolicy .nav li a.active {
        background: var(--slb-blue);
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

    .PrivacyPolicy .nav li a h2 {
        background: var(--slb-blue);
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        padding: 3px 0px;
        margin: 0px;
    }

    .PrivacyPolicy .nav li a i {
        float: right;
    }

@media only screen and (min-width: 992px) {
    .MobileTabs {
        display: none;
    }

    .nextCommon .py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .nextCommon .mod-rtf h3, h4 {
        font-size: 24px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 767px) {
    .PrivacyPolicy .tab-content h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .nextCommon .pb-3 {
        padding-bottom: 25px;
    }

    .nextCommon .pl-5 {
        padding-top: 20px;
        padding-left: 20px;
    }

    .nextCommon .py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    .affix {
        position: static;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .nextCommon .pl-5 {
        padding-left: 90px;
    }

    .affix-top {
        top: 250px;
    }

    .affix-bottom {
        bottom: 1300px;
    }
}
/*Privacy Policy end*/
/* PrivacyPolicy css start */
.PrivacyPolicy.tabSubTabs .nav-tabs li.active .subTabList {
    display: block;
    color: #F00;
    text-decoration: none;
}

    .PrivacyPolicy.tabSubTabs .nav-tabs li.active .subTabList li a:focus,
    .PrivacyPolicy.tabSubTabs .nav-tabs li.active .subTabList li a:focus,
    .PrivacyPolicy.tabSubTabs .nav-tabs li.active .subTabList li a:hover,
    .PrivacyPolicy.tabSubTabs .nav-tabs li.active .subTabList li.active a {
        color: #39c;
        text-decoration: none;
    }

.PrivacyPolicy.tabSubTabs .nav-tabs li .subTabList {
    position: relative;
    display: none;
    list-style: none;
    padding-left: 0;
}

    .PrivacyPolicy.tabSubTabs .nav-tabs li .subTabList li a {
        background: transparent;
        color: #757575;
        padding: 5px 15px;
        display: block;
    }

.PrivacyPolicy p {
    color: var(--slb-black);
}

.PrivacyPolicy a {
    color: var(--slb-blue);
}

    .PrivacyPolicy a:hover {
        /*color: #000;*/
    }

.PrivacyPolicy.tabSubTabs .nav-tabs li a {
    border-bottom: 1px solid #ccc;
}

.privacyPolicyContent h4,
.TermsConditonsContent h4 {
    color: #000;
    font-weight: 500;
}

.personalInformation,
.schlumbergerCompanies,
.personalInformationparties,
.securityMeasures,
.modifications,
.accessAccuracy,
.dataRetention,
.children,
.LinkedWebSites,
.Usecookies {
    display: none;
}

.privacyPolicyContent .active,
.TermsConditonsContent .active {
    display: block !important;
}

.TermsConditonsContent .Payment,
.TermsConditonsContent .cancellationsParticipant,
.TermsConditonsContent .cancellationsNExT,
.TermsConditonsContent .refunds,
.TermsConditonsContent .Discount,
.TermsConditonsContent .registrationFraud {
    display: none;
}
/* PrivacyPolicy css end */
/* resources css start */
.resources .TrainingCalenderBox .text-right {
    font-size: 13px;
    text-align: left;
}

    .resources .TrainingCalenderBox .text-right img {
        width: 20px;
        float: left;
        margin-right: 5px;
    }

.resources .TrainingCalenderBox .text-start img {
    width: 20px;
}

.TrainingCalenderBox {
    width: 100%;
    display: block;
}

    .TrainingCalenderBox .TrainingImg,
    .TrainingCalenderBox .contentArea {
        width: 100%;
        display: block;
    }

    .TrainingCalenderBox img {
        width: 100%;
        height: auto;
    }


    .TrainingCalenderBox .TrainingImg,
    .TrainingCalenderBox .contentArea {
        width: 100%;
        display: block;
    }

.resources .TrainingCalenderBox .contentArea .link-text span {
    position: relative;
    padding-left: 3px;
    top: 2px;
}

.resources .TrainingCalenderBox {
    /* box-shadow: 0px 0px 15px 1px #ccc;
    border: 1px solid #ccc;
    border-radius: 5px; */
    overflow: hidden;
    height: 100%;
}

    .resources .TrainingCalenderBox .contentArea {
        padding: 20px;
        background: var(--slb-grey-1);
    }

        .resources .TrainingCalenderBox .contentArea h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .resources .TrainingCalenderBox .contentArea p {
            font-size: 14px;
            color: #333;
            line-height: 20px;
            padding-bottom: 10px;
        }

    .resources .TrainingCalenderBox .TrainingImg img {
        -webkit-filter: brightness(100%);
    }

        .resources .TrainingCalenderBox .TrainingImg img:hover {
            /*-webkit-filter: brightness(50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;*/
        }

    .resources .TrainingCalenderBox .readMore {
        position: relative;
        right: 20px;
        color: var(--slb-blue);
    }

        .resources .TrainingCalenderBox .readMore span {
            position: relative;
            padding-left: 3px;
            top: 2px;
        }

        .resources .TrainingCalenderBox .readMore:hover {
            text-decoration: none;
            color: #000;
        }

    .resources .TrainingCalenderBox .contentArea .link-text span {
        position: relative;
        padding-left: 3px;
        top: 2px;
    }

.resources .DownloadBrouchers p {
    padding: 10px 10px 25px 10px;
    min-height: 82px;
}

.resources .px2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 40px;
}

.cut-text {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 60px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#solutionbrochures1 h4 {
    padding-top: 5px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .resources .TrainingCalenderBox .TrainingImg img {
        width: 100%;
    }

    .flex,
    .flex > div[class*='col-'] {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .resources .nav,
    .resources .panel-group {
        display: none;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .resources .tab-content {
        padding: 0 0 0 60px !important;
    }
}


.resources ul.nav-tabs {
    padding-top: 5px;
}

.resources .nav li a.active {
    background: #00bfff;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.resources .nav-tabs li {
    float: none;
    display: block;
}

    .resources .nav-tabs li h3 {
        font-size: 14px;
        padding: 0px;
        margin: 0px;
    }

.resources .nav li a:hover {
    color: var(--slb-black);
    background: var(--slb-grey-2);
}

.resources .tab-pane ul li {
    font-size: 16px;
    line-height: 24px;
    color: #656565;
}

.resources .panel {
    margin-bottom: -3px !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: none !important;
}

.resources .nav {
    border-right: 1px solid #ededed;
}

.resources .nav-tabs {
    background: transparent;
    border: 0px solid #ccc;
    padding-bottom: 0;
}

.resources .panel-group {
    border-right: 1px solid #ededed;
}

.resources .nav-tabs li {
    float: none;
    display: block;
}

    .resources .nav-tabs li a {
        margin-right: 0;
        color: #000000;
        padding: 8px;
    }

.resources .nav li span {
    float: right;
    position: relative;
    top: 0;
    color: #fff;
    font-size: 20px;
}

.resources ul#termscondition {
    padding-left: 10px;
}

.resources ul#privacypolicy {
    padding-left: 10px;
}

.resources .nav-tabs li.active a {
    color: #3399cc;
    border: 0px solid transparent;
    border-radius: 0;
    margin: 0 -1px;
}

    .resources .nav-tabs li.active a:hover {
    }



.resources .tab-content {
    min-height: 532px;
}

.resources .whiteBG h3 {
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
}

.resources .nav .panel.active {
    background: transparent;
    color: #fff;
}

.resources .nav li a {
    border-radius: 0;
}

    .resources .nav li a.active {
        background: #00bfff;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .resources .nav li a i {
        float: right;
    }

.affix {
    top: 370px;
    display: block;
}

.affix-bottom {
    position: relative;
}
/* resources css end */
/* Training-path start */
.GeologySection .panel .panel-heading {
    border-bottom: 0;
    background: var(--slb-grey-1)
    /* 01-Nov-2019 */
}

#geology-pod:not(:empty) {
    margin-bottom: 20px;
}

.GeologySection .panel-heading h4 {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    padding: 7px 0px 0 0;
    font-weight: bold;
}

.GeologySection .panel-heading h1 {
    /* 01-Nov-2019 */
    font-weight: 500;
    text-transform: uppercase;
    padding: 7px 0px 10px 0px;
    font-size: 18px;
    border-bottom: solid 1px #f4f4f4;
    margin: 0 16px 15px 15px;
}

.GeologySection .panel-heading .learning-txt {
    position: absolute;
    top: 5px;
    left: 128px;
    font-weight: 500;
    border-left: solid 2px #000;
    padding-left: 20px;
}

.GeologySection .disip {
    display: none;
}

.trainingPathContent {
    padding: 40px 0 !important;
    background-color: #f5f5f5;
}

    .trainingPathContent .help-icon {
        /*position: absolute;*/
        width: 22px;
        right: 0px;
        top: 33px;
    }

#trainingPathshow {
    visibility: hidden;
}

    #trainingPathshow .panel-title a:hover {
        text-decoration: none;
    }

.trainingPathContent .lineGray {
    background: #929292;
    width: 100%;
    height: 1px;
    margin: 35px auto;
}

.trainingPathContent .panel-group {
    width: 193px;
}

.trainingPathContent .glyphicon-plus:before {
    content: "\002b";
}

.trainingPathContent .glyphicon-minus:before {
    content: "\2212";
}

.trainingPathContent .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.trainingPathContent .panel-body {
    padding: 15px;
}

.trainingPathContent .panel-default > .panel-heading {
    background: var(--slb-blue) !important;
    padding: 10px 8px;
    /*margin-bottom: 10px;*/
}

    .trainingPathContent .panel-default > .panel-heading .panel-title {
        font-size: 14px;
    }

        .trainingPathContent .panel-default > .panel-heading .panel-title a i {
            float: right;
            top: -3px;
            font-size: 18px;
        }

    .trainingPathContent .panel-default > .panel-heading + .panel-collapse > .panel-body ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-weight: normal;
    }

        .trainingPathContent .panel-default > .panel-heading + .panel-collapse > .panel-body ul li label {
            font-weight: normal;
        }

        .trainingPathContent .panel-default > .panel-heading + .panel-collapse > .panel-body ul li .inputtext {
            width: 99%;
            margin-bottom: 10px;
            padding: 5px;
        }

@media screen and (max-width: 600px) {
    .trainingPathContent .panel-group {
        width: 97%;
        margin: auto;
    }

    .trainingPathContent .panel-default > .panel-heading .panel-title {
        font-size: 12px;
    }
}

.CustomButtons .btn {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    white-space: normal;
}

#LjSignup .modal-header, #LjFailed .modal-header {
    --bs-modal-header-padding: 0.5rem;
}

.TrainingPath {
    background: #fff;
    margin-top: 42px !important;
}

    .TrainingPath .nav-tabs {
        border: 0;
        background: #95a7bb;
    }

    .TrainingPath .nav-tabs {
        border: 0;
        background: #95a7bb;
    }

        .TrainingPath .nav-tabs li {
            width: 20%;
        }

            .TrainingPath .nav-tabs li a {
                align-items: center;
                display: flex;
                min-height: 80px;
            }

            .TrainingPath .nav-tabs li a {
                border-radius: 0;
                border: 0;
                color: #fff;
                margin: 0;
                font-size: 13px;
            }

                .TrainingPath .nav-tabs li a:hover,
                .TrainingPath .nav-tabs > li.active > a,
                .TrainingPath .nav-tabs > li.active > a:focus,
                .TrainingPath .nav-tabs > li.active > a:hover {
                    border: 0;
                    background: #002e62;
                    color: #fff;
                }

                    .TrainingPath .nav-tabs > li.active > a::before,
                    .TrainingPath .nav-tabs li a:hover::before {
                        content: " ";
                        position: absolute;
                        bottom: -9px;
                        left: 0;
                        right: 0;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 9px 10px 0 10px;
                        border-color: #002e62 transparent transparent transparent;
                        margin: 0 auto;
                    }

    .TrainingPath .DownloadOptions {
        text-align: center;
    }

        .TrainingPath .DownloadOptions ul {
            position: relative;
            top: 5px;
        }

            .TrainingPath .DownloadOptions ul .pdf {
                position: relative;
                margin-right: 5px;
                top: -2px;
            }

    .TrainingPath .table-bordered {
        border-top: 0;
        table-layout: fixed;
    }

    .TrainingPath .table {
        --bs-table-bg: inherit;
    }

    .TrainingPath .table-bordered > :not(caption) > * {
        border: inherit;
    }


    .TrainingPath .table thead {
        background: var(--slb-blue);
    }

        .TrainingPath .table thead tr th {
            color: #fff;
            border-color: #3c5791;
            font-weight: 500;
            letter-spacing: 0.03rem;
            vertical-align: middle;
            min-width: 105px;
            background: var(--slb-blue);
        }

    .TrainingPath .table tbody tr td {
        border-color: #c1c1c1;
        vertical-align: middle;
        min-width: 105px;
    }

    .TrainingPath .table tbody tr:nth-child(even) {
        background-color: var(--slb-grey-1);
    }

    .TrainingPath .table-responsive {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-bottom: 5px;
    }

    .TrainingPath .iconList {
        margin: 0;
        text-align: center;
    }

    .TrainingPath .customCheckBox {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: 40px;
        width: 66px;
        text-align: center;
        margin: 0 auto;
    }

        .TrainingPath .customCheckBox input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

    .TrainingPath .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        width: 100%;
        background: #dcdadb;
        /* Old browsers */
        background: -moz-linear-gradient(left, #dcdadb 1%, #cdcdcd 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #dcdadb 1%, #cdcdcd 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #dcdadb 1%, #cdcdcd 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdadb', endColorstr='#cdcdcd', GradientType=1);
        /* IE6-9 */
        border: 1px solid #c1c1c1;
        border-radius: 3px;
        background: url(/content/next/images/courseListingMatrix/tick-mark-grey.png) no-repeat #c3c2c2 center;
    }

    .TrainingPath .customCheckBox:hover input ~ .checkmark {
        background-color: #c3c2c2;
    }

    .TrainingPath .customCheckBox input:checked ~ .checkmark {
        background: var(--slb-blue);
        background: url("/content/next/images/courseListingMatrix/tick-mark.png") no-repeat var(--slb-blue) center;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ee7a0', endColorstr='#90e296', GradientType=1);
        /* IE6-9 */
        /*border-color: #6bde76;*/
        border-radius: 3px;
        width: 66px;
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    .TrainingPath .customCheckBox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the checkmark when checked */
    .TrainingPath .customCheckBox input:checked ~ .checkmark:after {
        display: block;
    }

.emailShare::before {
    content: " ";
    position: absolute;
    width: 1px;
    height: 18px;
    background: #7f7f7f;
    left: -13px;
    top: 2px;
}

.emailShare {
    margin-left: 18px;
}

.TrainingPath .wishListTraining span {
    font-size: 12px;
    white-space: nowrap;
    display: block;
}

.TrainingPath .wishListTraining .btn {
    padding: 3px 15px 2px 15px;
    background-color: transparent;
    border-color: #73aff2;
    color: #456bc0;
    font-size: 12px;
    border-radius: 15px;
    margin-top: 5px;
}

    .TrainingPath .wishListTraining .btn:hover {
        background-color: #73aff2;
        color: #fff;
    }

    .TrainingPath .wishListTraining .btn i {
        width: 12px;
        top: -1px;
        position: relative;
        margin-right: 2px;
        color: #ea9b29;
    }

.TrainingPath .dateBTraning {
    display: block;
    font-weight: 500;
    text-align: center;
}

.TrainingPath .btn .btnTxt {
    position: relative;
    margin-left: 10px;
    top: 0;
}

.TrainingPath .TrainingPathList {
    list-style: none;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 15px;
    border-right: 1px dashed #959aa2;
    margin-top: 9px;
    padding-top: 40px;
    padding-bottom: 291px;
    padding-right: 8px;
    position: relative;
    margin-right: 10px;
}

    .TrainingPath .TrainingPathList::before {
        content: " ";
        width: 23px;
        height: 23px;
        background: #fff url("/content/next/images/TrainingPath/dot.png") no-repeat;
        position: absolute;
        top: -10px;
        right: -12px;
        background-size: cover;
    }

    .TrainingPath .TrainingPathList::after {
        content: " ";
        width: 23px;
        height: 23px;
        background: #fff url("/content/next/images/TrainingPath/dot.png") no-repeat;
        position: absolute;
        bottom: -10px;
        right: -12px;
        background-size: cover;
    }

    .TrainingPath .TrainingPathList li {
        background-color: #3795fb;
        border-top-left-radius: 25px;
        position: relative;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        margin-bottom: 30px;
        color: #fff;
        padding: 10px 20px 10px 10px;
        text-align: center;
        -webkit-box-shadow: 1px 2px 10px 0px #a8a8a8;
        box-shadow: 1px 2px 10px 0px #a8a8a8;
    }

        .TrainingPath .TrainingPathList li::after {
            content: " ";
            position: absolute;
            right: -14px;
            background: #50a3fd;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            top: -2px;
        }

        .TrainingPath .TrainingPathList li:nth-child(1) {
            background: #3795fb url("/content/next/images/TrainingPath/ListIcon1.png") no-repeat scroll 98% 5px;
            background-position-x: 98%;
            background-position-y: 5px;
            margin-top: 8px;
        }

        .TrainingPath .TrainingPathList li:nth-child(2) {
            background: #3795fb url("/content/next/images/TrainingPath/ListIcon2.png") no-repeat scroll 98% 5px;
            background-position-x: 98%;
            background-position-y: 5px;
            margin-top: 247px;
        }

        .TrainingPath .TrainingPathList li:nth-child(3) {
            background: #3795fb url("/content/next/images/TrainingPath/ListIcon3.png") no-repeat scroll 98% 5px;
            background-position-x: 98%;
            background-position-y: 5px;
            margin-top: 288px;
        }

        .TrainingPath .TrainingPathList li:nth-child(4) {
            background: #3795fb url("/content/next/images/TrainingPath/ListIcon4.png") no-repeat scroll 98% 5px;
            background-position-x: 98%;
            background-position-y: 5px;
            margin-top: 288px;
        }

        .TrainingPath .TrainingPathList li:nth-child(5) {
            background: #3795fb url("/content/next/images/TrainingPath/ListIcon5.png") no-repeat scroll 98% 5px;
            background-position-x: 98%;
            background-position-y: 5px;
            margin-top: 305px;
        }

@media only screen and (max-width: 991px) {
    .trainingPathContent .lineGray {
        display: none;
    }

    .TrainingPath .TrainingPathList {
        display: none;
    }

    .TrainingPath .nav-tabs li a {
        min-height: 98px;
    }
}

@media only screen and (min-width: 768px) {
    .TrainingPathContent .TrainingPathAccordion .title {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .trainingPathContent .CustomButtons {
        padding-top: 25px;
    }

    .TrainingPathContent #tables {
        padding-top: 20px;
    }

    .GeologySection .panel-heading .form-inline select.form-control {
        margin-bottom: 10px;
    }

    .GeologySection .panel-heading h4 {
        padding-bottom: 7px;
    }

    .TrainingPath .btn.DownloadBlk img {
        display: none;
    }

    .TrainingPath .btn.DownloadBlk {
        padding: 10px;
    }

        .TrainingPath .btn.DownloadBlk .btnTxt {
            font-size: 14px;
        }

    .TrainingPath .DownloadOptions ul {
        margin: 0;
    }

    .TrainingPath .btn.DownloadBlk .btnTxt {
        margin-left: 0;
    }

    .TrainingPath .btn.DownloadBlk img {
        display: none;
    }

    .TrainingPathContent .TrainingPathAccordion .title {
        background: var(--slb-blue) none repeat scroll 0 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        margin-top: 8px;
        padding: 5px 10px;
        position: relative;
        transition: all 0.3s ease 0s;
        position: relative;
    }

    .TrainingPathContent .TrainingPathAccordion.active .title {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .TrainingPathContent .TrainingPathAccordion .title i {
        position: absolute;
        right: 15px;
        top: 9px;
    }

    .TrainingPathContent .TrainingPathAccordion .Content {
        background: #fafafa;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 10px;
        display: none;
    }

    .TrainingPathContent .TrainingPathAccordion.active .Content {
        display: block;
    }

    .TrainingPathContent .TrainingPathAccordion.active .title .fa-angle-up {
        display: block;
    }

    .TrainingPathContent .TrainingPathAccordion.active .title .fa-angle-down {
        display: none;
    }

    .TrainingPathContent .TrainingPathAccordion .title .fa-angle-up {
        display: none;
    }

    .TrainingPathContent .TrainingPathAccordion .title .fa-angle-down {
        display: block;
    }

    .TrainingPathContent .TrainingPathAccordion .Content .table thead tr th {
        display: none;
    }

    .TrainingPathContent .TrainingPathAccordion .Content .table {
        background: #fff;
        border-color: transparent;
    }

        .TrainingPathContent .TrainingPathAccordion .Content .table tbody tr td {
            display: block;
            width: 100% !important;
        }

        .TrainingPathContent .TrainingPathAccordion .Content .table tbody tr {
            display: block;
            border-top: 1px solid #ccc;
            margin-bottom: 10px;
        }

    .TrainingPath .customCheckBox {
        margin: auto;
    }

    .TrainingPath .nav-tabs li {
        background: #95a7bb;
    }

    .TrainingPath .nav-tabs {
        background: transparent;
        padding-bottom: 15px;
    }

        .TrainingPath .nav-tabs > li.active > a::before,
        .TrainingPath .nav-tabs li a:hover::before {
            border-width: 0;
        }

    .TrainingPath .nav-tabs {
        white-space: nowrap;
        display: flex;
        overflow-x: auto;
    }

        .TrainingPath .nav-tabs li {
            display: inline-block;
            max-width: 200px;
            min-width: 120px;
            text-align: center;
            white-space: normal;
            width: auto;
        }

    .TrainingPath .nav-tabs {
        background: transparent;
        padding-bottom: 15px;
    }

        .TrainingPath .nav-tabs > li.active > a::before,
        .TrainingPath .nav-tabs li a:hover::before {
            border-width: 0;
        }

    .TrainingPath .nav-tabs {
        white-space: nowrap;
        display: flex;
        overflow-x: auto;
    }

        .TrainingPath .nav-tabs li {
            display: inline-block;
            max-width: 200px;
            min-width: 120px;
            text-align: center;
            white-space: normal;
            width: auto;
        }

    .TrainingPathContent .TrainingPathAccordion .modality-btn,
    .TrainingPathContent .pathLine {
        display: none;
    }
}

/* iPad portrait + landscape range (Bootstrap md..lg span) */
@media (min-width: 768px) and (max-width: 1024.98px) {
    /* Hide left column */
    .hidden-iPadpro {
        display: none !important;
    }

    /* Make the right column full width on iPad */
    .TrainingPathContent {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .CourseMatrixWrapper .proficiency-level {
        padding-left: 10px;
    }
}

.trainingPathContent .view-btns {
    position: absolute;
    top: -10px;
}

.trainingPathContent .Deliverymechanism {
    margin-bottom: 5px;
    margin-right: 17px;
}

.GeologySection .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 9999;
}

.GeologySection .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 9999;
    bottom: -38px;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

    .GeologySection .tooltiptext::before {
        content: " ";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #000 transparent;
        top: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.GeologySection .Deliverymechanism li:hover .tooltiptext {
    visibility: visible;
    opacity: 1 !important;
}

.GeologySection .Deliverymechanism li:nth-child(5) .tooltiptext,
.GeologySection .Deliverymechanism li:nth-child(6) .tooltiptext,
.GeologySection .Deliverymechanism li:nth-child(7) .tooltiptext {
    bottom: -59px !important;
}

.GeologySection .table > tbody > tr > td {
    border-top: none !important;
}

#custom_courses tr:last-child td {
    border-bottom: 1px solid #dee2e6 !important;
}

.CourseTablesContentBlock .tooltip {
    position: absolute;
    opacity: 1;
    z-index: 9999;
    display: inline-block !important;
    width: 90px !important;
}

.trainingPathContent .tooltip {
    width: 90px !important;
    position: absolute;
}

.trainingPathContent .btn1 {
    margin-left: 15px;
}

@media screen and (max-width: 600px) {
    .trainingPathContent .Deliverymechanism {
        display: block !important;
        margin: auto;
    }

    .trainingPathContent .viewall {
        margin: 10px auto;
        width: 90%;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .trainingPathContent .view-btns {
        position: relative;
        top: 0px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .GeologySection .TrainingPath {
        width: 594px;
        margin-left: 143px;
    }

        .GeologySection .TrainingPath .tab-contents .pr-2 {
            padding-right: 0px;
            Padding-left: 54px;
        }

    .TrainingPath .customCheckBox input:checked ~ .checkmark {
        width: 50px;
    }

    .TrainingPath .customCheckBox .checkmark {
        width: 50px;
    }

    .TrainingPath .table thead tr th {
        font-size: 12px;
    }
}
/* Training-path end */
/*Training Programs start*/
.TrainingProgram-Overview {
    /* background: url("/content/next/images/trainingPrograms/training_program_overview_background.jpg") no-repeat; */
    background: var(--slb-grey-3);
    background-position: center bottom;
}

.EnhancingMain-wrapper {
    margin: auto;
    float: none;
    width: 1130px;
}

.EnhancingMain-wrapper-left,
.EnhancingMain-wrapper-right {
    width: 400px;
}

.EnhancingOrg-section .left-sect {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .EnhancingOrg-section .left-sect li:first-child {
        margin-top: 0px;
    }

    .EnhancingOrg-section .left-sect li {
        margin-top: 35px;
    }

        .EnhancingOrg-section .left-sect li:nth-child(2) {
            position: relative;
            left: -30px;
        }

    .EnhancingOrg-section .left-sect.right-sect li:nth-child(2) {
        position: relative;
        left: inherit;
        right: -30px;
    }

    .EnhancingOrg-section .left-sect li a {
        background: #ffffff;
        padding: 0px 0px;
        display: inline-block;
        text-decoration: none;
        text-align: right;
        border-radius: 35px;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        line-height: 18px;
        color: #333333;
        width: 100%;
        -webkit-transition: color 0.5s;
        -moz-transition: color 0.5s;
        -ms-transition: color 0.5s;
        -o-transition: color 0.5s;
        transition: color 0.5s;
    }

    .EnhancingOrg-section .left-sect li:first-child .icon-bg img {
        margin-right: 5px;
    }

    .EnhancingOrg-section .left-sect li:nth-child(3) .icon-bg img {
        margin-right: 5px;
    }

    .EnhancingOrg-section .left-sect.right-sect li:first-child .icon-bg img {
        margin-left: 5px;
    }

    .EnhancingOrg-section .left-sect.right-sect li:nth-child(2) .icon-bg img {
        margin-left: 5px;
    }

    .EnhancingOrg-section .left-sect.right-sect li:nth-child(3) .icon-bg img {
        margin-left: 8px;
    }

.icon-bg-content span {
    font-size: 14px;
    color: #505050;
    font-weight: normal;
    margin-top: 2px;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

.EnhancingOrg-section .left-sect .icon-bg {
    float: right;
    padding: 8px 10px;
    background: var(--slb-blue);
    width: 104px;
    border-radius: 50px;
    text-align: right;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

.EnhancingOrg-section .left-sect li a:hover span.icon-bg {
    background: var(--slb-blue);
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    width: 100%;
}

.EnhancingOrg-section .left-sect .icon-bg-content span {
    display: block;
}

.EnhancingOrg-section .left-sect li a:hover span.icon-bg-content span {
    color: #efefef;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

.EnhancingOrg-section .left-sect li a:hover span.icon-bg-content {
    color: #ffffff;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

.EnhancingOrg-section .left-sect .icon-bg-content {
    position: absolute;
    right: 115px;
    top: 15px;
    left: 0px;
}

.EnhancingOrg-section .left-sect.right-sect .icon-bg {
    float: left;
    text-align: left;
}

.EnhancingOrg-section .left-sect.right-sect .icon-bg-content {
    position: absolute;
    right: 0px;
    top: 15px;
    left: 115px;
    text-align: left;
}

.enhance-circle-area {
    width: 330px;
    height: 296px;
    background: url("/content/next/images/trainingPrograms/enhance-circle-img.png") no-repeat;
    float: left;
}

.enhance-circle-content {
    width: 155px;
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    margin-left: 84px;
    margin-top: 107px;
    line-height: 27px;
}

.ConnectingPeople-section {
    background: #373883 url("/content/next/images/trainingPrograms/connection-people-bg.jpg") no-repeat;
    background-size: cover;
    background-position: center top;
    height: 775px;
}

.white-content {
    color: #fff !important;
    /* color: var(--slb-black) !important; */
}

.black-content {
    color: var(--slb-black) !important;
}

.ConnectingPeople-section .carousel-indicators {
    position: absolute;
    left: 0px;
    margin-left: 0px;
    width: 1170px;
    text-align: left;
    bottom: inherit;
}

    .ConnectingPeople-section .carousel-indicators li {
        background: #000;
        border: 4px solid #fff;
        height: 25px;
        width: 25px;
        border-radius: 50%;
    }

        .ConnectingPeople-section .carousel-indicators li.active {
            animation: pulse 2s infinite;
        }

        .ConnectingPeople-section .carousel-indicators li a:hover,
        .ConnectingPeople-section .carousel-indicators li a:focus {
            background: none;
        }

    .ConnectingPeople-section .carousel-indicators li {
        display: block;
        float: left;
        margin-left: 165px;
    }

        .ConnectingPeople-section .carousel-indicators li:first-child {
            margin-left: 97px;
            margin-top: 30px;
        }

        .ConnectingPeople-section .carousel-indicators li:nth-child(2) {
            margin-top: 69px;
        }

        .ConnectingPeople-section .carousel-indicators li:nth-child(3) {
            margin-top: 109px;
            margin-left: 163px;
        }

        .ConnectingPeople-section .carousel-indicators li:nth-child(4) {
            margin-top: 117px;
            margin-left: 164px;
        }

        .ConnectingPeople-section .carousel-indicators li:nth-child(5) {
            margin-top: 103px;
            margin-left: 165px;
        }

        .ConnectingPeople-section .carousel-indicators li:nth-child(6) {
            margin-top: 68px;
            margin-left: 164px;
        }

        .ConnectingPeople-section .carousel-indicators li.active {
            background: #fff;
            border: 4px solid #fccc03;
        }

.ConnectingPeople-section .item {
    background: rgba(255, 255, 255, 1);
    height: 300px;
    width: 150px;
    border-radius: 10px;
}

.connection-people-pod {
    height: 300px;
    width: 145px;
    background: rgba(255, 255, 255, 0.5);
    float: left;
    padding: 50px 10px 15px 10px;
    text-align: center;
}

.normal-cont {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
}

.hover-cont {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    display: none;
    line-height: 22px;
    height: 100%;
}

    .normal-cont div,
    .hover-cont div {
        display: flex;
        align-items: center;
        height: 100%;
    }

        .normal-cont div strong,
        .hover-cont div strong {
            display: contents;
        }

.connection-people-pod.active .normal-cont {
    display: none;
}

.connection-people-pod.active .hover-cont {
    display: block;
}

.connection-people-pod#page1 {
    margin-left: 0px;
}

.connection-people-pod#page2,
.connection-people-pod#page3,
.connection-people-pod#page4,
.connection-people-pod#page5,
.connection-people-pod#page6 {
    margin-left: 30px;
}

.connection-people-pod {
    background: url("/content/next/images/trainingPrograms/blue_tag.png") no-repeat;
    height: 403px;
    width: 160px;
}

    .connection-people-pod#page2 {
        background: url("/content/next/images/trainingPrograms/brown_tag.png") no-repeat;
        margin-top: 25px;
    }

        .connection-people-pod#page2.active {
            background: url("/content/next/images/trainingPrograms/active_tag.png") no-repeat;
        }

    .connection-people-pod#page4 {
        background: url("/content/next/images/trainingPrograms/brown_tag.png") no-repeat;
        margin-top: 25px;
    }

        .connection-people-pod#page4.active {
            background: url("/content/next/images/trainingPrograms/active_tag.png") no-repeat;
        }

    .connection-people-pod#page6 {
        background: url("/content/next/images/trainingPrograms/brown_tag.png") no-repeat;
        margin-top: 25px;
    }

        .connection-people-pod#page6.active {
            background: url("/content/next/images/trainingPrograms/active_tag.png") no-repeat;
        }

.hang-pod {
    list-style: none;
}

.connection-people-pod#page2:hover,
.connection-people-pod#page4:hover,
.connection-people-pod#page6:hover {
    background: url("/content/next/images/trainingPrograms/active_tag.png") no-repeat;
    transition: background .7s linear;
    -moz-transition: background .7s linear;
    -webkit-transition: background .7s linear;
    -ms-transition: background .7s linear;
}

.connection-people-pod:hover {
    background: url("/content/next/images/trainingPrograms/active_tag.png") top no-repeat;
    transition: background .7s linear;
    -moz-transition: background .7s linear;
    -webkit-transition: background .7s linear;
    -ms-transition: background .7s linear;
}

    .connection-people-pod:hover .normal-cont {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        display: none;
        line-height: 22px;
        height: 100;
    }

    .connection-people-pod:hover .hover-cont {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        display: block;
        line-height: 22px;
        height: 100;
    }

.connection-people-pod.active {
    background: url("/content/next/images/trainingPrograms/active_tag.png") no-repeat;
    transition: background .7s linear;
    -moz-transition: background .7s linear;
    -webkit-transition: background .7s linear;
    -ms-transition: background .7s linear;
    color: #ffffff;
}

.pod-lines {
    position: absolute;
    left: 100px;
    width: 11px;
    background: url("/content/next/images/trainingPrograms/line.png") bottom;
    z-index: 1;
}

    .pod-lines.line1 {
        left: 105px;
        height: 150px;
        margin-top: 22px;
    }

    .pod-lines.line2 {
        left: 295px;
        height: 150px;
        margin-top: 47px;
    }

    .pod-lines.line3 {
        left: 485px;
        height: 91px;
        margin-top: 80px;
    }

    .pod-lines.line4 {
        left: 675px;
        height: 91px;
        margin-top: 105px;
    }

    .pod-lines.line5 {
        left: 865px;
        height: 91px;
        margin-top: 80px;
    }

    .pod-lines.line6 {
        left: 1055px;
        height: 150px;
        margin-top: 46px;
    }

.cont-people-normal-cont {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 20px 20px;
    transition: opacity 500ms;
}

    .cont-people-normal-cont h4 {
        padding-bottom: 10px;
        position: relative;
    }

.CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent .cont-people-normal-cont h4 {
    font-size: 18px;
}

.CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent .cont-people-hover-cont h4 {
    font-size: 18px;
}

.cont-people-normal-cont h4:before {
    height: 3px;
    background: #ffffff;
    content: "";
    position: absolute;
    width: 22%;
    top: 30px;
    left: 39%;
    right: 39%;
    background: var(--slb-blue);
}
/* 
.one .cont-people-normal-cont h4:before {
    background: #8cc34b;
}

.two .cont-people-normal-cont h4:before {
    background: #14a6dd;
}

.three .cont-people-normal-cont h4:before {
    background: #ff5959;
}

.four .cont-people-normal-cont h4:before {
    background: #fec107;
}

.five .cont-people-normal-cont h4:before {
    background: #fec107;
}

.six .cont-people-normal-cont h4:before {
    background: #ff5959;
}

.seven .cont-people-normal-cont h4:before {
    background: #14a6dd;
}

.eight .cont-people-normal-cont h4:before {
    background: #8cc34b;
} */
.CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .FlipBoxContent .cont-people-hover-cont h4:before {
    height: 3px;
    background: #ffffff;
    content: "";
    position: absolute;
    width: 22%;
    top: 30px;
    left: 39%;
    right: 39%;
}
/* .one .cont-people-hover-cont h4:before, .eight .cont-people-hover-cont h4:before {
    background: #8cc34b !important;
}

.two .cont-people-hover-cont h4:before, .seven .cont-people-hover-cont h4:before {
    background: #14a6dd !important;
}

.three .cont-people-hover-cont h4:before, .six .cont-people-hover-cont h4:before {
    background: #ff5959 !important;
}

.four .cont-people-hover-cont h4:before, .five .cont-people-hover-cont h4:before {
    background: #fec107 !important;
} */
.cont-people-normal-cont img {
    display: inline;
    margin-bottom: 15px;
}

.cont-people-hover-cont {
    /* display: none; */
    width: 100%;
    text-align: center;
    height: 100%;
    transition: top 750ms ease;
    position: absolute;
    top: 100%;
    background: var(--slb-blue);
    padding: 20px 20px;
}

.CustomerOutcomesFlipBox:hover .cont-people-normal-cont {
    opacity: 0;
}

.CustomerOutcomesFlipBox:hover .cont-people-hover-cont {
    top: 0;
}

.CustomerOutcomes .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox .cont-people-hover-cont h4 {
    color: var(--slb-white)
}
/* .CustomerOutcomes.cont-people .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active .cont-people-normal-cont {
    display: none;
}

.CustomerOutcomes.cont-people .CustomerOutcomesFlipBoxMain .CustomerOutcomesFlipBox.active .cont-people-hover-cont {
    display: block;
} */
.cont-people-circle-icon {
    width: 115px;
    height: 115px;
    /* border-radius: 50%; */
    margin: auto;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: var(--slb-blue);
}
/* 
.cont-people .one .cont-people-circle-icon {
    background: rgba(140,195,75, 0.8);
}

.cont-people .two .cont-people-circle-icon {
    background: rgba(20,166,221, 0.8);
}

.cont-people .three .cont-people-circle-icon {
    background: rgba(255,89,89, 0.8);
}

.cont-people .four .cont-people-circle-icon {
    background: rgba(254,193,7, 0.8);
}

.cont-people .five .cont-people-circle-icon {
    background: rgba(254,193,7, 0.8);
}

.cont-people .six .cont-people-circle-icon {
    background: rgba(255,89,89, 0.8);
}

.cont-people .seven .cont-people-circle-icon {
    background: rgba(20,166,221, 0.8);
}

.cont-people .eight .cont-people-circle-icon {
    background: rgba(140,195,75, 0.8);
} */
.cont-people .cont-people-circle-icon img {
    width: auto !important;
    margin-bottom: 0px;
}

.cont-people-content {
    width: 90%;
    margin: auto;
    line-height: 20px;
}

.StateofArts {
    /* background: #ffffff url("/content/next/images/trainingPrograms/state_of_art_bg.png") no-repeat center bottom; */
    background-color: var(--slb-grey-2);
}

    .StateofArts ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .StateofArts ul li {
            display: inline-block;
            width: 24.5%;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
        }

            .StateofArts ul li:nth-child(even) {
                top: 100px;
            }

.StateofArts-images {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.StateofArts ul li:first-child {
    margin-left: 0px;
}
/** Nextper Animation start **/
.nextTrac-ensuringExcellence .container.WhyNext {
    width: 1280px;
}

.nextTrac-ensuringExcellence .WhyNext .abtLogo1 {
    border: none;
    margin-right: 0px;
}

.digitalLearning {
    background: var(--slb-grey-1);
}

    .digitalLearning .myVideo-pg {
        background-position: 0px 5px !important;
        background-size: cover;
        padding: 15px;
    }

    .digitalLearning .video-wrapper {
        border-radius: 23px;
        overflow: hidden;
        margin-top: 6px;
    }

    .digitalLearning .circle-bg {
        width: 350px;
        height: 350px;
        border: 1px #aaa dashed;
        margin-top: 60px;
        border-radius: 50%;
        position: relative;
        float: right;
        list-style: none;
        /* background: url(/content/next/images/corporate/thumb.png) no-repeat center; */
    }

        .digitalLearning .circle-bg a {
            display: block;
            width: 96px;
            height: 97px;
            position: absolute;
        }

    .digitalLearning .nextpertAnimation {
        background: none;
        position: relative;
    }

.nextPert-explore-btn {
    margin-top: 35px;
}

.video-wrapper {
    position: absolute;
    left: 30px;
    right: 30px;
}

.video-wp2,
.video-wp3,
.video-wp4,
.video-wp5,
.video-wp6,
.video-wp7,
.video-wp8,
.video-wp9 {
    display: none;
}

.circle-bg-innerContent {
    text-align: center;
    position: absolute;
    left: 100px;
    right: 85px;
    font-size: 16px;
    line-height: 21px;
    z-index: 33;
}
/* FIVE circle Nextper start */
.training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(1) {
    left: 124px;
    top: -44px;
}

.training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(2) {
    left: 280px;
    top: 62px;
}

.training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(3) {
    left: 239px;
    top: 243px;
}

.training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(4) {
    left: 10px;
    top: 243px;
}

.training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(5) {
    left: -28px;
    top: 62px;
}

.FiveCircle .circle-bg-innerContent strong {
    display: flex;
    height: 235px;
    align-items: center;
    justify-content: center;
}

.FiveCircle .circle-bg-innerContent {
    top: 115px;
}

.FiveCircle .video-wp-content1 {
    top: 115px;
}

.digitalLearning.training-programs .FiveCircle .myVideo-pg {
    background: url("/content/next/images/corporate/video_frame_common.png") no-repeat;
    background-position: 0px 5px !important;
    height: 474px;
    padding: 15px;
}

.digitalLearning.training-programs .FiveCircle .video-wrapper {
    left: inherit;
    right: inherit;
}
/* FIVE circle Nextper end */
/* Nine circle Nextper start */
.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(1) {
    left: 125px;
    top: -50px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(2) {
    left: 237px;
    top: -10px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(3) {
    left: 297px;
    top: 94px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(4) {
    left: 276px;
    top: 212px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(5) {
    left: 184px;
    top: 289px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(6) {
    left: 65px;
    top: 288px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(7) {
    left: -29px;
    top: 212px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(8) {
    left: -46px;
    top: 94px;
}

.training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(9) {
    left: 12px;
    top: -9px;
}

.NineCircle .circle-bg-innerContent strong {
    display: flex;
    height: 235px;
    align-items: center;
    justify-content: center;
}

.NineCircle .circle-bg-innerContent {
    top: 115px;
}

.NineCircle .video-wp-content1 {
    top: 115px;
}

.digitalLearning.training-programs .NineCircle .myVideo-pg {
    background: url("/content/next/images/IndividualCorporate/video_frame_common.png") no-repeat;
    background-position: 0px 5px !important;
    height: 474px;
    padding: 15px;
}

.digitalLearning.training-programs .NineCircle .video-wrapper {
    left: inherit;
    right: inherit;
}

.digitalLearning .circle-bg2,
.digitalLearning .circle-bg3 {
    width: 350px;
    height: 350px;
    border: 1px #aaa dashed;
    margin-top: 60px;
    border-radius: 50%;
    position: relative;
    float: right;
    list-style: none;
    /* background: url(/content/next/images/corporate/thumb.png) no-repeat center; */
}
/* Nine circle Nextper end */
/* Eight circle Nextper start */
.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(1) {
    left: 126px;
    top: -50px;
}

.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(2) {
    left: 249px;
    top: 0px;
}

.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(3) {
    left: 299px;
    top: 123px;
}

.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(4) {
    left: 248px;
    top: 246px;
}

.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(5) {
    left: 126px;
    top: 296px;
}

.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(6) {
    left: 2px;
    top: 247px;
}

.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(7) {
    left: -50px;
    top: 123px;
}

.training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(8) {
    left: 2px;
    top: 0px;
}

.EightCircle .circle-bg-innerContent strong {
    display: flex;
    height: 235px;
    align-items: center;
    justify-content: center;
}

.EightCircle .circle-bg-innerContent {
    top: 115px;
}

.EightCircle .video-wp-content1 {
    top: 115px;
}

.digitalLearning.training-programs .EightCircle .myVideo-pg {
    background: url("/content/next/images/IndividualCorporate/video_frame_common.png") no-repeat;
    background-position: 0px 5px !important;
    height: 474px;
    padding: 15px;
}

.digitalLearning.training-programs .EightCircle .video-wrapper {
    left: inherit;
    right: inherit;
}
/** Eight circle Nextpert End */
.video-wp-content2,
.video-wp-content3,
.video-wp-content4,
.video-wp-content5,
.video-wp-content6,
.video-wp-content7,
.video-wp-content8,
.video-wp-content9 {
    display: none;
}

.learning-solution-graphic {
    font-size: 16px;
    color: #fff;
}
/*.training-programs.nextpertAnimation .logoNext span{
font-size: 20px;
border-left: 1px solid #525454;
height: 50px;
padding-left: 10px;
margin-left: 10px;
display: inline;
position: relative;
top: 9px;
padding-top: 12px;
color:#333333;
}*/
.training-programs.nextpertAnimation .logoNext .dividerline {
    font-size: 20px;
    border-left: 1px solid #525454;
    height: 50px;
    padding-left: 10px;
    margin-left: 10px;
    display: inline;
    position: relative;
    top: 9px;
    padding-top: 12px;
    color: #333333;
}

.mrg-lr-auto {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.clr-both {
    clear: both;
}
/** RESPOSIVE STYLE START **/
@media(min-width:992px) and (max-width:1200px) {
    .EnhancingMain-wrapper {
        width: 98%;
        margin-left: 30px;
    }

    .EnhancingMain-wrapper-left,
    .EnhancingMain-wrapper-right {
        width: 35%;
    }

    .EnhancingMain-wrapper-center {
        width: 25%;
        background-size: contain;
        margin-top: 35px;
    }

    .enhance-circle-content {
        font-size: 14px;
        width: 100px;
        margin: auto;
        margin-top: 60px;
        margin-top: 78px;
        line-height: 20px;
    }

    .EnhancingOrg-section .left-sect li a {
        font-size: 14px;
    }

    .icon-bg-content span {
        font-size: 13px;
    }
    /** NextPert animation section start **/
    .digitalLearning .circle-bg {
        width: 280px;
        height: 280px;
        margin-top: 50px;
    }
    /** NextPert animation Five Circel start **/
    .training-programs.digitalLearning .FiveCircle {
        position: relative;
        left: -28px;
    }

        .training-programs.digitalLearning .FiveCircle .circle-bg {
            width: 250px;
            height: 250px;
            margin-top: 80px;
        }

        .training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(1) {
            left: 70px;
        }

        .training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(2) {
            left: 189px;
            top: 42px;
        }

        .training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(3) {
            left: 150px;
            top: 165px;
        }

        .training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(4) {
            left: 7px;
            top: 165px;
        }

        .training-programs.digitalLearning .FiveCircle .carousel-indicators.first li:nth-child(5) {
            left: -38px;
            top: 42px;
        }

    .FiveCircle .circle-bg-innerContent strong {
        display: flex;
        height: 170px;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        line-height: 18px;
    }

    .FiveCircle .circle-bg-innerContent {
        top: 115px;
        left: 105px;
        right: 62px;
    }

    .FiveCircle .video-wp-content1 {
        top: 115px;
    }

    .digitalLearning.training-programs .FiveCircle .myVideo-pg {
        left: 30px;
        right: 30px;
        height: 400px;
        background: url("/content/next/images/corporate/video_frame_common.png") no-repeat;
        background-size: contain;
    }

    .digitalLearning.training-programs .FiveCircle.aboutnxt1 {
        background-position: 170px 100px;
    }

    .FiveCircle .explore-btn {
        padding-left: 78px;
    }
    /** NextPert animation Five Circel end **/
    /** NextPert animation Nine Circle start **/
    .NineCircle.aboutnxt1 {
        background: none;
    }

    .digitalLearning.training-programs .NineCircle .myVideo-pg {
        background-size: contain;
        height: 400px;
        left: 30px;
        right: 60px;
    }

    .NineCircle .col-md-8.pull-left {
        margin-left: -20px;
        padding-right: 45px;
    }

    .NineCircle .col-md-4.pull-right {
        position: relative;
        left: -15px;
        top: -18px;
    }

    .digitalLearning .NineCircle .circle-bg2 {
        width: 300px;
        height: 300px;
    }

    .NineCircle .circle-bg-innerContent {
        top: 90px !important;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(1) {
        left: 90px;
        top: -47px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(2) {
        left: 188px;
        top: -22px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(3) {
        left: 239px;
        top: 64px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(4) {
        left: 228px;
        top: 163px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(5) {
        top: 231px;
        left: 156px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(6) {
        left: 57px;
        top: 240px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(7) {
        left: -25px;
        top: 184px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(8) {
        left: -47px;
        top: 87px;
    }

    .training-programs.digitalLearning .NineCircle .carousel-indicators.first li:nth-child(9) {
        left: -4px;
        top: -6px;
    }
    /** NextPert animation Nine Circle end **/
    /** NextPert animation Eight Circle start **/
    .EightCircle.aboutnxt1 {
        background: none;
    }

    .digitalLearning.training-programs .EightCircle .myVideo-pg {
        background-size: contain;
        height: 400px;
        left: 30px;
        right: 60px;
    }

    .EightCircle .col-md-8.pull-left {
        margin-left: -20px;
        padding-right: 45px;
    }

    .EightCircle .col-md-4.pull-right {
        position: relative;
        left: -15px;
        top: -18px;
    }

    .digitalLearning .EightCircle .circle-bg3 {
        width: 300px;
        height: 300px;
    }

    .EightCircle .circle-bg-innerContent {
        top: 90px !important;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(1) {
        left: 90px;
        top: -47px;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(2) {
        left: 199px;
        top: -12px;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(3) {
        left: 246px;
        top: 91px;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(4) {
        left: 208px;
        top: 198px;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(5) {
        top: 241px;
        left: 104px;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(6) {
        left: 1px;
        top: 202px;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(7) {
        left: -45px;
        top: 101px;
    }

    .training-programs.digitalLearning .EightCircle .carousel-indicators.first li:nth-child(8) {
        left: -11px;
        top: -4px;
    }
    /** NextPert animation Eight Circle end **/
    /** NextPert animation section end **/
    /** Connecting people section start **/
    .cont-people-content {
        width: 100%;
    }

    .cont-people-normal-cont {
        margin-bottom: 0px;
    }

    .cont-people-circle-icon {
        margin-bottom: 20px;
    }

    .cont-people-hover-cont h4 + p {
        max-height: 162px;
        overflow-y: scroll;
    }
    /** Connecting people section end **/
    /** NextTrac Ensuring excellence start **/
    .strategy-column-inner {
        background-size: contain;
    }

    .nextTrac-ensuringExcellence .container.WhyNext {
        width: 970px !important;
        margin: auto;
    }

    .nextTrac-ensuringExcellence .strategy-column {
        width: 10%;
    }

    .strategy-column-inner {
        width: 100%;
        margin-top: 100px;
    }

    .learning-solution-column {
        width: 25%;
    }

    .learning-solution-inner {
        width: 100%;
    }

    .learning-solution-column ul li {
        font-size: 13px;
        padding: 19px 10px 19px 52px;
    }

        .learning-solution-column ul li:first-child,
        .learning-solution-column ul li:nth-child(2),
        .learning-solution-column ul li:nth-child(3),
        .learning-solution-column ul li:nth-child(4),
        .learning-solution-column ul li:nth-child(5) {
            background-position: 5px 8px;
        }

    .delivery-mechanism-column {
        width: 40%;
    }

    .delivery-mechanism-inner {
        width: 100%;
    }

    ul.delivery-mechanism-pods li {
        width: 85px;
    }

    ul.delivery-mechanism-pods li {
        font-size: 12px;
    }

    .optimum-client-column {
        width: 17%;
    }

    .optimum-client-inner {
        width: 100%;
        margin-top: 6px;
    }

    .strategy-column-circle {
        width: 150px;
        height: 150px;
        padding: 10px;
        margin-left: -70px;
        margin-top: 17px;
    }

    .learning-solution-column,
    .optimum-client-column {
        margin: 0px 17px;
    }

    .optimum-client-content {
        background-size: 100px;
    }

    .learning-solution-graphic {
        margin-left: 48px;
    }

    .strategy-column-circle p {
        font-size: 13px;
        padding: 0px;
    }

    .strategy-column .learning-solution-heading {
        position: relative;
        left: -35px;
    }

    .learning-solution-heading {
        font-size: 15px;
    }

    .dotted-animation {
        left: 109px;
        width: 17px;
    }

    .dotted-animation3 {
        left: 361px;
        width: 17px;
    }

    .dotted-animation2 {
        right: 200px;
        width: 16px;
        top: 207px;
    }

    .delivery-mechanism-chart {
        margin-top: 54px;
        margin-left: 37px;
    }

    .corporateMethodology .explore-btn {
        margin-right: 0px;
    }
    /** NextTrac Ensuring excellence end **/
    /** Case studies or Business Impact start  **/
    .CaseStudiesContent {
        height: 350px;
    }
    /** Case studies or Business Impact end  **/
}

@media(min-width:768px) and (max-width:991px) {
    .EnhancingMain-wrapper {
        width: 98%;
        margin-left: 10px;
    }

    .EnhancingMain-wrapper-left,
    .EnhancingMain-wrapper-right {
        width: 37.5%;
    }

    .EnhancingMain-wrapper-center {
        width: 25%;
        background-size: contain;
        margin-top: 35px;
    }

    .enhance-circle-content {
        font-size: 14px;
        width: 100px;
        margin: auto;
        margin-top: 60px;
        margin-top: 78px;
        line-height: 20px;
    }

    .left-sect.right-sect li:last-child .icon-bg-content {
        top: 7px;
        left: 110px;
    }

    .EnhancingOrg-section .left-sect .icon-bg-content {
        right: 110px;
    }

    .EnhancingMain-wrapper-center {
        margin-top: 60px;
    }

    .enhance-circle-content {
        margin: auto;
        margin-top: 53px;
    }

    .EnhancingOrg-section .left-sect li a {
        font-size: 14px;
    }
    /** NextPert animation section start **/
    .training-programs .FiveCircle .col-md-4 {
        width: 100%;
    }

    .training-programs.digitalLearning .circle-bg {
        width: 100%;
        height: auto;
        border: none;
        background: none;
    }

    .nextpertAnimation.digitalLearning .carousel-indicators li {
        position: inherit;
        width: auto;
        height: auto;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(1),
    .nextpertAnimation .carousel-indicators.first li:nth-child(2),
    .nextpertAnimation .carousel-indicators.first li:nth-child(3),
    .nextpertAnimation .carousel-indicators.first li:nth-child(4),
    .nextpertAnimation .carousel-indicators.first li:nth-child(5),
    .nextpertAnimation .carousel-indicators.first li:nth-child(6),
    .nextpertAnimation .carousel-indicators.first li:nth-child(7),
    .nextpertAnimation .carousel-indicators.first li:nth-child(8),
    .nextpertAnimation .carousel-indicators.first li:nth-child(9) {
        left: 0px !important;
        right: 0px !important;
        top: 0px !important;
        display: inline-flex !important;
    }

    .digitalLearning.training-programs .circle-bg {
        margin-top: 0px;
    }

    .digitalLearning.training-programs .col-md-8 {
        margin-top: 60px;
        width: 100%;
    }

    .nextCommon .mt-7 {
        display: none;
    }

    .video-wp-content1,
    .video-wp-content2,
    .video-wp-content3,
    .video-wp-content4,
    .video-wp-content5 {
        top: 110px !important;
    }

    .digitalLearning.training-programs .myVideo-pg {
        height: 460px;
    }
    /* NextPert animation Five Circel start */
    .FiveCircle .circle-bg-innerContent strong {
        height: 35px;
    }

    .FiveCircle .explore-btn {
        position: relative;
        top: 50px;
    }

    .training-programs.nextCommon .FiveCircle.pt-2 {
        padding-top: 0px;
    }
    /* NextPert animation Five Circel end */
    /** NextPert animation Nine Circle start **/
    .digitalLearning.training-programs .circle-bg2,
    .digitalLearning.training-programs .circle-bg3 {
        width: 100%;
        height: auto;
        border: none;
        background: none;
    }

    .nextpertAnimation.digitalLearning .NineCircle .carousel-indicators li,
    .nextpertAnimation.digitalLearning .EightCircle .carousel-indicators li {
        width: 70px;
    }

    .nextpertAnimation .NineCircle .carousel-indicators.first li span img,
    .nextpertAnimation .EightCircle .carousel-indicators.first li span img {
        width: 55%;
    }

    .training-programs .NineCircle .col-md-4,
    .training-programs .EightCircle .col-md-4 {
        width: 100%;
    }

    .digitalLearning .NineCircle .circle-bg2,
    .digitalLearning .EightCircle .circle-bg3 {
        margin-top: 0px;
    }

    .NineCircle .circle-bg-innerContent,
    .EightCircle .circle-bg-innerContent {
        top: 93px !important;
    }

        .NineCircle .circle-bg-innerContent strong,
        .EightCircle .circle-bg-innerContent strong {
            height: auto;
        }

    .nextCommon .NineCircle.aboutnxt1.pt-2,
    .nextCommon .EightCircle.aboutnxt1.pt-2 {
        padding-top: 0px;
    }
    /** NextPert animation Nine Circle end **/
    /** NextPert animation section end ***/
    /** NextTrac Ensuring excellence start **/
    .nextTrac-ensuringExcellence .container.WhyNext {
        width: 100% !important;
        margin: auto;
    }

    .corporateMethodology.nextTrac-ensuringExcellence {
        max-height: inherit;
    }

    .strategy-column,
    .learning-solution-column,
    .delivery-mechanism-column,
    .optimum-client-column {
        float: none !important;
        margin: auto;
    }

    .nextTrac-ensuringExcellence .strategy-column-inner {
        margin-top: 0px;
    }

    .learning-solution-heading {
        margin-top: 60px;
    }

    .strategy-column .learning-solution-heading {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .optimum-client-inner {
        margin-top: 50px;
    }

    .dotted-animation,
    .dotted-animation2,
    .dotted-animation3 {
        display: none;
    }

    .nextTrac-ensuringExcellence .explore-btn {
        float: none !important;
        margin: auto;
        position: static;
        width: 138px;
    }

    .nextTrac-ensuringExcellence .optimum-client-inner {
        margin-bottom: 30px;
    }

    .nextTrac-ensuringExcellence .WhyNext .abtLogo h2 {
        font-size: 38px;
    }

    .strategy-column::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 40px;
        background: #ff0000;
        margin-left: 105px;
        margin-top: 12px;
        background: url("/content/next/images/corporate/dotted_animation_vertical.gif");
    }

    .learning-solution-column::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 40px;
        background: #ff0000;
        margin-left: 125px;
        margin-top: 2px;
        background: url("/content/next/images/corporate/dotted_animation_vertical.gif");
    }

    .delivery-mechanism-column::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        background: #ff0000;
        margin-left: -110px;
        margin-top: 13px;
        background: url("/content/next/images/corporate/equal_animation_vertical.gif");
    }

    .strategy-column-inner {
        width: 260px;
        height: 253px;
        background: url(/content/next/images/corporate/curved-line-mobile.png) no-repeat;
        background-position: center bottom;
        margin-top: 20px;
        margin-left: -15px;
    }

    .strategy-column-circle {
        margin-left: 26px;
    }
    /** NextTrac Ensuring excellence end **/
    /** Case studies or Business Impact start  **/
    .CaseStudiesContent {
        height: 310px;
    }

    .CaseStudies {
        max-width: 380px;
        margin: auto;
        margin-bottom: 20px;
    }
    /** Case studies or Business Impact end  **/
}

@media(max-width:767px) {
    .enhance-circle-area {
        display: none;
    }

    .EnhancingOrg-section .left-sect li a {
        border: 1px #14a6dd solid;
    }

    .EnhancingOrg-section .left-sect li:nth-child(2),
    .EnhancingOrg-section .left-sect.right-sect li:nth-child(2) {
        margin-left: 0px;
        left: 0px;
    }

    .EnhancingOrg-section .left-sect {
        padding-left: 0px;
        padding-right: 0px;
    }

        .EnhancingOrg-section .left-sect li {
            margin-top: 10px;
        }

    .EnhancingMain-wrapper {
        width: 320px;
        margin: auto;
    }

    .EnhancingOrg-section .left-sect .icon-bg {
        float: left;
    }

    .EnhancingOrg-section .left-sect .icon-bg-content {
        position: absolute;
        right: inherit;
        top: 15px;
        left: 115px;
        text-align: left;
    }

    .EnhancingOrg-section .left-sect li a .icon-bg img {
        float: left;
    }

    .EnhancingMain-wrapper .col-sm-5 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .EnhancingMain-wrapper .left-sect li.mb-7:last-child {
        margin-bottom: 10px;
    }

    .EnhancingMain-wrapper .left-sect.right-sect {
        margin-bottom: 50px;
    }

    .EnhancingMain-wrapper-left,
    .EnhancingMain-wrapper-right {
        width: 330px;
        max-width: 330px;
    }

    .left-sect.right-sect li:last-child .icon-bg-content {
        top: 7px;
    }
    /** NextPert animation section start **/
    .training-programs .aboutnxt1 .col-md-4 {
        width: 100%;
    }

    .training-programs.digitalLearning .circle-bg {
        width: 100%;
        height: auto;
        border: none;
        background: none;
    }

    .nextpertAnimation.digitalLearning .carousel-indicators li {
        position: inherit;
        width: 60px;
        height: 60px;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(1),
    .nextpertAnimation .carousel-indicators.first li:nth-child(2),
    .nextpertAnimation .carousel-indicators.first li:nth-child(3),
    .nextpertAnimation .carousel-indicators.first li:nth-child(4),
    .nextpertAnimation .carousel-indicators.first li:nth-child(5),
    .nextpertAnimation .carousel-indicators.first li:nth-child(6),
    .nextpertAnimation .carousel-indicators.first li:nth-child(7),
    .nextpertAnimation .carousel-indicators.first li:nth-child(8),
    .nextpertAnimation .carousel-indicators.first li:nth-child(9) {
        left: 0px !important;
        right: 0px !important;
        top: 0px !important;
        display: inline-flex !important;
    }

    .nextpertAnimation .carousel-indicators.first li span img {
        position: relative;
        left: -1px;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(1) span img {
        max-width: 58%;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(2) span img {
        max-width: 49%;
        margin-top: 2px;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(3) span img {
        max-width: 80%;
        margin-top: 2px;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(4) span img {
        max-width: 56%;
        margin-top: 2px;
    }

    .nextpertAnimation .carousel-indicators.first li:nth-child(5) span img {
        max-width: 56%;
        margin-top: 2px;
    }

    .digitalLearning.training-programs .circle-bg {
        margin-top: 0px;
    }

    .digitalLearning.training-programs .col-md-8 {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }

    .circle-bg-innerContent {
        left: 15px;
        right: 15px;
        font-size: 14px;
    }

    .nextCommon .mt-7 {
        display: none;
    }

    .video-wp-content1,
    .video-wp-content2,
    .video-wp-content3,
    .video-wp-content4,
    .video-wp-content5 {
        top: 65px !important;
    }

    .digitalLearning.training-programs .myVideo-pg {
        height: 200px;
        width: 300px;
        position: relative;
        margin: auto;
    }

        .digitalLearning.training-programs .myVideo-pg .video-wrapper {
            width: 280px;
            left: 10px;
            margin-top: 0px;
            border-radius: 10px;
        }

    .digitalLearning.training-programs.nextpertAnimation .logoNext {
        margin-bottom: 0px;
    }

        .digitalLearning.training-programs.nextpertAnimation .logoNext span {
            display: block;
            border: none;
            top: 0px;
            margin: 0px;
            padding: 0px;
            height: auto;
        }
    /* NextPert animation Five Circel start */
    .FiveCircle .circle-bg-innerContent strong {
        height: 30px;
    }

    .digitalLearning.training-programs .FiveCircle .myVideo-pg {
        height: 195px;
        background-size: contain;
    }

    .FiveCircle .explore-btn {
        position: relative;
        top: 12px;
    }

    .training-programs .FiveCircle .col-md-4 {
        width: 100%;
    }

    .training-programs.nextCommon .FiveCircle.pt-2 {
        padding-top: 0px;
    }

    .training-programs.nextCommon .FiveCircle .explore-btn.pl-3 {
        padding-left: 15px;
    }
    /* NextPert animation Five Circel end */
    /** NextPert animation Nine Circle start **/
    .digitalLearning.training-programs .circle-bg2,
    .digitalLearning.training-programs .circle-bg3 {
        width: 100%;
        height: auto;
        border: none;
        background: none;
    }

    .nextpertAnimation.digitalLearning .NineCircle .carousel-indicators li,
    .nextpertAnimation.digitalLearning .EightCircle .carousel-indicators li {
        width: 60px !important;
    }

    .nextpertAnimation .NineCircle .carousel-indicators.first li span img,
    .nextpertAnimation .EightCircle .carousel-indicators.first li span img {
        width: 55%;
    }

    .training-programs .NineCircle .col-md-4,
    .training-programs .EightCircle .col-md-4 {
        width: 100%;
    }

    .digitalLearning .NineCircle .circle-bg2 {
        margin-top: 0px;
        width: 345px;
        float: none;
        margin: auto;
    }

    .digitalLearning .EightCircle .circle-bg3 {
        margin-top: 0px;
        width: 300px;
        float: none;
        margin: auto;
    }

    .NineCircle .circle-bg-innerContent,
    .EightCircle .circle-bg-innerContent {
        top: 142px !important;
    }

        .NineCircle .circle-bg-innerContent strong,
        .EightCircle .circle-bg-innerContent strong {
            height: auto;
        }

    .nextCommon .NineCircle.aboutnxt1.pt-2,
    .nextCommon .EightCircle.aboutnxt1.pt-2 {
        padding-top: 0px;
    }

    .digitalLearning.training-programs .NineCircle .col-md-8,
    .digitalLearning.training-programs .EightCircle .col-md-8 {
        /* margin-top: 175px; */
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }

    .digitalLearning.training-programs .NineCircle .myVideo-pg,
    .digitalLearning.training-programs .EightCircle .myVideo-pg {
        height: 195px;
        background-size: contain;
    }
    /** NextPert animation Nine Circle end **/
    /** NextPert animation section end ***/
    /** State of Art section start **/
    .StateofArts ul li:nth-child(even) {
        top: 0px;
    }

    .StateofArts ul li {
        width: 32%;
    }

    .StateofArts.nextCommon .mb-10 {
        margin-bottom: 0px;
    }
    /** State of Art section end **/
    /** NextTrac Ensuring excellence start **/
    .nextTrac-ensuringExcellence .container.WhyNext {
        width: 100% !important;
        margin: auto;
    }

    .corporateMethodology.nextTrac-ensuringExcellence {
        max-height: inherit;
    }

    .strategy-column,
    .learning-solution-column,
    .delivery-mechanism-column,
    .optimum-client-column {
        float: none !important;
        margin: auto;
    }

    .nextTrac-ensuringExcellence .strategy-column-inner {
        margin-top: 0px;
    }

    .learning-solution-heading {
        margin-top: 60px;
    }

    .strategy-column .learning-solution-heading {
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .nextTrac-ensuringExcellence .optimum-client-inner {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .dotted-animation,
    .dotted-animation2,
    .dotted-animation3 {
        display: none;
    }

    .dotted-animation-vertical,
    .dotted-animation2-vertical,
    .dotted-animation3-vertical {
    }

    .strategy-column::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 40px;
        background: #ff0000;
        margin-left: 105px;
        margin-top: 12px;
        background: url("/content/next/images/corporate/dotted_animation_vertical.gif");
    }

    .learning-solution-column::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 40px;
        background: #ff0000;
        margin-left: 125px;
        margin-top: 2px;
        background: url("/content/next/images/corporate/dotted_animation_vertical.gif");
    }

    .delivery-mechanism-column::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        background: #ff0000;
        margin-left: 155px;
        margin-top: 13px;
        background: url("/content/next/images/corporate/equal_animation_vertical.gif");
    }

    .nextTrac-ensuringExcellence .delivery-mechanism-column {
        width: 345px;
        margin: auto;
    }

    .nextTrac-ensuringExcellence .delivery-mechanism-inner {
        width: 100%;
    }

    .nextTrac-ensuringExcellence ul.delivery-mechanism-pods li {
        font-size: 11px;
    }

    .nextTrac-ensuringExcellence ul.delivery-mechanism-pods li {
        width: 77px;
    }

    .nextTrac-ensuringExcellence .delivery-mechanism-chart {
        margin-left: 18px;
        margin-top: 50px;
    }

    .nextTrac-ensuringExcellence .explore-btn {
        float: none !important;
        margin: auto;
        margin-top: 0px;
        position: static;
        width: 120px;
    }

    .nextTrac-ensuringExcellence .WhyNext .abtLogo h2 {
        font-size: 25px;
        margin-top: 15px;
    }

    .nextTrac-ensuringExcellence .delivery-mechanism-chart ul li {
        font-size: 13px;
    }

    .nextTrac-ensuringExcellence .delivery-mechanism-chart {
        background-size: 70%;
        background-position: 15px;
    }

        .nextTrac-ensuringExcellence .delivery-mechanism-chart ul li:nth-child(2) {
            margin-left: 70px;
        }

        .nextTrac-ensuringExcellence .delivery-mechanism-chart ul li:first-child {
            position: relative;
            left: 20px;
        }

    .nextTrac-ensuringExcellence .assessment-reflection {
        font-size: 13px;
        margin-left: 58px;
    }

    .strategy-column-inner {
        width: 260px;
        height: 253px;
        background: url(/content/next/images/corporate/curved-line-mobile.png) no-repeat;
        background-position: center bottom;
        margin-top: 20px;
        margin-left: -15px;
    }

    .strategy-column-circle {
        margin-left: 26px;
    }
    /** NextTrac Ensuring excellence end **/
}
/** RESPOSIVE STYLE End **/
/*Training Programs end*/
/*Ustar start*/
/*Ustar end*/
/*Bootstrap 4 css start*/
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


/*Bootstrap 4 css end*/
/*Methodology & Approach CMS start*/
.CMSMethodology {
    background: #2D3F50;
    overflow-x: hidden;
}

    .CMSMethodology h2 {
        color: #fff;
        margin-top: 0;
        padding-top: 0;
    }

    .CMSMethodology .cmsComponent h4 {
        color: #fff;
        font-size: 18px;
    }

    .CMSMethodology p {
        color: #fff;
    }

    .CMSMethodology .mainGifImage {
        margin: 0 auto;
        text-align: center;
    }

    .CMSMethodology .title {
        position: absolute;
        bottom: 23px;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #199ad4;
        font-size: 16px;
        display: inline-block;
        margin-left: -25px;
    }

    .CMSMethodology .listOptions {
        top: 0;
        list-style: none;
        width: 100%;
        padding: 0;
    }

        .CMSMethodology .listOptions li {
            display: inline-block;
            position: relative;
        }

        .CMSMethodology .listOptions .listTitle {
            color: #ffffff;
            font-size: 18px;
            line-height: 22px;
            display: block;
            text-align: center;
            max-width: 130px;
            margin: 0 auto;
        }

        .CMSMethodology .listOptions .listContent {
            color: #99999b;
            font-size: 14px;
            font-weight: 500;
            display: block;
            text-align: center;
            max-width: 220px;
        }

.industryBG {
    background-image: url("/content/next/images/CMS/box_1.jpg");
    padding: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 15px 1px #000;
    background-position: 50% 100%;
}

.updateBG {
    background-image: url("/content/next/images/CMS/box_2.jpg");
    padding: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 15px 1px #000;
    background-position: 50% 100%;
}

.competencyBG {
    background-image: url("/content/next/images/CMS/box_3.jpg");
    padding: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 15px 1px #000;
    background-position: 50% 100%;
}

    .industryBG li,
    .updateBG li,
    .competencyBG li {
        text-align: left;
    }

.methodologyBoxes {
    color: #fff;
}

.CMSMethodology .methodologyBoxes ul {
    min-height: 80px;
}

.methodologyBoxes .px-1 {
    padding-left: 5px;
    padding-right: 5px;
}

.methodologyBoxes .cmsBoxHead {
    color: #fff;
    text-align: left;
    margin-left: 25px;
}

.CMSMethodology .cmsComponent .cmsHeaders ul {
    list-style-type: none;
    /*margin-left: 60px;*/
}

    .CMSMethodology .cmsComponent .cmsHeaders ul li a:hover {
        text-decoration: none;
    }

    .CMSMethodology .cmsComponent .cmsHeaders ul li {
        float: left;
        text-align: left;
        background-repeat: no-repeat;
        padding: 25px 15px 19px 86px;
        width: 218px;
        height: 88px;
        text-align: left;
        display: flex;
        align-items: center;
    }

        .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(1) {
            background-image: url('/content/next/images/CMS/cms_1_normal.png');
        }

            .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(1).active {
                background-image: url('/content/next/images/CMS/cms_1_active.png');
            }

        .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(2) {
            background-image: url('/content/next/images/CMS/cms_2_normal.png');
        }

            .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(2).active {
                background-image: url('/content/next/images/CMS/cms_2_active.png');
            }

        .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(3) {
            background-image: url('/content/next/images/CMS/cms_3_normal.png');
        }

            .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(3).active {
                background-image: url('/content/next/images/CMS/cms_3_active.png');
            }

        .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(4) {
            background-image: url('/content/next/images/CMS/cms_4_normal.png');
        }

            .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(4).active {
                background-image: url('/content/next/images/CMS/cms_4_active.png');
            }

        .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(5) {
            background-image: url('/content/next/images/CMS/cms_5_normal.png');
            width: 225px;
        }

            .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(5).active {
                background-image: url('/content/next/images/CMS/cms_5_active.png');
            }

        .CMSMethodology .cmsComponent .cmsHeaders ul li.active {
            background-color: transparent;
        }

.carousel-indicators .active {
    background: unset;
    background-color: transparent;
}

.CMSMethodology .cmsComponent .cmsHeaders ul li img {
    width: 80%;
}

.CMSMethodology .cmsComponent .cmsHeaders ul li a {
    background-color: transparent;
    color: #fff;
    padding: 5px 5px 5px 0px;
    font-size: 15px;
}

.CMSMethodology #CMSMethodologySlider .carousel-inner {
    margin-top: 30px;
}

    .CMSMethodology #CMSMethodologySlider .carousel-inner .cm-class {
        max-height: 368px;
    }

.assessmentBlock {
    background: var(--slb-blue);
}

    .assessmentBlock .AssembleImgLeft img {
        float: right;
        position: relative;
        left: 41px;
        top: 2px;
    }

.AssembleImgLeft {
    z-index: 0;
}

.assessmentBlock h4 {
    font-weight: 500;
}

.BuildLeftImg {
    float: left;
    margin-top: 2px;
    position: relative;
    z-index: 10;
}

.BuildRightImg {
    float: left;
    margin-left: -43px;
}

@media (max-width:1200px) {
    .assessmentBlock .AssembleImgLeft img {
        float: right;
        position: relative;
        left: 47px;
        top: 1px;
    }

    .BuildLeftImg {
        float: left;
        margin-top: 2px;
        position: relative;
        z-index: 10;
    }

    .BuildRightImg {
        float: left;
        margin-left: -35px;
        margin-top: 1px;
    }

    .AssembleImgLeft,
    .AssembleImgLeft + div {
        float: left;
        width: 320px;
    }

    .assessmentBlock .AssembleImgLeft img,
    .assessmentBlock .AssembleImgLeft + div img {
        width: 75%;
    }

    .AssembleBlockMain {
        width: 640px;
        margin: auto;
    }

    .assessmentBlock .AssembleImgLeft img {
        left: 32px;
        top: 2px;
    }
}

@media (max-width:767px) {
    .AssembleImgLeft,
    .AssembleImgLeft + div {
        float: left;
        width: 320px;
    }

    .assessmentBlock .AssembleImgLeft img,
    .assessmentBlock .AssembleImgLeft + div img {
        width: 75%;
    }

    .AssembleBlockMain {
        width: 640px;
        margin: auto;
    }

    .assessmentBlock .AssembleImgLeft img {
        left: 32px;
        top: 2px;
    }
}

@media (max-width:480px) {
    .assessmentBlock .AssembleImgLeft img,
    .assessmentBlock .AssembleImgLeft + div img {
        width: 100%;
    }

    .assessmentBlock .AssembleImgLeft img {
        left: 23px;
        top: 1px;
    }

    .AssembleBlockMain {
        width: 360px;
        margin: auto;
    }

    .AssembleImgLeft,
    .AssembleImgLeft + div {
        width: 175px;
    }
}

.gasAnalysis {
    background: #567089;
}

    .assessmentBlock h2,
    .gasAnalysis h2 {
        color: #fff;
    }

    .assessmentBlock p,
    .gasAnalysis p {
        color: #fff;
    }

.cmsComponent img.lineImg {
    margin: 0 auto;
}

.CMSMethodology .carousel-indicators {
    position: inherit;
    bottom: 20px;
    left: 0;
    z-index: 1;
    width: 100%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .CMSMethodology .carousel-indicators li {
        display: inline;
        height: auto;
        margin: 1px;
        border: none;
        border-radius: 0;
        width: 215px;
        text-indent: 1px;
    }

.competencyModelBuild .img-section,
.assessmentBlock .img-section,
.nextpertValidation .img-section,
.gasAnalysis .img-section,
.individualTrainingPlan .img-section {
    max-height: 320px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.competencyModelBuild .img-section {
    margin-top: 0px;
}

.competencyModelBuild img {
    max-width: 125%;
}

.assessmentBlock .img-section {
    margin-top: 0px;
}

.nextpertValidation .img-section {
    margin-top: 50px;
}

.gasAnalysis .img-section {
    margin-top: 0px;
}

.individualTrainingPlan .img-section {
    margin-top: 0px;
}

.cms-partial-content {
    display: table;
}

.cms-partial-content-inner {
    display: table-cell;
    height: 320px;
    vertical-align: middle;
}

@media only screen and (min-width: 992px) {
    .CMSMethodology .listOptions {
        position: absolute;
    }

        .CMSMethodology .listOptions li:nth-child(1) {
            position: absolute;
            top: -58px;
            left: 66px;
        }

        .CMSMethodology .listOptions li:nth-child(2) {
            position: absolute;
            top: 149px;
            left: 232px;
        }

        .CMSMethodology .listOptions li:nth-child(3) {
            position: absolute;
            top: -59px;
            left: 455px;
        }

        .CMSMethodology .listOptions li:nth-child(4) {
            position: absolute;
            top: 169px;
            right: 254px;
        }

        .CMSMethodology .listOptions li:nth-child(5) {
            position: absolute;
            top: -59px;
            right: 40px;
        }

        .CMSMethodology .listOptions li .gap {
            padding-bottom: 75px;
        }

        .CMSMethodology .listOptions li::before {
            content: " ";
            width: 50px;
            height: 50px;
            background: url('/content/next/images/MethodologyApproach/dot.png') no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            display: flex;
            align-items: center;
            top: 0;
            bottom: 0;
        }

        .CMSMethodology .listOptions li:nth-child(1)::before {
            top: 50px;
        }

        .CMSMethodology .listOptions li:nth-child(2)::before {
            top: 56px;
        }

        .CMSMethodology .listOptions li:nth-child(3)::before {
            top: 52px;
        }

        .CMSMethodology .listOptions li:nth-child(4)::before {
            top: 36px;
        }

        .CMSMethodology .listOptions li:nth-child(5)::before {
            top: 51px;
        }

    .resources .tab-content {
        margin-left: 30px;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .CMSMethodology .cmsComponent .cmsHeaders ul li {
        width: 195px;
        height: 77px;
        background-size: 93%;
        padding: 23px 15px 19px 68px;
        font-size: 13px;
    }

    .lineImg {
        width: 85%;
    }

    .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(5) {
        width: 210px;
    }

    .CMSMethodology .cmsComponent .cmsHeaders ul li:nth-child(1) {
        margin-left: -50px;
    }

    .methodologyBoxes .cmsBoxHead {
        font-size: 17px;
    }

    .competencyModelBuild .img-section {
        margin-top: 55px;
    }

    .assessmentBlock .img-section {
        margin-top: 20px;
    }

    .nextpertValidation .img-section {
        margin-top: 100px;
    }

    .gasAnalysis .img-section {
        margin-top: 5px;
    }

    .individualTrainingPlan .img-section {
        margin-top: 45px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .methodologyBoxes > div > div {
        min-height: 168px;
    }

    .methodologyBoxes .px-1 {
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .dropdown-theme-TabletMobile {
        background: var(--slb-blue) none repeat scroll 0 0;
        border-color: var(--slb-blue);
        border-radius: 0;
        color: #fff;
        height: 42px;
        padding: 10px 12px;
    }

        .dropdown-theme-TabletMobile option:hover {
            background: #ff0000;
        }

    .competencyModelBuild.contentSection h2,
    .assessmentBlock.contentSection h2,
    .nextpertValidation.contentSection h2,
    .gasAnalysis.contentSection h2,
    .individualTrainingPlan.contentSection h2 {
        font-size: 34px;
    }

    .competencyModelBuild.nextCommon .pr-8,
    .assessmentBlock.nextCommon .pr-8,
    .nextpertValidation.nextCommon .pr-8,
    .gasAnalysis.nextCommon .pr-8,
    .individualTrainingPlan.nextCommon .pr-8 {
        padding-right: 0px;
    }

    .cms-partial-content-inner {
        height: 260px;
    }

    .competencyModelBuild .img-section {
        margin-top: 58px;
    }

    .assessmentBlock .img-section {
        margin-top: 44px;
    }

    .nextpertValidation .img-section {
        margin-top: 92px;
    }

    .gasAnalysis .img-section {
        margin-top: 19px;
    }

    .individualTrainingPlan .img-section {
        margin-top: 50px;
    }
}

@media(max-width:767px) {
    .industryBG {
        background-image: url(/content/next/images/CMS/box_1_mobile.jpg);
    }

    .updateBG {
        background-image: url(/content/next/images/CMS/box_2_mobile.jpg);
    }

    .competencyBG {
        background-image: url(/content/next/images/CMS/box_3_mobile.jpg);
    }

    .dropdown-theme-TabletMobile {
        background: var(--slb-blue) none repeat scroll 0 0;
        border-color: var(--slb-blue);
        border-radius: 0;
        color: #fff;
        height: 42px;
        padding: 10px 12px;
    }

    #methodology-approach.dropdown-theme-TabletMobile:focus {
        background-color: var(--slb-blue) !important;
    }

    .methodologyBoxes {
        margin-left: 0px;
        margin-right: 0px;
    }

        .methodologyBoxes .col-sm-4 {
            margin-bottom: 30px;
        }

            .methodologyBoxes .col-sm-4:last-child {
                margin-bottom: 0px;
            }

    .nextCommon .methodologyBoxes.mt-4 {
        margin-top: 25px;
    }

    .cms-partial-content-inner {
        padding-top: 30px;
        padding-bottom: 15px;
        height: auto;
    }

    .competencyModelBuild.nextCommon .pr-8,
    .assessmentBlock.nextCommon .pr-8,
    .nextpertValidation.nextCommon .pr-8,
    .gasAnalysis.nextCommon .pr-8,
    .individualTrainingPlan.nextCommon .pr-8 {
        padding-right: 0px;
    }

    .nextpertValidation .img-section {
        margin-top: 0px;
    }
}
/*Methodology & Approach CMS end*/
/*Methodology & Approach CDF start*/
.CDFMethodology {
    background: #000031;
    /* background: var(--slb-blue); */
}

    .CDFMethodology h2 {
        color: #fff;
        margin-top: 0;
        padding-top: 0;
    }

    .CDFMethodology p {
        color: #fff;
    }

    .CDFMethodology .mainGifImage {
        margin: 0 auto;
        text-align: center;
    }

    .CDFMethodology .title {
        position: absolute;
        bottom: 23px;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: var(--slb-aqua-blue);
        font-size: 16px;
        display: inline-block;
        margin-left: -25px;
        font-weight: 500;
    }

    .CDFMethodology .listOptions {
        top: 0;
        list-style: none;
        width: 100%;
        padding: 0;
    }

        .CDFMethodology .listOptions .listTitle {
            /* color: #c88823; */
            color: var(--slb-frost-blue-2);
            font-size: 18px;
            line-height: 22px;
            display: block;
            text-align: center;
            max-width: 130px;
            margin: 0 auto;
            font-weight: 500;
        }

        .CDFMethodology .listOptions li:nth-child(odd) .listTitle span {
            display: block;
            margin-top: 10px;
        }

        .CDFMethodology .listOptions li:nth-child(even) .listTitle span {
            display: block;
            margin-bottom: 10px;
        }

        .CDFMethodology .listOptions .listContent {
            color: #fff;
            font-size: 14px;
            display: block;
            text-align: center;
            max-width: 220px;
        }

.methodologyOptions {
    display: block;
}

.methodologyOptions-xs {
    display: none;
}

.CDFMethodology .fade-inThree {
    opacity: 0;
    -webkit-animation: fadeInCDF ease-in 1;
    -moz-animation: fadeInCDF ease-in 1;
    opacity: 1;
    -ms-animation: fadeInCDF ease-in 1;
    animation: fadeInCDF ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    opacity: 1;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    opacity: 1;
    -ms-animation-duration: 4s;
    animation-duration: 4s;
}

.CDFMethodology .fade-inFour {
    opacity: 0;
    -webkit-animation: fadeInCDF ease-in 1;
    -moz-animation: fadeInCDF ease-in 1;
    opacity: 1;
    -ms-animation: fadeInCDF ease-in 1;
    animation: fadeInCDF ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    opacity: 1;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    opacity: 1;
    -ms-animation-duration: 4s;
    animation-duration: 4s;
}

.CDFMethodology .fade-inFive {
    opacity: 0;
    -webkit-animation: fadeInCDF ease-in 1;
    -moz-animation: fadeInCDF ease-in 1;
    opacity: 1;
    -ms-animation: fadeInCDF ease-in 1;
    animation: fadeInCDF ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    opacity: 1;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    opacity: 1;
    -ms-animation-duration: 4s;
    animation-duration: 4s;
}

.CDFMethodology .mainStaticImage {
    display: none;
}

.CDFMethodology .listOptions {
    display: none;
}

.CDFMethodology .methodologyOptions .title {
    display: none;
}

.CDFMethodology .mainGifImagecdf {
    opacity: 0;
}




@media only screen and (min-width: 992px) {
    .CDFMethodology .listOptions {
        position: absolute;
    }

        .CDFMethodology .listOptions li:nth-child(1) {
            position: absolute;
            top: -58px;
            left: 142px;
        }

        .CDFMethodology .listOptions li:nth-child(2) {
            position: absolute;
            top: 99px;
            left: 315px;
        }

        .CDFMethodology .listOptions li:nth-child(3) {
            position: absolute;
            top: -59px;
            left: 530px;
        }

        .CDFMethodology .listOptions li:nth-child(4) {
            position: absolute;
            top: 113px;
            right: 321px;
        }

        .CDFMethodology .listOptions li:nth-child(5) {
            position: absolute;
            top: -59px;
            right: 107px;
        }

        .CDFMethodology .listOptions li .gap {
            padding-bottom: 69px;
        }

        .CDFMethodology .listOptions li::before {
            content: " ";
            width: 50px;
            height: 50px;
            background: url('/content/next/images/MethodologyApproach/dot.png') no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            display: flex;
            align-items: center;
            top: 0;
            bottom: 0;
        }

        .CDFMethodology .listOptions li:nth-child(1)::before {
            top: 50px;
        }

        .CDFMethodology .listOptions li:nth-child(2)::before {
            top: 110px;
        }

        .CDFMethodology .listOptions li:nth-child(3)::before {
            top: 52px;
        }

        .CDFMethodology .listOptions li:nth-child(4)::before {
            top: 95px;
        }

        .CDFMethodology .listOptions li:nth-child(5)::before {
            top: 51px;
        }

    .methodologyOptions .continuous-rotate-img {
        position: absolute;
        bottom: 60px;
        left: 0px;
        right: 0px;
        display: none;
    }

        .methodologyOptions .continuous-rotate-img img {
            margin-left: -30px;
        }
    /*animation start*/
    @-ms-keyframes fadeInCDF {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeInCDF {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .CDFMethodology .fade-inOne {
        opacity: 0;
        -webkit-animation: fadeInCDF ease-in 1;
        -moz-animation: fadeInCDF ease-in 1;
        opacity: 1;
        -ms-animation: fadeInCDF ease-in 1;
        animation: fadeInCDF ease-in 1;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        opacity: 1;
        -ms-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        opacity: 1;
        -ms-animation-duration: 1s;
        animation-duration: 1s;
    }

    .CDFMethodology .fade-inTwo {
        opacity: 0;
        -webkit-animation: fadeInCDF ease-in 1;
        -moz-animation: fadeInCDF ease-in 1;
        opacity: 1;
        -ms-animation: fadeInCDF ease-in 1;
        animation: fadeInCDF ease-in 1;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        opacity: 1;
        -ms-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 4s;
        -moz-animation-duration: 4s;
        opacity: 1;
        -ms-animation-duration: 4s;
        animation-duration: 4s;
    }
    /*animation end*/
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .CDFMethodology .listOptions li:nth-child(1) {
        left: 66px;
    }

    .CDFMethodology .listOptions li:nth-child(2) {
        top: 91px;
        left: 232px;
    }

    .CDFMethodology .listOptions li:nth-child(3) {
        left: 455px;
    }

    .CDFMethodology .listOptions li:nth-child(4) {
        top: 105px;
        right: 254px;
    }

    .CDFMethodology .listOptions li:nth-child(5) {
        right: 40px;
    }

    .sf-icons {
        left: 521px;
    }
}

@media only screen and (max-width: 991px) {
    .CDFMethodology .listOptions {
        position: absolute;
    }

        .CDFMethodology .listOptions li:nth-child(1) {
            position: absolute;
            top: -60px;
            left: 17px;
        }

        .CDFMethodology .listOptions li:nth-child(2) {
            position: absolute;
            top: 15px;
            left: 108px;
        }

        .CDFMethodology .listOptions li:nth-child(3) {
            position: absolute;
            top: -60px;
            left: 243px;
        }

        .CDFMethodology .listOptions li:nth-child(4) {
            position: absolute;
            top: 30px;
            right: 116px;
        }

        .CDFMethodology .listOptions li:nth-child(5) {
            position: absolute;
            top: -60px;
            right: -16px;
        }

        .CDFMethodology .listOptions li .gap {
            padding-bottom: 75px;
        }

        .CDFMethodology .listOptions li::before {
            content: " ";
            width: 50px;
            height: 50px;
            background: url('/content/next/images/MethodologyApproach/dot.png') no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            display: flex;
            align-items: center;
            top: 0;
            bottom: 0;
        }

        .CDFMethodology .listOptions li:nth-child(1)::before {
            top: 46px;
        }

        .CDFMethodology .listOptions li:nth-child(2)::before {
            top: 105px;
        }

        .CDFMethodology .listOptions li:nth-child(3)::before {
            top: 47px;
        }

        .CDFMethodology .listOptions li:nth-child(4)::before {
            top: 89px;
            left: -5px;
        }

        .CDFMethodology .listOptions li:nth-child(5)::before {
            top: 46px;
        }

        .CDFMethodology .listOptions .listTitle {
            font-size: 14px;
        }

    .CDFMethodology .title {
        font-size: 12px;
        margin-left: -13px;
        font-weight: 500;
        bottom: -30px;
    }

    .CDFMethodology .listOptions li .gap {
        padding-bottom: 65px;
    }

    .CDFMethodology .listOptions .listContent {
        line-height: 18px;
    }

    .methodologyOptions .continuous-rotate-img {
        margin-top: -95px;
        margin-left: -20px;
    }

    .methodologyOptions .listOptions li img {
        width: auto;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .listOptions li:nth-child(1) {
        position: absolute;
        top: -8px;
        left: 14px;
    }

    .CDFMethodology .listOptions li:nth-child(2) {
        position: absolute;
        top: 54px;
        left: 173px;
    }

    .CDFMethodology .listOptions li:nth-child(3) {
        position: absolute;
        top: -63px;
        left: 352px;
    }

    .CDFMethodology .listOptions li:nth-child(4) {
        position: absolute;
        top: 69px;
        right: 189px;
    }

    .CDFMethodology .listOptions li:nth-child(5) {
        position: absolute;
        top: -62px;
        right: 10px;
    }

    .CDFMethodology .methodologyOptions .title {
        bottom: 17px;
    }

    .CDFMethodology .listOptions li:nth-child(1) {
        position: absolute;
        top: -61px;
        left: 43px;
    }
}

@media(max-width:767px) {
    .methodologyOptions {
        display: none;
    }

    .methodologyOptions-xs {
        display: block;
        color: #ffffff;
        background: url("/content/next/images/MethodologyApproach/CDF_diagram.png") center;
        width: 320px;
        height: 600px;
        margin-top: -40px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }

    .continuous-improvement {
        font-size: 15px;
        color: #0099ff;
        width: 118px;
        text-align: center;
        margin-left: 24px;
        margin-top: 22px;
        float: left;
    }

    ul.methodology-points {
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 58px;
    }

        ul.methodology-points li p {
            color: #999999;
        }

        ul.methodology-points li span {
            color: #ffffff;
        }

        ul.methodology-points li:first-child {
            text-align: right;
            margin-right: 60px;
        }

        ul.methodology-points li:nth-child(2) {
            text-align: left;
            margin-left: 95px;
            margin-top: 49px;
        }

        ul.methodology-points li:nth-child(3) {
            text-align: right;
            margin-right: 60px;
            margin-top: 48px;
        }

        ul.methodology-points li:nth-child(4) {
            text-align: left;
            margin-left: 95px;
            margin-top: 38px;
        }

        ul.methodology-points li:nth-child(5) {
            text-align: right;
            margin-right: 60px;
            margin-top: 38px;
        }

    .capabilityDevelopment .box .dataBoxs .dataBox1 .content,
    .capabilityDevelopment .box .dataBoxs .dataBox2 .content,
    .capabilityDevelopment .box .dataBoxs .dataBox3 .content,
    .capabilityDevelopment .box .dataBoxs .dataBox4 .content {
        max-width: inherit !important;
    }
}
/*Methodology & Approach CDF end*/
/*Capability Development section start*/
.capabilityDevelopment {
    /* background: #020302 url("/content/next/images/cdf/CapabilityDevelopment.jpg") no-repeat;
    background-position: center;
    background-size: cover;*/
}

    .capabilityDevelopment h2 span {
        font-family: 'Open Sans', sans-serif;
        font-weight: 100;
        position: relative;
        font-family: 'Oswald', sans-serif;
    }

    .capabilityDevelopment .box {
        background: rgba(234, 234, 234, 0.5);
        border: 1px solid #c1c1c1;
        border-radius: 5px;
        padding: 30px 15px 40px 15px;
    }

        .capabilityDevelopment .box .titleTop {
            background: var(--slb-grey-5);
            color: #fff;
            padding: 3px 25px;
            font-size: 16px;
            top: -15px;
            left: 0;
            right: 0;
            margin: 0 auto;
            max-width: 95.5%;
            text-align: center;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            -webkit-box-shadow: 1px 3px 12px 0px rgba(196, 196, 196, 0.75);
            -moz-box-shadow: 1px 3px 12px 0px rgba(196, 196, 196, 0.75);
            box-shadow: 1px 3px 12px 0px rgba(196, 196, 196, 0.75);
        }

            .capabilityDevelopment .box .titleTop::before {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 0 15px 15px;
                border-color: transparent transparent #4c4a4a transparent;
                content: " ";
                position: absolute;
                left: -15px;
                top: 0;
            }

            .capabilityDevelopment .box .titleTop::after {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 15px 0 0 15px;
                border-color: transparent transparent transparent #4c4a4a;
                content: " ";
                position: absolute;
                right: -15px;
                top: 0;
            }

        .capabilityDevelopment .box .titleLeft {
            background: var(--slb-grey-5);
            ;
            color: #fff;
            padding: 3px 25px;
            font-size: 16px;
            left: -266px;
            transform: rotate(-90deg);
            top: 290px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            width: 528px;
            text-align: center;
        }

            .capabilityDevelopment .box .titleLeft::before {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 0 15px 15px;
                border-color: transparent transparent #4c4a4a transparent;
                content: " ";
                position: absolute;
                left: -15px;
                top: 0;
            }

            .capabilityDevelopment .box .titleLeft::after {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 15px 0 0 15px;
                border-color: transparent transparent transparent #4c4a4a;
                content: " ";
                position: absolute;
                right: -15px;
                top: 0;
            }

        .capabilityDevelopment .box .titleRight {
            background: var(--slb-grey-5);
            color: #fff;
            padding: 3px 25px;
            font-size: 16px;
            /*right: -227px;*/
            right: -266px;
            transform: rotate(90deg);
            top: 290px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            width: 528px;
            text-align: center;
        }

            .capabilityDevelopment .box .titleRight::before {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 0 15px 15px;
                border-color: transparent transparent #4c4a4a transparent;
                content: " ";
                position: absolute;
                left: -15px;
                top: 0;
            }

            .capabilityDevelopment .box .titleRight::after {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 15px 0 0 15px;
                border-color: transparent transparent transparent #4c4a4a;
                content: " ";
                position: absolute;
                right: -15px;
                top: 0;
            }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .title,
        .capabilityDevelopment .box .dataBoxs .dataBox2 .title,
        .capabilityDevelopment .box .dataBoxs .dataBox3 .title,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .title {
            width: 142px;
            height: 94px;
            color: #fff;
            /* border-radius: 46%; */
            text-align: center;
            display: flex;
            align-items: center;
            margin-left: -18px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .title {
            border: 3px solid var(--slb-blue);
            background: var(--slb-blue);
            /* Old browsers */
            /* background: -moz-linear-gradient(top, #9fa8db 1%, #5968c0 51%, #4052b6 62%, #3f51b6 100%); */
            /* FF3.6-15 */
            /* background: -webkit-linear-gradient(top, #9fa8db 1%, #5968c0 51%, #4052b6 62%, #3f51b6 100%); */
            /* Chrome10-25,Safari5.1-6 */
            /* background: linear-gradient(to bottom, #9fa8db 1%, #5968c0 51%, #4052b6 62%, #3f51b6 100%); */
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa8db', endColorstr='#3f51b6', GradientType=0); */
            /* IE6-9 */
        }

        .capabilityDevelopment .box .dataBoxs .dataBox2 .title {
            border: 3px solid var(--slb-blue);
            background: var(--slb-blue);
            /* Old browsers */
            /* background: -moz-linear-gradient(top, #91cbf9 0%, #3da3f5 51%, #2196f3 63%, #2196f3 100%); */
            /* FF3.6-15 */
            /* background: -webkit-linear-gradient(top, #91cbf9 0%, #3da3f5 51%, #2196f3 63%, #2196f3 100%); */
            /* Chrome10-25,Safari5.1-6 */
            /* background: linear-gradient(to bottom, #91cbf9 0%, #3da3f5 51%, #2196f3 63%, #2196f3 100%); */
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91cbf9', endColorstr='#2196f3', GradientType=0); */
            /* IE6-9 */
        }

        .capabilityDevelopment .box .dataBoxs .dataBox3 .title {
            border: 3px solid var(--slb-blue);
            background: var(--slb-blue);
            /* Old browsers */
            /* background: -moz-linear-gradient(top, #80cbc4 0%, #1da296 50%, #019688 63%, #009688 100%); */
            /* FF3.6-15 */
            /* background: -webkit-linear-gradient(top, #80cbc4 0%, #1da296 50%, #019688 63%, #009688 100%); */
            /* Chrome10-25,Safari5.1-6 */
            /* background: linear-gradient(to bottom, #80cbc4 0%, #1da296 50%, #019688 63%, #009688 100%); */
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80cbc4', endColorstr='#009688', GradientType=0); */
            /* IE6-9 */
        }

        .capabilityDevelopment .box .dataBoxs .dataBox4 .title {
            border: 3px solid var(--slb-blue);
            background: var(--slb-blue);
            /* Old browsers */
            /* background: -moz-linear-gradient(top, #f2c786 0%, #e89c2b 50%, #e58e0d 64%, #e58e0d 100%); */
            /* FF3.6-15 */
            /* background: -webkit-linear-gradient(top, #f2c786 0%, #e89c2b 50%, #e58e0d 64%, #e58e0d 100%); */
            /* Chrome10-25,Safari5.1-6 */
            /* background: linear-gradient(to bottom, #f2c786 0%, #e89c2b 50%, #e58e0d 64%, #e58e0d 100%); */
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c786', endColorstr='#e58e0d', GradientType=0); */
            /* IE6-9 */
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content,
        .capabilityDevelopment .box .dataBoxs .dataBox2 .content,
        .capabilityDevelopment .box .dataBoxs .dataBox3 .content,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .content {
            max-width: 250px;
            padding: 10px 0 10px 50px;
            display: inline-block;
        }

            .capabilityDevelopment .box .dataBoxs .dataBox1 .content .contentSpace,
            .capabilityDevelopment .box .dataBoxs .dataBox2 .content .contentSpace,
            .capabilityDevelopment .box .dataBoxs .dataBox3 .content .contentSpace,
            .capabilityDevelopment .box .dataBoxs .dataBox4 .content .contentSpace {
                padding: 1px 0 25px 20px;
            }

            .capabilityDevelopment .box .dataBoxs .dataBox1 .content span,
            .capabilityDevelopment .box .dataBoxs .dataBox2 .content span,
            .capabilityDevelopment .box .dataBoxs .dataBox3 .content span,
            .capabilityDevelopment .box .dataBoxs .dataBox4 .content span {
                color: var(--slb-blue);
                font-weight: 500;
            }

        .capabilityDevelopment .box .dataBoxs .content .lines {
            width: 2px;
            height: 100%;
            left: 0;
            top: 0;
            background: #686868;
        }

            .capabilityDevelopment .box .dataBoxs .content .lines::before {
                content: " ";
                width: 12px;
                height: 12px;
                border-radius: 50%;
                position: absolute;
                top: 0;
                left: -5px;
            }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content .lines::before {
            background: var(--slb-blue);
        }

        .capabilityDevelopment .box .dataBoxs .dataBox2 .content .lines::before {
            background: var(--slb-blue);
        }

        .capabilityDevelopment .box .dataBoxs .dataBox3 .content .lines::before {
            background: var(--slb-blue);
        }

        .capabilityDevelopment .box .dataBoxs .dataBox4 .content .lines::before {
            background: var(--slb-blue);
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1,
        .capabilityDevelopment .box .dataBoxs .dataBox2,
        .capabilityDevelopment .box .dataBoxs .dataBox3,
        .capabilityDevelopment .box .dataBoxs .dataBox4 {
            padding-top: 235px;
            min-width: 200px;
            padding-bottom: 220px;
        }

        .capabilityDevelopment .box .dataBoxs .content .lines::after {
            content: " ";
            width: 10px;
            height: 10px;
            background: #686868;
            border-radius: 50%;
            position: absolute;
            bottom: 0;
            left: -4px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox2 .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .contentSpace {
            height: 220px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox3 .contentSpace {
            height: 200px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox4 .contentSpace .d-block {
            margin-top: 35px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox3 .contentSpace .d-block {
            margin-top: 64px;
        }

@media only screen and (min-width: 992px) {
    .capabilityDevelopment .box .dataBoxs {
        display: flex;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content {
            position: absolute;
            top: 0;
            left: 5px;
            min-width: 290px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox2 .content {
            position: absolute;
            bottom: -20px;
            left: 0px;
            min-width: 330px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox3 .content {
            position: absolute;
            top: 0;
            left: 5px;
            min-width: 310px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox4 .content {
            position: absolute;
            bottom: -20px;
            left: 0px;
            min-width: 290px;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content .contentSpace::before {
            content: " ";
            position: absolute;
            left: -73px;
            top: 28px;
            width: 75px;
            height: 68px;
            background: url("/content/next/images/cdf/icon_learning_audience.svg") no-repeat;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content .contentSpace::after {
            content: " ";
            position: absolute;
            left: -112px;
            top: 119px;
            width: 100px;
            height: 68px;
            background: url("/content/next/images/cdf/icon_Disciplines.svg") no-repeat;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox2 .content .contentSpace::before {
            content: " ";
            position: absolute;
            left: -57px;
            top: 6px;
            width: 48px;
            height: 84px;
            background: url("/content/next/images/cdf/icon_Learning_solutions-1.svg") no-repeat;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox2 .content .contentSpace::after {
            content: " ";
            position: absolute;
            left: -69px;
            top: 105px;
            width: 60px;
            height: 84px;
            background: url("/content/next/images/cdf/icon_approach.svg") no-repeat;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox3 .content .contentSpace::before {
            content: " ";
            position: absolute;
            left: -70px;
            top: 79px;
            width: 90px;
            height: 68px;
            background: url("/content/next/images/cdf/icon_Learning_systems.svg") no-repeat;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox4 .content .contentSpace::before {
            content: " ";
            position: absolute;
            left: -67px;
            top: 69px;
            width: 61px;
            height: 60px;
            background: url("/content/next/images/cdf/icon_Learning_solutions.svg") no-repeat;
        }
}

@media only screen and (max-width: 991px) {
    .capabilityDevelopment .box .dataBoxs {
        display: flex;
        overflow-x: auto;
        padding-bottom: 15px;
    }

    .capabilityDevelopment .box .titleLeft {
        top: 200px;
    }

    .capabilityDevelopment .box .titleRight {
        top: 200px;
    }

    .capabilityDevelopment .box {
        padding: 30px 20px 25px;
    }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .title,
        .capabilityDevelopment .box .dataBoxs .dataBox2 .title,
        .capabilityDevelopment .box .dataBoxs .dataBox3 .title,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .title {
            margin: 15px auto 0;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content,
        .capabilityDevelopment .box .dataBoxs .dataBox2 .content,
        .capabilityDevelopment .box .dataBoxs .dataBox3 .content,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .content {
            padding: 10px;
        }

            .capabilityDevelopment .box .dataBoxs .dataBox1 .content .contentSpace,
            .capabilityDevelopment .box .dataBoxs .dataBox2 .content .contentSpace,
            .capabilityDevelopment .box .dataBoxs .dataBox3 .content .contentSpace,
            .capabilityDevelopment .box .dataBoxs .dataBox4 .content .contentSpace {
                padding: 10px;
                height: auto;
            }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content {
            position: relative;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox3 .content {
            position: relative;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1,
        .capabilityDevelopment .box .dataBoxs .dataBox2,
        .capabilityDevelopment .box .dataBoxs .dataBox3,
        .capabilityDevelopment .box .dataBoxs .dataBox4 {
            background: #fff;
            border: 1px solid #ccc;
            margin: 0 5px;
            padding: 0;
            border-radius: 5px;
        }

        .capabilityDevelopment .box .dataBoxs .content .lines {
            display: none;
        }

        .capabilityDevelopment .box .titleLeft {
            top: 240px;
            left: -203px;
            width: 400px;
        }

        .capabilityDevelopment .box .titleRight {
            top: 240px;
            right: -203px;
            width: 400px;
        }
}

@media only screen and (min-width: 768px) {
    .capabilityDevelopment h2 span {
        font-size: 35px;
        padding-left: 25px;
    }

        .capabilityDevelopment h2 span::before {
            position: absolute;
            background-color: #505050;
            width: 2px;
            height: 30px;
            left: 7px;
            top: 9px;
        }
}

@media only screen and (max-width: 767px) {
    #Whichcourse .table-responsive {
        overflow-x: auto;
        white-space: nowrap;
    }

    .trendingCourses .tc-bottom-section .btn-white-outline-transparent, .trendingCourses .tc-bottom-section .btn.btn-theme.btn-normal:hover {
        text-decoration: none;
    }
}

@media only screen and (max-width: 767px) {
    .capabilityDevelopment .box {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

        .capabilityDevelopment .box .dataBoxs {
            padding-top: 15px;
        }

        .capabilityDevelopment .box .titleTop {
            max-width: 85%;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox2 .content .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox3 .content .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .content .contentSpace {
            padding: 10px;
            height: auto;
            padding-bottom: 10px !important;
            padding-left: 10px !important;
        }

        .capabilityDevelopment .box .dataBoxs .dataBox3 .contentSpace .d-block,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .contentSpace .d-block {
            margin-top: 0px;
        }
}

@media only screen and (max-width: 360px) {
    .capabilityDevelopment .box .titleTop {
        max-width: 230px;
    }
}
/** RSPONSIVE START **/
@media(min-width:768px) and (max-width:991px) {
    .capabilityDevelopment .box .dataBoxs .dataBox1,
    .capabilityDevelopment .box .dataBoxs .dataBox2,
    .capabilityDevelopment .box .dataBoxs .dataBox3,
    .capabilityDevelopment .box .dataBoxs .dataBox4 {
        min-width: 158px;
    }

        .capabilityDevelopment .box .dataBoxs .dataBox1 .content .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox2 .content .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox3 .content .contentSpace,
        .capabilityDevelopment .box .dataBoxs .dataBox4 .content .contentSpace {
            padding: 0px;
            font-size: 13px;
        }
}

@media(max-width:767px) {
    .capabilityDevelopment .box .dataBoxs {
        display: block;
    }

        .capabilityDevelopment .box .dataBoxs .dataBox1,
        .capabilityDevelopment .box .dataBoxs .dataBox2,
        .capabilityDevelopment .box .dataBoxs .dataBox3,
        .capabilityDevelopment .box .dataBoxs .dataBox4 {
            margin-top: 15px;
        }
}
/** RESPONSIVE END **/
/*Capability Development section end*/
.minWidth160 {
    min-width: 160px;
}
/*Resources start*/
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.knowledge-lastbox {
    float: none;
    margin: auto;
}

.PreviousWebinarsBlock {
    box-shadow: 0px 0px 15px 1px #ccc;
    border-radius: 5px;
    padding: 15px;
}

    .PreviousWebinarsBlock img {
        max-width: 200px;
        min-width: 200px;
    }

.technicalPapersTable .table thead tr {
    border-top: 1px solid #3c5791;
}

    .technicalPapersTable .table thead tr th {
        color: #fff;
        border-color: #3c5791;
        font-weight: 500;
        letter-spacing: 0.03rem;
        vertical-align: middle;
        background: #3c5791;
    }

.technicalPapersTable .table tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

.technicalPapersTable .tablePagenation .pagination {
    position: relative;
    top: 3px;
}

.technicalPapersTable .tablePagenation .totalCount {
    position: relative;
    top: 10px;
}

.technicalPapersTable .star .glyphicon-star-empty {
    color: #ccc;
}

.technicalPapersTable .star .glyphicon-star {
    color: #ea9b29;
}

.mnemonicDictionatyTable thead th {
    background: #eeeeee;
}

.mnemonicDictionatyTable tbody td ul li {
    padding-left: 0;
}

.mnemonicDictionatyTable {
    border: 1px solid #ddd;
}

.resources .resourceColmns .videoPlaceHodler {
    min-width: 150px;
}

@media only screen and (max-width: 767px) {
    .resourceColmns {
        display: block !important;
    }

        .resourceColmns .content {
            padding: 0;
        }

    .resourceColmns {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .PreviousWebinarsBlock {
        display: block !important;
    }

        .PreviousWebinarsBlock img {
            margin-bottom: 10px;
            margin-left: 0 !important;
        }

        .PreviousWebinarsBlock .content {
            padding: 0;
        }

    .knowledge-lastbox {
        float: left;
        margin: 0;
    }
}

.resources .panel-heading {
    background: var(--slb-blue);
}

.resources.contentSection h2,
.resources.contentSection h4 {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    font-family: 'Roboto', sans-serif;
    padding: 4px 0;
}

    .resources.contentSection h2 span,
    .resources.contentSection h4 span {
        float: right;
        position: relative;
        top: 0;
        color: #fff;
        font-size: 20px;
    }

.resources .panel-body {
    padding: 0 10px;
}

.resources .panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
}

.resources .rotate {
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -ms-transform: rotate(90deg);
    /* IE 9 */
    transform: rotate(90deg);
    /* Standard syntax */
}
/*Resources end*/
/* New footer css start here */
/*.newCommon.footer {
    background-color: var(--slb-blue);
    padding: 40px 0px 40px;
}*/
/*.newCommon.footer h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}*/
/*.newCommon.footer .h-text {
    color: var(--slb-aqua-blue);
    padding-bottom: 5px;
}*/
/*.newCommon.footer .bg-blue {
    background: #1096cb;
}*/
/*.newCommon.footer .mb-1 {
    margin-bottom: 25px;
    margin-top: 10px;
}*/
/*.newCommon.footer .pr-1 {
    padding-right: 20px;
}*/
/*.newCommon.footer .pb-1 {
    padding-bottom: 25px;
}*/
/*.newCommon.footer .pl-1 {
    padding-left: 5px;
}*/
/*.newCommon.footer .pt-1 {
    padding-top: 15px;
}*/
/*.newCommon.footer .pt-2 {
    padding-top: 54px;
}*/
/*.newCommon .py-5 {
    padding-top: 50px;
    padding-bottom: 50px;
}*/
/*.newCommon .footer-menu {
    border-left: solid 1px var(--slb-white);
    border-right: solid 1px var(--slb-white);
    padding-right: 0;
    border-right: 0;
}*/
/*.newCommon .footer-menu ul {
    padding-left: 5px;
}*/
/*.newCommon .footer-menu li {
    list-style: none;
    padding: 2px 0px;
    margin: 0;
    text-align: left;
    font-size: 12px;
}*/
/*.newCommon .footer-menu ul li a {
    color: var(--slb-white);
    font-size: 16px;
    font-style: normal;
    line-height: 1.5;
}*/
/*.newCommon .footer-menu ul li a:hover {
    color: var(--slb-white);
    text-decoration: underline;
}*/
/*.footer-logo {
    background: #222222;
}*/
/*.footer-logo .cenFooter {
    padding: 50px 100px 50px 50px;
}*/
/*.footer-logo img {
    padding: 0px 20px 0px 20px;
    display: inline-block;
    border-left: solid 1px #fff;
    max-width: 100%;
    height:56px;
}*/
/*.footer-logo .footerlogo_slog {
    width: 300px;
    height: 50px;
    color: #fff;
    line-height: 1.7em;
    display: inline-block;
    position: relative;
    top: 15px;
    font-weight: 500;
    font-size: 16px;
    text-align: right;
    padding-right: 20px;
    left: 4px;
}*/
/*@media only screen and (max-width: 420px) {
    .Ecommerce-form #orderPreview {
        margin-top: 14px;
    }
}*/
/*@media only screen and (max-width: 400px) {
    .nextCommon.footer-menu ul li {
        display: block;
    }
    .footer-logo img {
        margin: 0 auto;
        margin-left: 40px;
    }
    .cenFooter .btn {
        margin-left: 40px;
    }
}*/
/*@media only screen and (max-width: 767px) {
    .footer-logo .footerlogo_slog {
        text-align: center;
    }
    .footer-logo img {
        padding: 30px 0px 30px 0px;
        border: none;
    }
    .newCommon.footer .mb-1 {
        text-align: left;
    }
    .newCommon .menu-height {
        height: auto;
        margin-bottom: 50px;
    }
    .newCommon .footer-menu {
        border-left: 0;
    }
}*/
/* New footer css ends here */
@media only screen and (max-width: 420px) {
    .Ecommerce-form #orderPreview {
        margin-top: 14px;
    }
}
/* Expert Network css start here */
/*.expert-border {
    float: left;
    width: 168px;
    height: 168px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 1px #838383;
    border-radius: 5px;
    background: #d9d9d9;*/
/* Old browsers */
/*background: -moz-radial-gradient(center, ellipse cover, #f9f7f7 0%, #ffffff 49%, #d9d9d9 100%);*/
/* FF3.6-15 */
/*background: -webkit-radial-gradient(center, ellipse cover, #f9f7f7 0%, #ffffff 49%, #d9d9d9 100%);*/
/* Chrome10-25,Safari5.1-6 */
/*background: radial-gradient(ellipse at center, #f9f7f7 0%, #ffffff 49%, #d9d9d9 100%);*/
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#d9d9d9', GradientType=1);*/
/* IE6-9 fallback on horizontal gradient */
/*margin-bottom: 30px;
}*/
.logo-txt {
    font-family: SLBSans;
    font-weight: 50;
    font-size: 26px;
    color: var(--slb-blue);
}

.expert-border {
    float: left;
    width: 135px;
    height: 137px;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #c8cdcd;
}

.expert-blueline {
    width: 8px;
    height: 135px;
    /* background: #2f5597; */
    background: var(--slb-blue);
    float: left;
    border-left: solid 2px #fff;
}

.expert-first-blueline {
    height: 175px;
}
/*.expert-mb01 {
    margin-bottom: 50px;
}*/
.expert-mb01 {
    padding: 50px 0;
    border-bottom: 1px solid #c8cdcd;
}

.expert-pl01 {
    padding-left: 0px;
    border-right: 1px #d3d3d3 solid;
}

.expert-mb01 img.perImg {
    border-radius: 131px;
    box-shadow: 0 0px 15px 0px #ccc;
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
}

.expert-mb01 .pl3 {
    padding-left: 25px;
}
/*.expert-mb01 .pl4 {
    padding-left: 35px;
}*/
.expert-mb01 .pl4 {
    padding-left: 0;
}

.expert-border img {
    width: 100%;
}

.expert-contant {
    display: inline-block;
}

    .expert-contant h2 {
        font-size: 25px;
        font-weight: 500;
        color: var(--slb-blue);
        padding: 0;
        margin-top: 0px;
    }

    .expert-contant .director {
        font-size: 30px;
    }

    .expert-contant h3 {
        font-size: 18px;
        font-weight: 500;
        /*color: var(--slb-grey-5);*/
        margin-top: 0px;
    }
    /*.expert-contant p {
    color: #39414d;
}*/
    .expert-contant p span {
        color: #bbbec2;
        display: block;
    }

    .expert-contant .more {
        color: var(--slb-blue);
        text-decoration: none;
    }

.expert-right-cnt {
    padding-right: 0;
    padding-left: 20px;
}

.expert-Pt01 {
    padding-top: 58px;
}

.expert-Pt02 {
    padding-top: 58px;
}

.expert-Pt03 {
    padding-top: 19px;
}

.expert-right-cnt div {
    margin-bottom: 20px;
    float: left;
}

    .expert-right-cnt div img {
        float: left;
    }

    .expert-right-cnt div p {
        float: inherit;
        padding-top: 10px;
    }

.expert-right-cnt div {
    margin-right: 20px;
}

    .expert-right-cnt div:nth-child(3) {
        margin-right: 20px;
        clear: left;
    }

@media only screen and (max-width: 990px) {
    .expert-right-cnt div {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .expert-pl01 {
        padding-left: 0px;
        border-right: none;
    }
}

@media only screen and (min-width: 1200px) {
    .expert-mb01 .conwidth {
        /* width: 16% !important; */
        padding: 0;
    }

    .expert-mb01 {
        padding: 50px 0;
        border-bottom: 1px solid #c8cdcd;
        margin: 0;
    }
}

.expert-contant [aria-expanded="false"] > .expanded,
.expert-contant [aria-expanded="true"] > .collapsed {
    display: none;
}

.x-symbol-lev2 {
    position: absolute;
    width: 27%;
    bottom: 0;
    display: flex;
    padding-bottom: 0;
    top: 0;
    left: 3%;
    padding: 0;
}

.x-symbol-lev3 {
    position: absolute;
    width: 22%;
    bottom: 0;
    display: flex;
    padding-bottom: 0;
    top: 0;
    left: 3%;
    padding: 0;
}

.x-symbol-lev4 {
    position: absolute;
    width: 18%;
    bottom: 0;
    display: flex;
    padding-bottom: 0;
    top: 0;
    left: 4%;
    padding: 0;
}

.disabled a {
    pointer-events: none;
    color: var(--slb-grey-4) !important;
}
/*Search Results page start*/
.searchResultsContent .panel-group .panel-heading {
    padding-left: 0;
    padding-right: 0;
    font-weight: 300;
    padding-top: 20px;
}

.searchResultsContent .panel-group .sub-header {
    background: var(--slb-grey-1);
    border: solid 1px var(--slb-grey-2);
    padding: 10px;
    margin: 0 0 10px;
    font-weight: 200;
}

.searchResultsContent .panel-group ul li {
    padding: 4px 0;
    margin-bottom: 20px;
}

.searchResultsContent ul li a {
    color: var(--slb-blue);
    text-decoration: none;
    font-weight: 200;
}

    .searchResultsContent ul li a:hover {
        text-decoration: underline;
    }

.spantxt {
    /* width: 90% !important; */
    float: left;
}

.spantxtno {
    /* width: 10% !important; */
    float: right;
    text-align: right;
}

.searchResultsContent .brd-btm {
    border-bottom: solid 1px var(--slb-grey-3);
}

.searchResultsContent [aria-expanded="false"] > .expanded,
.searchResultsContent [aria-expanded="true"] > .collapsed {
    display: none;
}

.searchResultsContent .panel {
    border: 0px;
}

.searchResultsContent .panel-heading .chevron:after {
    content: "\f078";
}

.searchResultsContent .searchLInk {
    color: #000;
}

.searchResultsContent .panel-heading.collapsed .chevron:after {
    content: "\f054";
}

.searchResultsContent .panel-heading .plus-minus:after {
    content: "\002D";
    font-size: 20px;
    padding-right: 10px;
}

.searchResultsContent .panel-heading.collapsed .plus-minus:after {
    content: "\002B";
    font-size: 20px;
}

.searchResultsContent .result {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--slb-grey-3);
    padding-bottom: 20px;
}

.searchResultsContent .panel-group {
    margin-bottom: 0px;
}

    .searchResultsContent .panel-group ul.searchAll {
        padding-left: 10px;
        display: table;
        width: 100%;
    }

    .searchResultsContent .panel-group ul {
        padding-left: 10px;
        margin-bottom: 0;
    }

.searchResultsContent ul li {
    list-style-type: none;
}

.searchResultsContent .result h3, .searchResultsContent .result h4 {
    font-weight: 200;
    margin-top: 20px;
}

/*.searchResultsContent .pagination {
    margin: -13px 0;
}*/

.searchRefine {
    padding-left: 0;
}

    .searchRefine li {
        margin-top: 10px;
    }

.search-tips {
    padding: 20px 20px 0 15px;
}

    .search-tips img {
        padding-right: 5px;
        width: 21px;
    }

    .search-tips a {
        color: var(--slb-blue);
        cursor: pointer;
    }

        .search-tips a:hover {
            text-decoration: none;
            color: var(--slb-deep-blue);
        }

    .search-tips .table > tbody > tr > td,
    .search-tips .table > thead > tr > th {
        border: none;
        padding: 10px 10px 20px 20px;
    }

        .search-tips .table > thead > tr > th:first-child, .search-tips .table > tbody > tr > td:first-child {
            border-right: 1px solid var(--slb-grey-3);
            padding-left: 0;
        }

    .search-tips ul {
        padding-left: 0;
    }

        .search-tips ul li {
            display: inline;
            list-style-type: none;
            border: 1px solid #ccc;
            padding: 5px;
            background: #f0eded;
            border-radius: 15px;
        }

            .search-tips ul li i {
                padding-left: 10px;
                font-size: 10px;
            }

    .search-tips .table-responsive {
        border: none;
    }

.searchRefine span {
    padding: 0 10px;
    font-weight: 500;
}

.searchResultsContent .collapsing {
    position: relative;
    height: 0 !important;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}


.searchResultsContent .panel-group ul.subHeaderul {
    overflow: auto;
    width: 100%;
}
/* .collapsing{height: auto !important;} */
@media only screen and (max-width: 991px) {
    .searchResultsContent .panel-group ul.subHeaderul {
        padding-top: 5px;
    }

    .search-tips ul li {
        float: left;
        margin-right: 5px;
        margin-bottom: 10px;
    }
}
/*Search Results page end*/
/*Our Differentiation start*/
.ourDifferen {
    background: var(--slb-grey-1);
}

.confirmCourses {
    background: linear-gradient(to botton, #f0f0f0 0%, #f0f0f0 100%);
}

.ourDifferen .courseLogo {
    position: absolute;
    top: 15px;
    left: 15px;
}

    .ourDifferen .courseLogo img {
        width: auto !important;
        height: auto;
        border: 0px solid !important;
    }

.trendingCourses p {
    color: #fff;
}

.ourDifferen h2 {
    color: #515151;
}

.ourDifferen p {
    color: #515151;
}

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

.ourDifferen .course {
    height: 300px;
    background: var(--slb-white);
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.ourDifferen .coursesTitle {
    position: absolute;
    bottom: 100px;
    padding: 15px;
    width: 100%;
    transition: opacity 500ms;
}

.ourDifferen .CourseHover {
    position: absolute;
    top: 100%;
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 15px 20px;
    transition: top 750ms ease;
}

.ourDifferen .coursesTitle h2,
.ourDifferen .coursesTitle h4 {
    margin-top: 0;
    font-size: 18px;
    text-align: left;
    color: var(--slb-black);
    font-weight: 500;
}

.ourDifferen .CourseHover ul li {
    font-size: 13px;
    line-height: 19px;
    list-style: none;
}

.ourDifferen .coursesTitle .date {
    color: #fff;
}

.ourDifferen .coursesTitle .date {
    font-weight: 500;
}

.ourDifferen .coursesTitle span {
    font-size: 22px;
}

.ourDifferen .coursesTitle p {
    bottom: 35px;
    color: var(--slb-grey-5);
    font-weight: 500;
}

.ourDifferen .coursesTitle font {
    font-size: 12px;
    display: block;
    font-weight: 500;
}

.ourDifferen .coursesTitle .btn {
    position: relative;
    top: 5px;
}

.ourDifferen .course:hover .coursesTitle {
    opacity: 0;
}

.ourDifferen .course:hover .CourseHover {
    top: 0;
}

.ourDifferen .CourseHoverOneBg {
    background: var(--slb-blue);
}

.ourDifferen .CourseHoverTwoBg {
    background: rgba(0, 135, 162, 0.9);
}

.ourDifferen .CourseHoverThreeBg {
    background: rgba(0, 135, 162, 0.9);
}

.ourDifferen .CourseHoverFourBg {
    background: rgba(0, 135, 162, 0.9);
}

.ourDifferen .CourseHoverFiveBg {
    background: rgba(0, 135, 162, 0.9);
}

.ourDifferen .CourseHover h2,
.ourDifferen .CourseHover h4 {
    margin-top: 0;
    font-size: 19px;
    text-align: left;
    margin-bottom: 5px;
    color: var(--slb-white);
    letter-spacing: 1px;
    /* font-family: "Roboto-Regular", "Roboto-Light", sans-serif; */
    font-weight: 500;
}

.ourDifferen .CourseHover h5 {
    margin-top: 0px;
    font-size: 15px;
    font-weight: 500;
    color: var(--slb-white);
    margin-bottom: 15px;
}

.ourDifferen .CourseHover p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
}

.ourDifferen .author {
    padding-bottom: 20px;
    padding-top: 10px;
}

.ourDifferen .menTitle {
    padding-left: 0;
    margin-left: 15px;
}

    .ourDifferen .menTitle b {
        display: block;
        font-weight: 500;
        margin-top: -18px;
    }

.ourDifferen .authorDate {
    position: absolute;
    width: 99%;
    bottom: 0px;
}

.ourDifferen .CourseHover .date {
    letter-spacing: 1px;
    top: -12px;
}

.ourDifferen .CourseHover span {
    font-size: 22px;
}

.ourDifferen .CourseHover font {
    font-size: 12px;
    display: block;
}

.ourDifferen .CourseHover .btn {
    position: relative;
    top: -7px;
}

.ourDifferen .CourseHover p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px;
}
/*home page trending corsess*/
.ourDifferen .carousel-control.left,
.ourDifferen .carousel-control.right {
    background: none;
}

.ourDifferen .carousel-control.left {
    position: absolute;
    left: -36px;
    top: 120px;
    width: 32px;
    height: 57px;
}

.ourDifferen .carousel-control.right {
    position: absolute;
    right: -36px;
    top: 120px;
    width: 32px;
    height: 57px;
}

.homeMarginBott {
    margin-bottom: 20px;
}

.confirmArrow {
    margin-top: 30px !important;
}

.ourDifferen .carousel-inner > .item {
    -webkit-transition: all 3s ease-in-out !important;
    -o-transition: all 3s ease-in-out !important;
    transition: all 3s ease-in-out !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: none;
    -webkit-perspective: none;
    perspective: none;
}

.ourDifferen .multi .carousel-inner .active.left {
    left: -25%;
}

.ourDifferen .carousel-inner .next {
    left: 25%;
}

.ourDifferen .carousel-inner .prev {
    left: -25%;
}

.ourDifferen .carousel-control {
    width: 4%;
}

    .ourDifferen .carousel-control.left,
    .carousel-control.right {
        margin-left: 15px;
        background-image: none;
    }

}

@media only screen and (max-width:767px) {
    .ourDifferen .course {
        max-width: 300px;
        margin: 0 auto 15px;
    }

    .ourDifferen .viewAll {
        text-align: center;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ourDifferen .carousel-inner {
        max-height: 340px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ourDifferen .carousel-inner {
        max-height: 394px;
    }
}

@media only screen and (min-width:400px) and (max-width:767px) {
    .ourDifferen .carousel-inner {
        max-height: 354px;
    }

    .ourDifferen .carousel-control.left {
        position: absolute;
        left: 10px !important;
        top: 119px;
    }

    .ourDifferen .carousel-control.right {
        position: absolute;
        right: 10px !important;
    }
}

.ourDifferen .glyphicon-chevron-left,
.ourDifferen .glyphicon-chevron-right {
    font-size: 57px !important;
    margin-top: -39px;
}
/*Our Differentiation end*/
/* Technology enabled learning start */
.technoLearn {
    background: var(--slb-grey-2);
}

    .technoLearn .accordion p {
        display: inline;
        font-weight: 500;
    }

    .technoLearn h2 {
        color: #515151;
    }

    .technoLearn .accordion a {
        margin-left: 10px;
        color: rgb(81, 81, 81);
        font-size: 14px;
        font-weight: 500;
    }
/* Technology enabled learning end */
/* About contents start */
.bg-color-impact1 {
    background-color: var(--slb-blue);
    color: #ffffff;
    height: 555px;
}

    .bg-color-impact1 ul li a {
        color: #ffffff;
        font-size: 20px;
        padding-left: 0px;
        text-decoration: none;
    }

        .bg-color-impact1 ul li a:active,
        .bg-color-impact1 ul li a:hover {
            color: #337ab7;
        }

.bg-color-impact2 {
    background-color: var(--slb-grey-2);
    height: 620px;
    color: #474b54;
}

@media(max-width:991px) {
    .bg-color-impact2 {
        height: auto;
    }
}

#menu.nav > li > a:focus,
#menu.nav > li > a:hover {
    background-color: #363a45;
}

.font-size-label {
    font-size: 19px;
    font-weight: 500;
}

.border-right-line {
    border-right: 1px solid #c8c8c8;
    height: 175px;
}

.cm-class {
    display: none;
}

    .cm-class p {
        text-align: left;
    }

.mrg-LR-auto {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

#menu li#link1 a:hover,
#menu li#link1 a.active {
    color: var(--slb-white);
}

#menu li#link2 a:hover,
#menu li#link2 a.active {
    /* color: #a1c44b; */
    color: var(--slb-white);
}

#menu li#link3 a:hover,
#menu li#link3 a.active {
    color: var(--slb-white);
}

#menu li#link4 a:hover,
#menu li#link4 a.active {
    color: var(--slb-white);
}

#menu li#link5 a:hover,
#menu li#link5 a.active {
    color: var(--slb-white);
}

#menu li a::after {
    content: " ";
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: 3px;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    left: 0px;
}

#menu li a:hover::after {
    width: 40px !important;
    height: 3px !important;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

#menu li#link1 a:hover::after,
#menu li#link1 a.active::after {
    background-color: #01f1c5;
    width: 40px !important;
    height: 3px !important;
}

#menu li#link2 a:hover::after,
#menu li#link2 a.active::after {
    background-color: #a1c44b;
    width: 40px !important;
    height: 3px !important;
}

#menu li#link3 a:hover::after,
#menu li#link3 a.active::after {
    background-color: #f05d67;
    width: 40px !important;
    height: 3px !important;
}

#menu li#link4 a:hover::after,
#menu li#link4 a.active::after {
    background-color: var(--slb-white);
    width: 40px !important;
    height: 3px !important;
}

#menu li#link5 a:hover::after,
#menu li#link5 a.active::after {
    background-color: var(--slb-white);
    width: 40px !important;
    height: 3px !important;
}

#menu li#link1 a.active {
    background: url('/content/next/images/AboutNextPage/arrow.png') no-repeat right;
}

#menu li#link2 a.active {
    background: url('/content/next/images/AboutNextPage/arrow.png') no-repeat right;
}

#menu li#link3 a.active {
    background: url('/content/next/images/AboutNextPage/arrow.png') no-repeat right;
}

#menu li#link4 a.active {
    background: url('/content/next/images/AboutNextPage/arrow.png') no-repeat right;
}

#menu li#link5 a.active {
    background: url('/content/next/images/AboutNextPage/arrow.png') no-repeat right;
}

.accordion-heading a {
    margin-left: 10px;
    color: rgb(81, 81, 81);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .accordion-heading a label {
        cursor: pointer;
    }

.card-body {
    margin: 0px 15px 0px 15px;
}

.test .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.grid-accordion .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.grid-accordion .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.grid-accordion .card {
    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;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.grid-accordion .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px 35px;
    background: #f1fafe;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
}

.grid-accordion .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.grid-accordion .col {
    flex-grow: 1;
}
/* 
.fade {
    opacity: 0;
    transition: opacity .15s linear;
} */

.nextCommon.technoLearn .py-2 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    Width: 100%;
}

.grid-accordion .accordion-heading img {
    float: left;
    width: 58px;
    height: 58px;
}

    .grid-accordion .accordion-heading img + div a {
        float: left;
        WIDTH: 75%;
        height: 55px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #363a44;
        line-height: 20px;
        text-decoration: none;
    }

.grid-accordion .card-body .col-xs-3 a {
    margin-top: 17px;
}

#detail1:before,
#detail4:before,
#detail7:before,
#detail10:before,
#detail13:before,
#detail16:before,
#detail19:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 144px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

#detail2:before,
#detail5:before,
#detail8:before,
#detail11:before,
#detail14:before,
#detail17:before,
#detail20:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 558px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

#detail3:before,
#detail6:before,
#detail9:before,
#detail12:before,
#detail15:before,
#detail18:before,
#detail21:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 958px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

.fade {
    transition: inherit;
}

.industruy-emul-table tr td:first-child {
    width: 50px;
}

.overall-customer-bg {
    background: none;
    width: 516px;
    height: 201px;
    margin: auto;
    margin-top: 75px;
}

.overall-customer-shadow-box {
    background: url('/content/next/images/AboutNextPage/yellow_header.png') #ffffff;
    background-position: top left;
    background-repeat: no-repeat;
    width: 247px;
    height: 230px;
    margin: auto;
    margin-top: 10px;
    position: relative;
    top: -8px;
}

.bg-percentage {
    font-weight: 500;
    font-size: 35px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 5px;
}

.overall-exp-content {
}

ul.bg-percentage-list li {
    font-size: 14px;
    text-align: left;
    color: #72757c;
    list-style-type: square;
    font-weight: normal;
    margin-top: 5px;
    line-height: 18px;
}

.overall-customer-heading {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0px;
}

.impact-letter {
    font-size: 45px;
    color: #505050;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

.impact-line-content {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding-top: 10px;
}

    .impact-line-content i {
        color: var(--slb-blue);
        font-style: italic;
    }

.impact-lft-column {
    margin-top: 110px;
}

    .impact-lft-column li {
        padding: 8px 0px;
        cursor: pointer;
    }
/*** AboutNext first component ***/
/*About NExT page start*/
.abtComponent1 .atGlance {
    /* border-radius: 5px;
    box-shadow: 1px 1px 15px 1px #363a45; */
}

    .abtComponent1 .atGlance img {
        /* border-top-right-radius: 5px;
        border-top-left-radius: 5px; */
    }

    .abtComponent1 .atGlance .card-img-overlay {
        padding: 20px 10px 20px 10px;
        background: var(--slb-grey-1);
        color: var(--slb-black);
        text-align: center;
    }

        .abtComponent1 .atGlance .card-img-overlay span {
            font-size: 25px;
        }

.WhyNext .abtLogo2 {
    display: inline-block;
    border-right: 4px solid #7b7b7b;
    padding-right: 15px;
    margin-right: 15px;
}

.impact-bottom-img {
    margin: auto;
    background: #ff0000;
    margin-top: 50px;
    width: 422px;
}

.impact-bottom-lft {
    float: left;
    padding: 0px 15px;
    border-right: 1px #ccc solid;
    width: 200px;
}

.impact-bottom-rgt {
    float: left;
    padding: 0px 0px 0px 28px;
    width: 200px;
}

.impact-bottom-lft-content {
    margin-top: 10px;
    text-aligh: center;
}

.impact-bottom-img2 {
    margin-top: 50px;
}

.our-experts-btn {
    margin-top: 25px;
}

.impact-spacing {
    letter-spacing: 7px;
}

.grid-accordion a {
    text-decoration: none;
    cursor: pointer;
}

    .grid-accordion a:hover span {
        color: var(--slb-blue);
    }

    .grid-accordion a .accordion-heading {
        height: 55px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #363a44;
        line-height: 20px;
        text-decoration: none;
        font-weight: 500;
    }

        .grid-accordion a .accordion-heading span {
            margin-left: 10px;
        }

        .grid-accordion a .accordion-heading .iconwdh {
            width: 58px;
            height: 58px;
        }

.abtComponent1 .atGlance .card-img-overlay .count {
    font-size: 30px;
}

.orange-patch {
    background: #e75519;
    height: 115px;
    width: 1210px;
    position: absolute;
    margin-left: -20px;
    margin-top: 120px;
}

/* .aboutNext2ndComp .container {
    width: 1379px;
    padding-left: 0px;
    padding-right: 0px;
} */

.aboutNext2ndComp .font-size-label {
    font-size: 18px;
    color: #000;
}

.aboutNext2ndComp .tabcontent {
    text-align: center;
}

.aboutNext2ndComp #menu li#link1 a:hover::after,
.aboutNext2ndComp #menu li#link1 a.active::after {
    background: var(--slb-white);
}

.aboutNext2ndComp #menu li#link2 a.active {
    color: var(--slb-white);
}

    .aboutNext2ndComp #menu li#link2 a:hover::after,
    .aboutNext2ndComp #menu li#link2 a.active::after {
        background: var(--slb-white);
    }

.aboutNext2ndComp #menu li#link3 a.active {
    color: var(--slb-white);
}

    .aboutNext2ndComp #menu li#link3 a:hover::after,
    .aboutNext2ndComp #menu li#link3 a.active::after {
        background: var(--slb-white);
    }

.aboutNext2ndComp .impact-lft-column {
    margin-top: 148px;
}

@media(min-width:992px) and (max-width:1199px) {
    .orange-patch {
        display: none;
    }

    .abtComponent1 .atGlance {
        margin-bottom: 20px;
    }

    .abtComponent1 .atGlance {
        width: 203px;
    }

    .abtComponent1 .atGlance {
        width: 203px;
    }

    .aboutNext2ndComp .MobileTabs {
        display: none;
    }

    .overall-customer-bg {
        margin-top: 60px;
    }

    #page2 .impact-bottom-img2 {
        margin-top: -30px;
    }

    .aboutNext2ndComp .container {
        width: auto;
    }

    .impact-bottom-img2 {
        margin-top: -10px;
        left: -30px;
    }

    .impact-bottom-img {
        margin-top: 10px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .orange-patch {
        display: none;
    }

    .abtComponent1 .atGlance {
        margin-bottom: 20px;
    }

    .aboutNext2ndComp .bg-color-impact1 {
        display: none;
    }

    .aboutNext2ndComp .MobileTabs .form-control {
        background: var(--slb-blue) none repeat scroll 0 0;
        border-color: var(--slb-blue);
        border-radius: 0;
        color: #fff;
        height: 42px;
        padding: 10px 12px;
    }

    .abtComponent1 .atGlance {
        width: 203px;
    }

    .aboutNext2ndComp .container {
        width: auto;
    }
}

@media(max-width:767px) {
    .orange-patch {
        display: none;
    }

    .abtComponent1 .atGlance {
        margin-bottom: 20px;
    }

    .WhyNext .abtLogo1 {
        border-right: 0px;
    }

    .abtComponent1 .atGlance {
        width: 203px;
    }

    .2ndCompMenu {
        display: none;
    }

    .aboutNext2ndComp .MobileTabs .form-control {
        background: var(--slb-blue) none repeat scroll 0 0;
        border-color: var(--slb-blue);
        border-radius: 0;
        color: #fff;
        height: 42px;
        padding: 10px 12px;
        width: 100%;
    }

    .aboutNext2ndComp .bg-color-impact1 {
        display: none;
    }

    .aboutNext2ndComp .bg-color-impact2 .tabcontent .row {
        background-color: #e9eef4;
    }

    #page4 .our-experts-btn {
        right: 47px;
        bottom: -34px;
    }

    .aboutNext2ndComp .container {
        width: auto;
    }

    .impact-bottom-img {
        margin-left: 20px;
        margin-top: 20px;
    }

    .overall-customer-bg {
        margin-top: 60px;
    }

    .border-right-line {
        border-right: 0;
    }

    .grid-accordion .col-12 {
        max-width: 100%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100%;
    }

    .grid-accordion .order-md-last {
        order: 0;
    }

    .btn.btn-theme.btn-small {
        padding: 5px 11px;
    }

    #detail1:before,
    #detail2:before,
    #detail3:before,
    #detail4:before,
    #detail5:before,
    #detail6:before,
    #detail7:before,
    #detail8:before,
    #detail9:before,
    #detail10:before,
    #detail11:before,
    #detail12:before,
    #detail13:before,
    #detail14:before,
    #detail15:before,
    #detail16:before,
    #detail17:before,
    #detail18:before,
    #detail19:before,
    #detail20:before,
    #detail21:before {
        margin-left: 144px !important;
    }
}

@media only screen and (max-width: 600px) {
    .impact-bottom-img {
        margin-left: -80px;
        margin-top: 20px;
    }

    .impact-bottom-imgcms {
        margin-left: -34px !important;
    }

    .overall-customer-bg {
        height: auto;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: -80px;
    }

    .border-right-line {
        height: 120px;
    }

    .grid-accordion .col-12 {
        max-width: 100%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100%;
    }

    .grid-accordion .order-md-last {
        order: 0;
    }
}
/* About contents end */
/*About NExT page end*/
/*NExTtrac start*/
/* nexttrac Learning Solution start */
.lSolution h4 {
    margin-top: 0;
    padding-top: 0;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.lSolution .LearningSolutionsList ul {
    list-style: none;
    margin-left: 200px;
    position: absolute;
    top: -73px;
}

.lSolution .LearningSolutionsList img {
    margin: 0 auto;
}

.lSolution .LearningSolutionsList ul li {
    display: block;
    text-align: center;
    text-transform: uppercase;
    max-height: 50px;
}

    .lSolution .LearningSolutionsList ul li:nth-child(1) img {
        position: relative;
        top: -17px;
        right: -244px;
    }

    .lSolution .LearningSolutionsList ul li:nth-child(2) img {
        position: relative;
        top: -12px;
        right: -245px;
    }

    .lSolution .LearningSolutionsList ul li:nth-child(3) img {
        position: relative;
        top: -26px;
        right: -247px;
    }

    .lSolution .LearningSolutionsList ul li:nth-child(4) img {
        position: relative;
        top: -65px;
        right: -240px;
    }

    .lSolution .LearningSolutionsList ul li:nth-child(5) img {
        position: relative;
        top: -112px;
        right: -240px;
    }

.lSolution .OptimumClient ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}

    .lSolution .OptimumClient ul li {
        display: block;
        text-align: center;
    }

        .lSolution .OptimumClient ul li img {
            display: block;
            margin-bottom: 5px;
        }

        .lSolution .OptimumClient ul li:nth-child(1) {
            padding: 14px 0 0 0;
        }

        .lSolution .OptimumClient ul li:nth-child(2) {
            padding: 24px 0 0 0;
        }

        .lSolution .OptimumClient ul li:nth-child(3) {
            padding: 52px 0 0 0;
        }

.lSolution .OptimumClient::before {
    content: " ";
    width: 268px;
    height: 51px;
    position: absolute;
    left: -51px;
    background: url(/content/next/images/Modalities/lineRight.png) no-repeat;
    top: 137px;
}

.LearningSolutionsList {
    padding-top: 35px;
}

    .LearningSolutionsList ul li a {
        text-decoration: none;
    }

#list li a {
    color: #fff;
}

#list li#list1 a.active {
    /* background-color: #346573; */
    background-color: var(--slb-deep-blue);
    border-radius: 30px;
    color: #fff;
}

#list li#list2 a.active {
    background-color: #346573;
    border-radius: 30px;
    color: #fff;
}

#list li#list3 a.active {
    background-color: #346573;
    border-radius: 30px;
    color: #fff;
}

#list li#list4 a.active {
    background-color: #346573;
    border-radius: 30px;
    color: #fff;
}

#list li#list5 a.active {
    background-color: #346573;
    border-radius: 30px;
    color: #fff;
}

#list li#list1 a:hover,
#list li#list2 a:hover,
#list li#list3 a:hover,
#list li#list4 a:hover,
#list li#list5 a:hover {
    background: transparent;
}

#list li#list1 a.active:hover,
#list li#list2 a.active:hover,
#list li#list3 a.active:hover,
#list li#list4 a.active:hover,
#list li#list5 a.active:hover {
    background: #346573;
}

.solutionBox1 {
    border-radius: 5px;
    margin-top: 30px;
}

    .solutionBox1 ul li {
        line-height: 22px;
    }

    .solutionBox1 img {
        border-radius: 5px;
        width: 100%;
        height: 259px;
        display: none;
    }

    .solutionBox1 .BoxContent {
        /* position: absolute; */
        bottom: 0px;
        padding: 20px;
        height: 285px;
        background: var(--slb-grey-5);
    }

        .solutionBox1 .BoxContent ul {
            margin-left: -23px;
        }

.BoxContent h4 {
    color: #fff;
    font-weight: 500;
}

    .BoxContent h4:after {
        content: " ";
        position: absolute;
        background-color: var(--slb-white);
        bottom: -10px;
        width: 43px !important;
        height: 3px !important;
        left: 0;
    }

.BoxContent p,
.BoxContent ul,
.BoxContent h5 {
    color: #fff;
}

.botlineexprience {
    height: 1px;
    background: #8F8E8E;
    background: linear-gradient(to left, #001c28, #29b6ee, #001c28);
    margin: 0 auto;
    width: 16%;
    position: relative;
    top: -15px;
}

.arrow-nexttrac {
    width: auto;
    float: right;
    margin-top: -10px;
}

.arrow-down {
    width: 150px;
    margin-top: -96px;
}

.arrow-down1 {
    width: 150px;
    margin-bottom: -78px;
}

.arrow-down2 {
    width: 200px;
    margin-top: -132px;
    margin-left: 660px;
}

.strategy-arrow {
    width: 75px;
    position: absolute;
    top: -24px;
    left: 69px;
    z-index: -1;
    opacity: 0.4;
}

.lsd-arrow {
    width: 75px;
    position: absolute;
    top: -24px;
    left: -4px;
    z-index: -1;
    opacity: 0.4;
}

.dm-arrow {
    width: 75px;
    position: absolute;
    top: -24px;
    left: 103px;
    z-index: -1;
    opacity: 0.4;
}

.lExplist {
    position: absolute;
    left: 315px;
    bottom: -15px;
    color: #707a7c;
}

    .lExplist li {
        border-right: solid 1px #707a7c;
        float: left;
        z-index: 1;
    }

        .lExplist li span {
            margin-right: 10px;
            margin-left: 10px;
        }

        .lExplist li:nth-child(10),
        .lExplist li:nth-child(6) {
            border-right: none;
        }

.nexttracLSDBLUE {
    background: url("/content/next/images/nexttrac/grey-circle.png") no-repeat center;
    height: 110px;
    padding-top: 30px;
}

.nexttracLSDWHITE {
    background: url("/content/next/images/nexttrac/white-circle.png") no-repeat center;
    height: 110px;
    padding-top: 30px;
}
/* nexttrac Learning Solution end */
/* nexttrac Learning Experience start */
.lExperience {
    background: var(--slb-deep-blue);
    background-size: cover;
    background-position: center;
    box-shadow: inset -1px -13px 60px -4px #000407;
    -webkit-box-shadow: 20px 25px 20px -4px #000407;
}

    .lExperience h2,
    .lExperience p {
        color: #fff;
    }

    .lExperience .CurveLines {
        padding-top: 100px !important;
    }

    .lExperience .logoNext {
        color: #fff;
    }

        .lExperience .logoNext span {
            font-size: 20px;
            height: 50px;
            padding-left: 10px;
            margin-left: 10px;
            display: inline;
            position: relative;
            top: 9px;
            padding-top: 12px;
        }

.dotCricle {
    width: 59px;
    height: 59px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 1;
}

    .dotCricle.small {
        width: 45px;
        height: 45px;
    }

    .dotCricle.leftTopPosition {
        left: 0;
        top: 45px;
        right: auto;
    }

.leftBottomMiddlePosition {
    left: 0;
    bottom: 45px;
    right: 0;
    margin: 0 auto;
    top: auto;
    opacity: 0.6;
}

.dotCricle img {
    animation: spin 5s linear infinite;
}

.lExperience .carousel-indicators li {
    width: auto;
    height: auto;
    margin: 1px;
    background: transparent;
    white-space: nowrap;
    border-color: transparent;
    text-indent: inherit;
    display: inline-block;
    color: #fff;
}

.lExperience .carousel-indicators {
    position: static;
    width: 100%;
    margin: 0 auto;
    left: auto;
    right: auto;
    bottom: auto;
}

    .lExperience .carousel-indicators .hoverButton {
        display: none;
    }

    .lExperience .carousel-indicators li {
        /* width: 98px; height: 98px; */
        overflow: hidden;
        z-index: 10;
        position: absolute;
        border-radius: 50%;
        display: flex;
    }

        .lExperience .carousel-indicators li.active {
            background: var(--slb-grey-5);
        }

        .lExperience .carousel-indicators li p {
            color: #797878;
        }

        .lExperience .carousel-indicators li:hover p {
            color: #fff;
        }

        .lExperience .carousel-indicators li.active p {
            color: #fff;
        }

@media only screen and (max-width: 991px) {
    .lExperience .carousel-indicators li p {
        display: none;
    }
}

.lExperience .carousel-indicators li:hover .hoverButton,
.lExperience .carousel-indicators li.active .hoverButton {
    display: block;
    border-radius: 50%;
}

.lExperience .carousel-indicators li:hover .normalButton,
.lExperience .carousel-indicators li.active .normalButton {
    display: none;
}

.lExperience .carousel-indicators li .carouselIcon {
    position: absolute;
}

.lExperience .carousel-indicators.first li:nth-child(1) {
    left: 496px;
    top: 52px;
}

.lExperience .carousel-indicators.first li:nth-child(2) {
    left: 353px;
    top: 52px;
}

.lExperience .carousel-indicators.first li:nth-child(3) {
    left: 218px;
    top: 96px;
}

.lExperience .carousel-indicators.first li:nth-child(4) {
    left: 149px;
    top: 211px;
}

.lExperience .carousel-indicators.first li:nth-child(5) {
    left: 180px;
    top: 338px;
}

.lExperience .carousel-indicators.second li:nth-child(1) {
    right: 354px;
    top: 52px;
}

.lExperience .carousel-indicators.second li:nth-child(2) {
    right: 219px;
    top: 95px;
}

.lExperience .carousel-indicators.second li:nth-child(3) {
    right: 150px;
    top: 212px;
}

.lExperience .carousel-indicators.second li:nth-child(4) {
    right: 181px;
    top: 338px;
}

.arrowLines {
    position: absolute;
    top: 90px;
    z-index: 1;
    left: 100px;
    opacity: 0.6;
}

.lExperience .carousel-indicators .personalized {
    position: absolute;
    left: -113px;
    top: 37px;
    font-weight: 500;
}

.lExperience .carousel-indicators .engaging {
    position: absolute;
    left: -86px;
    top: 37px;
    font-weight: 500;
}

.lExperience .carousel-indicators .interactive {
    position: absolute;
    left: -103px;
    top: 37px;
    font-weight: 500;
}

.lExperience .carousel-indicators .benchmark {
    position: absolute;
    right: -97px;
    top: 37px;
    font-weight: 500;
}

.lExperience .carousel-indicators .validate {
    position: absolute;
    right: -75px;
    top: 37px;
    font-weight: 500;
}

.lExperience .carousel-indicators .trackandmeasure {
    position: absolute;
    right: -93px;
    top: 29px;
    font-weight: 500;
}

.lExperience .carousel-fade .carousel-inner .item {
    transition-property: opacity;
    height: 341px;
    color: #fff;
    padding: 120px 279px 0 279px;
}

    .lExperience .carousel-fade .carousel-inner .item img {
        display: inline;
    }

    .lExperience .carousel-fade .carousel-inner .item h4 {
        display: inline;
        font-size: 20px;
        vertical-align: middle;
        color: #fff;
    }

.HomeRated {
    margin-right: -16px;
}

.lExperience .carousel-fade .carousel-inner .item .expBorder {
    margin-bottom: 30px;
    position: relative;
    color: #fff;
}

    .lExperience .carousel-fade .carousel-inner .item .expBorder:after {
        content: " ";
        position: absolute;
        background-color: #fff;
        bottom: -6px;
        width: 43px !important;
        height: 3px !important;
        left: 200px;
    }

#lExperienceslider {
    width: 82%;
    height: 515px;
    margin: auto;
    background: url(/content/next/images/nexttrac/delivery-mechanisam.png) no-repeat center;
    background-size: 74%;
}

    #lExperienceslider .carousel-inner video {
        border-radius: 25px;
        margin-top: 33px;
        width: 591px;
    }

.lExperience .btn i {
    position: relative;
    top: 1px;
}

.lExperience .btn.one {
    position: absolute;
    left: 80px;
    bottom: 25px;
}

.lExperience .btn.two {
    position: absolute;
    right: 80px;
    bottom: 25px;
    z-index: 1;
}

.lExperience .leftTitle {
    position: absolute;
    top: -15px;
    left: 10px;
    color: #fff;
    font-size: 18px;
}

.lExperience .rightTitle {
    position: absolute;
    top: -15px;
    right: 10px;
    color: #fff;
    font-size: 18px;
}

.lExperience .leftLineTitle {
    position: absolute;
    top: 17px;
    left: 0;
    color: #fff;
    font-size: 18px;
}

.lExperience .rightLineTitle {
    position: absolute;
    top: 17px;
    right: 0;
    color: #fff;
    font-size: 18px;
}

.inthejob {
    background: url(/content/next/images/nexttrac/active-dots.png) no-repeat 27px -10px;
    width: 590px;
    margin-left: -36px;
    background-size: 90%;
    margin-top: 39px;
}

    .inthejob .btn {
        /* border-radius: 30px; */
        width: 138px;
        background: var(--slb-grey-5);
        cursor: auto;
        margin-top: -3px;
    }

        .inthejob .btn:hover {
            color: #fff;
        }

    .inthejob ul {
        margin-top: 28px;
    }

        .inthejob ul li {
            display: inline;
            padding: 10px 5px;
        }

            .inthejob ul li .btn {
                width: auto;
                /* border-radius: 30px; */
                background: #586091;
                padding: 5px 20px;
                color: #fff;
                margin-top: 17px;
                font-size: 12px;
            }

            .inthejob ul li:nth-child(1) {
                margin-left: -55px;
            }

            .inthejob ul li:nth-child(2) {
                padding-left: 13px;
            }

            .inthejob ul li:nth-child(3) {
                padding-left: 29px;
            }

            .inthejob ul li:nth-child(4) {
                padding-left: 20px;
            }

.active-circle {
    background: var(--slb-black);
    margin-top: -118px;
}

    .active-circle p {
        color: #fff;
    }

    .active-circle .btn {
        /* border-radius: 30px; */
        width: 154px;
        margin: auto;
        position: relative;
        left: -10px;
        z-index: 2;
        background: #00a0b8;
        cursor: auto;
        color: #fff;
    }

        .active-circle .btn:hover {
            color: #fff;
        }

    .active-circle .dots-img {
        position: relative;
        top: -16px;
        margin: auto;
        left: -13px;
        width: 988px;
    }

    .active-circle .circle-content {
        margin-top: -19px;
        display: -webkit-inline-box;
    }

    .active-circle .instructional,
    .active-circle .experiential,
    .active-circle .interactive,
    .active-circle .reflection {
        width: 314px;
        height: 314px;
        border-radius: 50%;
        border: solid 3px #03a79a;
        float: left;
        margin: 0 5px;
        -webkit-box-shadow: -1px 0px 6px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -1px 0px 6px 1px rgba(0, 0, 0, 0.75);
        box-shadow: -1px 0px 6px 1px rgba(0, 0, 0, 0.75);
        position: relative;
    }

    .active-circle .bigcircle .innercircle {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        display: table-cell;
        background: #00a698;
        position: absolute;
        top: 29%;
        left: 30%;
        text-align: center;
        padding-top: 17%;
        color: #fff;
    }

    .active-circle .bigcircle ul li .list-circle {
        width: 51px;
        height: 51px;
        border-radius: 50%;
        margin: auto;
        border: solid #00a698 2px;
    }

    .active-circle .bigcircle ul li {
        list-style: none;
        position: absolute;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }

        .active-circle .bigcircle ul li img {
            margin: auto;
        }

    .active-circle .instructional ul li:nth-child(1) {
        top: 21px;
        left: 76px;
    }

        .active-circle .instructional ul li:nth-child(1) img {
            padding-top: 11px;
        }

    .active-circle .instructional ul li:nth-child(2) {
        top: 91px;
        left: 20px;
    }

        .active-circle .instructional ul li:nth-child(2) img {
            padding-top: 12px;
        }

    .active-circle .instructional ul li:nth-child(3) {
        top: 178px;
        left: 42px;
    }

        .active-circle .instructional ul li:nth-child(3) img {
            padding-top: 12px;
        }

    .active-circle .instructional ul li:nth-child(4) {
        top: 219px;
        left: 114px;
    }

        .active-circle .instructional ul li:nth-child(4) img {
            padding-top: 9px;
        }

    .active-circle .instructional ul li:nth-child(5) {
        top: 178px;
        right: 48px;
    }

        .active-circle .instructional ul li:nth-child(5) img {
            padding-top: 12px;
        }

    .active-circle .instructional ul li:nth-child(6) {
        top: 91px;
        right: 20px;
    }

        .active-circle .instructional ul li:nth-child(6) img {
            padding-top: 11px;
        }

    .active-circle .instructional ul li:nth-child(7) {
        top: 21px;
        right: 81px;
    }

        .active-circle .instructional ul li:nth-child(7) img {
            padding-top: 8px;
        }

    .active-circle .experiential ul li:nth-child(1) {
        top: 12px;
        left: 125px;
    }

        .active-circle .experiential ul li:nth-child(1) img {
            padding-top: 11px;
        }

    .active-circle .experiential ul li:nth-child(2) {
        top: 70px;
        left: 30px;
    }

        .active-circle .experiential ul li:nth-child(2) img {
            padding-top: 8px;
        }

    .active-circle .experiential ul li:nth-child(3) {
        top: 178px;
        left: 34px;
    }

        .active-circle .experiential ul li:nth-child(3) img {
            padding-top: 6px;
        }

    .active-circle .experiential ul li:nth-child(4) {
        top: 225px;
        left: 120px;
    }

        .active-circle .experiential ul li:nth-child(4) img {
            padding-top: 7px;
            padding-left: 4px;
        }

    .active-circle .experiential ul li:nth-child(5) {
        top: 176px;
        right: 32px;
    }

        .active-circle .experiential ul li:nth-child(5) img {
            padding-top: 7px;
        }

    .active-circle .experiential ul li:nth-child(6) {
        top: 70px;
        right: 26px;
    }

        .active-circle .experiential ul li:nth-child(6) img {
            padding-top: 12px;
        }

    .active-circle .interactive ul li:nth-child(1) {
        top: 13px;
        left: 125px;
    }

        .active-circle .interactive ul li:nth-child(1) img {
            padding-top: 11px;
        }

    .active-circle .interactive ul li:nth-child(2) {
        top: 85px;
        left: 28px;
    }

        .active-circle .interactive ul li:nth-child(2) img {
            padding-top: 8px;
        }

    .active-circle .interactive ul li:nth-child(3) {
        top: 200px;
        left: 51px;
    }

        .active-circle .interactive ul li:nth-child(3) img {
            padding-top: 5px;
            padding-left: 3px;
        }

    .active-circle .interactive ul li:nth-child(4) {
        top: 200px;
        left: 186px;
    }

        .active-circle .interactive ul li:nth-child(4) img {
            padding-top: 4px;
        }

    .active-circle .interactive ul li:nth-child(5) {
        top: 85px;
        right: 24px;
    }

        .active-circle .interactive ul li:nth-child(5) img {
            padding-top: 10px;
        }

    .active-circle .reflection ul li:nth-child(1) {
        top: 13px;
        left: 122px;
    }

        .active-circle .reflection ul li:nth-child(1) img {
            padding-top: 12px;
        }

    .active-circle .reflection ul li:nth-child(2) {
        top: 70px;
        left: 34px;
    }

        .active-circle .reflection ul li:nth-child(2) img {
            padding-top: 9px;
        }

    .active-circle .reflection ul li:nth-child(3) {
        top: 178px;
        left: 34px;
    }

        .active-circle .reflection ul li:nth-child(3) img {
            padding-top: 9px;
            padding-left: 3px;
        }

    .active-circle .reflection ul li:nth-child(4) {
        top: 225px;
        left: 128px;
    }

        .active-circle .reflection ul li:nth-child(4) img {
            padding-top: 8px;
        }

    .active-circle .reflection ul li:nth-child(5) {
        top: 176px;
        right: 32px;
    }

        .active-circle .reflection ul li:nth-child(5) img {
            padding-top: 8px;
        }

    .active-circle .reflection ul li:nth-child(6) {
        top: 70px;
        right: 31px;
    }

        .active-circle .reflection ul li:nth-child(6) img {
            padding-top: 9px;
        }

.LSDBG {
    background: url(/content/next/images/nexttrac/learning-design-solution.png) no-repeat;
    background-size: contain;
    clear: both;
}

.lsd-conent {
    padding-left: 50px;
}

.nexttrac-learning {
    color: #25abbd;
    text-align: left;
    padding: 10px 0 5px;
    font-size: 44px;
    font-weight: 500;
}

.nexttrac-solution {
    color: #0370a6;
    text-align: left;
    padding: 0;
    font-size: 35px;
    font-weight: 500;
}

.nexttrac-design {
    color: #d86e5e;
    text-align: left;
    padding: 0;
    font-size: 42px;
    font-weight: 500;
}

.lsd-text {
    margin-top: -41px;
    margin-left: -79px;
}

.lExperience .carousel-indicators li span {
    position: absolute;
    top: -1px;
    left: 0;
    right: -3px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    bottom: 0;
}

.lExperience .carousel-indicators li.active span .iconNormal,
.lExperience .carousel-indicators li:hover span .iconNormal {
    display: none;
}

.lExperience .carousel-indicators li.active span .iconHover,
.lExperience .carousel-indicators li:hover span .iconHover {
    display: block;
}

.lExperience .carousel-indicators li span .iconNormal {
    display: block;
}

.lExperience .carousel-indicators li span .iconHover {
    display: none;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

.lExperience .arrowLines {
    -webkit-animation: arrowTransformAnimation 5s infinite;
    /* Safari 4+ */
    -moz-animation: arrowTransformAnimation 5s infinite;
    /* Fx 5+ */
    -o-animation: arrowTransformAnimation 5s infinite;
    /* Opera 12+ */
    animation: arrowTransformAnimation 5s infinite;
}

@-webkit-keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

@-moz-keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

@-o-keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

@keyframes arrowTransformAnimation {
    0% {
        left: 5%;
        opacity: 0.9;
    }

    20% {
        left: 25%;
        opacity: 0.6;
    }

    50% {
        left: 50%;
        opacity: 0.4;
    }

    100% {
        left: 100%;
        opacity: 0.1;
    }
}

@media only screen and (min-width: 992px) {
    .lExperience .btn.Mone {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .lExperience .CurveLines {
        text-align: center;
    }

    .lExperience .carousel-indicators {
        position: relative;
    }

        .lExperience .carousel-indicators li {
            width: 88px;
            height: 88px;
        }

    .lExperience .carousel-inner {
        margin-top: 40px;
    }

    .lExperience .rightTitle {
        bottom: -30px;
        left: 0;
        text-align: center;
        top: auto;
    }

    .lExperience .btn.Mone {
        margin-top: 20px;
    }

    .lExperience .btn.one {
        display: none;
    }

    .lExperience .leftTitle {
        right: 0;
        text-align: center;
        top: 0;
    }

    .lExperience .btn.two {
        right: 0;
        left: 0;
        bottom: -50px;
        text-align: center;
        margin: 0 auto;
        position: relative;
    }

    .lExperience .carousel.slide {
        text-align: center;
        margin-bottom: 15px;
        padding-bottom: 0;
    }

    .lExperience .rightTitle {
        position: relative;
        left: 0;
        text-align: center;
    }

    .lExperience .carousel-indicators.second {
        top: 40px;
    }

    .lExperience .carousel-indicators.first li:nth-child(1) {
        position: relative;
        left: 0;
        top: 0;
    }

    .lExperience .carousel-indicators.first li:nth-child(2) {
        position: relative;
        left: 0;
        top: 0;
    }

    .lExperience .carousel-indicators.first li:nth-child(3) {
        position: relative;
        left: 0;
        top: 0;
    }

    .lExperience .carousel-indicators.second li:nth-child(1) {
        position: relative;
        left: 0;
        top: 0;
    }

    .lExperience .carousel-indicators.second li:nth-child(2) {
        position: relative;
        left: 0;
        top: 0;
    }

    .lExperience .carousel-indicators.second li:nth-child(3) {
        position: relative;
        left: 0;
        top: 0;
    }

    .lExperience .logoNext span {
        display: block;
        border: 0;
        padding-left: 0;
        margin-left: 0;
        height: auto;
    }

    .lExperience .CurveLines::before,
    .lExperience .CurveLines::after {
        display: none;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lExperience .carousel-inner {
        max-width: 70%;
        margin: 20px auto auto auto;
    }
}

.strategyNexttrac {
    background: var(--slb-grey-1);
}

    .strategyNexttrac .headtxt {
        padding-left: 170px;
    }

    .strategyNexttrac .arrow-img {
        width: 60%;
        margin-left: 20px;
    }

    .strategyNexttrac .strategy-column-inner {
        background-size: 46%;
        margin-top: 100px;
        height: 226px;
        margin-left: 162px;
    }

    .strategyNexttrac .strategy-column-circle {
        width: 165px;
        height: 167px;
        margin-left: 49px;
    }
/* nexttrac Learning Experience end */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .strategyNexttrac .strategy-column-inner {
        margin-left: 178px;
    }

    .strategyNexttrac .strategy-column-circle {
        margin-left: 36px;
    }

    .strategyNexttrac .arrow-nexttrac {
        display: none;
    }

    .strategyNexttrac .strategy-column-inner {
        background-size: 72%;
        margin-top: -25px;
    }

    .strategyNexttrac .strategy-column-inner {
        background-position: 33% 77%;
    }

    .LearningSolutionsList {
        display: none;
    }

    .nextCommon .ml-4 {
        margin-left: 0px;
    }

    .lSolution .solutionBox1 img {
        height: 250px;
    }

    .lSolution .solutionBox1 .BoxContent {
        height: 250px;
    }

    .lSolution .arrow-nexttrac {
        display: none;
    }

    .lExperience .arrow-nexttrac {
        display: none;
    }

    .lExperience {
        background: linear-gradient(to bottom, rgba(0, 34, 46) 32%, rgba(0, 15, 22) 100%);
    }

    #lExperienceslider {
        background: url(/content/next/images/nexttrac/circle_lines_mbl.png) no-repeat center;
    }

    .lExperience .carousel-fade .carousel-inner .item .expBorder:after {
        bottom: 39px;
        left: 210px;
    }

    .lExperience .carousel-indicators.first li:nth-child(1) {
        left: 270px;
        top: -21px;
    }

    .lExperience .carousel-indicators.first li:nth-child(2) {
        left: 169px;
        top: -37px;
    }

    .lExperience .carousel-indicators.first li:nth-child(3) {
        left: 169px;
        top: 9px;
    }

    .lExperience .carousel-indicators.first li:nth-child(4) {
        left: 169px;
        top: 217px;
    }

    .lExperience .carousel-indicators.first li:nth-child(5) {
        left: 169px;
        top: 316px;
    }

    .lExperience .carousel-indicators.second li:nth-child(1) {
        left: 369px;
        top: 27px;
    }

    .lExperience .carousel-indicators.second li:nth-child(2) {
        left: 369px;
        top: 74px;
    }

    .lExperience .carousel-indicators.second li:nth-child(3) {
        left: 369px;
        top: 120px;
    }

    .lExperience .carousel-indicators.second li:nth-child(4) {
        right: 169px;
        top: 327px;
    }

    .lExperience .carousel-indicators li {
        width: 53px;
        height: 53px;
    }

    .lExperience .carousel-fade .carousel-inner .item h4 {
        display: block;
        font-size: 14px;
        min-height: 70px;
    }

    .lExperience .carousel-fade .carousel-inner .item {
        padding: 61px 67px 0 67px;
    }

    .lExperience .carousel-indicators {
        position: absolute;
    }

    .inthejob {
        background: url(/content/next/images/nexttrac/dotted_line_mbl.png) no-repeat 202px 34px;
        margin-left: -64px;
        background-size: 30%;
        height: 300px;
    }

    .lExperience .carousel-inner {
        height: 600px;
    }

    .inthejob ul li {
        display: block;
    }

        .inthejob ul li:nth-child(1) {
            margin-left: -55px;
            position: relative;
            top: 76px;
            left: -81px;
        }

        .inthejob ul li:nth-child(2) {
            padding-left: 13px;
            position: relative;
            top: 27px;
            left: 61px;
        }

        .inthejob ul li:nth-child(3) {
            padding-left: 29px;
            position: relative;
            top: 49px;
            left: -120px;
        }

        .inthejob ul li:nth-child(4) {
            padding-left: 20px;
            position: relative;
            top: 0px;
            left: 58px;
        }

    .active-circle {
        margin-top: -85px;
    }

        .active-circle .btn {
            margin-bottom: 50px;
            margin-left: 25px;
        }

        .active-circle .dots-img {
            display: none;
        }

        .active-circle .instructional,
        .active-circle .experiential,
        .active-circle .interactive,
        .active-circle .reflection {
            margin-bottom: 20px;
        }

        .active-circle .circle-content {
            display: inherit;
        }

    .arrow-down2 {
        width: 150px;
        margin-top: -119px;
        margin-left: 260px;
    }

    .lsd-text {
        margin-top: 0px;
        margin-left: 0px;
    }

    .arrow-down2 {
        width: 150px;
        margin-top: 136px;
        margin-left: 247px;
    }

    .active-circle .instructional,
    .active-circle .experiential,
    .active-circle .interactive,
    .active-circle .reflection {
        margin: 10px 161px;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .lExperience .carousel-fade .carousel-inner .item .expBorder:after {
        content: " ";
        position: absolute;
        background-color: #fff;
        bottom: 20px;
        width: 43px !important;
        height: 3px !important;
        left: 72px;
    }

    .strategyNexttrac .arrow-nexttrac {
        display: none;
    }

    .strategyNexttrac .strategy-column-inner {
        background-size: 72%;
        margin-top: -25px;
        margin-left: 40px;
    }

    .strategyNexttrac .strategy-column-inner {
        background-position: 52% 77%;
    }

    .LearningSolutionsList {
        display: none;
    }

    .nextCommon .ml-4 {
        margin-left: 0px;
    }

    .lSolution .solutionBox1 img {
        height: 300px;
    }

    .lSolution .solutionBox1 .BoxContent {
        height: 300px;
    }

    .lSolution .arrow-nexttrac {
        display: none;
    }

    .lExperience .arrow-nexttrac {
        display: none;
        float: left:;
    }

    .lExperience {
        background: linear-gradient(to bottom, rgba(0, 34, 46) 32%, rgba(0, 15, 22) 100%);
    }

    #lExperienceslider {
        background: url(/content/next/images/nexttrac/circle_lines_mbl.png) no-repeat center;
    }

    .lExperience .carousel-indicators.first li:nth-child(1) {
        left: 133px;
        top: -21px;
    }

    .lExperience .carousel-indicators.first li:nth-child(2) {
        left: 33px;
        top: -37px;
    }

    .lExperience .carousel-indicators.first li:nth-child(3) {
        left: 34px;
        top: 9px;
    }

    .lExperience .carousel-indicators.first li:nth-child(4) {
        left: 33px;
        top: 215px;
    }

    .lExperience .carousel-indicators.first li:nth-child(5) {
        left: 33px;
        top: 316px;
    }

    .lExperience .carousel-indicators.second li:nth-child(1) {
        left: 232px;
        top: 27px;
    }

    .lExperience .carousel-indicators.second li:nth-child(2) {
        left: 232px;
        top: 74px;
    }

    .lExperience .carousel-indicators.second li:nth-child(3) {
        left: 233px;
        top: 120px;
    }

    .lExperience .carousel-indicators.second li:nth-child(4) {
        right: 34px;
        top: 327px;
    }

    .lExperience .carousel-indicators li {
        width: 53px;
        height: 53px;
    }

    .lExperience .carousel-fade .carousel-inner .item h4 {
        display: block;
        font-size: 14px;
        min-height: 70px;
    }

    .lExperience .carousel-fade .carousel-inner .item {
        padding: 61px 67px 0 67px;
    }

    .lExperience .carousel-indicators {
        position: absolute;
        display:block;
    }

    .inthejob {
        background: url(/content/next/images/nexttrac/dotted_line_mbl.png) no-repeat 202px 34px;
        margin-left: -218px;
        background-size: 30%;
        height: 300px;
    }

    .lExperience .carousel-inner {
        height: 560px;
    }

    .inthejob ul li {
        display: block;
    }

        .inthejob ul li:nth-child(1) {
            margin-left: -55px;
            position: relative;
            top: 76px;
            left: -81px;
        }

        .inthejob ul li:nth-child(2) {
            padding-left: 13px;
            position: relative;
            top: 27px;
            left: 61px;
        }

        .inthejob ul li:nth-child(3) {
            padding-left: 29px;
            position: relative;
            top: 49px;
            left: -120px;
        }

        .inthejob ul li:nth-child(4) {
            padding-left: 20px;
            position: relative;
            top: 0px;
            left: 58px;
        }

    .active-circle {
        margin-top: -95px;
    }

        .active-circle .btn {
            margin-bottom: 50px;
            margin-left: 30px;
        }

        .active-circle .dots-img {
            display: none;
        }

        .active-circle .instructional,
        .active-circle .experiential,
        .active-circle .interactive,
        .active-circle .reflection {
            margin-bottom: 20px;
        }

        .active-circle .circle-content {
            display: inherit;
            margin-left: 15px;
        }

    .lsd-text {
        margin-top: 0px;
        margin-left: 0px;
    }

    .arrow-down2 {
        width: 150px;
        margin-top: 136px;
        margin-left: 117px;
    }
}

@media only screen and (min-device-width : 412px) and (max-device-width : 736px) and (orientation : portrait) {
    .lExperience .carousel-fade .carousel-inner .item {
        padding: 61px 67px 0 80px;
    }

        .lExperience .carousel-fade .carousel-inner .item .expBorder:after {
            left: 80px;
        }

    .lExperience .carousel-indicators.first li:nth-child(1) {
        left: 130px;
        top: -25px;
    }

    .lExperience .carousel-indicators.first li:nth-child(2) {
        left: 30px;
        top: -65px;
    }

    .lExperience .carousel-indicators.first li:nth-child(3) {
        left: 30px;
        top: -36px;
    }

    .lExperience .carousel-indicators.first li:nth-child(4) {
        left: 30px;
        top: 208px;
    }

    .lExperience .carousel-indicators.first li:nth-child(5) {
        left: 30px;
        top: 305px;
    }

    .lExperience .carousel-indicators.second li:nth-child(1) {
        left: 230px;
        top: 32px;
    }

    .lExperience .carousel-indicators.second li:nth-child(2) {
        left: 230px;
        top: 60px;
    }

    .lExperience .carousel-indicators.second li:nth-child(3) {
        left: 235px;
        top: 88px;
    }

    .lExperience .carousel-indicators.second li:nth-child(4) {
        right: 27px;
        top: 327px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 991px) and (orientation : portrait) {
    .strategyNexttrac .strategy-column-circle {
        margin-left: 49px;
    }

    .strategyNexttrac .arrow-nexttrac {
        display: none;
    }

    .strategyNexttrac .strategy-column-inner {
        background-size: 72%;
        margin-top: -25px;
    }

    .strategyNexttrac .strategy-column-inner {
        background-position: 52% 77%;
        margin-left: 210px;
    }

    .LearningSolutionsList {
        display: none;
    }

    .nextCommon .ml-4 {
        margin-left: 0px;
    }

    .lSolution .solutionBox1 img {
        height: 300px;
    }

    .lSolution .solutionBox1 .BoxContent {
        height: 300px;
    }

    .lSolution .arrow-nexttrac {
        display: none;
    }

    .lExperience .arrow-nexttrac {
        float: left;
    }

    .lExperience {
        background: linear-gradient(to bottom, rgba(0, 34, 46) 32%, rgba(0, 15, 22) 100%);
    }

    #lExperienceslider {
        background: url(/content/next/images/nexttrac/circle_lines_mbl.png) no-repeat center;
    }

    .lExperience .carousel-indicators.first li:nth-child(1) {
        left: 258px;
        top: -21px;
    }

    .lExperience .carousel-indicators.first li:nth-child(2) {
        left: 158px;
        top: -55px;
    }

    .lExperience .carousel-indicators.first li:nth-child(3) {
        left: 158px;
        top: -30px;
    }

    .lExperience .carousel-indicators.first li:nth-child(4) {
        left: 158px;
        top: 215px;
    }

    .lExperience .carousel-indicators.first li:nth-child(5) {
        left: 158px;
        top: 316px;
    }

    .lExperience .carousel-indicators.second li:nth-child(1) {
        left: 356px;
        top: 27px;
    }

    .lExperience .carousel-indicators.second li:nth-child(2) {
        left: 358px;
        top: 50px;
    }

    .lExperience .carousel-indicators.second li:nth-child(3) {
        left: 360px;
        top: 80px;
    }

    .lExperience .carousel-indicators.second li:nth-child(4) {
        right: 160px;
        top: 325px;
    }

    .lExperience .carousel-indicators li {
        width: 53px;
        height: 53px;
    }

    .lExperience .carousel-fade .carousel-inner .item h4 {
        display: block;
        font-size: 18px;
        min-height: 70px;
        width: 120px;
        margin: auto;
    }

    .lExperience .carousel-fade .carousel-inner .item {
        padding: 61px 67px 0 67px;
    }

    .lExperience .carousel-indicators {
        position: absolute;
        display:block;
    }

    .inthejob {
        background: url(/content/next/images/nexttrac/dotted_line_mbl.png) no-repeat 202px 34px;
        margin-left: -75px;
        background-size: 30%;
        height: 300px;
    }

    .lExperience .carousel-inner {
        height: 565px;
    }

    .inthejob ul li {
        display: block;
    }

        .inthejob ul li:nth-child(1) {
            margin-left: -55px;
            position: relative;
            top: 76px;
            left: -81px;
        }

        .inthejob ul li:nth-child(2) {
            padding-left: 13px;
            position: relative;
            top: 27px;
            left: 61px;
        }

        .inthejob ul li:nth-child(3) {
            padding-left: 29px;
            position: relative;
            top: 49px;
            left: -120px;
        }

        .inthejob ul li:nth-child(4) {
            padding-left: 20px;
            position: relative;
            top: 0px;
            left: 58px;
        }

    .active-circle {
        margin-top: -95px;
    }

        .active-circle .btn {
            margin-bottom: 50px;
        }

        .active-circle .dots-img {
            display: none;
        }

        .active-circle .instructional,
        .active-circle .experiential,
        .active-circle .interactive,
        .active-circle .reflection {
            margin: 10px 213px;
        }

        .active-circle .circle-content {
            display: inherit;
        }

    .lsd-text {
        margin-top: 0px;
        margin-left: 0px;
    }

    .arrow-down2 {
        width: 150px;
        margin-top: 136px;
        margin-left: 300px;
    }

    .lExperience .arrow-nexttrac {
        display: none;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) {
    .optimum-client-inner {
        margin-top: 75px;
    }

    .optimum-client-content {
        background-size: 75px;
    }

    .optimum-client-content {
        background-position: 27px 42px, left bottom;
    }

    .strategyNexttrac .strategy-column-circle {
        margin-left: 117px;
    }

    .strategyNexttrac .strategy-column-inner {
        margin-left: 0px;
        background-size: 36%;
    }

    .lSolution .LearningSolutionsList ul {
        margin-left: 106px;
    }

    .solutionBox1 img {
        height: 275px;
    }

    .solutionBox1 .BoxContent {
        height: 275px;
    }

    .lExperience .carousel-indicators li {
        width: 53px;
        height: 53px;
    }

    .lExperience .carousel-indicators.first li:nth-child(1) {
        left: 413px;
        top: 88px;
    }

    .lExperience .carousel-indicators.first li:nth-child(2) {
        left: 292px;
        top: 88px;
    }

    .lExperience .carousel-indicators.first li:nth-child(3) {
        left: 181px;
        top: 125px;
    }

    .lExperience .carousel-indicators.first li:nth-child(4) {
        left: 124px;
        top: 220px;
    }

    .lExperience .carousel-indicators.first li:nth-child(5) {
        left: 151px;
        top: 324px;
    }

    .lExperience .carousel-indicators.second li:nth-child(1) {
        left: 527px;
        top: 85px;
    }

    .lExperience .carousel-indicators.second li:nth-child(2) {
        left: 639px;
        top: 124px;
    }

    .lExperience .carousel-indicators.second li:nth-child(3) {
        left: 694px;
        top: 220px;
    }

    .lExperience .carousel-indicators.second li:nth-child(4) {
        right: 152px;
        top: 327px;
    }

    .lExperience .carousel-fade .carousel-inner .item {
        padding: 80px 40px 0 50px;
    }

    .inthejob ul li:nth-child(1) {
        margin-left: -50px;
    }

    .inthejob ul li:nth-child(2) {
        padding-left: 0px;
    }

    .inthejob ul li:nth-child(3) {
        padding-left: 0px;
    }

    .inthejob ul li:nth-child(4) {
        padding-left: 0px;
    }

    .inthejob {
        background: url(/content/next/images/nexttrac/active-dots.png) no-repeat 51px -4px;
        width: 590px;
        margin-left: -36px;
        background-size: 83%;
        margin-top: 39px;
    }

    .arrow-down2 {
        width: 150px;
        margin-top: -119px;
        margin-left: 425px;
    }

    .active-circle .dots-img {
        display: none;
    }

    .active-circle .circle-content {
        margin-top: 30px;
        display: inherit;
    }

    .active-circle .instructional,
    .active-circle .experiential,
    .active-circle .interactive,
    .active-circle .reflection {
        left: 160px;
        margin: 10px 10px;
    }

    .active-circle {
        margin-top: -90px;
    }
}
/*NExTtrac end*/
/*CourseListinglistviewMap start here*/
/*.CourseListinglistviewMap .badge{margin-left:20px; }*/
.CourseListinglistviewMap .badge {
}

.CourseListinglistviewMap .insustrygroup {
    width: 100%;
    text-align: left;
    /* padding-left: 16px; */
}

    .CourseListinglistviewMap .insustrygroup .caret {
        float: right;
        margin-top: 7px;
        margin-right: -12px;
    }

.checkboxshow {
    overflow-x: auto;
}

.CourseListinglistviewMap .horizontalTabs li.active .badge {
    background: #fff !important;
    color: #000;
}

.CourseListinglistviewMap .horizontalTabs li .badge {
    background: #fff !important;
    color: #000;
    font-size: 14px;
    font-weight: 500 !important;
}

.CourseListinglistviewMap .dropdown-menu {
    z-index: 9;
    width: 100%;
    color: #333;
}


    .CourseListinglistviewMap .dropdown-menu > li > a {
        padding: 1px 5px;
        white-space: normal;
    }

    .CourseListinglistviewMap .dropdown-menu > li > input[type=checkbox] {
        margin-right: 5px;
        margin-left: 5px;
        vertical-align: top;
    }


@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) and (orientation : landscape) {
    .assessmentBlock .AssembleImgLeft img {
        left: 185px;
    }

    .assessmentBlock .AssembleImgLeft + div img {
        position: relative;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) and (orientation : portrait) {
    .assessmentBlock .AssembleImgLeft img {
        left: 185px;
    }

    .assessmentBlock .AssembleImgLeft + div img {
        position: relative;
        left: 3px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 991px) and (orientation : portrait) {
    .assessmentBlock .AssembleImgLeft img {
        left: 80px;
    }

    .assessmentBlock .AssembleImgLeft + div img {
        position: relative;
        left: 48px;
    }
}
/*CourseListinglistviewMap end here*/
/* Project based Training Program start */
.projectTP .bg-color-impact2::-webkit-scrollbar {
    width: 25px;
}

.projectTP .bg-color-impact2::-webkit-scrollbar-track {
    background: #ffffff;
}

.projectTP .bg-color-impact2::-webkit-scrollbar-thumb {
    background: #29b6ee;
}

    .projectTP .bg-color-impact2::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.projectTP .bg-color-impact1 {
    background-color: #363a45;
    color: #ffffff;
    height: 555px;
}

    .projectTP .bg-color-impact1 ul li a {
        color: #ffffff;
        font-size: 20px;
        padding-left: 0px;
    }

        .projectTP .bg-color-impact1 ul li a:active,
        .bg-color-impact1 ul li a:hover {
            color: #337ab7;
        }

.projectTP .bg-color-impact2 {
    background-color: #e9eef4;
    height: 555px;
    color: #474b54;
    overflow-y: auto;
}

.projectTP #menu.nav > li > a:focus,
#menu.nav > li > a:hover {
    background-color: #363a45;
}

.projectTP .font-size-label {
    font-size: 17px;
}

    .projectTP .font-size-label.underLine {
        font-size: 19px;
        position: relative;
        padding-bottom: 6px;
    }

        .projectTP .font-size-label.underLine::after {
            /* conent: ""; */
            background-color: var(--slb-blue);
            width: 45px !important;
            height: 3px !important;
            content: " ";
            position: absolute;
            bottom: 0px;
            left: 0px;
        }

.projectTP .border-right-line {
    border-right: 1px solid #c8c8c8;
    height: 175px;
}

.projectTP .cm-class {
    display: none;
}

    .projectTP .cm-class p {
        text-align: left;
    }

.projectTP #page1 .logoBox {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    background: #fff;
    padding: 15px 0px;
    float: left;
}

.projectTP .content p {
    text-align: justify;
}

.projectTP .mrg-LR-auto {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.projectTP #menu li#link1 a:hover,
#menu li#link1 a.active {
    color: #57b5c1;
}

.projectTP #menu li#link2 a:hover,
#menu li#link2 a.active {
    color: #57b5c1;
}

.projectTP #menu li#link3 a:hover,
#menu li#link3 a.active {
    color: #57b5c1;
}

.projectTP #menu li a::after {
    content: " ";
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: 3px;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    left: 0px;
}

.projectTP #menu li a:hover::after {
    width: 40px !important;
    height: 3px !important;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.projectTP #menu li#link1 a:hover::after,
#menu li#link1 a.active::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}

.projectTP #page1 h4::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}

.projectTP #menu li#link2 a:hover::after,
#menu li#link2 a.active::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}

.projectTP #menu li#link3 a:hover::after,
#menu li#link3 a.active::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}

.projectTP #menu li#link1 a.active {
    background: url('/content/next/images/AboutNextPage/arrow1.png') no-repeat right;
}

.projectTP #menu li#link2 a.active {
    background: url('/content/next/images/AboutNextPage/arrow1.png') no-repeat right;
}

.projectTP #menu li#link3 a.active {
    background: url('/content/next/images/AboutNextPage/arrow1.png') no-repeat right;
}

.projectTP #page1 .surfaceIntegration {
    max-height: 555px;
    background: #000;
    color: #fff;
    padding-top: 215px;
    padding-bottom: 215px;
    background-image: url('/content/next/images/projectTrainingprogram/01_overview.jpg');
    background-repeat: no-repeat;
    background-position: right;
}

    .projectTP #page1 .surfaceIntegration ul {
        font-size: 18px;
    }

.projectTP #page1 ul {
    vertical-align: middle;
}

.projectTP #page1 .logoBox {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    background: #fff;
    padding: 15px 0px;
    float: left;
}

.projectTP #page1 .logoBox1 {
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
}

    .projectTP #page1 .logoBox1 p {
        text-align: left;
    }

.projectTP #page1 .logoBox p {
    text-align: left;
}

.projectTP #page2 .fdpProgram {
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px;
    width: 300px;
    border-radius: 10px;
}

.projectTP .accordion-heading a {
    margin-left: 10px;
    color: rgb(81, 81, 81);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .projectTP .accordion-heading a label {
        cursor: pointer;
    }

.projectTP .card-body {
    margin: 0px 15px 0px 15px;
}

.projectTP .test .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.projectTP .grid-accordion .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.projectTP .grid-accordion .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.projectTP .grid-accordion .card {
    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;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.projectTP .grid-accordion .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px 35px;
    background: #f1fafe;
}

.projectTP .grid-accordion .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.projectTP .grid-accordion .col {
    flex-grow: 1;
}

.projectTP .fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.nextCommon.technoLearn .py-2 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.projectTP .grid-accordion .accordion-heading img {
    float: left;
}

    .projectTP .grid-accordion .accordion-heading img + div a {
        float: left;
        width: 75%;
        height: 55px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #363a44;
        line-height: 20px;
        text-decoration: none;
    }

.projectTP #detail1:before,
#detail4:before,
#detail7:before,
#detail10:before,
#detail13:before,
#detail16:before,
#detail19:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 144px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

.projectTP #detail2:before,
#detail5:before,
#detail8:before,
#detail11:before,
#detail14:before,
#detail17:before,
#detail20:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 558px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

.projectTP #detail3:before,
#detail6:before,
#detail9:before,
#detail12:before,
#detail15:before,
#detail18:before,
#detail21:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 958px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

.projectTP .fade {
    transition: inherit;
}

.projectTP .industruy-emul-table tr td:first-child {
    width: 50px;
}

.projectTP .overall-customer-bg {
    background-image: url('/content/next/images/AboutNextPage/yellow_box_bg.png');
    width: 516px;
    height: 201px;
    margin: auto;
    margin-top: 35px;
}

.projectTP .overall-customer-shadow-box {
    background: url('/content/next/images/AboutNextPage/yellow_header.png') #ffffff;
    background-position: top left;
    background-repeat: no-repeat;
    width: 247px;
    height: 230px;
    margin: auto;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0 1px 20px #aaa;
    position: relative;
    top: -8px;
}

.projectTP .bg-percentage {
    /*font-family: "Roboto-Regular", "Roboto-Light", sans-serif; */
    font-weight: 500;
    font-size: 35px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 5px;
}

.projectTP ul.bg-percentage-list li {
    font-size: 14px;
    text-align: left;
    color: #72757c;
    /*font-family: "Roboto-Regular", "Roboto-Light", sans-serif;*/
    list-style-type: square;
    font-weight: normal;
    margin-top: 5px;
    line-height: 18px;
}

.projectTP .overall-customer-heading {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0px;
}

.projectTP .impact-letter {
    font-size: 45px;
    color: #505050;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

.projectTP .impact-line-content {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding-top: 10px;
}

    .projectTP .impact-line-content i {
        color: #57b5c1;
        font-style: italic;
    }

.projectTP .impact-lft-column {
    margin-top: 190px;
    margin-left: 30px;
}

    .projectTP .impact-lft-column li {
        padding: 8px 0px;
    }

.pTraining img.projectIcon {
    height: 420px;
}

.uniqueSolution {
    background: #cedfed;
}

    .uniqueSolution h4 {
        font-weight: 500;
    }

    .uniqueSolution .solutionLeftimg {
        float: right;
        position: relative;
        left: 38px;
        top: 2px;
    }

    .uniqueSolution img {
        margin: 0 auto;
        padding-top: 20px;
    }

.ProjectImgHeight {
    height: auto;
    min-height: 442px;
}

.verticalLine-Left {
    border-left: 1px #999 dashed;
}

.projectTP #collapse2 .btn-small i {
    position: relative;
    top: 0px;
}

@media only screen and (max-width: 600px) {
    .projectTP #page1 .logoBox p {
        display: inline-block;
    }

    .projectTP #page1 .logoBox img {
        margin-bottom: 20px;
        float: none;
    }
}
/* Project based Training Program end */
/* Job profile competency based Training Program start */
.jobProfileTraining .bg-color-impact1 {
    background-color: #363a45;
    color: #ffffff;
    height: 555px;
}

    .jobProfileTraining .bg-color-impact1 ul.impactMenu li a {
        color: #ccc;
        font-size: 20px;
        padding-left: 0px;
    }

    .jobProfileTraining .bg-color-impact1 ul.jpSubMenu li a {
        color: #ffffff;
        font-size: 16px;
        padding-left: 0px;
    }

    .jobProfileTraining .bg-color-impact1 ul li a:active,
    .bg-color-impact1 ul li a:hover {
        color: #337ab7;
    }

.jobProfileTraining .bg-color-impact2 {
    background-color: #e9eef4;
    height: 555px;
    color: #474b54;
    overflow-y: auto;
}

.jobProfileTraining #menu.nav > li > a:focus,
#menu.nav > li > a:hover {
    background-color: var(--slb-deep-blue);
}

.jobProfileTraining .font-size-label {
    font-size: 19px;
}

.jobProfileTraining .border-right-line {
    border-right: 1px solid #c8c8c8;
    height: 175px;
}

.jobProfileTraining .cm-class {
    display: none;
}

    .jobProfileTraining .cm-class p {
        text-align: left;
    }

.jobProfileTraining .content p {
    text-align: justify;
}

.jobProfileTraining .mrg-LR-auto {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.jobProfileTraining #menu li#link1 a:hover,
#menu li#link1 a.active {
    /* color: #57b5c1; */
    color: var(--slb-white);
}

.jobProfileTraining #menu li#link2 a:hover,
#menu li#link2 a.active {
    color: #57b5c1;
}

.jobProfileTraining #menu li#link3 a:hover,
#menu li#link3 a.active {
    color: #57b5c1;
}

.jobProfileTraining #menu li a::after {
    content: " ";
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: 78px;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    left: 105px;
}

.jobProfileTraining #menu li a:hover::after {
    width: 40px !important;
    height: 3px !important;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.jobProfileTraining #menu li#link1 a:hover::after,
#menu li#link1 a.active::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}

.jobProfileTraining #page1 h4::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}
/* .jobProfileTraining #menu li#link2 a:hover::after, #menu li#link2 a.active::after{background-color: #57b5c1;width: 40px !important;height: 3px !important;}  
.jobProfileTraining #menu li#link3 a:hover::after, #menu li#link3 a.active::after{background-color: #57b5c1;width: 40px !important;height: 3px !important;}   
.jobProfileTraining #menu li#link1 a.active{background: url('/content/next/images/AboutNextPage/arrow1.png') no-repeat right;}
.jobProfileTraining #menu li#link2 a.active{background: url('/content/next/images/AboutNextPage/arrow1.png') no-repeat right;}
.jobProfileTraining #menu li#link3 a.active{background: url('/content/next/images/AboutNextPage/arrow1.png') no-repeat right;} */
.jobProfileTraining #page1 .surfaceIntegration {
    max-height: 555px;
    background: #000;
    color: #fff;
    padding-top: 215px;
    padding-bottom: 215px;
    background-image: url('/content/next/images/projectTrainingprogram/01_overview.jpg');
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: contain;
}

    .jobProfileTraining #page1 .surfaceIntegration ul {
        font-size: 18px;
    }

.jobProfileTraining #page1 ul {
    list-style-type: circle;
    vertical-align: middle;
}

.jobProfileTraining #page1 .logoBox {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 300px;
    background: #fff;
}

.jobProfileTraining #page1 .logoBox1 {
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
}

    .jobProfileTraining #page1 .logoBox1 p {
        text-align: left;
    }

.jobProfileTraining #page1 .logoBox p {
    text-align: left;
}

.jobProfileTraining #page2 .fdpProgram {
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px;
    width: 300px;
    border-radius: 10px;
}

.jobProfileTraining .accordion-heading a {
    margin-left: 10px;
    color: rgb(81, 81, 81);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .jobProfileTraining .accordion-heading a label {
        cursor: pointer;
    }

.jobProfileTraining .card-body {
    margin: 0px 15px 0px 15px;
}

.jobProfileTraining .test .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.jobProfileTraining .grid-accordion .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.jobProfileTraining .grid-accordion .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.jobProfileTraining .grid-accordion .card {
    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;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.jobProfileTraining .grid-accordion .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px 35px;
    background: #f1fafe;
}

.jobProfileTraining .grid-accordion .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.jobProfileTraining .grid-accordion .col {
    flex-grow: 1;
}

.jobProfileTraining .fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.nextCommon.technoLearn .py-2 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.jobProfileTraining .grid-accordion .accordion-heading img {
    float: left;
}

    .jobProfileTraining .grid-accordion .accordion-heading img + div a {
        float: left;
        width: 75%;
        height: 55px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #363a44;
        line-height: 20px;
        text-decoration: none;
    }

.jobProfileTraining #detail1:before,
#detail4:before,
#detail7:before,
#detail10:before,
#detail13:before,
#detail16:before,
#detail19:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 144px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

.jobProfileTraining #detail2:before,
#detail5:before,
#detail8:before,
#detail11:before,
#detail14:before,
#detail17:before,
#detail20:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 558px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

.jobProfileTraining #detail3:before,
#detail6:before,
#detail9:before,
#detail12:before,
#detail15:before,
#detail18:before,
#detail21:before {
    content: "";
    margin-top: -14px;
    position: absolute;
    margin-left: 958px;
    border-bottom: 15px solid #f1fafe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: opacity .15s linear;
}

.jobProfileTraining .fade {
    transition: inherit;
}

.jobProfileTraining .industruy-emul-table tr td:first-child {
    width: 50px;
}

.jobProfileTraining .overall-customer-bg {
    background-image: url('/content/next/images/AboutNextPage/yellow_box_bg.png');
    width: 516px;
    height: 201px;
    margin: auto;
    margin-top: 35px;
}

.jobProfileTraining .overall-customer-shadow-box {
    background: url('/content/next/images/AboutNextPage/yellow_header.png') #ffffff;
    background-position: top left;
    background-repeat: no-repeat;
    width: 247px;
    height: 230px;
    margin: auto;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0 1px 20px #aaa;
    position: relative;
    top: -8px;
}

.jobProfileTraining .bg-percentage {
    /*font-family: "Roboto-Regular", "Roboto-Light", sans-serif;*/
    font-weight: 500;
    font-size: 35px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 5px;
}

.jobProfileTraining ul.bg-percentage-list li {
    font-size: 14px;
    text-align: left;
    color: #72757c;
    /*font-family: "Roboto-Regular", "Roboto-Light", sans-serif;*/
    list-style-type: square;
    font-weight: normal;
    margin-top: 5px;
    line-height: 18px;
}

.jobProfileTraining .overall-customer-heading {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0px;
}

.jobProfileTraining .impact-letter {
    font-size: 45px;
    color: #505050;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

.jobProfileTraining .impact-line-content {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding-top: 10px;
}

    .jobProfileTraining .impact-line-content i {
        color: #57b5c1;
        font-style: italic;
    }

.jobProfileTraining .impact-lft-column {
    margin-top: 10px;
    margin-left: 50px;
}

    .jobProfileTraining .impact-lft-column li {
        padding: 8px 0px;
    }

.jobProfileTraining .seperatorLine::after {
    content: " ";
    width: 1px;
    height: 335px;
    position: absolute;
    top: 0;
    left: 460px;
    background: #333;
}

.jobProfileTraining .seperatorLine1::after {
    content: " ";
    width: 1px;
    height: 370px;
    position: absolute;
    top: 0;
    left: 450px;
    background: #333;
}

.jobProfileTraining img.projectIcon {
    height: 420px;
}

.NewHireStyle {
    margin-top: 25px !important;
}

.ConnPeoplePerformance h2,
.ConnPeoplePerformance h4,
.ConnPeoplePerformance p {
    color: #ffffff;
}
/* Job profile competency based Training Program end */
/* Discipline Based Training Program start */
.DisciplineTP .panel {
    background: none;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

    .DisciplineTP .panel .panel-body {
        border-top: 0 !important;
    }

.DisciplineTP .panel-title {
    padding: 10px 0px;
}

.projectTP #menu li#link1 a.active .DisciplineTP .panel-heading {
    padding: 0;
    border: 0;
    background: none;
}

.DisciplineTP .panel-default {
    border: none;
    padding: 0px 20px 0 30px;
}

    .DisciplineTP .panel-default > .panel-heading {
        background-color: #363a45;
    }

.DisciplineTP .panel-title > a {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    padding-left: 0px;
}

    .DisciplineTP .panel-title > a:hover {
        color: #57b5c1 !important;
    }

.DisciplineTP .panel-title .active {
    color: #57b5c1 !important;
}

.DisciplineTP .panel-body {
    padding: 0px 15px 0;
}

    .DisciplineTP .panel-body ul li a:hover,
    .DisciplineTP .panel-body ul li a.active {
        color: #57b5c1 !important;
        background-color: #363a45;
    }

.DisciplineTP ul li a:hover::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}

.DisciplineTP .panel-body ul li.active {
    color: #57b5c1 !important;
}

.DisciplineTP .panel-heading a.active::after {
    background-color: #57b5c1;
    width: 40px !important;
    height: 3px !important;
}

.DisciplineTP .panel-heading a::after {
    content: " ";
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -7px;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    left: 0px;
}

.DisciplineTP .panel-heading a.active span {
    background: url(/content/next/images/AboutNextPage/arrow1.png) no-repeat right;
    width: 20px;
    height: 20px;
}

.DisciplineTP .panel-heading a .fas .fa-angle-right {
    float: right;
    transition: all 0.5s;
}

.DisciplineTP .panel-heading {
    padding: 0;
}

    .DisciplineTP .panel-heading a span {
        float: right;
    }

    .DisciplineTP .panel-heading.active a.fas .fa-angle-right {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.DisciplineTP .panel-body ul li {
    font-size: 16px;
    cursor: pointer;
    padding: 5px 10px;
}

.DisciplineTP .surfaceIntegration {
    max-height: 555px;
    background: #000;
    color: #fff;
    padding-top: 215px;
    padding-bottom: 215px;
    background-image: url('/content/next/images/projectTrainingprogram/01_overview.jpg');
    background-repeat: no-repeat;
    background-position: right;
    width: 105%;
    margin-left: -20px;
}

    .DisciplineTP .surfaceIntegration ul {
        font-size: 18px;
    }

    .DisciplineTP .surfaceIntegration ul {
        vertical-align: middle;
    }

.DisciplineTP .menuScroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.DisciplineTP .menuScroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

    .DisciplineTP .menuScroll::-webkit-scrollbar {
        width: 5px;
    }

    .DisciplineTP .menuScroll::-webkit-scrollbar-track {
        background: #363a45;
    }

    .DisciplineTP .menuScroll::-webkit-scrollbar-thumb {
        background: #363a45;
    }

        .DisciplineTP .menuScroll::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.DisciplineTP .bg-color-impact2 {
    overflow-y: auto;
    padding-right: 40px;
}

.DisciplineTP .bg-color-impact1 ul li a {
    font-size: 16px;
}

#menucnt1,
#menucnt2,
#menucnt3,
#menucnt4,
#menucnt5,
#menucnt6,
#menucnt7,
#menucnt8,
#menucnt9,
#menucnt10,
#menucnt11,
#menucnt12,
#menucnt13,
#menucnt14,
#menucnt15,
#menucnt16,
#menucnt17,
#menucnt18 {
    display: none;
}

.DisciplineTP .content h3,
.DisciplineTP .content h4 {
    font-weight: 500;
}

.DisciplineTPTBL {
    width: 100%;
    text-align: center;
    font-size: 12px;
}

    .DisciplineTPTBL th {
        text-align: center;
        background: var(--slb-blue);
        padding: 10px;
        color: #fff;
    }

    .DisciplineTPTBL tr {
        margin-top: 5px;
    }

    .DisciplineTPTBL td {
        padding: 5px;
        border-spacing: 5px;
    }

.csdrillingprogram {
    font-size: 13px;
}

    .csdrillingprogram tr td {
        padding: 10px;
    }

    .csdrillingprogram .table-bordered {
        border: 1px solid #ddd;
        font-size: 12px;
    }

    .csdrillingprogram tbody tr:nth-child(even) {
        background-color: #f5f5f5;
    }

.DisciplineTPTBL .advacence-btn {
    font-size: 9px;
    width: 88px;
    background-color: #3795fb;
    border-top-left-radius: 25px;
    position: relative;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-bottom: 30px;
    color: #fff;
    padding: 7px 5px 7px 8px;
    text-align: center;
    -webkit-box-shadow: 1px 2px 10px 0px #a8a8a8;
    box-shadow: 1px 2px 10px 0px #a8a8a8;
    cursor: pointer;
}

    .DisciplineTPTBL .advacence-btn > img {
        width: 18px !important;
        float: right;
        margin-top: -2px;
    }

.DisciplineTPTBL .mainheader {
    width: 100%;
    padding-top: 17px;
}

    .DisciplineTPTBL .mainheader ul {
        list-style: none;
        padding: 0;
        margin-bottom: 25px;
    }

        .DisciplineTPTBL .mainheader ul li {
            display: inline;
            padding: 10px 5px;
            font-weight: 500;
            margin: 0 2px;
            border-radius: 5px !important;
            position: relative;
        }

            .DisciplineTPTBL .mainheader ul li .combined {
                position: absolute;
                left: 19px;
                bottom: -13px;
            }

.DisciplineTPTBL .pink-bg {
    background: #fce1d9;
    border-radius: 10px;
    box-shadow: 1px 1px 9px #888888;
    cursor: pointer;
}

.DisciplineTPTBL .blue-bg {
    background: #b1f2ea;
    border-radius: 10px;
    box-shadow: 1px 1px 9px #888888;
    cursor: pointer;
}

.DisciplineTPTBL .icons {
    max-width: 35px;
}

.DisciplineTPTBL .gradient {
    cursor: pointer;
    box-shadow: 1px 1px 9px #888888;
    border-radius: 10px;
    background: #e8f9f7;
    /* Old browsers */
    background: -moz-linear-gradient(left, #fce1d9 0%, #ffffff 50%, #b1f2ea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fce1d9 0%, #ffffff 50%, #b1f2ea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fce1d9 0%, #ffffff 50%, #b1f2ea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce1d9', endColorstr='#b1f2ea', GradientType=1);
    /* IE6-9 */
}

    .DisciplineTPTBL .gradient img {
        display: block;
        margin: auto;
    }

.DisciplineTPTBL.table-bordered > tbody > tr > td,
.DisciplineTPTBL.table-bordered > tbody > tr > th,
.DisciplineTPTBL.table-bordered > tfoot > tr > td,
.DisciplineTPTBL.table-bordered > tfoot > tr > th,
.DisciplineTPTBL.table-bordered > thead > tr > td,
.DisciplineTPTBL.table-bordered > thead > tr > th {
    border: none;
}

.DisciplineTPTBL {
    border: none;
}

.DisciplineTP .bg-color-impact2::-webkit-scrollbar {
    width: 20px;
}

.DisciplineTP .bg-color-impact2::-webkit-scrollbar-track {
    background: #ffffff;
}

.DisciplineTP .bg-color-impact2::-webkit-scrollbar-thumb {
    background: #29b6ee;
}

    .DisciplineTP .bg-color-impact2::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/** NEW ACCORDION START **/
.TrainingProgram-accordion {
    padding: 15px;
    padding-top: 0px;
}

    .TrainingProgram-accordion .panel-heading {
        background: #003366;
        padding: 0px;
        border-radius: 0px;
    }

    .TrainingProgram-accordion .panel-title a {
        font-weight: normal;
        padding: 15px 15px;
        display: block;
        background: #003366;
        font-size: 18px;
    }

    .TrainingProgram-accordion .panel-body {
        padding: 0;
        border: 1px #ddd solid;
    }

    .TrainingProgram-accordion.DisciplineTP .panel-title {
        padding: 0px;
    }

    .TrainingProgram-accordion.DisciplineTP .panel-default {
        padding: 0px;
    }

    .TrainingProgram-accordion .nav-pills {
        background: #f2f2f2;
    }

        .TrainingProgram-accordion .nav-pills .nav-link.active {
            background: var(--slb-deep-blue);
            color: #fff;
        }

        .TrainingProgram-accordion .nav-pills .nav-link {
            text-decoration: none;
        }

            .TrainingProgram-accordion .nav-pills .nav-link:hover {
                text-decoration: none;
            }

.NavTab-inner {
    border-top: none;
    padding: 0px 0px 15px 0px;
}

.TrainingProgram-accordion .tab-pane {
    padding-left: 15px;
    padding-right: 15px;
}

.TrainingProgram-accordion .nav-pills li a {
    border-radius: 0;
    background: #f2f2f2;
    color: #333;
    font-size: 14px;
    padding: 12px 14px 12px 15px;
}

    .TrainingProgram-accordion .nav-pills li a:hover {
        background: #e4e4e4;
        color: #333;
    }

.TrainingProgram-accordion .nav-pills li.active a {
    background: var(--slb-deep-blue);
    color: #fff;
}

.TrainingProgram-accordion .panel-group {
    margin-bottom: 40px;
}

.TrainingProgram-accordion .panel-default {
    margin-bottom: 5px;
}

.TrainingProgram-accordion .nav-pills li {
    margin-left: 0px;
    border-right: 1px #ccc solid;
}

.TrainingProgram-accordion .NavTab-inner {
    /* max-height:350px;
overflow-y:auto;
overflow-x:hidden; */
}

    .TrainingProgram-accordion .NavTab-inner .nav-pills li.active a::after,
    .TrainingProgram-accordion .NavTab-inner .nav-pills li.active a:hover::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid var(--slb-deep-blue);
        position: absolute;
        top: 44px;
        left: 43%;
    }

.TrainingProgram-accordion .tab-content h3 {
    font-size: 22px;
    margin-top: 20px;
}

.geology-pattern {
    width: 100%;
    margin-top: 0px;
}

.geology-pattern-left {
    width: 24%;
    border-right: 3px transparent solid;
    height: 698px;
}

.geology-pattern-right {
    width: 76%;
    border-left: 12px #ffffff solid;
    position: relative;
}

    .geology-pattern-right::before {
        border-left: 3px #e6e6e6 solid;
        position: absolute;
        content: "";
        height: 100%;
        top: 0px;
        bottom: 0px;
        left: -15px;
    }

.advancedIndiv {
    border-bottom: 1px #efefef solid;
    float: left;
    padding-bottom: 2px;
    margin-top: 10px;
    position: relative;
    width: 100%;
}

    .advancedIndiv.topBox {
        margin-top: 0px;
    }

    .advancedIndiv.bottomBox {
        margin-bottom: 0px;
        border-bottom: none;
    }

    .advancedIndiv a {
        color: #333;
    }

        .advancedIndiv a:hover {
            text-decoration: none;
        }

.leftBox {
    float: left;
    background: var(--slb-grey-1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    /* border-radius: 5px; */
    height: 75px;
    /* box-shadow: 0px 3px 3px #cccccc; */
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
    padding: 0px 10px;
}

.rightBox {
    float: left;
    background: var(--slb-grey-3);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    /* border-radius: 5px; */
    height: 75px;
    /* box-shadow: 0px 3px 3px #cccccc; */
    margin-right: 2px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    padding: 0px 10px;
}

.fullBox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    width: 370px;
    * border-radius: 5px;
    */
    /* box-shadow: 0px 3px 3px #cccccc; */
    margin-right: 2px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 16px;
    background: var(--slb-frost-blue-2);
    font-size: 12px;
    padding: 0px 10px;
    float: left;
}

.emptyBox {
    width: 180px;
    height: 75px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    padding: 0px 10px;
    margin-right: 10px;
}

.LeftsideBtn {
    background: var(--slb-blue);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    box-shadow: 0px 0px 5px #a8a8a8;
    width: 120px;
    height: 30px;
    position: absolute;
    font-size: 13px;
    z-index: 1;
}

    .LeftsideBtn img {
        float: right;
        width: 26px;
        margin-top: 2px;
    }

    .LeftsideBtn span {
        color: #fff;
        display: inline-block;
        padding-left: 8px;
        padding-top: 5px;
        width: 93px;
        text-align: center;
    }

.lbtn1 {
    bottom: 10px;
    left: -140px;
}

.lbtn2 {
    bottom: 10px;
    left: -140px;
}

.lbtn3 {
    bottom: 10px;
    left: -140px;
}

.leftArrow0,
.leftArrow1,
.leftArrow2,
.leftArrow3 {
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #5a7894;
}

.leftArrow0 {
    top: 0px;
    left: -22px;
}

.leftArrow1 {
    bottom: -10px;
    left: -22px;
}

.leftArrow2 {
    bottom: -10px;
    left: -22px;
}

.SoftwareIcon {
    width: 40px;
    border-radius: 5px;
    float: right;
    margin-right: 20px;
    margin-top: 19px;
    position: relative;
    left: -13px;
}

    .SoftwareIcon img {
        width: 40px;
        height: 40px;
    }

.bottomDot {
    width: 15px;
    height: 15px;
    background: var(--slb-blue);
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    left: -21px;
}

.topBarCombined {
    background: url(/content/next/images/trainingPrograms/header-course.png) no-repeat;
    width: 376px;
    height: 63px;
    margin-left: 157px;
    margin-bottom: 15px;
    margin-top: -5px;
}

    .topBarCombined div {
        float: left;
        text-align: center;
        font-weight: 500;
        margin-top: 12px;
    }

        .topBarCombined div:first-child {
            width: 132px;
        }

        .topBarCombined div:nth-child(2) {
            width: 122px;
        }

        .topBarCombined div:nth-child(3) {
            width: 120px;
        }

.TrainingProgram-accordion .accordion-itemt.accordion-border {
    margin-top: 5px;
}

.accordion jobProfileTP .accordion-item.accordion-border {
    margin-top: 5px;
}

.accordion-item.projectTP-accordion-border {
    margin-top: 5px;
    border: 1px solid #ddd !important;
}

.projectTP-accordion-border .accordion-button::after {
    display: none !important;
}

#heading-ThemeTP0 .accordion-button::after {
    display: none !important;
}

.TrainingProgram-accordion .panel-title a[aria-expanded="true"] {
    background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_up.png) no-repeat center right;
}

.TrainingProgram-accordion .accordion-header button[aria-expanded="true"] {
    background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_up.png) no-repeat center right;
    color: var(--slb-white);
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
}

.TrainingProgram-accordion .accordion-header button[aria-expanded="false"] {
    background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_down.png) no-repeat center right;
    color: var(--slb-white);
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
}

.TrainingProgram-accordion .accordion-header button:focus {
    box-shadow: none;
}

.TrainingProgram-accordion .panel-title a[aria-expanded="false"] {
    background: var(--slb-blue) url(/content/next/images/trainingPrograms/arrow_accordion_down.png) no-repeat center right;
}
/** NEW ACCORDION END **/
/*Discipline mediaqueries start*/
@media screen and (max-width:1024px) and (min-width:992px) and (orientation: Landscape) {
    .NewHireTP .CustomerOutcomesFlipBox img {
        height: 100%;
    }
}

@media screen and (max-width:1366px) and (min-width:1024px) {
    .NewHireTP .CustomerOutcomesFlipBox img {
        height: 100%;
    }
}
/* Discipline Based Training Program end */
/* Them Based Training Program end */
.nextfdp {
    background: #b1f2ea;
    border-radius: 15px;
    padding: 10px;
}

.FDPObjective-box {
    width: 100%;
    padding: 15px 20px 15px 20px;
    background: var(--slb-grey-1);
    /* border: 1px #aacad8 solid; */
    min-height: 387px;
    /* border-radius: 15px; */
}

    .FDPObjective-box ul {
        margin: 0px;
        margin-left: 20px;
        padding: 0px;
    }

        .FDPObjective-box ul li {
            padding-bottom: 5px;
            line-height: 22px;
        }

            .FDPObjective-box ul li:last-child {
                padding-bottom: 0px;
            }

        .FDPObjective-box ul ul {
            margin: 5px 0px 0px 30px;
        }

            .FDPObjective-box ul ul li:last-child {
                margin-bottom: 0px;
            }

.geology-pattern.FDP-pattern .fullBox,
.geology-pattern.FDP-pattern .leftBox,
.geology-pattern.FDP-pattern .rightBox {
    height: 60px;
    margin-bottom: 25px;
    margin-top: 0px;
    /* box-shadow: 0px 2px 3px #cccccc; */
    color: #111111;
    position: relative;
}

.FDP-pattern .advancedIndiv {
    border: none;
    margin-top: 0px;
}

.FDP-pattern .GreyColor {
    background: var(--slb-grey-1);
}

.FDP-pattern .GreenColor {
    background: var(--slb-grey-2);
}

.FDP-pattern .OrangeColor {
    background: var(--slb-grey-3);
}

.FDP-pattern .VioletColor {
    background: var(--slb-grey-4);
}

.FDB-tab-list {
    margin-top: 0px;
}

    .FDB-tab-list li {
        line-height: 26px;
    }

.FDP-pattern .arrow-sraight::after {
    content: "";
    background: url(/content/next/images/ThemeBasedTrainingProgram/Arrow-01.png) no-repeat center center;
    width: 100%;
    position: absolute;
    height: 24px;
    bottom: -24px;
    left: 0;
}

.FDP-pattern .arrow-cluster-bottom::after {
    content: "";
    background: url(/content/next/images/ThemeBasedTrainingProgram/Arrow-02.png) no-repeat center center;
    width: 100%;
    position: absolute;
    height: 25px;
    bottom: -25px;
    left: 0;
}

.FDP-pattern .arrow-cluster-top::after {
    content: "";
    background: url(/content/next/images/ThemeBasedTrainingProgram/Arrow-03.png) no-repeat center center;
    width: 100%;
    position: absolute;
    height: 25px;
    bottom: -25px;
    width: 193px;
    left: 90px;
}

.FDP-pattern .leftArrow-bottom1,
.FDP-pattern .leftArrow-bottom2 {
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 11px solid var(--slb-grey-5);
    ;
    left: -21px;
}

.FDP-pattern .leftArrow-bottom2 {
    bottom: 25px;
}

.FDP-pattern .lbtn1 {
    bottom: 50%;
}

.FDP-pattern .lbtn2 {
    bottom: 58%;
}

.FDP-pattern .LeftsideBtn {
    border-radius: 25px;
}

    .FDP-pattern .LeftsideBtn span {
        width: 100%;
        padding-left: 0px;
    }

.FDP-pattern .bottomDot {
    bottom: 23px;
}

.GeoScience-Engineerit-table {
    width: 80%;
}

    .GeoScience-Engineerit-table .leftBox,
    .GeoScience-Engineerit-table .rightBox {
        width: 200px;
    }

    .GeoScience-Engineerit-table .fullBox {
        width: 410px;
    }

.GeoEngg-heading {
    float: left;
    width: 200px;
    margin-right: 10px;
}

    .GeoEngg-heading + div {
        margin-right: 0px;
    }

    .GeoEngg-heading h4 {
        text-align: center;
        font-size: 15px;
    }

.FDP-graph {
    position: absolute;
    bottom: 23px;
    left: -330px;
}

.GenEnn-Icon-main {
    width: 100%;
    margin-bottom: 3px;
    margin-top: 8px;
    float: left;
}

.GenEnn-Icon {
    float: left;
    width: 200px;
    text-align: right;
}

    .GenEnn-Icon + div {
        margin-left: 10px;
        text-align: left;
    }

    .GenEnn-Icon img {
        margin-right: 8px;
        cursor: auto;
    }

    .GenEnn-Icon + div img {
        margin-left: 8px;
        margin-right: 0px;
    }

.GeoScience-Engineerit-table .leftBox,
.GeoScience-Engineerit-table .rightBox,
.GeoScience-Engineerit-table .fullBox {
    height: 48px;
}

.Geosciene-icon-representation {
    margin-top: 20px;
    width: 412px;
    float: left;
}

    .Geosciene-icon-representation ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

        .Geosciene-icon-representation ul li {
            list-style: none;
            display: inline-block;
            text-align: center;
            margin-bottom: 20px;
            vertical-align: top;
            font-size: 11px;
            margin-left: 12px;
        }

            .Geosciene-icon-representation ul li img {
                margin-bottom: 5px;
            }

            .Geosciene-icon-representation ul li:first-child {
                margin-left: 0px;
            }
/* Responsive css start */
@media(min-width:1200px) {
    .nextCommon .TrainingProgram-accordion .col-md-6 + div.col-md-6.pl-5 {
        padding-left: 15px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .GeoScience-Engineerit-table {
        width: 100%;
    }

    .geology-pattern-right {
        right: -30px;
        position: relative;
    }

    .geology-pattern-left {
        position: relative;
        left: 30px;
    }

    .topBarCombined {
        width: 342px;
        background-size: contain;
    }

        .topBarCombined div:first-child {
            width: 125px;
        }

        .topBarCombined div:nth-child(2) {
            width: 102px;
        }

        .topBarCombined div:nth-child(3) {
            width: 115px;
        }

    .leftBox,
    .rightBox,
    .emptyBox {
        width: 144px;
        height: 85px;
    }

    .fullBox {
        width: 297px;
        height: 85px;
    }

    .SoftwareIcon {
        left: -10px;
        margin-top: 23px;
    }

    .LeftsideBtn {
        width: 120px;
    }

        .LeftsideBtn span {
            width: 93px;
        }

    .lbtn1,
    .lbtn2,
    .lbtn3 {
        left: -140px;
    }

    .nextCommon .TrainingProgram-accordion .col-md-6 + div.col-md-6.pl-5 {
        padding-left: 50px;
    }

    .TrainingProgram-accordion .nav-pills li a {
        padding: 12px 8px 12px 8px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .advancedIndiv {
        width: 77.5%;
    }

    .topBarCombined {
        margin-left: 175px;
    }

    .TrainingProgram-accordion .panel-collapse .col-md-6 + div.col-md-6 {
        float: left;
        margin-top: 15px;
        padding-left: 15px !important;
    }

    .geology-pattern {
        width: 690px;
        float: left;
    }

    .FDP-graph {
        width: 100%;
        text-align: center;
        position: static;
        float: left;
        margin-bottom: 10px;
    }

        .FDP-graph img {
            display: inline;
        }
}

@media(max-width:767px) {
    .GeoScience-Engineerit-table {
        width: 100%;
    }

        .GeoScience-Engineerit-table.geology-pattern-right {
            position: relative;
            width: 100%;
            border: none;
        }

        .GeoScience-Engineerit-table .geology-pattern-left {
            position: relative;
            left: 30px;
        }

    .GeoEngg-heading {
        width: 154px;
    }

        .GeoEngg-heading h4 {
            font-size: 13px;
            font-weight: 500;
        }

    .GeoScience-Engineerit-table .leftBox,
    .GeoScience-Engineerit-table .rightBox {
        width: 154px;
    }

    .GenEnn-Icon {
        width: 154px;
    }

    .GeoScience-Engineerit-table .fullBox {
        width: 320px;
    }

    .Geosciene-icon-representation {
        width: 100%;
    }

    .FDP-pattern .arrow-cluster-top::after {
        left: 30px;
    }

    .FDP-pattern .LeftsideBtn {
        width: 85px;
        left: -78px;
    }

    .topBarCombined {
        width: 324px;
        background-size: contain;
        margin-left: 0px;
    }

        .topBarCombined div:first-child {
            width: 118px;
            margin-top: 10px;
        }

        .topBarCombined div:nth-child(2) {
            width: 96px;
            margin-top: 10px;
        }

        .topBarCombined div:nth-child(3) {
            width: 110px;
            margin-top: 10px;
        }

    .TrainingProgram-accordion .panel-title a {
        font-size: 16px;
    }

    .geology-pattern-left {
        width: 7%;
    }

    .geology-pattern-right {
        width: 93%;
    }

    .leftBox,
    .rightBox,
    .emptyBox {
        width: 126px;
        font-size: 12px;
        padding: 0px 5px;
        height: 85px;
    }

    .fullBox {
        width: 262px;
        font-size: 12px;
        padding: 0px 5px;
        height: 85px;
    }

    .leftBox ul {
        margin-left: 5px !important;
    }

    .SoftwareIcon {
        margin-right: -18px;
        width: 34px;
        margin-top: 26px;
    }

    .lbtn1,
    .lbtn2,
    .lbtn3 {
        bottom: 30px;
        left: -88px;
        transform: rotate(-90deg);
    }

    .lbtn2 {
        bottom: 55px;
    }

    .lbtn3 {
        bottom: 40px;
    }

    .LeftsideBtn {
        width: 105px;
        height: 23px;
        font-size: 12px;
    }

        .LeftsideBtn span {
            width: 79px;
            padding-left: 0px;
            padding-top: 2px;
        }

        .LeftsideBtn img {
            width: 21px;
        }

    .TrainingProgram-accordion {
        padding-left: 10px;
        padding-right: 10px;
    }

        .TrainingProgram-accordion .panel-collapse .tab-content .col-md-6 + div.col-md-6 {
            padding-left: 15px !important;
            float: left;
            margin-top: 15px;
        }

    .trainingPrograms-dd select {
        color: #333333 !important;
    }

    .geology-pattern {
        width: 320px;
        margin: auto;
    }

    .FDP-pattern.geology-pattern {
        width: 300px;
    }

    .TrainingProgram-accordion .trainingPrograms-dd select {
        background: var(--slb-blue);
        color: #ffffff !important;
    }

 .TrainingProgram-accordion .trainingPrograms-dd select:focus {
        box-shadow: none;
        border: none;
    }    .FDP-graph {
        width: 100%;
        text-align: center;
        position: static;
        float: left;
        margin-bottom: 10px;
    }

        .FDP-graph img {
            display: inline;
        }
}
/* Responsive css end */
/* Them Based Training Program end */
/* Jop Profile Competency Based Training Program start */
.proficiencyLevel img {
    position: absolute;
    left: 7px;
    top: 22px;
}

.proficiencyLevel h5 {
    margin-left: 10px;
}

.JobProfileTp {
    min-height: 500px;
}

.accordion-item.accordion-border {
    border: 1px solid #ddd !important;
}

.JobProfileTp .topContent-box {
    margin-left: 210px;
}

    .JobProfileTp .topContent-box ul {
        margin: 0px;
        padding: 0px;
    }

        .JobProfileTp .topContent-box ul li {
            list-style: none;
            width: 150px;
            height: 135px;
            background: var(--slb-grey-5);
            /* border-radius: 5px; */
            margin-left: 15px;
            float: left;
            position: relative;
            display: table;
            color: #fff;
            padding: 5px 10px;
        }

            .JobProfileTp .topContent-box ul li strong {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                height: 100%;
            }

            .JobProfileTp .topContent-box ul li div {
                margin-top: 5px;
                font-size: 12px;
                line-height: 17px;
            }

            .JobProfileTp .topContent-box ul li:first-child {
                margin-left: 0px;
            }

            .JobProfileTp .topContent-box ul li::after {
                content: "";
                position: absolute;
                width: 10px;
                height: 37px;
                background: url(/content/next/images/jopProfileCompetency/newhire-top-arrow.png) no-repeat;
                bottom: -37px;
                left: 53px;
            }

            .JobProfileTp .topContent-box ul li:first-child::after {
                left: 90px;
            }

            .JobProfileTp .topContent-box ul li:nth-child(2)::after {
                left: 90px;
            }

            .JobProfileTp .topContent-box ul li:nth-child(3)::after {
                left: 50px;
            }

.topContent-box strong div {
    font-weight: normal;
}

.JobProfileTp .middleContent-box {
    float: left;
    margin-top: 10px;
    width: 100%;
    margin-left: 35px;
}

    .JobProfileTp .middleContent-box .leftBoxContent {
        width: 130px;
        float: left;
        margin-top: 5px;
        position: relative;
    }

    .JobProfileTp .middleContent-box .grayBox {
        width: 100%;
        padding: 5px;
        /* border-radius: 7px; */
        background: var(--slb-deep-blue) url(/content/next/images/jopProfileCompetency/icon_Competency_Assessment.svg) no-repeat;
        background-position: 5px center;
        padding-left: 50px;
        color: #ffffff;
        line-height: 15px;
        font-size: 13px;
    }

    .JobProfileTp .middleContent-box .leftBoxContent.pull-right .grayBox {
        background: #8c4549 url(/content/next/images/jopProfileCompetency/icon_Interim_assessment.svg) no-repeat;
        background-position: 7px center;
    }

#foundation .middleContent-box .leftBoxContent .grayBox {
    background: var(--slb-deep-blue) url(/content/next/images/jopProfileCompetency/icon_Interim_assessment.svg) no-repeat;
    background-position: 7px center;
}

#hrefval1 .middleContent-box .leftBoxContent .grayBox {
    background: #8c4549 url(/content/next/images/jopProfileCompetency/icon_Interim_assessment.svg) no-repeat;
    background-position: 7px center;
}

#skill .middleContent-box .leftBoxContent .grayBox {
    background: var(--slb-deep-blue);
    background-image: none;
    padding-left: 5px;
    text-align: center;
}

#hrefval2 .middleContent-box .leftBoxContent .grayBox {
    background: #8c4549;
    background-image: none;
    padding-left: 5px;
    text-align: center;
}

.JobProfileTp .middleContent-box .blueBox {
    width: 100%;
    /* border-radius: 7px; */
    background: var(--slb-grey-2);
    color: var(--slb-black);
    height: 130px;
    margin-top: 5px;
    text-align: center;
    padding: 5px 10px;
}

    .JobProfileTp .middleContent-box .blueBox.greenBox {
        background: var(--slb-grey-2);
    }

    .JobProfileTp .middleContent-box .blueBox div {
        font-size: 13px;
    }

.center-line {
    float: left;
    width: 705px;
    height: 2px;
    background: var(--slb-deep-blue);
    margin-top: 25px;
    margin-left: 25px;
    position: relative;
}

    .center-line::before {
        content: "";
        width: 15px;
        height: 15px;
        background: var(--slb-deep-blue);
        border-radius: 50%;
        position: absolute;
        left: -3px;
        top: -7px;
    }

.JobProfileTp .topContent-box.bottomContent-box {
    margin-top: -117px;
    float: left;
    margin-left: 213px;
}

    .JobProfileTp .topContent-box.bottomContent-box ul li::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 37px;
        background: url(/content/next/images/jopProfileCompetency/newhire-bottom-arrow.png) no-repeat;
        top: -36px;
        bottom: inherit;
        left: 53px;
    }

    .JobProfileTp .topContent-box.bottomContent-box ul li:first-child::after {
        left: 50px;
    }

    .JobProfileTp .topContent-box.bottomContent-box ul li:nth-child(2)::after {
        left: 50px;
    }

    .JobProfileTp .topContent-box.bottomContent-box ul li:nth-child(3)::after {
        left: 90px;
    }

.middle-align {
    display: flex;
    align-items: center;
    justify-content: center;
}

.leftBoxContent .advacence-btn {
    font-size: 12px;
    width: 130px;
    background-color: var(--slb-blue);
    /* border-top-left-radius: 25px; */
    position: absolute;
    /* border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px; */
    margin-bottom: 30px;
    color: #fff;
    padding: 2px 5px 2px 8px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: -35px;
    left: 0px;
    line-height: 26px;
}

    .leftBoxContent .advacence-btn img {
        width: 22px;
        float: right;
        margin-top: 2px;
    }

.JP-proficiencyLevl-section {
    margin-left: 50px;
    margin-right: 50px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 30px;
    margin-bottom: 25px;
}

    .JP-proficiencyLevl-section ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

        .JP-proficiencyLevl-section ul li {
            list-style: none;
            display: inline-block;
            text-align: center;
            width: 175px;
        }

            .JP-proficiencyLevl-section ul li div {
                width: 60px;
                height: 60px;
                background: var(--slb-grey-1);
                border-radius: 50%;
                color: #333333;
                font-size: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto;
                margin-bottom: 10px;
                border: 1px var(--slb-grey-2) solid;
                position: relative;
            }

                .JP-proficiencyLevl-section ul li div.active {
                    background: var(--slb-blue);
                    border: 1px var(--slb-blue) solid;
                    color: #ffffff;
                }

                .JP-proficiencyLevl-section ul li div::after {
                    content: "";
                    width: 115px;
                    height: 1px;
                    position: absolute;
                    border-top: 1px #999 dashed;
                    width: 116px;
                    left: 60px;
                }

            .JP-proficiencyLevl-section ul li:last-child div::after {
                display: none;
            }

.JobProfileTp .objectiveWrapper {
    text-align: center;
}

.JobProfileTp .objective-wrapper h5 {
    font-size: 16px;
}

#foundation .topContent-box li:nth-child(2) {
    width: 480px;
}

#hrefval1 .topContent-box li:nth-child(2) {
    width: 480px;
}

#foundation .topContent-box li:nth-child(2)::after {
    left: 155px;
}

#hrefval1 .topContent-box li:nth-child(2)::after {
    left: 155px;
}

#foundation .topContent-box.bottomContent-box li {
    width: 150px;
}

#hrefval1 .topContent-box.bottomContent-box li {
    width: 150px;
}

#foundation .topContent-box.bottomContent-box li:nth-child(2)::after {
    left: 50px;
}

#hrefval1 .topContent-box.bottomContent-box li:nth-child(2)::after {
    left: 50px;
}

#skill .topContent-box li {
    width: 318px;
}

#hrefval2 .topContent-box li {
    width: 318px;
}

#skill .topContent-box li::after {
    left: 157px;
}

#hrefval2 .topContent-box li::after {
    left: 157px;
}

#skill .topContent-box.bottomContent-box li {
    margin-left: 160px;
}

#hrefval2 .topContent-box.bottomContent-box li {
    margin-left: 160px;
}
/* Responsive CSS start */
@media screen and (min-width:992px) and (max-width:1199px) {
    .JobProfileTp .topContent-box ul li {
        width: 135px;
    }

    .JobProfileTp .topContent-box.bottomContent-box {
        margin-top: -144px;
    }

    .JobProfileTp .topContent-box {
        margin-left: 158px;
    }

        .JobProfileTp .topContent-box.bottomContent-box {
            margin-left: 168px;
        }

    .JobProfileTp .middleContent-box .leftBoxContent.rightBoxContent {
        margin-right: 0px;
        top: -27px;
    }

    .leftBoxContent .advacence-btn {
        top: -35px;
    }

    .JP-proficiencyLevl-section ul li {
        width: 160px;
    }

    #foundation .topContent-box li:nth-child(2) {
        width: 400px;
    }

    #foundation .topContent-box.bottomContent-box li {
        width: 150px;
    }

    #skill .topContent-box li {
        width: 270px;
    }

    .tpTab-width-truncate {
        display: inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 130px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .JP-proficiencyLevl-section ul li {
        width: 120px;
    }

    .TrainingProgram-accordion .jobProfileTP .nav-pills li a {
        padding-left: 7px;
        padding-right: 7px;
    }

    .TrainingProgram-accordion .jobProfileTP .nav-pills li:last-child {
        border-right: 0px;
    }

    .awarness-mobile-layout {
        width: 320px;
        margin: auto;
        color: #fff;
    }

        .awarness-mobile-layout .topbox-main {
            width: 100%;
            margin: auto;
        }

        .awarness-mobile-layout .grayBox {
            width: 100%;
            padding: 5px;
            border-radius: 7px;
            background: #8c4549 url(/content/next/images/jopProfileCompetency/icon_Competency_Assessment.svg) no-repeat;
            background-position: 72px center;
            padding-left: 50px;
            color: #ffffff;
            line-height: 15px;
            font-size: 13px;
            width: 100%;
            float: left;
            padding-top: 15px;
            padding-bottom: 15px;
            text-align: center;
            font-size: 14px;
        }

        .awarness-mobile-layout .blueBox {
            width: 100%;
            border-radius: 7px;
            background: #1b7099;
            color: #ffffff;
            margin-top: 5px;
            text-align: center;
            padding: 5px 10px;
            float: right;
        }

            .awarness-mobile-layout .blueBox > span {
                margin-top: 0px !important;
            }

                .awarness-mobile-layout .blueBox > span + div {
                    margin-top: 5px;
                }

        .awarness-mobile-layout .vertical-Leftmain {
            float: left;
            width: 135px;
        }

            .awarness-mobile-layout .vertical-Leftmain ul,
            .awarness-mobile-layout .vertical-Rightmain ul {
                margin: 0px;
                padding: 0px;
                margin-top: 30px;
            }

                .awarness-mobile-layout .vertical-Leftmain ul li,
                .awarness-mobile-layout .vertical-Rightmain ul li {
                    list-style: none;
                    width: 100%;
                    min-height: 135px;
                    background: #093a4b;
                    border-radius: 5px;
                    position: relative;
                    display: table;
                    color: #fff;
                    padding: 5px 10px;
                    margin-bottom: 15px;
                    font-weight: normal;
                }

        .awarness-mobile-layout .verticalLine {
            margin: 15px 23px 0px 24px;
        }

        .awarness-mobile-layout .vertical-Rightmain {
            float: left;
            width: 135px;
        }

        .awarness-mobile-layout .verticalLine {
            width: 3px;
            height: 670px;
            background: #765949;
            float: left;
            position: relative;
        }

            .awarness-mobile-layout .verticalLine::before {
                content: "";
                width: 15px;
                height: 15px;
                background: #bf0d0d;
                border-radius: 50%;
                position: absolute;
                top: -7px;
                left: -6px;
            }

        .awarness-mobile-layout .vertical-Leftmain ul li strong div,
        .awarness-mobile-layout .vertical-Rightmain ul li strong div {
            font-weight: normal;
            font-size: 12px;
        }

        .awarness-mobile-layout .vertical-Leftmain ul li strong,
        .awarness-mobile-layout .vertical-Rightmain ul li strong {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 100%;
        }

        .awarness-mobile-layout .bottombox-main {
            width: 100%;
            margin: auto;
            float: left;
            margin-top: -35px;
        }

        .awarness-mobile-layout .advacence-btn {
            font-size: 12px;
            width: 130px;
            background-color: #3795fb;
            border-top-left-radius: 25px;
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
            margin-bottom: 5px;
            color: #fff;
            padding: 2px 5px 1px 8px;
            text-align: center;
            line-height: 26px;
            float: right;
        }

            .awarness-mobile-layout .advacence-btn img {
                width: 24px;
                float: right;
            }

    .JobProfileTp {
        min-height: inherit;
    }

        .jobProfileTP .NavTab-inner.pb-4 {
            padding-bottom: 0px;
        }

    .awarness-mobile-layout .vertical-Leftmain ul li::after {
        content: "";
        position: absolute;
        width: 23px;
        height: 10px;
        background: url(/content/next/images/jopProfileCompetency/newhire-left-arrow.png) no-repeat center right;
        top: 0;
        right: -23px;
    }

    .awarness-mobile-layout .vertical-Rightmain ul li::after {
        content: "";
        position: absolute;
        width: 23px;
        height: 10px;
        background: url(/content/next/images/jopProfileCompetency/newhire-right-arrow.png) no-repeat center left;
        top: 0;
        left: -23px;
    }

    #awareness .awarness-mobile-layout .vertical-Leftmain ul li::after {
        top: 40px;
    }

    #awareness .awarness-mobile-layout .vertical-Leftmain ul li:nth-child(3)::after {
        top: inherit;
        bottom: 40px;
    }

    #awareness .awarness-mobile-layout .vertical-Rightmain ul li::after {
        bottom: 40px;
        top: inherit;
    }

    #awareness .awarness-mobile-layout .vertical-Rightmain ul li:nth-child(3)::after {
        bottom: inherit;
        top: 40px;
    }

    #awareness .awarness-mobile-layout .vertical-Rightmain ul li:nth-child(4)::after {
        bottom: inherit;
        top: 62px;
    }

    #foundation .awarness-mobile-layout .vertical-Leftmain ul li::after {
        top: 40px;
    }

    #foundation .awarness-mobile-layout .vertical-Leftmain ul li:last-child::after {
        top: 62px;
    }

    #foundation .awarness-mobile-layout .vertical-Rightmain ul li::after {
        bottom: 40px;
        top: inherit;
    }

    #foundation .verticalLine {
        width: 3px;
        height: 465px;
        background: #765949;
        float: left;
        position: relative;
    }

    #foundation .bottombox-main {
        margin-top: 0px;
    }

    #skill .awarness-mobile-layout .vertical-Leftmain ul li::after {
        bottom: 40px;
        top: inherit;
    }

    #skill .awarness-mobile-layout .vertical-Rightmain ul li::after {
        top: 40px;
    }

    #skill .verticalLine {
        width: 3px;
        height: 315px;
        background: #765949;
        float: left;
        position: relative;
    }

    #skill .bottombox-main {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .TrainingProgram-accordion .trainingPrograms-dd select {
        background: var(--slb-blue);
        color: #ffffff !important;
    }
}

@media(max-width:767px) {
    .JP-proficiencyLevl-section ul li {
        width: 62px;
        font-size: 12px;
    }

        .JP-proficiencyLevl-section ul li div {
            width: 45px;
            height: 45px;
        }

    .JP-proficiencyLevl-section {
        margin-left: 0px;
        margin-right: 0px;
    }

    .TrainingProgram-accordion {
        padding-left: 0px;
        padding-right: 0px;
    }

    .TrainingProgram-accordion .accordion-item {
        background-color: var(--bs-white) !important;
    }

    .JP-proficiencyLevl-section ul li div::after {
        width: 20px;
        left: 45px;
    }

    .awarness-mobile-layout {
        width: 320px;
        margin: auto;
        color: #fff;
    }

        .awarness-mobile-layout .topbox-main {
            width: 100%;
            margin: auto;
        }

        .awarness-mobile-layout .grayBox {
            width: 100%;
            padding: 5px;
            border-radius: 7px;
            background: #8c4549 url(/content/next/images/jopProfileCompetency/icon_Competency_Assessment.svg) no-repeat;
            background-position: 72px center;
            padding-left: 50px;
            color: #ffffff;
            line-height: 15px;
            font-size: 13px;
            width: 100%;
            float: left;
            padding-top: 15px;
            padding-bottom: 15px;
            text-align: center;
            font-size: 14px;
        }

        .awarness-mobile-layout .blueBox {
            width: 100%;
            border-radius: 7px;
            background: #1b7099;
            color: #ffffff;
            margin-top: 5px;
            text-align: center;
            padding: 5px 10px;
            float: right;
        }

            .awarness-mobile-layout .blueBox > span {
                margin-top: 0px !important;
            }

                .awarness-mobile-layout .blueBox > span + div {
                    margin-top: 5px;
                }

        .awarness-mobile-layout .vertical-Leftmain {
            float: left;
            width: 135px;
        }

            .awarness-mobile-layout .vertical-Leftmain ul,
            .awarness-mobile-layout .vertical-Rightmain ul {
                margin: 0px;
                padding: 0px;
                margin-top: 30px;
            }

                .awarness-mobile-layout .vertical-Leftmain ul li,
                .awarness-mobile-layout .vertical-Rightmain ul li {
                    list-style: none;
                    width: 100%;
                    min-height: 135px;
                    background: #093a4b;
                    border-radius: 5px;
                    position: relative;
                    display: table;
                    color: #fff;
                    padding: 5px 10px;
                    margin-bottom: 15px;
                    font-weight: normal;
                }

        .awarness-mobile-layout .verticalLine {
            margin: 15px 23px 0px 24px;
        }

        .awarness-mobile-layout .vertical-Rightmain {
            float: left;
            width: 135px;
        }

        .awarness-mobile-layout .verticalLine {
            width: 3px;
            height: 670px;
            background: #765949;
            float: left;
            position: relative;
        }

            .awarness-mobile-layout .verticalLine::before {
                content: "";
                width: 15px;
                height: 15px;
                background: #bf0d0d;
                border-radius: 50%;
                position: absolute;
                top: -7px;
                left: -6px;
            }

        .awarness-mobile-layout .vertical-Leftmain ul li strong div,
        .awarness-mobile-layout .vertical-Rightmain ul li strong div {
            font-weight: normal;
            font-size: 12px;
        }

        .awarness-mobile-layout .vertical-Leftmain ul li strong,
        .awarness-mobile-layout .vertical-Rightmain ul li strong {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 100%;
        }

        .awarness-mobile-layout .bottombox-main {
            width: 100%;
            margin: auto;
            float: left;
            margin-top: -35px;
        }

        .awarness-mobile-layout .advacence-btn {
            font-size: 12px;
            width: 130px;
            background-color: #3795fb;
            border-top-left-radius: 25px;
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
            margin-bottom: 5px;
            color: #fff;
            padding: 2px 5px 1px 8px;
            text-align: center;
            line-height: 26px;
            float: right;
        }

            .awarness-mobile-layout .advacence-btn img {
                width: 24px;
                float: right;
            }

    .JobProfileTp {
        min-height: inherit;
    }

        .jobProfileTP .NavTab-inner.pb-4 {
            padding-bottom: 0px;
        }

    .awarness-mobile-layout .vertical-Leftmain ul li::after {
        content: "";
        position: absolute;
        width: 23px;
        height: 10px;
        background: url(/content/next/images/jopProfileCompetency/newhire-left-arrow.png) no-repeat center right;
        top: 0;
        right: -23px;
    }

    .awarness-mobile-layout .vertical-Rightmain ul li::after {
        content: "";
        position: absolute;
        width: 23px;
        height: 10px;
        background: url(/content/next/images/jopProfileCompetency/newhire-right-arrow.png) no-repeat center left;
        top: 0;
        left: -23px;
    }

    #awareness .bottombox-main .grayBox {
        background: #8c4549 url(/content/next/images/jopProfileCompetency/icon_Interim_assessment.svg) no-repeat 75px center;
    }

    #foundation .topbox-main .grayBox {
        background: #8c4549 url(/content/next/images/jopProfileCompetency/icon_Interim_assessment.svg) no-repeat 72px center;
    }

    #foundation .bottombox-main .grayBox {
        background: #8c4549 url(/content/next/images/jopProfileCompetency/icon_Interim_assessment.svg) no-repeat 75px center;
    }

    #skill .topbox-main .grayBox,
    #skill .bottombox-main .grayBox {
        background: #8c4549;
        background-image: none;
    }

    #awareness .awarness-mobile-layout .vertical-Leftmain ul li::after {
        top: 40px;
    }

    #awareness .awarness-mobile-layout .vertical-Leftmain ul li:nth-child(3)::after {
        top: inherit;
        bottom: 40px;
    }

    #awareness .awarness-mobile-layout .vertical-Rightmain ul li::after {
        bottom: 40px;
        top: inherit;
    }

    #awareness .awarness-mobile-layout .vertical-Rightmain ul li:nth-child(3)::after {
        bottom: inherit;
        top: 40px;
    }

    #awareness .awarness-mobile-layout .vertical-Rightmain ul li:nth-child(4)::after {
        bottom: inherit;
        top: 62px;
    }

    #foundation .awarness-mobile-layout .vertical-Leftmain ul li::after {
        top: 40px;
    }

    #foundation .awarness-mobile-layout .vertical-Leftmain ul li:last-child::after {
        top: 62px;
    }

    #foundation .awarness-mobile-layout .vertical-Rightmain ul li::after {
        bottom: 40px;
        top: inherit;
    }

    #foundation .verticalLine {
        width: 3px;
        height: 465px;
        background: #765949;
        float: left;
        position: relative;
    }

    #foundation .bottombox-main {
        margin-top: 0px;
    }

    #skill .awarness-mobile-layout .vertical-Leftmain ul li::after {
        bottom: 40px;
        top: inherit;
    }

    #skill .awarness-mobile-layout .vertical-Rightmain ul li::after {
        top: 40px;
    }

    #skill .verticalLine {
        width: 3px;
        height: 315px;
        background: #765949;
        float: left;
        position: relative;
    }

    #skill .bottombox-main {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .accordion-item.projectTP-accordion-border {
        background-color: var(--bs-white) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .accordion-item.projectTP-accordion-border {
        background-color: var(--bs-white) !important;
    }
    #methodology-approach.dropdown-theme-TabletMobile:focus {
        background-color: var(--slb-blue) !important;
    }
    .lSolution select#tabselector {
        background: var(--slb-blue) none repeat scroll 0 0 !important;
    }
}
/* Responsive CSS end */
/* Jop Profile Competency Based Training Program end */
/* Oilsim Page start */
/* Oilsim overview start */
.OilsimOverview .OilsimOverview-img img {
    margin-top: -60px;
}

.OilsimOverview {
    background: url(/content/next/images/oilsim/img_oilsim_wave.png) no-repeat center 80px;
    background-size: cover;
}
/* Oilsim overview end */
/* Learning by Doing section start */
.LearningByDoing {
    background: url(/content/next/images/oilsim/img_bg_learning_doing.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #dae8f5;
}
/* Learning by Doing section end */
/* Oilsim Stages and decision gates start */
.oilsimStages {
    background: url(/content/next/images/oilsim/Img_Oilsim_stages_bg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    .oilsimStages ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .oilsimStages ul li {
            color: #ffffff;
            position: absolute;
            left: 0px;
        }

            .oilsimStages ul li:nth-child(2) {
                top: 157px;
                left: 239px;
            }

            .oilsimStages ul li:nth-child(3) {
                top: 242px;
                left: 388px;
            }

            .oilsimStages ul li:nth-child(4) {
                top: 157px;
                left: 527px;
            }

            .oilsimStages ul li:nth-child(5) {
                top: 242px;
                left: 674px;
            }

            .oilsimStages ul li:nth-child(6) {
                top: 157px;
                left: 823px;
            }

            .oilsimStages ul li:nth-child(7) {
                top: 242px;
                left: 976px;
            }

            .oilsimStages ul li span {
                display: block;
                color: #ffffff;
                margin-bottom: 12px;
            }

.oilsimStages-images {
    margin-top: 50px;
    margin-bottom: 70px;
    position: relative;
}

    .oilsimStages-images ul li span img {
        visibility: hidden;
    }
/* Oilsim Stages and decision gates end */
/* Interactive Training Courses start */
.OilsimTrainingCourses {
    background: url(/content/next/images/oilsim/Img_Section_06_BG.jpg);
    background-position: 100% 70%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 700px;
}

    .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a {
        font-size: 18px;
    }

    .OilsimTrainingCourses .EnhancingOrg-section .left-sect .icon-bg {
        padding: 17px 30px;
        width: 150px;
    }

    .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a {
        border-radius: 45px;
    }

        .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a strong {
            position: absolute;
            right: 60px;
            top: 34px;
        }

            .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a strong img {
                position: absolute;
            }

                .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a strong img.arrow-blue {
                    opacity: 1;
                    transition: opacity 0.5s linear;
                }

                .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a strong img.arrow-white {
                    opacity: 0;
                    transition: opacity 0.5s linear;
                }

        .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a:hover strong img.arrow-white {
            opacity: 1;
            transition: opacity 0.5s linear;
        }

        .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a:hover strong img.arrow-blue {
            opacity: 0;
            transition: opacity 0.5s linear;
        }

    .OilsimTrainingCourses .EnhancingOrg-section .left-sect.right-sect .icon-bg-content {
        left: 173px;
        top: 33px;
    }

.OilsimCourse-right {
    width: 235px;
    height: 235px;
    position: relative;
}

    .OilsimCourse-right img {
        border-radius: 50%;
        /* box-shadow: 0 0 10px 2px #41648b; */
    }

.OilsimTrainingCourses .EnhancingOrg-section {
    padding-top: 73px;
}

.OilsimCourse-right div {
    position: absolute;
    left: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    height: 100%;
    color: #ffffff;
    font-size: 22px;
    line-height: 28px;
}
/* Interactive Training Courses end */
/* Oilsim Petrochallenge start */
.OilsimPetrochallenge {
    background: #fff url(/content/next/images/oilsim/img_petrochallenge.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
    height: 620px;
    margin-top: -25px;
}

@media only screen and (max-width: 992px) {
    .OilsimPetrochallenge {
        margin-top: 139px;
    }

    .OilsimCourse-right {
        margin: auto;
    }
}

@media only screen and (max-width: 600px) {
    .OilsimTrainingCourses {
        height: 850px !important;
    }

        .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a {
            font-size: 16px;
        }

            .OilsimTrainingCourses .EnhancingOrg-section .left-sect li a strong {
                right: 31px;
            }
}

.oilsimPetro-logo {
    margin-top: 200px;
    margin-bottom: 20px;
    ;
}

.oilsim-petro-boxContent {
    /* background-color:rgba(17, 35, 81, 0.85); */
    /*width: 720px;*/
    color: #ffffff;
    margin: auto;
    padding: 0px 30px 50px;
    border-radius: 8px;
}

    .oilsim-petro-boxContent h3 {
        font-size: 18px;
        color: #ffffff;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .oilsim-petro-boxContent p {
        color: #ffffff;
    }

.OilSimBanner img {
    margin-bottom: 10px;
}
/* Oilsim Petrochallenge end */
/* About Oilsim simulator start */
.AboutOilsimSimulator {
    /* background: url(/content/next/images/oilsim/Img_Section_05_BG.jpg); */
    background: var(--slb-grey-1);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    .AboutOilsimSimulator .FiveCircle .myVideo-pg {
        background: url("/content/next/images/TrainingPrograms/animation_background_training.png") no-repeat;
        background-position: 0px 5px !important;
        background-size: contain;
        height: 474px;
        padding: 15px;
    }

    .AboutOilsimSimulator .FiveCircle .video-wrapper {
        border-radius: 23px;
        overflow: hidden;
        margin-top: 6px;
    }

    .AboutOilsimSimulator .oilsimProgramList li {
        /* padding-bottom: 42px;
	padding-top:10px; */
        font-size: 15px;
        position: relative;
        color: #ffffff;
    }

        .AboutOilsimSimulator .oilsimProgramList li span {
            display: block;
            font-size: 14px;
            padding-top: 10px;
            /*  display: none; */
        }

        .AboutOilsimSimulator .oilsimProgramList li.active span {
            display: flex;
        }

        .AboutOilsimSimulator .oilsimProgramList li:nth-child(1)::before {
            background: url("/content/next/images/oilsim/icon_abtOilsim_1.png") no-repeat 11px 11px;
            border-radius: 50%;
            background-color: var(--slb-blue);
            border: 1px var(--slb-blue) solid;
        }

        .AboutOilsimSimulator .oilsimProgramList li:nth-child(2)::before {
            background: url("/content/next/images/oilsim/icon_abtOilsim_2.png") no-repeat 12px 10px;
            top: 0px;
            border-radius: 50%;
            background-color: var(--slb-blue);
            border: 1px var(--slb-blue) solid;
            top: 12px;
        }

        .AboutOilsimSimulator .oilsimProgramList li:nth-child(3)::before {
            background: url("/content/next/images/oilsim/icon_abtOilsim_3.png") no-repeat 11px 12px;
            top: 0px;
            border-radius: 50%;
            background-color: var(--slb-blue);
            border: 1px var(--slb-blue) solid;
            top: 12px;
        }

        .AboutOilsimSimulator .oilsimProgramList li:nth-child(4)::before {
            background: url("/content/next/images/oilsim/icon_abtOilsim_4.png") no-repeat 12px 19px;
            top: 0px;
            border-radius: 50%;
            background-color: var(--slb-blue);
            border: 1px var(--slb-blue) solid;
            top: 12px;
        }

        .AboutOilsimSimulator .oilsimProgramList li:nth-child(5)::before {
            background: url("/content/next/images/oilsim/icon_abtOilsim_5.png") no-repeat 10px 13px;
            top: 0px;
            border-radius: 50%;
            background-color: var(--slb-blue);
            border: 1px var(--slb-blue) solid;
            top: 12px;
        }

        .AboutOilsimSimulator .oilsimProgramList li::before {
            content: " ";
            position: absolute;
            width: 55px;
            height: 55px;
            left: -45px;
            top: 15px;
        }

    .AboutOilsimSimulator .oilsimProgramList .contct-btn {
        position: absolute;
        left: 37px;
    }

#oilsimSlider {
    background: url(/content/next/images/oilsim/About-oilsim_image.png);
    background-repeat: no-repeat;
    background-position: 75%;
    background-size: contain;
}

.AboutOilsimSimulator #oilsimSlider .staticConent {
    position: relative;
    top: 10px;
    left: auto;
    right: auto;
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 30px;
}

.AboutOilsimSimulator #oilsimSlider .carousel-inner {
    margin-top: 60px;
    left: -20px;
}

.AboutOilsimSimulator #oilsimSlider .staticConent li {
    text-indent: inherit;
    white-space: normal;
    width: 330px !important;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    min-height: 54px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 1px;
    font-size: 14px;
    border: 1px solid #555;
    /* border-radius: 60px; */
    padding: 25px;
    height: 85px;
    background: #fff;
    color: #000;
    pointer-events: none;
}

    .AboutOilsimSimulator #oilsimSlider .staticConent li:last-child {
        margin-bottom: 0px;
        display: none;
    }

@media only screen and (min-width: 992px) {
    .oilsimSimulator .carousel.slide {
        margin-top: 50px;
    }
}

@media screen and (max-width:991px) and (min-width: 768px) {
    .oilsimSimulator .carousel.slide .carousel-inner .item img,
    #Kansas .carousel.slide .carousel-inner .item img {
        margin: 0 auto;
    }

    #oilsimSlider .staticConent {
        margin: 0 auto;
    }

    .oilsimSimulator .oilsimProgramList {
        top: 0 !important;
    }
}

@media screen and (max-width:768px) {
    .oilsimSimulator {
        padding-bottom: 100px;
    }

    .AboutOilsimSimulator #oilsimSlider .staticConent li {
        margin: auto;
    }

    #oilsimSlider .staticConent li:first-child {
        margin: auto;
    }

    .AboutOilsimSimulator #oilsimSlider .carousel-inner {
        margin-top: 0px;
    }

        .AboutOilsimSimulator #oilsimSlider .carousel-inner .item img {
            margin-left: 20px;
        }

    .SearchHeader .form__element .search_icon {
        width: 8%;
    }
}

@media screen and (max-width:600px) and (min-width: 300px) {
    .oilsimSimulator .content .hw-img {
        bottom: -60px !important;
    }

    .oilsimSimulator h2 {
        padding-top: 100px;
    }

    .oilsimSimulator .left-container {
        height: 650px;
    }

    .AboutOilsimSimulator #oilsimSlider .staticConent li {
        width: 307px !important;
    }
}

.oilsimSimulator .carousel-inner {
    overflow: inherit;
}

.oilsimSimulator .left-container {
    width: 100%;
    height: 570px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position: relative;
}

.oilsimSimulator .content {
    padding-top: 55px;
    padding-left: 55px;
    color: #ffffff;
}

    .oilsimSimulator .content h3 {
        font-size: 18px;
        text-align: left;
    }

    .oilsimSimulator .content p {
        width: 50%;
    }

    .oilsimSimulator .content .hw-img {
        position: absolute;
        right: 30px;
        width: 45%;
        bottom: 0px;
    }

    .oilsimSimulator .content .hw-logo {
        right: 43px;
        position: absolute;
        top: -45px;
    }

.oilsimSimulator .item ul {
    margin: 20px 0px 0px 18px;
    padding: 0px;
    text-align: left;
    width: 50%;
}

    .oilsimSimulator .item ul li {
        margin-bottom: 10px;
    }

        .oilsimSimulator .item ul li a {
            color: #ffffff;
        }

#oilsimSlider div.item:first-child .hw-img {
    width: 55%;
}

#oilsimSlider div.item:last-child .hw-img {
    width: 60%;
    bottom: 120px;
}

a.underline-link {
    color: #fff;
    text-decoration: underline;
}

a:hover.underline-link {
    text-decoration: none;
}
/* RESPONSIVE STYLE START */
@media(min-width:768px) and (max-width:991px) {
    #oilsimSlider .staticConent {
        max-width: inherit;
        padding-left: 0px;
        position: static;
        text-align: center;
    }

        #oilsimSlider .staticConent li {
            width: auto !important;
            padding-left: 55px;
            margin-left: 30px;
            padding-bottom: 8px;
        }

            #oilsimSlider .staticConent li:first-child {
                /* margin-left:0px; */
            }

    .oilsimSimulator .oilsimProgramList li::before {
        left: 0px;
    }

    #oilsimSlider .col-sm-12.col-md-8 {
        margin-top: 0px;
    }

    .oilsimSimulator {
        padding-bottom: 0px;
    }
}

@media(max-width:767px) {
    #oilsimSlider .staticConent {
        max-width: inherit;
        padding-left: 0px;
        position: static;
        text-align: left;
    }

        #oilsimSlider .staticConent li {
            width: auto !important;
            padding-left: 55px;
            padding-bottom: 8px;
        }

            #oilsimSlider .staticConent li:first-child {
            }

    .UniversityProgram .oilsimProgramList li::before {
        left: 0px;
    }

    #oilsimSlider .col-sm-12.col-md-8 {
        margin-top: 0px;
        width: 100%;
    }

    .oilsimSimulator .content .hw-img {
        position: static;
    }

    .oilsimSimulator .content {
        left: 15px;
    }

        .oilsimSimulator .content p {
            width: auto;
            padding-top: 30px;
            padding-right: 15px;
        }

    .oilsimSimulator .left-container {
        height: 610px;
    }

    .oilsimSimulator {
        padding-bottom: 0px;
    }
}
/* RESPONSIVE STYLE END */
/* About Oilsim simulator end */
/*Oilsim Page end*/
/** CMS NEW STYLE START **/
.ApproachMethodology {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

    .ApproachMethodology .col-md-6,
    .ApproachMethodology .col-md-3 {
        border: 1px #ccc solid;
    }

#ApproachMethodologySlider ul.carousel-indicators {
    position: static;
    margin-left: 0px;
    width: 100%;
    text-align: left;
    left: inherit;
}

#ApproachMethodologySlider .cmsHeaders {
    float: left;
    width: 50%;
}

#ApproachMethodologySlider .carousel-inner {
    float: left;
    width: 50%;
}

#ApproachMethodologySlider ul.carousel-indicators li {
    width: 50px;
    height: 45px;
    text-indent: inherit;
    border: none;
    position: absolute;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

    #ApproachMethodologySlider ul.carousel-indicators li a {
        display: inline;
        padding: 0px;
        background: none;
    }

    #ApproachMethodologySlider ul.carousel-indicators li span {
        position: absolute;
        font-size: 13px;
    }

        #ApproachMethodologySlider ul.carousel-indicators li span strong {
            display: block;
            font-size: 24px;
            line-height: 24px;
        }

    #ApproachMethodologySlider ul.carousel-indicators li:first-child span {
        background: url("/content/next/images/cms/line1.png") left bottom no-repeat;
        width: 164px;
        height: 63px;
        left: -152px;
        top: -62px;
        color: #989ce4;
    }

    #ApproachMethodologySlider ul.carousel-indicators li.active:first-child span {
        background: url("/content/next/images/cms/line1_active.png") left bottom no-repeat;
        width: 171px;
        height: 64px;
        left: -152px;
        top: -62px;
        color: var(--slb-black);
        z-index: 1;
    }

    #ApproachMethodologySlider ul.carousel-indicators li:nth-child(2) span {
        background: url("/content/next/images/cms/line2.png") -10px bottom no-repeat;
        width: 164px;
        height: 58px;
        left: -162px;
        top: -43px;
        color: #686ed5;
    }

    #ApproachMethodologySlider ul.carousel-indicators li.active:nth-child(2) span {
        background: url("/content/next/images/cms/line2_active.png") -10px bottom no-repeat;
        width: 175px;
        height: 63px;
        left: -162px;
        top: -43px;
        color: var(--slb-black);
        z-index: 1;
    }

    #ApproachMethodologySlider ul.carousel-indicators li:nth-child(3) span {
        background: url("/content/next/images/cms/line3.png") -8px bottom no-repeat;
        width: 164px;
        height: 48px;
        left: -170px;
        top: -17px;
        color: #6167c5;
    }

    #ApproachMethodologySlider ul.carousel-indicators li.active:nth-child(3) span {
        background: url("/content/next/images/cms/line3_active.png") -8px bottom no-repeat;
        width: 175px;
        height: 54px;
        left: -170px;
        top: -17px;
        color: var(--slb-black);
        z-index: 1;
    }

    #ApproachMethodologySlider ul.carousel-indicators li:nth-child(4) span {
        background: url("/content/next/images/cms/line4.png") -10px bottom no-repeat;
        width: 164px;
        height: 48px;
        left: -153px;
        top: 4px;
        color: #656bc7;
    }

    #ApproachMethodologySlider ul.carousel-indicators li.active:nth-child(4) span {
        background: url("/content/next/images/cms/line4_active.png") -10px bottom no-repeat;
        width: 175px;
        height: 52px;
        left: -153px;
        top: 4px;
        color: var(--slb-black);
        z-index: 1;
    }

    #ApproachMethodologySlider ul.carousel-indicators li:nth-child(5) span {
        background: url("/content/next/images/cms/line5.png") left top no-repeat;
        width: 164px;
        height: 48px;
        left: -130px;
        top: 44px;
        color: #4C59E6;
        padding-top: 25px;
    }

    #ApproachMethodologySlider ul.carousel-indicators li.active:nth-child(5) span {
        background: url("/content/next/images/cms/line5_active.png") left 1px no-repeat;
        width: 164px;
        height: 48px;
        left: -130px;
        top: 44px;
        color: var(--slb-black);
        padding-top: 25px;
        z-index: 1;
    }

    #ApproachMethodologySlider ul.carousel-indicators li:nth-child(6) span {
        background: url("/content/next/images/cms/line6.png") left top no-repeat;
        width: 200px;
        height: 48px;
        left: 34px;
        top: 42px;
        color: #3343E3;
        padding-top: 25px;
        padding-left: 10px;
    }

    #ApproachMethodologySlider ul.carousel-indicators li.active:nth-child(6) span {
        background: url("/content/next/images/cms/line6_active.png") -2px -1px no-repeat;
        width: 200px;
        height: 45px;
        left: 31px;
        top: 42px;
        color: var(--slb-black);
        padding-top: 25px;
        padding-left: 13px;
        z-index: 1;
    }

    #ApproachMethodologySlider ul.carousel-indicators li:nth-child(7) span {
        background: url("/content/next/images/cms/line7.png") left top no-repeat;
        width: 164px;
        height: 48px;
        left: 41px;
        top: 31px;
        color: #0014DC;
        padding-top: 25px;
        padding-left: 20px;
    }

    #ApproachMethodologySlider ul.carousel-indicators li.active:nth-child(7) span {
        background: url("/content/next/images/cms/line7_active.png") left top no-repeat;
        width: 164px;
        height: 48px;
        left: 41px;
        top: 31px;
        color: var(--slb-black);
        padding-top: 25px;
        padding-left: 20px;
        z-index: 1;
    }

#ApproachMethodologySlider .cmsHeaders {
    background: url("/content/next/images/cms/circle.png") center center no-repeat;
    height: 301px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

#ApproachMethodologySlider ul.carousel-indicators li:first-child {
    top: 21px;
    left: 255px;
}

#ApproachMethodologySlider ul.carousel-indicators li:nth-child(2) {
    top: 73px;
    left: 195px;
}

#ApproachMethodologySlider ul.carousel-indicators li:nth-child(3) {
    top: 150px;
    left: 185px;
}

#ApproachMethodologySlider ul.carousel-indicators li:nth-child(4) {
    top: 215px;
    left: 214px;
}

#ApproachMethodologySlider ul.carousel-indicators li:nth-child(5) {
    top: 245px;
    left: 280px;
}

#ApproachMethodologySlider ul.carousel-indicators li:nth-child(6) {
    top: 227px;
    left: 350px;
}

#ApproachMethodologySlider ul.carousel-indicators li:nth-child(7) {
    top: 171px;
    left: 400px;
}

#ApproachMethodologySlider ul.carousel-indicators li img.active-icon {
    display: none;
}

#ApproachMethodologySlider ul.carousel-indicators li.active img.normal-icon {
    display: none;
}

#ApproachMethodologySlider ul.carousel-indicators li.active img.active-icon {
    display: inline-block;
}

#ApproachMethodologySlider .carousel-inner .item {
    height: 415px;
    float: left;
    width: 100%;
}

    #ApproachMethodologySlider .carousel-inner .item .img-area,
    #ApproachMethodologySlider .carousel-inner .item .content-area {
        height: 100%;
        float: left;
        width: 50%;
    }

    #ApproachMethodologySlider .carousel-inner .item .content-area {
        padding: 10px 10px 10px 15px;
        width: 50%;
        overflow-y: auto;
    }

#ApproachMethodologySlider .carousel-inner .img-area {
    background-size: cover !important;
}

#ApproachMethodologySlider .carousel-inner #page1 .img-area {
    background: url("/content/next/images/cms/01_strategy_analysis.jpg") no-repeat center left;
}

#ApproachMethodologySlider .carousel-inner #page2 .img-area {
    background: url("/content/next/images/cms/02_competency_building.jpg") no-repeat center left;
}

#ApproachMethodologySlider .carousel-inner #page3 .img-area {
    background: url("/content/next/images/cms/03_assessment.jpg") no-repeat center left;
}

#ApproachMethodologySlider .carousel-inner #page4 .img-area {
    background: url("/content/next/images/cms/04_validation.jpg") no-repeat center left;
}

#ApproachMethodologySlider .carousel-inner #page5 .img-area {
    background: url("/content/next/images/cms/05_gap_analysis.jpg") no-repeat center left;
}

#ApproachMethodologySlider .carousel-inner #page6 .img-area {
    background: url("/content/next/images/cms/06_individual_training_plan.jpg") no-repeat center left;
}

#ApproachMethodologySlider .carousel-inner #page7 .img-area {
    background: url("/content/next/images/cms/07_reviewand_Assess.jpg") no-repeat center left;
}

#ApproachMethodologySlider .content-area h3 {
    font-size: 16px;
    color: var(--slb-blue);
    margin: 0px;
    padding: 0px;
    font-weight: 500;
}

    #ApproachMethodologySlider .content-area h3 span {
        display: block;
        color: var(--slb-grey-4);
        font-weight: 500;
        font-size: 35px;
        margin-bottom: 5px;
    }

#ApproachMethodologySlider .content-area h4 {
    font-size: 15px;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0px;
    font-weight: 500;
}

#ApproachMethodologySlider .content-area p {
    line-height: 20px;
}

#ApproachMethodologySlider .content-area ul {
    padding-left: 18px;
}

#ApproachMethodologySlider .boldtext {
    font-weight: 500;
}

.TrustedPartner {
    background: var(--slb-grey-5);
    color: #ffffff;
}

    .TrustedPartner p,
    .TrustedPartner h2 {
        color: #ffffff;
    }

    .TrustedPartner .impact-bottom-lft {
        border-color: #59636d;
    }

    .TrustedPartner span {
        display: block;
    }
/* EE fix*/
.ProficiencyLevel-V-content {
    height: 30px;
    position: absolute;
    top: 320px;
    left: -42px;
    transform: rotate(-90deg);
    color: #ffffff;
    font-size: 16px;
    border-bottom: 2px #fff solid;
    padding-left: 25px;
    padding-right: 25px;
}

    .ProficiencyLevel-V-content::after {
        content: "";
        position: absolute;
        width: 2px;
        height: 30px;
        background: #fff;
        top: 29px;
        right: -1px;
    }

    .ProficiencyLevel-V-content::before {
        content: "";
        position: absolute;
        width: 2px;
        height: 30px;
        background: #fff;
        top: 29px;
        left: -1px;
    }

#ProficiencyLevelSlider ul.carousel-indicators {
    position: static;
    margin-left: 0px;
    width: 100%;
    text-align: center;
    left: inherit;
    margin-top: 146px;
    margin-bottom: 70px;
}

    #ProficiencyLevelSlider ul.carousel-indicators li {
        text-indent: inherit;
        border: none;
        position: relative;
        margin: 0px;
        display: inline-block;
        width: auto;
        margin-left: 35px;
    }

        #ProficiencyLevelSlider ul.carousel-indicators li:nth-child(2) {
            position: relative;
            top: -26px;
            left: 4px;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li:nth-child(3) {
            position: relative;
            top: -52px;
            left: 6px;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li:nth-child(4) {
            position: relative;
            top: -78px;
            margin-left: 20px;
            left: 8px;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li:nth-child(5) {
            position: relative;
            top: -104px;
            margin-left: 28px;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li div.arrowline {
            position: absolute;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li div.arrowline {
            display: none;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li.active:nth-child(1) div.arrowline {
            width: 424px;
            height: 144px;
            background: url(/content/next/images/cms/01_arrow_3D.png) no-repeat;
            top: -145px;
            left: 72px;
            display: block;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li.active:nth-child(2) div.arrowline {
            width: 121px;
            height: 118px;
            background: url(/content/next/images/cms/02_arrow_3D.png) no-repeat;
            top: -121px;
            left: 58px;
            display: block;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li.active:nth-child(3) div.arrowline {
            width: 142px;
            height: 99px;
            background: url(/content/next/images/cms/03_arrow_3D.png) no-repeat;
            top: -101px;
            left: -85px;
            display: block;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li.active:nth-child(4) div.arrowline {
            width: 334px;
            height: 82px;
            background: url(/content/next/images/cms/04_arrow_3D.png) no-repeat;
            top: -82px;
            left: -283px;
            display: block;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li.active:nth-child(5) div.arrowline {
            width: 472px;
            height: 63px;
            background: url(/content/next/images/cms/05_arrow_3D.png) no-repeat;
            top: -63px;
            left: -437px;
            display: block;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li.active div {
            background: #5f9839;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li:first-child {
            margin-left: 0px;
        }

        #ProficiencyLevelSlider ul.carousel-indicators li span {
            margin-top: 12px;
            display: block;
            position: absolute;
            left: 0px;
            right: 0px;
            color: #fff;
            font-size: 16px;
        }

#ProficiencyLevelSlider .carousel-inner {
    width: 770px;
    margin: auto;
    margin-top: 0px;
    border-radius: 10px;
    color: #fff;
    min-height: 185px;
    background-image: url(/content/next/images/CMS/definition_background.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #295a7a;
}

    #ProficiencyLevelSlider .carousel-inner div {
        padding: 0px 30px;
        height: 100%;
    }

        #ProficiencyLevelSlider .carousel-inner div ul {
            padding: 0px;
            margin-bottom: 20px;
            margin-top: 12px;
            margin-right: 110px;
            margin-left: 4px;
        }

    #ProficiencyLevelSlider .carousel-inner h5 {
        margin-top: 30px;
        font-weight: 500;
    }

    #ProficiencyLevelSlider .carousel-inner div li {
        line-height: 18px;
        margin-bottom: 10px;
        margin-left: 15px;
    }

        #ProficiencyLevelSlider .carousel-inner div li:last-child {
            margin-bottom: 0px;
        }

    #ProficiencyLevelSlider .carousel-inner #page1:after {
        content: " ";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 12px 10px 12px;
        border-color: #275a89;
        top: -40px;
        z-index: 2;
        left: 25px;
        margin: 0 auto;
    }

    #ProficiencyLevelSlider .carousel-inner #page2:after {
        content: " ";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 12px 10px 12px;
        border-color: #275a89;
        top: -40px;
        z-index: 2;
        left: 35px;
        margin: 0 auto;
    }

    #ProficiencyLevelSlider .carousel-inner #page3:after {
        content: " ";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 12px 10px 12px;
        border-color: #275a89;
        top: -40px;
        z-index: 2;
        left: 45px;
        margin: 0 auto;
    }

    #ProficiencyLevelSlider .carousel-inner #page4:after {
        content: " ";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 12px 10px 12px;
        border-color: #275a89;
        top: -40px;
        z-index: 2;
        left: 55px;
        margin: 0 auto;
    }

    #ProficiencyLevelSlider .carousel-inner #page5:after {
        content: " ";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 12px 10px 12px;
        border-color: #275a89;
        top: -40px;
        z-index: 2;
        left: 65px;
        margin: 0 auto;
    }

.star-img-icon span {
    margin-top: -2px !important;
}

#ProficiencyLevelSlider ul.carousel-indicators li .star-img-icon::after {
    content: "";
    position: absolute;
    background: url(/content/next/images/CMS/arrow.png) no-repeat;
    height: 8px;
    width: 76px;
    left: 86px;
}

#ProficiencyLevelSlider ul.carousel-indicators li:last-child .star-img-icon::after {
    display: none;
}
/** CMS NEW STYLE END **/
table.dataTable.SearchCourse thead .sorting:after,
table.dataTable.SearchCourse thead .sorting_asc:after,
table.dataTable.SearchCourse thead .sorting_desc:after,
table.dataTable.SearchCourse thead .sorting_asc_disabled:after,
table.dataTable.SearchCourse thead .sorting_desc_disabled:after {
    position: relative;
    bottom: inherit;
    right: inherit;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
    top: 4px;
    margin-left: 10px;
    display: inline;
}

table.dataTable.SearchCourse thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
}

.CourseDetailsTab li a.active .badge {
    background: #fff;
    color: #333;
}

.CourseDetailsTab li .badge {
    background: #777;
    color: #fff;
}

.CourseDetailsTab .horizontalTabs li {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.CoursePostSelection .horizontalTabsBox li.active .badge {
    background: #fff;
    color: #333;
}

.CoursePostSelection .horizontalTabsBox li .badge {
    background: #777;
    color: #fff;
}

.CoursePostSelection .horizontalTabs li.active a:after {
    top: 42px;
}

.CoursePostSelection .Filtermap img {
    width: 45px;
}

.CoursePostSelection .Filtermap {
    top: -7px;
    right: 0px;
}

.CoursePostSelection .horizontalTabs li {
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .CoursePostSelection .horizontalTabs li a {
        border: 0;
    }

.CoursePostSelection .table > tbody > tr > td {
    border-top: 1px solid #ddd !important;
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) {
    .CoursePostSelection .Filtermap {
        top: 13px;
        right: 17px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 992px) {
    .CoursePostSelection .Filtermap {
        top: -13px;
        right: 15px;
    }
}
/* Oilsim stages and decision start */
.OilsimStagesAnimation h2 {
    color: #fff;
    margin-top: 0;
    padding-top: 0;
}

.OilsimStagesAnimation p {
    color: #fff;
}

.OilsimStagesAnimation .mainGifImage {
    margin: 0 auto;
    text-align: center;
}

.OilsimStagesAnimation .title {
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #199ad4;
    font-size: 16px;
    display: inline-block;
    margin-left: -25px;
}

.OilsimStagesAnimation .listOptions {
    top: 0;
    list-style: none;
    width: 100%;
    padding: 0;
}

    .OilsimStagesAnimation .listOptions .listTitle {
        color: #fff;
        font-size: 16px;
        line-height: 18px;
        display: block;
        text-align: center;
        max-width: 130px;
        margin: 0 auto;
    }

    .OilsimStagesAnimation .listOptions li:nth-child(odd) .listTitle span {
        display: block;
        margin-top: 10px;
    }

    .OilsimStagesAnimation .listOptions li:nth-child(even) .listTitle span {
        display: block;
        margin-bottom: 10px;
    }

    .OilsimStagesAnimation .listOptions .listContent {
        color: #99999b;
        font-size: 14px;
        display: block;
        text-align: center;
        font-weight: 500;
        max-width: 220px;
    }

.oilsimStageGates {
    display: block;
    top: 30px;
}

@media only screen and (min-width: 1200px) {
    .OilsimStagesAnimation .listOptions {
        position: absolute;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(1) {
            position: absolute;
            top: -63px;
            left: 37px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(2) {
            position: absolute;
            top: -148px;
            left: 185px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(3) {
            position: absolute;
            top: -66px;
            left: 334px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(4) {
            position: absolute;
            top: -148px;
            left: 486px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(5) {
            position: absolute;
            top: -66px;
            left: 633px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(6) {
            position: absolute;
            top: -148px;
            left: 782px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(7) {
            position: absolute;
            top: -66px;
            left: 930px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(1) .stageClildName {
            position: absolute;
            top: 199px;
            left: 25px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(2) .stageClildName {
            position: absolute;
            top: 199px;
            left: 43px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(3) .stageClildName {
            position: absolute;
            top: 199px;
            left: 49px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(4) .stageClildName {
            position: absolute;
            top: 199px;
            left: 35px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(5) .stageClildName {
            position: absolute;
            top: 199px;
            left: 40px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(6) .stageClildName {
            position: absolute;
            top: 199px;
            left: 40px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(7) .stageClildName {
            position: absolute;
            top: 199px;
            left: 45px;
        }
    /*animation start*/
    @-webkit-keyframes fadeInCDF {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .OilsimStagesAnimation .fade-inOne {
        opacity: 1;
        -webkit-animation: fadeInCDF ease-in 1;
        -moz-animation: fadeInCDF ease-in 1;
        animation: fadeInCDF ease-in 1;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        animation-duration: 1s;
    }

    .OilsimStagesAnimation .fade-inTwo,
    .OilsimStagesAnimation .fade-inTwo,
    .OilsimStagesAnimation .fade-inThree,
    .OilsimStagesAnimation .fade-inFour,
    .OilsimStagesAnimation .fade-inFive,
    .OilsimStagesAnimation .fade-inSix,
    .OilsimStagesAnimation .fade-inSeven {
        opacity: 1;
        -webkit-animation: fadeInCDF ease-in 1;
        -moz-animation: fadeInCDF ease-in 1;
        animation: fadeInCDF ease-in 1;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        animation-duration: 2s;
    }
    /*animation end*/
}

@media only screen and (max-width: 991px) {
    .listOptions li img {
        width: 50%;
    }

    .OilsimStagesAnimation .listOptions {
        position: absolute;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(1) {
            position: absolute;
            top: -64px;
            left: 17px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(2) {
            position: absolute;
            top: 65px;
            left: 108px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(3) {
            position: absolute;
            top: -64px;
            left: 243px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(4) {
            position: absolute;
            top: 83px;
            right: 116px;
        }

        .OilsimStagesAnimation .listOptions li:nth-child(5) {
            position: absolute;
            top: -65px;
            right: -13px;
        }

    .OilsimStagesAnimation .title {
        font-size: 12px;
        margin-left: -13px;
        font-weight: 500;
        bottom: 14px;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .OilsimStagesAnimation .listOptions li img {
        width: 50%;
    }

    .OilsimStagesAnimation .listOptions li:nth-child(1) {
        position: absolute;
        top: -8px;
        left: 14px;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(1) .stageClildName {
            position: absolute;
            top: 120px;
            left: 44px;
            font-size: 12px;
        }

    .OilsimStagesAnimation .listOptions li:nth-child(2) {
        position: absolute;
        top: -77px;
        left: 136px;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(2) .stageClildName {
            position: absolute;
            top: 119px;
            left: 57px;
            font-size: 12px;
        }

    .OilsimStagesAnimation .listOptions li:nth-child(3) {
        position: absolute;
        top: -8px;
        left: 259px;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(3) .stageClildName {
            position: absolute;
            top: 119px;
            left: 56px;
            font-size: 12px;
        }

    .OilsimStagesAnimation .listOptions li:nth-child(4) {
        position: absolute;
        top: -75px;
        left: 382px;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(4) .stageClildName {
            position: absolute;
            top: 119px;
            left: 53px;
            font-size: 12px;
        }

    .OilsimStagesAnimation .listOptions li:nth-child(5) {
        position: absolute;
        top: -7px;
        left: 503px;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(5) .stageClildName {
            position: absolute;
            top: 119px;
            left: 53px;
            font-size: 12px;
        }

    .OilsimStagesAnimation .listOptions li:nth-child(6) {
        position: absolute;
        top: -76px;
        left: 627px;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(6) .stageClildName {
            position: absolute;
            top: 119px;
            left: 56px;
            font-size: 12px;
        }

    .OilsimStagesAnimation .listOptions li:nth-child(7) {
        position: absolute;
        top: -7px;
        left: 746px;
    }

        .OilsimStagesAnimation .listOptions li:nth-child(7) .stageClildName {
            position: absolute;
            top: 119px;
            left: 62px;
            font-size: 12px;
        }
}

@media(max-width:1024px) {
    .OilsimStagesAnimation .mb-8 {
        margin-bottom: 40px !important;
    }
}

@media(max-width:768px) {
    .oilsimStages .oilsimStageGates {
        display: none;
    }

    .oilsimStages .oilsimStageGatesMobile {
        display: block;
        background: url(/content/next/images/Oilsim/Animation_mobile_oilsim.png)no-repeat;
        width: 320px;
        height: 1250px;
        margin: auto;
    }

        .oilsimStages .oilsimStageGatesMobile li:nth-child(1) {
            position: relative;
            top: 133px;
            left: -120px;
        }

        .oilsimStages .oilsimStageGatesMobile li:nth-child(2) {
            position: relative;
            top: 274px;
            left: 108px;
        }

        .oilsimStages .oilsimStageGatesMobile li:nth-child(3) {
            position: relative;
            top: 416px;
            left: -110px;
        }

        .oilsimStages .oilsimStageGatesMobile li:nth-child(4) {
            position: relative;
            top: 555px;
            left: 115px;
        }

        .oilsimStages .oilsimStageGatesMobile li:nth-child(5) {
            position: relative;
            top: 700px;
            left: -115px;
        }

        .oilsimStages .oilsimStageGatesMobile li:nth-child(6) {
            position: relative;
            top: 839px;
            left: 115px;
        }

        .oilsimStages .oilsimStageGatesMobile li:nth-child(7) {
            position: relative;
            top: 981px;
            left: -115px;
        }

    .capabilityDevelopment .box .dataBoxs .dataBox1 .content,
    .capabilityDevelopment .box .dataBoxs .dataBox2 .content,
    .capabilityDevelopment .box .dataBoxs .dataBox3 .content,
    .capabilityDevelopment .box .dataBoxs .dataBox4 .content {
        max-width: inherit !important;
    }
}

@media(min-width:768px) {
    .oilsimStageGatesMobile {
        display: none;
    }
}
/* Oilsim stages and decision end */
/* Training Path */
#tabContainer {
    position: relative;
    width: 100%;
    height: auto;
}

.leftArrowButton {
    position: relative;
    float: left;
    width: 2%;
    height: 80px;
    background-color: var(--slb-blue);
    display: none;
}

.rightArrowButton {
    position: relative;
    float: left;
    width: 2%;
    height: 80px;
    background-color: var(--slb-blue);
    display: none;
}

.tabMoveButtons {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0px;
    width: 16px;
    /* height: 50px; */
    background: transparent;
    left: 50%;
    position: absolute;
    top: 50%;
    margin-left: -8px;
    margin-top: -25px;
}

    .tabMoveButtons span {
        font-size: 50px;
        color: #fff;
        transform: scaleX(0.6);
        position: absolute;
        left: -5px;
    }

#rightButtonTab span {
    right: -5px;
}

.TrainingPath .nav-tabs {
    position: relative;
    float: left;
    width: 96%;
    height: 90px;
    overflow-x: hidden;
    overflow-y: visible;
    background: transparent !important;
}

    .TrainingPath .nav-tabs .tabClass {
        position: absolute;
        width: 20%;
        background: var(--slb-grey-5);
    }

        .TrainingPath .nav-tabs .tabClass a {
            align-items: center;
            display: block;
            min-height: 80px;
        }

        .TrainingPath .nav-tabs .tabClass a {
            border-radius: 0;
            border-left: solid 1px #fff;
            color: #fff;
            margin: 0;
            font-size: 13px;
            padding: 20px 10px;
            text-decoration: none;
            text-align: center;
        }

    .TrainingPath .nav-tabs > .tabClass.active > a,
    .TrainingPath .nav-tabs > .tabClass.active > a:focus,
    .TrainingPath .nav-tabs > .tabClass.active > a:hover {
        border: 0;
        background: #002e62;
        color: #fff;
    }

        .TrainingPath .nav-tabs > .tabClass.active > a::before {
            content: " ";
            position: absolute;
            bottom: -9px;
            left: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 9px 10px 0 10px;
            border-color: #002e62 transparent transparent transparent;
            margin: 0 auto;
        }

@media only screen and (max-width: 991px) {
    .TrainingPath .nav-tabs {
        white-space: unset;
        display: unset;
        overflow-x: auto;
        background: #95a7bb;
    }

    .shoppingcart .MiniCart {
        top: 15px;
        z-index: 2;
        left: 10px;
        width: 95%;
    }
}

@media only screen and (max-width: 767px) {
    .TrainingPath .nav-tabs .tabClass a {
        font-size: 10px;
    }
}
/* Training Path end*/
.pieChart {
    position: relative;
    width: 320px;
    left: 50%;
    margin-left: -160px;
}

.AccordionScrollFix {
    position: absolute;
    top: -90px;
    visibility: hidden;
}

#displayMediaLinks {
    display: none;
    position: absolute;
    top: 16px;
    right: 0;
    background: #fff;
    border: 1px solid #919191;
    box-shadow: 0 3px 4px #dcdcdc;
    padding: 10px 4px 4px;
    text-align: center;
    z-index: 1000;
    width: 40px;
    left: 23px;
}

.OilSimBanner img {
    margin-bottom: 10px;
}

.pagination_bar {
    /* Modified 17-Jul-2019 */
    display: inline-flex;
    justify-content: center;
}

.wrongDate {
    /* Added 31-Jul-2019 */
    border-color: #ff0000;
}

.star-empty {
    /* Added 06-Aug-2019 */
    background-image: url("/content/next/images/trendingCourses/star-bg-empty.png");
    width: 28px;
    height: 28px;
    display: inline-block;
}

.star-filled {
    /* Added 06-Aug-2019 */
    background-image: url("/content/next/images/trendingCourses/star-bg.png");
    width: 28px;
    height: 28px;
}
/** Ecommerce page css starts **/
/* Billing Information css start */
/*.Ecommerce-heading {
    background: #39414d;
    color: #ffffff;
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 5px;
    margin-bottom: 40px;
}*/
.Ecommerce-form .col-sm-6 {
    min-height: 63px;
}

.mandy {
    color: #e71111;
}

.Ecommerce-form form {
    text-align: left;
}

.Ecommerce-form label {
    display: inline-block;
    text-align: left;
    width: 100%;
}

    .Ecommerce-form label .label-text {
        color: #8a8a8a;
        cursor: text;
        font-size: 15px;
        -moz-transform: translateY(-34px);
        -ms-transform: translateY(-34px);
        -webkit-transform: translateY(-34px);
        transform: translateY(-34px);
        transition: all 0.3s;
        padding-left: 3px;
    }

    .Ecommerce-form label input {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #c2c2c2;
        color: #000000;
        font-size: 16px;
        outline: 0;
        padding: 5px 0px 7px 3px;
        text-align: left;
        transition: all 0.3s;
        width: 100%;
    }

        .Ecommerce-form label input:focus {
            border-color: #2196f3;
        }

            .Ecommerce-form label input:focus + .label-text {
                color: #8a8a8a;
                font-size: 13px;
                -moz-transform: translateY(-55px);
                -ms-transform: translateY(-55px);
                -webkit-transform: translateY(-55px);
                transform: translateY(-55px);
            }

        .Ecommerce-form label input:valid + .label-text {
            font-size: 13px;
            -moz-transform: translateY(-55px);
            -ms-transform: translateY(-55px);
            -webkit-transform: translateY(-55px);
            transform: translateY(-55px);
            padding-left: 3px;
        }

    .Ecommerce-form label select {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #c2c2c2;
        color: #000000;
        font-size: 16px;
        outline: 0;
        padding: 5px 0px 7px 0px;
        text-align: left;
        transition: all 0.3s;
        width: 100%;
        color: #000000;
        position: relative;
        z-index: 5;
    }

        .Ecommerce-form label select:focus {
            border-color: #2196f3;
        }

            .Ecommerce-form label select:focus + .label-text {
                color: #8a8a8a;
                font-size: 13px;
                -moz-transform: translateY(-55px);
                -ms-transform: translateY(-55px);
                -webkit-transform: translateY(-55px);
                transform: translateY(-55px);
            }

.country-selected {
    -moz-transform: translateY(-55px) !important;
    -ms-transform: translateY(-55px) !important;
    -webkit-transform: translateY(-55px) !important;
    transform: translateY(-55px) !important;
    font-size: 13px !important;
}

.Ecommerce-T-C {
    border-top: 1px #d7d7d7 solid;
    margin-top: 20px;
    padding: 25px 35px;
}

.ecommerce-btn-section {
    border-top: 1px #d7d7d7 solid;
    padding-top: 30px;
}

    .ecommerce-btn-section button[type="submit"]:disabled {
        background: #444444;
        opacity: .5;
        border: 1px #666666 solid;
        color: #ffffff;
    }

.pricingSummary-main {
    /*padding-left: 50px;*/
}

.pricingSummary-heading {
    background: #39414d;
    color: #ffffff;
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pricing-summary {
    background: #ffffff;
    border: 1px #d7d7d7 solid;
    padding: 10px 20px 25px 20px;
    float: left;
    font-size: 15px;
    color: #222222;
}

.pricing-summary-indiv {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.pricing-summary-left {
    width: 30%;
    float: left;
}

.pricing-summary-right {
    width: 70%;
    float: left;
    text-align: left;
}

.pricing-summary-total {
    padding-top: 20px;
    float: left;
    width: 100%;
    text-align: right;
    border: 1px #d7d7d7 solid;
    border-top: none;
    background: #e6f0f6;
    padding: 20px;
    padding-right: 25px;
}

.pricingSummary-totalAmt {
    font-size: 25px;
    color: #111;
    margin-top: 3px;
}

.discount-code {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.discount-code-textbox input {
    border: 1px #becbcf solid;
    padding: 8px 15px;
    width: 100%;
    height: 39px;
}

.discount-code-textbox {
    float: left;
    width: 210px;
}

.coupon-apply-btn button {
    float: left;
    border: 1px #209cdc solid;
    background: white;
    padding: 8px 16px;
    color: #209cdc;
}

    .coupon-apply-btn button:hover {
        background: #209cdc;
        color: #ffffff;
    }

.discountAdded {
    color: green;
}

.ApplyAnother-code {
    display: none;
    margin-top: 20px;
    float: left;
    font-size: 14px;
    color: #209cdc;
    cursor: pointer;
}

.country-dd select {
    width: 100%;
    border: none;
    border-bottom: 1px #c2c2c2 solid;
    padding-bottom: 10px;
    padding-top: 5px;
    color: #777;
    padding-left: 0px;
}

@media(min-width:992px) and (max-width:1199px) {
    .discount-code-textbox {
        width: 160px;
    }

        .discount-code-textbox input {
            padding: 8px 10px;
        }

    .coupon-apply-btn button {
        padding: 8px 10px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .discount-code-textbox {
        width: 160px;
    }
}
/* Billing Information css end */
/* Payment option page Start */
/* Custom checkbox start */
.checkboxContainer {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 25px;
}

    .checkboxContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkboxContainer .checkmark {
        position: absolute;
        top: -1px;
        left: 0;
        height: 22px;
        width: 22px;
        background-color: #efefef;
        border: 1px #aaa solid;
    }

    .checkboxContainer input:checked ~ .checkmark {
        background-color: #209cdc;
        border: 1px #209cdc solid;
    }

    .checkboxContainer .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.RadioContainer input ~ .checkmark:after {
    display: block;
}

.checkboxContainer input:checked ~ .checkmark:after {
    display: block;
}

.checkboxContainer .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Custom Radiobutton start */
.RadioContainer {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .RadioContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .RadioContainer .checkmark {
        position: absolute;
        top: 1px;
        left: 0;
        height: 23px;
        width: 23px;
        background-color: #cfcfcf;
        border-radius: 50%;
    }

    .RadioContainer input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    .RadioContainer .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .RadioContainer input:checked ~ .checkmark:after {
        display: block;
    }

    .RadioContainer .checkmark:after {
        top: 6px;
        left: 6px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: white;
    }

.creditCard-icons {
    margin-left: 35px;
    margin-top: 20px;
    display: none;
}

    .creditCard-icons img {
        margin-right: 8px;
    }

.po-field input::-webkit-input-placeholder {
    color: #aaa;
}

.po-field input:focus::-webkit-input-placeholder {
    color: transparent;
}

.po-field input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
.po-field input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
.po-field input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */
.discount-code-textbox input::-webkit-input-placeholder {
    color: #aaa;
}

.discount-code-textbox input:focus::-webkit-input-placeholder {
    color: transparent;
}

.discount-code-textbox input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
.discount-code-textbox input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
.discount-code-textbox input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */
/* Payment option page end */
/* Thank you page start */
.EcommerceThankyou {
    width: 480px;
    margin: auto;
    margin-top: 80px;
    transition: ease .8s;
}

    .EcommerceThankyou i {
        font-size: 60px;
        color: #47b180;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .EcommerceThankyou p {
        font-size: 18px;
        color: #333333;
        margin-bottom: 0px;
        line-height: 30px;
    }
/* Thank you page end */
/* My cart CSS start */
.orderPreview .cartCourseName {
    color: #276dd3;
    font-weight: 500;
    width: 46%;
    padding-right: 20px;
}

.orderPreview .cartLocation {
    font-weight: 500;
    width: 30%;
    padding-right: 20px;
}

.orderPreview .cartPrice {
    font-weight: 500;
    width: 15%;
}

.cartClose {
    width: 5%;
    text-align: right;
}

.orderPreview .Ecommerce-heading .cartCourseName,
.orderPreview .Ecommerce-heading .cartLocation,
.orderPreview .Ecommerce-heading .cartPrice,
.orderPreview .Ecommerce-heading .cartDate {
    color: #ffffff;
    font-weight: normal;
    padding-right: 20px;
}

.orderPreview .Ecommerce-heading .cartPrice {
    padding-right: 0px;
}

.orderPreview .pricing-summary-total {
    margin-top: 10px;
    padding-top: 0;
    border-top: 0;
}

.cartCheckbox {
    width: 3%;
    margin-right: 10px;
    height: 10px;
    margin-top: -2px;
}

    .cartCheckbox input {
        height: 15px;
        width: 15px;
    }

        .cartCheckbox input:checked ~ .checkmark {
            background-color: #209cdc;
            border: 1px #209cdc solid;
        }

@media(min-width:768px) and (max-width:991px) {
    .orderPreview .Ecommerce-heading .cartCourseName,
    .orderPreview .Ecommerce-heading .cartLocation,
    .orderPreview .Ecommerce-heading .cartPrice {
        padding-right: 15px;
    }

    .orderPreview .cartCourseName,
    .orderPreview .cartLocation {
        padding-right: 15px;
    }

    .orderPreview .cartCourseName {
        width: 42%;
    }

    .orderPreview .cartPrice {
        width: 18%;
    }

    .cartCheckbox {
        width: 5%;
    }
}
/* My cart CSS end */
/*Wishlist page css start*/
.wishList .cartCheckbox {
    width: 2%;
}

.wishList .cartDate {
    font-weight: 500;
    width: 18%;
}

.wishList .cartLocation {
    font-weight: 500;
    width: 20%;
}

.wishList .cartPrice {
    font-weight: 500;
    width: 13%;
}

.wishList .cartCourseName {
    color: #276dd3;
    font-weight: 500;
    width: 40%;
    padding-right: 20px;
}

.wishList .cartClose {
    width: 6%;
    text-align: right;
}

.wishList h5 {
    font-weight: 500;
}

.wishList .movetoBtn {
    /*width: 14%;*/
    width: 120px;
}

.wishList .closeCourse {
    margin-top: 0;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: inherit;
}

.MoveToCart-btn {
    width: 120px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
}

@media(min-width:992px) and (max-width:1199px) {
    .wishList .movetoBtn a.btn {
        padding: 5px 15px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .wishList .movetoBtn a.btn {
        padding: 5px 8px;
    }

    .wishList .cartCheckbox {
        width: 3%;
    }

    .wishList .cartCourseName {
        width: 37%;
    }

    .wishList .movetoBtn {
        width: 16%;
    }
}

@media(min-width:300px) and (max-width:767px) {
    .orderPreview .Ecommerce-orders {
        padding: 22px 0px !important;
        font-size: 14px !important;
    }
    /*.Ecommerce-orders span {*/
    /*width: 100% !important;*/
    /*display: block !important;
    }*/
    .Ecommerce-orders .MoveToCart-btn {
        width: 90px !important;
        font-size: 11px;
        margin-right: 5px;
        margin-left: 5px;
    }
}
/*Wishlist page css end*/
/* Mini cart css start */
.MiniCart {
    width: 345px;
    position: absolute;
    background: #ffffff;
    position: absolute;
    margin-top: 2px;
    left: -213px;
    border: 1px #ccc solid;
    padding-top: 20px;
    margin-top: 26px;
    box-shadow: 0px 4px 10px #ccc;
    display: none;
}

.MiniCart-close {
    color: var(--slb-blue);
    border-radius: 50%;
    border: 2px var(--slb-blue) solid;
    position: absolute;
    right: 7px;
    top: 7px;
    background: #fff;
    font-size: 19px;
    line-height: 0px;
    padding: 11px 6px;
}

.MiniCart-item {
    padding: 0px 25px;
}

.MiniCart-itemM {
    padding: 0px 25px;
}

.MiniCart-item p {
    line-height: auto;
    color: #515151;
}

.MiniCart-item ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .MiniCart-item ul li:last-child {
        border-bottom: none;
    }

    .MiniCart-item ul li {
        border-bottom: 1px #d7d7d7 solid;
        float: right;
        padding-bottom: 25px;
        padding-top: 15px;
        width: 100%;
    }

.MiniCart-itemM ul li {
    list-style-type: none;
    border-bottom: 1px #d7d7d7 solid;
    float: right;
    width: 100%;
}

.ElearningCourse {
    float: left;
    width: 53px;
}

.MiniCart-date {
    float: left;
    width: 53px;
    height: 52px;
    background: url(/content/next/images/E-commerce/calendar.png) no-repeat;
    text-align: center;
    padding-top: 18px;
}

.MiniCart-dateM {
    float: left;
    width: 43px;
    height: 42px;
    background: url(/content/next/images/E-commerce/calendar.png) no-repeat;
    text-align: center;
    padding-top: 18px;
}

.MiniCart-date span {
    width: 40px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    line-height: 14px;
}

.MiniCart-dateM span {
    width: 30px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    line-height: 9px;
}

.shoppingcartbadgeM {
    margin: -65px 0px 0px 5px;
    background-color: var(--slb-blue);
    visibility: hidden;
}

.MiniCart-indiv {
    float: right;
    width: 225px;
}

.MiniCart-indivM {
    float: left;
    width: 200px;
    margin: 0px 0px 5px 10px;
}

.MiniCart-price-main {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.MiniCart-price-mainM {
    float: left;
    width: 100%;
}

.MiniCart-price {
    float: left;
    font-size: 15px;
}

.MiniCart-priceM {
    float: left;
    font-size: 15px;
}

.MiniCart-price span {
    font-weight: 500;
    font-size: 15px;
}

.MiniCart-priceM span {
    font-weight: 500;
    font-size: 12px;
}

.MiniCart-remove {
    float: right;
    color: var(--slb-blue);
    margin-top: 1px;
    cursor: pointer;
}

.MiniCart-total {
    background: var(--slb-grey-2);
    text-align: center;
    font-size: 15px;
    float: left;
    width: 100%;
    padding: 10px 0px 15px 0px;
    color: #2b2b2b;
}

.MiniCart-totalM {
    background: #e6f0f6;
    text-align: center;
    font-size: 15px;
    float: left;
    width: 100%;
    padding: 8px 0px 9px 0px;
    color: #2b2b2b;
}

.MiniCart-total span {
    font-size: 20px;
    padding-left: 10px;
    color: #1d1d1d;
    position: relative;
    top: 2px;
}

.MiniCart-totalM span {
    font-size: 20px;
    color: #1d1d1d;
    position: relative;
    top: 2px;
}

.MiniCart-btn {
    float: left;
    padding: 5px 25px 25px 25px;
    width: 100%;
}

.MiniCart-btnM {
    float: left;
    padding: 5px 25px 10px 25px;
    width: 100%;
}

.minicart-active i {
    background: url(/content/next/images/icons/Icon__cart.svg) no-repeat !important;
}

.exclude-tax {
    font-size: 12px;
    float: right;
    text-align: right;
    margin-bottom: 20px;
}

.exclude-taxM {
    font-size: 12px;
    float: right;
    text-align: right;
}

.warning-message {
    font-size: 12px;
    margin-bottom: 20px;
    float: right;
    color: red;
}

.header .menu .navbar-right li a {
    padding-bottom: 0px;
    padding-top: 0px;
}

.RightMenu ul.navbar-right {
}

.header .menu .searchBtn::before,
.header .menu .searchBtn::after,
.shoppingcart:after,
.wishlist:after {
    top: 8px;
}

.header .language.dropdown .dropdown-menu {
    top: 35px;
}

.header .login.dropdown .dropdown-menu {
    top: 38px;
}
/* Mini cart css end */
/* Order preview css start */
.orderPreview .Ecommerce-heading {
    display: flex;
    margin-bottom: 0;
}

.orderPreview .Ecommerce-orders {
    display: flex;
    padding: 22px 20px;
    font-size: 16px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--slb-grey-4);
    background: var(--slb-grey-1)
}

.breadcrumb-ecommerce {
    float: left;
    width: 100%;
    margin-top: 80px;
    background: #ffffff;
}

.bDetails {
    font-size: 14px;
}

    .bDetails .leftDetails {
        float: left;
        width: 30%;
        margin-right: 20px;
    }

    .bDetails .rightDetails {
        width: 60%;
        float: left;
    }

    .bDetails .padSpace {
        padding-top: 3px;
        padding-bottom: 3px;
        float: left;
        width: 100%;
    }

.BillingDetails .rightDetails {
    width: 100%;
}

.orderPreview .letterInvive {
    border-bottom: 1px solid #ccc;
}

.breadcrumb-eCommercepage {
    float: left;
    width: 100%;
    /* margin-top: 120px; */
    background: #ffffff;
    transition: ease .6s;
}

.closeCourse {
    border: 2px solid var(--slb-blue);
    border-radius: 50%;
    padding: 0px 0px;
    background: #fff;
    color: var(--slb-blue);
    width: 24px;
    height: 24px;
    line-height: 20px;
}

.modal-xtra-lg {
    width: 1000px;
}

.orderPreview-course {
    width: 35%;
}

.orderPreview-date {
    width: 25%;
}

.orderPreview-location {
    width: 30%;
}

.orderPreview-cost {
    width: 10%;
}
/* Order preview css end */
/* Order Complete Thank you start */
.thankyouTick i {
    display: inline-block;
    font-size: 45px;
    margin-right: 10px;
    color: #47b180;
}

.thankyouTick h2 {
    display: inline-block;
}

.pricing-summary.order-complete {
    padding: 10px 20px 10px 20px;
}
/* Order Complete Thank you end */
.Ecommerce-t-c-text {
    margin-top: 25px;
    display: inline-block;
}

    .Ecommerce-t-c-text a {
        color: #337ab7;
    }

.Ecommerce-T-C .checkboxContainer {
    float: left;
}

.MiniCart-item li a {
    color: var(--slb-blue) !important;
    font-size: 14px !important;
    padding-left: 0px !important;
}

.MiniCart-itemM li a {
    color: var(--slb-blue) !important;
    font-size: 14px !important;
    padding-left: 0px !important;
}

.MiniCart-indiv p span {
    color: #337ab7;
    cursor: pointer;
}

    .MiniCart-indiv p span:hover {
        text-decoration: underline;
    }

.cartCourseName a {
    color: var(--slb-blue);
}

.MiniCart-btn a {
    padding: 5px !important;
}

    .MiniCart-btn a:hover {
        color: var(--slb-white) !important;
    }

#dis-error {
    color: #ee0f0f !important;
    padding-top: 10px !important;
    clear: both !important;
    padding-left: 2px !important;
}

.email-label {
    font-size: 13px !important;
    -moz-transform: translateY(-55px) !important;
    -ms-transform: translateY(-55px) !important;
    -webkit-transform: translateY(-55px) !important;
    transform: translateY(-55px) !important;
    padding-left: 3px !important;
}

#email1 {
    background-color: whitesmoke !important;
}

.po-error-msg {
    color: red;
}
/** Ecommerce page css end **/
/* Home page Learner / Manager selection popup */
#learnerManager .modal-dialog {
    width: 600px;
}

@media only screen and (max-width: 600px) {
    #learnerManager .modal-dialog {
        width: auto;
    }

    #learnerManager .mangPopupBox {
        margin-left: 0px !important;
        margin-top: 10px;
    }
}

#learnerManager .modal-content-header {
    color: #000;
    position: relative;
    top: 130px;
    border: 1px solid #fff;
    border-radius: 5px;
}

#learnerManager .popupHeader {
    border-bottom: 0px;
    padding-bottom: 0px;
    background: #000;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

    #learnerManager .popupHeader .close {
        color: #fff;
        font-size: 33px;
        opacity: 1;
        top: 9px;
        position: relative;
        border: 0px;
    }

    #learnerManager .popupHeader .popupMsg {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    #learnerManager .popupHeader h1 {
        font-weight: 900;
        margin-bottom: 10px;
        display: inline;
    }

    #learnerManager .popupHeader img {
        position: relative;
        top: -9px;
    }

#learnerManager .popupBody {
    padding: 15px;
    background: #e9eaec;
}

    #learnerManager .popupBody .popupQues {
        padding-top: 10px;
        padding-bottom: 15px;
        font-size: 20px;
    }

    #learnerManager .popupBody .popupOpt {
        padding-bottom: 10px;
    }

    #learnerManager .popupBody .popupBrowse {
        padding-top: 4px;
        padding-bottom: 5px;
        font-size: 20px;
    }

        #learnerManager .popupBody .popupBrowse a {
            font-size: 16px;
            text-decoration: underline;
            color: #209cdc;
        }

#learnerManager .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#learnerManager .leanerButton {
    margin-top: 20px;
    margin-bottom: 5px;
}

#learnerManager .indPopupBox {
    color: #7f8386;
    background: #fff;
    border-radius: 5px;
    width: 275px;
    display: inline-block;
    margin-right: 7px;
}

#learnerManager .mangPopupBox {
    color: #7f8386;
    background: #fff;
    border-radius: 5px;
    width: 275px;
    display: inline-block;
    margin-left: 7px;
}

#GeologyBlock-1,
#GeologyBlock-2 {
    max-width: 250px;
}

#GeologyBlock-3 {
    max-width: 282px;
}

@media only screen and (max-width: 767px) {
    #GeologyBlock-1,
    #GeologyBlock-2,
    #GeologyBlock-3 {
        /* Added on 19-Aug-2019*/
        max-width: 100%;
    }
}

.disabled {
    pointer-events: none;
}
/*----- Training path CSS Modified as on 29-Aug-2019 ----------------------------------------------*/
.TrainingPathContent {
    position: relative;
    /* min-height: 1px; */
    padding-right: 15px;
    padding-left: 15px;
}

    .TrainingPathContent .pathLine {
        width: 1px;
        position: absolute;
        left: -20px;
        /* -26px; */
        border: 1px #bbb dashed;
        bottom: 45px;
        top: 0px;
    }

        .TrainingPathContent .pathLine::before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url("/content/next/images/TrainingPath/dot.png") no-repeat;
            position: absolute;
            top: -3px;
            left: -12px;
        }

        .TrainingPathContent .pathLine::after {
            content: " ";
            width: 25px;
            height: 25px;
            background: url("/content/next/images/TrainingPath/dot.png") no-repeat;
            position: absolute;
            bottom: 0px;
            left: -12px;
        }
/*------ 19-Sep-2019 ------------------------------------------------------*/
.modality-btn {
    /* background: #3795fb; */
    background: var(--slb-white);
    background-repeat: no-repeat;
    background-position: 90%;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-bottom: 30px;
    color: var(--slb-black);
    padding: 10px 20px 10px 10px;
    text-align: center;
    box-shadow: 1px 2px 10px 0px #a8a8a8;
    text-transform: uppercase;
    width: 185px;
    position: absolute;
    left: -218px;
    top: -5px;
}
    /*----------------------------------------------------------------------------------*/
    .modality-btn::before {
        content: "";
        position: absolute;
        right: 25px;
        width: 10px;
        height: 10px;
        background: var(--slb-blue);
        border-radius: 50%;
        right: -19px;
        top: 0px;
    }

.TrainingPathAccordion {
    position: relative;
}

.disabled-softbox {
    background: #a3bac5 !important;
}

.whiteBackground {
    background-color: #FFFFFF;
    color: #000000;
}

.blueBackground {
    background-color: var(--slb-blue);
    color: var(--slb-white);
}
/*---------------------------------------------------*/
/*----- 27-sep-2019 ---------------------*/
.TrainingPath .lessTab {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 80px;
    overflow-x: inherit;
}

    .TrainingPath .lessTab .tabClass {
        position: relative;
        left: inherit !important;
        display: inline-block;
    }

.TrainingPath h3.CourseDet-Heading {
    margin-top: 10px;
}
/*-------------------------------------------*/
/* -------- Start 04-Sep-2019 -------------------------------*/
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    /* border-top: 16px solid #1c5791; */
    border-top: 16px solid var(--slb-blue);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loader-wrapper {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: #000;
    filter: alpha(opacity=90);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.matrixblock {
    display: none;
}
/* -------- end 04-Sep-2019 -------------------------------*/
.GeologySection .ViewScheduledCoursesBlcok li a {
    padding: 10px 3px;
}
/* ----------- 31-Oct-2019 ------------------------------------*/
#disciplineName h4 {
    margin-bottom: 15px;
    color: #f4f4f4;
}

.fielddetail {
    border: 1px solid #c2c2c2;
    font-size: 11px;
    padding: 0px 5px;
    float: right;
}

.fielddetailmessage {
    padding: 10px;
    position: absolute;
    background: var(--slb-grey-1);
    color: var(--slb-black);
    display: none;
    top: 0;
    right: 18px;
    z-index: 99999 !important;
    font-size: 12px;
}

    .fielddetailmessage ul {
        z-index: 99999;
        background-color: black;
        margin: 0;
        padding-left: 20px;
    }

.Ecommerce-form label #PurchaseOrder {
    width: unset;
}

.Ecommerce-form .RadioContainer {
    /*width: 50%;*/
}

#po-textbox {
    width: 100%;
}

@media(max-width:280px) {
    .MiniCart-totalM {
        background: #e6f0f6;
        text-align: center;
        font-size: 15px;
        float: left;
        width: 100%;
        padding: 0px 0px 0px 0px !important;
        color: #2b2b2b;
    }
}

.expiredClassName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.po-label-text {
    font-size: 13px;
    color: #8a8a8a;
    cursor: text;
    margin-top: -10px;
    margin-left: 20px;
    padding-bottom: 10px;
}

#acdiv .fielddetailmessage {
    width: 250px;
    top: 212px;
    right: 18px;
    font-size: 12px;
}

#wldiv .fielddetailmessage {
    width: 250px;
    top: 272px;
    right: 18px;
    font-size: 12px;
}

.movetoBtn .fielddetailmessage {
    top: auto;
    width: 250px;
    font-size: 12px;
}

.MiniCart-btn .fielddetailmessage {
    width: 250px;
    top: 282px;
    right: 18px;
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .movetoBtn .fielddetailmessage {
        top: auto;
        width: 250px;
        font-size: 12px;
    }

    .MiniCart-btnM .fielddetailmessage {
        width: 250px;
        top: 203px;
        font-size: 12px;
    }
}

.RelatedCourses .regdeadline li {
    border-bottom: none;
    padding-bottom: 0px;
}

.RelatedCourses .regdeadline a {
    text-decoration: underline;
    color: white;
}

.bkc-blue-theme {
    background: var(--slb-grey-5);
}

#catalogue-download-modal .modal-body {
    padding: 20px 15px 20px 20px;
}

#catalogue-download-modal .modal-content {
    border-radius: 0;
    border: none;
}

#catalogue-download-modal label.custom-control-label {
    font-size: 14px;
    font-weight: 400;
}

#catalogue-download-modal .custom-control.custom-radio {
    margin-bottom: 5px;
}

#catalogue-download-modal .dropdown {
    width: 45%;
    display: inline-block;
}

#catalogue-download-modal ul {
    height: 200px;
    overflow: scroll;
}

#catalogue-download-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0px;
}

#catalogue-download-modal .modal-footer {
    border-top: none;
    padding-top: 5px;
    padding-right: 16px;
}

#catalogue-download-modal .download-btn {
    background-color: #209cdc;
    border-radius: 0;
    border-color: #209cdc;
}

#catalogue-download-modal .select-opts {
    display: none;
}

    #catalogue-download-modal .select-opts button {
        vertical-align: baseline;
    }

#catalogue-download-modal select#sub-discipline {
    display: none;
}

.stars-outer {
    position: relative;
    display: inline-block;
}

.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}

.stars-outer::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ccc;
    letter-spacing: 10px;
}

.stars-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f26722;
    letter-spacing: 10px;
}

#onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    border: 1px solid var(--slb-blue);
    text-decoration: none;
    color: var(--slb-blue);
}

#menu li#link1 a.active,
#menu li#link2 a.active,
#menu li#link3 a.active,
.jobProfileTraining #menu li#link2 a:hover,
.jobProfileTraining #menu li#link3 a:hover,
.projectTP #menu li#link1 a:hover,
.projectTP #menu li#link2 a:hover,
.projectTP #menu li#link3 a:hover {
    color: var(--slb-white);
}

.pagination > li > a,
.pagination > li > span {
    color: var(--slb-blue);
    border: 1px solid var(--slb-grey-2);
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: var(--slb-grey-4);
    border-color: var(--slb-grey-2);
}

#Gamification.active .MenuBrInner {
    height: auto !important;
}
/* Newsletter subscription starts here  */
.btn.btn-theme.btn-small.new-subs-btn {
    padding: 8px 30px;
}

.news-subs p {
    color: var(--slb-grey-5);
}

.news-subs .dropdown-toggle {
    height: 40px;
    border-radius: 0px;
    font-size: 16px;
}

.form-group.filed-required label:after {
    content: "*";
    color: red;
}

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

.mb-20 {
    margin-bottom: 20px;
}

.news-subs label {
    font-weight: normal;
}

.news-subs .checkbox {
    font-size: 15px;
}

@media (max-width: 767px) {
    .xs-mt-25 {
        margin-top: 25px;
    }

    .xs-text-left {
        text-align: left;
    }
}

.nextCommon.news-letter h2 {
    color: var(--slb-black);
    margin-bottom: 10px;
    line-height: 52px;
    font-weight: 200;
    font-size: 45px;
    padding-top: 0;
    margin-top: 0;
}
/* Styles for mobile view */
@media (max-width: 767px) {
    .subscription-email {
        margin-left: 115px;
    }
}
/* Newsletter subscription ends here  */
.text-center.impact-bottom-img2 {
    background: var(--slb-blue);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.nextLogo {
    height: 70px;
    width: 108px;
}
/* AI Page */
.list-icons__wrap .list-icons__item__desc {
    font-size: 18px;
    font-weight: 500;
    color: var(--slb-black);
    line-height: 1.33;
    letter-spacing: .2px;
    margin-left: 16px;
}

.list-icons__wrap .list-icons__item {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.list-icons__wrap .list-icons__item__icon {
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
}

    .list-icons__wrap .list-icons__item__icon img {
        width: 30px;
    }

.rte-tables ul {
    margin-left: 0.875rem;
}

    .rte-tables ul li {
        list-style-type: none;
        position: relative;
        margin-bottom: 1rem;
        line-height: 24px;
        padding-left: 0.875rem;
        font-weight: 200;
    }

        .rte-tables ul li::before {
            content: "●";
            position: absolute;
            left: -14px;
            top: 0px;
            height: 8px;
            width: 8px;
            color: var(--slb-blue);
        }

.team-img img {
    width: 100%;
}

.featured-highlights-ver .list-icons__wrap .list-icons__item__desc {
    margin-left: 0;
}

.featured-highlights-ver .rte-tables ul {
    padding-left: 7px;
    margin-top: 10px;
}

@media screen and (min-width: 1194px) {
    .list-icons__wrap:last-of-type .list-icons {
        border-top: none;
        border-left: 1px solid var(--slb-grey-2);
        padding-left: 53px;
        margin-top: 0;
        padding-bottom: 20px;
    }

    .featured-highlights-ver .list-icons__wrap:first-of-type .list-icons {
        border-left: none;
        padding-left: 0px;
    }

    .featured-highlights-ver .list-icons__wrap .list-icons {
        padding-left: 25px;
        border-left: none;
    }

    .featured-highlights-ver .list-icons__wrap .list-icons__item__icon img {
        width: 32px;
    }

    .featured-highlights-ver .h-border {
        display: flex;
    }

    .featured-highlights-ver .list-icons__wrap {
        border-right: 1px solid var(--slb-grey-2);
    }

        .featured-highlights-ver .list-icons__wrap:last-of-type {
            border-right: none;
        }

    .team-img {
        padding-right: 30px;
        padding-top: 50px;
    }
}
/* AI Landing Page end */
/* CCS/CCUS Curriculum page start */
.course-lnd {
    height: 300px;
    background: var(--slb-white);
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    align-self: stretch;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    /*min-height: 100%;*/
    padding: 30px;
}

.course-cat .cat-label {
    font-weight: 500;
    margin-bottom: 30px;
}

.course-lnd .coursesTitle {
    position: relative;
    transition: none;
    bottom: auto;
    padding: 0;
    flex-grow: initial;
    padding-top: 15px;
}

.course-cat .explore-btn {
    font-weight: 500;
}

    .course-cat .explore-btn img {
        height: 20px;
    }

.trendingCourses .lnd-course-trend .coursesTitle h4 {
    height: auto;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* CCS/CCUS Curriculum page end */
/* eLearning Start*/
.eLearning {
    background: var(--slb-grey-2);
}

    .eLearning .CourseList.SearchCourse.table.dataTable thead > tr > th div.dt-column-header {
        justify-content: start;
        display: inline-flex;
        flex-direction: row;
    }

    .eLearning th, .eLearning td {
        border-color: var(--slb-grey-5);
    }

    .eLearning table.SearchCourse th:nth-child(1) {
        width: 42%;
    }

    .eLearning table.SearchCourse th:nth-child(2) {
        width: 42%;
    }

    .eLearning table.SearchCourse th:nth-child(3) {
        width: 16%;
    }

.table-bg-transparent {
    --bs-table-bg: transparent !important;
}

.v-line-blue {
    color: var(--slb-blue);
    padding: 0 10px;
}

.eLearning .grid-view .btn.btn-theme.btn-small {
    padding: 13px 25px;
}

.eLearning .tc-bottom-section {
    display: flex;
    align-items: center;
    width: 100%;
}

.GeologySection .horizontalTabs li {
    background: var(--slb-white);
}

.tabTButton {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.tButton {
    border: 0
}

.nav-tabs.tButton > li > i {
    border: 1px solid var(--slb-grey-3);
    border-radius: 0;
    background: #fff;
    padding: 10px 15px;
    margin-right: 2px;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .tButton {
        display: none;
    }

    .GeologySection .tabTButton .horizontalTabs li a {
        /* border: inherit;
                margin-right: auto; */
        padding: 10px 15px;
    }

    .GeologySection .tabTButton .horizontalTabs li {
        border: 1px solid var(--slb-grey-3) !important;
        margin-right: 4px;
    }
}

.eLearningReg p {
    color: #fff;
}

.eLearningReg a {
    color: #fff;
    text-decoration: underline;
}

.nav-tabs.tButton li.selected i {
    background: var(--slb-grey-2);
}

.nav-tabs.tButton > li > i {
    border: 1px solid var(--slb-grey-3);
    border-radius: 0;
    background: #fff;
    padding: 10px 15px;
    margin-right: 2px;
    cursor: pointer;
}

table.dataTable.SearchCourse thead .blank_th.sorting:after {
    display: none;
}

table.SearchCourse.dataTable .blank_th {
    display: none;
}
/* eLearning end*/
/* css change for checkbox*/
.checkbox .CheckBoxtext {
    padding-left: 5px;
}

.Ecommerce-heading {
    background: var(--slb-blue);
    color: #ffffff;
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 0;
    margin-bottom: 40px;
}

.Ecommerce-orders .float-left {
    float: left;
}

.orderPreview .Ecommerce-heading .cartCourseName, .orderPreview .Ecommerce-heading .cartLocation, .orderPreview .Ecommerce-heading .cartPrice, .orderPreview .Ecommerce-heading .cartDate {
    color: #ffffff;
    font-weight: 500;
    padding-right: 20px;
}

.wishlist .w-update {
    background: #daedda;
}

.wishlist .w-update-notification {
    background: #bfdfbf;
    padding: 10px;
}

.wishlist .w-alert {
    background: #fdd9d9;
}

.wishlist .w-alert-notification {
    background: #ecc0c0;
    padding: 10px;
}

.wishlist .movetoBtn {
    width: 185px;
}

    .wishlist .movetoBtn a {
        text-wrap: wrap;
        width: 100%;
    }

.orderPreview .wishlist-data .wishlistsection {
    margin-bottom: 5px;
}

.price {
    margin-top: 15px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 22px;
    color: var(--slb-blue);
    font-weight: 500;
}

.warning {
    margin-bottom: 15px;
    display: flex;
    padding-right: 0px;
    padding-left: 90px;
    padding-top: 10px;
}

@media only screen and (max-width: 767px) {
    .wishlist .movetoBtn a {
        text-wrap: wrap;
        width: 100%;
        font-size: 14px;
    }

    .text-xs-left {
        text-align: left;
    }

    .course-matrix .dropdown-menu.filterby {
        position: absolute;
        text-align: left;
        width: fit-content;
        left: 18px !important;
    }
}
/* CourseListing Matrix page Mobile css starts here */
.course-matrix {
    background: #F0F0F0;
}

@media only screen and (max-width: 768px) {
    .mt-xs-3 {
        margin-top: 15px;
    }

    .dropdown-menu.filterby {
        position: absolute;
        text-align: left;
        width: auto;
    }
}

@media (max-width: 991.98px) {
    .mt-xs-md-3 {
        margin-top: 25px;
    }

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

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

@media (min-width: 768px) {
    .text-md-right {
        text-align: right;
    }

    .course-matrix .trendingCourses .course {
        max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .hidden-iPadpro {
        display: none;
    }
}
/*.text-left {
    text-align: left;
}*/
@media (min-width: 1200px) {
    .desktop {
        margin: auto auto auto 225px;
    }
}

.proficiency-level {
    background: var(--slb-blue);
}

    .proficiency-level h2 {
        color: var(--slb-white);
        font-size: 18px !important;
        padding: 10px;
        text-transform: uppercase;
    }

@media only screen and (max-width: 767px) {
    .course-matrix .course {
        max-width: 100%;
    }
}
/*CourseListing Matrix page Mobile css ends here*/
/* Fix for Search Scheduled Page Calender Icon not loading */
.ui-widget-header .ui-icon {
    background-image: url('/content/next/css/images/ui-icons_444444_256x240.png') !important;
}

@media screen and (max-width: 767px) {
    .expert-mb01 .pl4 {
        padding-left: 15px;
    }

    .logo-txt {
        /* padding-top: 170px; */
        clear: both;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo-txt {
        padding-top: 170px;
        padding-left: 5px;
    }

    .expert-mb01 .pl4 {
        padding-left: 30px;
    }

    .SearchHeader .form__element .search_icon {
        width: 5%;
    }
}

.row.expert-mb01:last-child {
    border: 0;
}

p {
    margin: 0 0 20px;
}

.txt-banner {
    background: var(--slb-grey-1);
    padding: 10px 20px;
    color: var(--slb-blue);
    font-size: 20px;
    font-weight: 300;
}

.resources.contentSection .chevron-down {
    float: right;
    background: url(/content/next/images/Course-Catalogue-PDF/chevron-down_white.svg) no-repeat;
    height: 16px;
    width: 16px;
    background-position: center;
    margin-left: 10px;
}

.resources .rotate {
    transform: rotate(180deg);
}

.commonTerms ul {
    margin-top: 20px;
}

.commonTerms li {
    margin-bottom: 10px;
}

.homeBanner .carousel-indicators, a.carousel-control img {
    display: none;
}

.contentSection p.eta-des {
    font-size: 15.7px;
}

.mt-auto {
    margin-top: auto;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}