@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }
    }
    @media screen and (min-width: 1200px){
        .bottom_change-cont img {
        margin-top: 10px;
        height: 32px;
    }
        .top_content {
    
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 130.5%;
    /* or 52px */
    
    
    color: #1E2022;
    }
    .side-img img {
        height: 320px;
        position: absolute;
        top: -127px;
        left: -60px;
        transition: 0.5s all;
    }
    .obj_positin img {
        height: 100px;
    }
    
    }
    @media only screen and (max-width: 1450px) and (min-width: 800px){
    .slide.slide5.add-viewport .change-cont-last-slide {
        /* height: 375px; */
        margin-top: 30px !important;
    }
    .footer-s {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
        /*    margin-top: 54px;*/
        margin-bottom: 10px;
    }
    
    .jumpapp {
     
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 30px;
        text-align: center;
        color: #323436;
        margin-bottom: 50px;
    }
    p.rst {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 26px;
        line-height: 44px;
        text-align: center;
        color: #32383E;
        margin-top: 23px;
    }
    }
    
    @media screen and (min-width: 800px) and (max-width: 1280px){
        .slide.slide5.add-viewport .change-cont-last-slide {
        /* height: 375px; */
        margin-top: 10px;
    }
        .term-cont h1 {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 35px;
        color: #1E2022;
       margin-top: 30px;
        margin-bottom: 20px;
    }
    .change-cont-last-slide p.rst {
        margin-top: 60px;
    }
    .jumpapp {
    
        font-style: normal;
        font-weight: 500;
           font-size: 24px !important;
           line-height: 40px !important;
        text-align: center;
        color: #323436;
            margin-bottom: 30px;
    }
      .term-cont h2 {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 35px;
        color: #1E2022;
       margin-top: 30px;
       margin-bottom: 15px;
    }
    .term-cont p {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #1E2022;
    }
    .term-cont ul li {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #1E2022;
        list-style: none;
    }
    .terms-condtin h1 {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 40px;
        color: #1E2022;
    }
        @-moz-document url-prefix() {
        .s {
            border-color: #eee;
        }
        .onj-line {
        transition: 0.5s all;
        opacity: 0;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
    
        left: 11px;
        bottom: -219px;
        right: 0;
        margin: auto;
        height: 100px;
    }
    .obj1 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 316px!important;
        left: -400px !important;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj3 {
        opacity: 0;
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 328px !important;
        left: 390px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    }
        .section-cont4, .section-cont2, .section-cont1, .section-cont3 {
        height: 100px;
        vertical-align: middle;
        align-items: center;
    }
    
    .bottom_change-cont p {
        cursor: pointer;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #FF2052;
        margin-top: 17px;
    }
    .botom-cont {
        position: relative;
        bottom: 0px;
        width: 100%;
        transition: all .7s ease-in-out;
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    .slide-obj1 img {
        height: 45px;
    }
    .slide-obj2 img {
        height: 80px;
    }
    .slide-obj3 img {
        height: 50px;
    }
    .slide-obj4 img {
        height: 40px;
    }
    .slide-obj2 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 100px !important;
        left: -110px !important;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj1 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 190px !important;
        left: -366px !important;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj3 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 150px !important;
        left: 169px !important;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj4 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 188px !important;
        left: 310px !important;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .onj-line {
          transition: 0.5s all;
        opacity: 0;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        /* top: 351px; */
        left: 11px;
        bottom: -219px;
        right: 0;
        margin: auto;
        height: 137px;
    }
    .onj-5 {
        position: absolute;
        left: 196px;
        top: 10px;
        opacity: 0;
        transition: 0.5s all;
        height: 30px;
    }
    .onj-6 {
        position: absolute;
        right: 100px;
        top: 10px;
        opacity: 0;
        transition: 0.5s all;
        height: 30px;
    }
    .onj-4 {
        position: absolute;
        left: 170px !important;
        bottom: -190px !important;
        opacity: 0;
        transition: 0.5s all;
        height: 34px;
    }
    .onj-8 {
        position: absolute;
        right: 167px;
        bottom: -197px;
        opacity: 0;
        transition: 0.5s all;
        height: 35px;
    }
    .onj-7 {
        position: absolute;
        right: 20px;
        bottom: -132px;
        height: 42px;
        opacity: 0;
        transition: 0.5s all;
    }
    .onj-10 {
        position: absolute;
        right: -49px;
        top: -13px;
        opacity: 0;
        transition: 0.5s all;
        height: 40px;
    }
    .onj-2 {
        position: absolute;
        left: -16px;
        height: 40px;
        top: 40px;
        opacity: 0;
    }
    .obj2 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 262px;
        left: -1px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj-car img {
        height: 60px;
    }
    
    .obj3 img {
        height: 80px;
    }
    .obj3 {
        opacity: 0;
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 388px;
            left: 390px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .top-cont img {
        height: 50px;
    }
    .middle-cont {
        margin-top: 110px;
    }
    a.navbar-brand {
        padding-top: 5px;
        padding-left: 0px;
    }
    .navbar-right {
        float: right;
        padding-top: 5px;
        padding-right: 0px;
    }
    .section-cont1 h6, .section-cont2 h6, .section-cont3 h6, .section-cont4 h6 {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 20px !important;
        line-height: 26px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .center-man img {
        display: block;
        margin: 0 auto;
        height: 70px;
    }
    .center-man {
           margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        /* top: 227px; */
        left: 0;
        bottom: -27px;
        right: 0;
        margin: auto;
    }
    .center-man.ani-man {
        transition: all .7s ease-in-out;
          bottom: -92px;
    }
    /*.slide {
        width: 100%;
        height: 270px;
        position: absolute;
        bottom: 207px;
    }*/
    
    .left-obj img {
        height: 149px;
    }
    .right-obj img {
        height: 140px;
    }
    .objact1 img {
        height: 110px;
    }
    .object2 img {
        height: 110px;
    }
    .sign-up-popup p, .sign-up-popup p a {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
    }
    .obj2 img {
        height: 140px;
    }
    .obj1 img {
        height: 89px;
    }
    .bg-img img {
        width: 100%;
        height: 250px;
    }
    .bg-img {
        opacity: 0;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 155px !important;
        left: 0px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj1 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 363px;
        left: -400px !important;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .footer-s {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 14px !important;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
     
    
        margin-bottom: 10px;
    }
    
    .change-cont-last-slide p {
    
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 29px !important;
        text-align: center;
        color: #323436;
        margin-bottom: 0px;
    }
    .change-cont-last-slide {
        width: 60%;
        background-size: initial;
        background-position: center;
       /* height: 210px;*/
        position: relative;
        margin: 0 auto;
               margin-top: 20px;
    }
    button.btn.btn-danger.signup {
         margin-top: 7px;
        border-radius: 28px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        height: 36px;
        padding: 3px 19px;
        transition: all .3s ease-in-out;
        outline: none;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
    }
    }
    @media screen and (min-width: 1600px){
        .obj_positin {
        position: absolute;
        right: 174px;
        top: 268px;
        transform: rotate(2deg);
    }
    .jumpapp {
     
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 54px;
        text-align: center;
        color: #323436;
        margin-bottom: 100px;
    }
    p.rst {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 26px;
        line-height: 44px;
        text-align: center;
        color: #32383E;
            margin-top: 128px;
    }
    .footer-s {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
       
        margin-bottom: 10px;
    }
    .sho-con-hide {
         margin-top: 95px;
    }
    .slide.slide5.add-viewport .change-cont-last-slide {
        /* height: 495px; */
        margin-top: 130px;
        -webkit-animation: fadeInn 700ms ease-in-out 1s both;
        animation-delay: 0.453s;
        animation: fadeInn 700ms ease-in-out 1s both;
        -webkit-animation-delay: 0.653s;
        opacity: 0;
    }
        .bottom_change-cont img {
        margin-top: 10px;
        height: 50px;
    }
    .obj2 img {
        height: 200px;
    }
    
 
    /*.slide {
        width: 100%;
        height: 360px;
        position: absolute;
        bottom: 348px;
    }
    */.center-man.ani-man {
        transition: all .7s ease-in-out;
        top: 349px;
    }
    
    .progress-bar-line {
        text-align: center;
        margin-top: 12px;
        margin-bottom: 50px;
    }
    
    .slide-obj1 img, .slide-obj2 img, .slide-obj3 img, .slide-obj4 img{
        height: auto;
    }
    /*.slide.slide3 {
        width: 88%;
        background-size: initial;
        background-position: center;
     
        position: relative;
        margin: 0 auto;
        top: 151px;
    }*/
    
    }
    
    @media screen and (min-width: 1900px){
    .obj_positin {
         position: absolute;
        right: 330px;
        top: 262px;
        transform: rotate(1deg);
    }
    .blog-section {
        position: relative;
        padding-bottom: 113px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
    
    }
    .job-detail-icon {
        text-align: right;
        margin-left: 0px !important;
        /* height: 100px; */
    }
    .job-detail-icon img {
        height: 140px !important;
        margin-top: 6px;
    }
    .about-content p {
       
        color: #1E2022;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .fntlght{
        margin-bottom: 0px !important;
    }
    .abt-img {
        height: 350px;
        position: relative;
        margin-top: 60px;
        /* left: 40%; */
    }
    }
    @media screen and (max-width: 767px){
        /*latest changes*/
        .desktop-view{
        display: none !important;
    }
    .soc-icn1 {
        padding-right: 5px !important;
    }
    .navbar-expand-lg .navbar-nav a.nav-link.btnlink.kandimenu {
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: inline-block;
        margin-top: 25px;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .jumpapp {
     
        font-style: normal;
        font-weight: 500;
        font-size: 20px !important;
        line-height: 27px !important;
        text-align: center;
        color: #323436;
    }
    h2.lanunch {
    
        font-style: normal;
        font-weight: 600;
        font-size: 18px !important;
           line-height: 0px !important;
        text-align: center;
        color: #323436;
        margin-top: 39px;
    }
    .change-cont-last-slide .rst {
        margin-top: 30px;
        font-size: 13px;
    }
    .top-tits h2 {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 24px;
        color: #1E2022;
    }
        .progress-bar-line.pos-abs {
        position: absolute;
            top: -4px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
    }
        .term-cont h1 {
          margin-top: 30px;
        margin-bottom: 20px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        color: #1E2022;
    }
       .term-cont h2 {
          margin-top: 30px;
        margin-bottom: 20px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        color: #1E2022;
    }
    .term-cont p {
    
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        color: #1E2022;
    }
    .term-cont ul li {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        color: #1E2022;
        list-style: none;
    }
    .terms-condtin h1 {
     
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
        color: #35323E;
    }
    .cookie-sen {
        background: rgb(255 255 255 / 0.8);
        border-radius: 4px;
        position: fixed;
        width: 75%;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        /* height: 60px; */
        left: 0px;
        right: 0px;
        bottom: 10px;
        padding: 10px;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
        align-items: center;
    }
    .btn.btn-default.btn-accept {
        background: #505254;
        border-radius: 4px;
        color: #fff;
        /* float: right; */
        margin-left: 0px !important;
        vertical-align: revert;
        margin-top: 10px;
    }
    .close-cookie {
        position: absolute;
        height: 25px;
        width: 25px;
        background: #fff;
        opacity: 1.0;
        top: -21px;
        right: -11px;
        border-radius: 60px;
        line-height: 24px;
        padding-left: 0px !important;
        cursor: pointer;
    }
    
        .xs-mb-3{
            margin-bottom: 15px;
        }
        .xs-pr-0{
            padding-right: 0px !important;
        }
        .right-arrow, .left-arrow {
        display: block;
    }
        .navbar-light .navbar-toggler-icon {
        background-image: url(../images/mobile-icon.svg);
            height: 24px;
        width: 24px;
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: none;
        border-radius: .25rem;
    }
    button.btn.btn-danger.signup {
        margin-top: 17px;
        border-radius: 28px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        height: 40px;
        padding: 3px 27px;
        transition: all .3s ease-in-out;
        outline: none;
    }
    .right-obj img {
        height: 130px !important;
    }
    .left-obj img {
        height: 130px !important;
    }
    .left-obj {
    
        left: 15px !important;
        bottom: -70px !important;
     
    }
    .right-obj {
        
        right: 20px !important;
        bottom: -70px !important;
       
    }
    
    #slid-mob ul {
            margin-bottom: 5px;
        margin-left: 0px;
        padding-left: 0px;
    }
    #slid-mob {
            margin-top: 16px;
    }
    .soc-icn.icn-img svg {
        height: 15px;
    }
    #slid-mob .lnk {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: rgba(243, 245, 247, 0.6);
        padding-right: 10px;
        padding-left: 10px;
    }
    .list-inline-item{
        text-align: left;
    }
    
    .objact1, .object2{
        display: none;
    }
    .sign-up-popup {
        margin-top: 140px;
        margin-bottom: 50px;
    }
    .right-arrow {
              position: fixed;
        bottom: 130px;
        right: 10px;
    }
    .right-arrow img {
        height: 24px;
        width: 24px;
    }
    .left-arrow.disbaled {
        filter: grayscale(100%);
        pointer-events: none;
    }
    
    .footer-s {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
        margin-top: 5px;
    }
    .mobile-view {
        display: block;
            padding-top: 20px;
    }
    .mobile-view .list-inline{
        margin-bottom: 10px;
    }
    .botm-left, .botm-right, .Subtract_OW, .shape-btm{
        display: none;
    }
    .posspace {
        margin-top: 0px;
        margin-bottom: 60px;
    }
    .top_section_ow {
           margin-top: 30px;
        padding-bottom: 86px;
    }
    
    .empty {
        position: relative;
        padding-top: 0px;
    }
    .emptysm {
        position: relative;
        padding-top: 0px;
    }
    .topdesc-ow {
           font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0.01em;
        color: #1E2022;
        margin-top: 25px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .thme-title {
     
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 0.11em;
        color: #FF1A53;
        margin-top: 50px;
        margin-bottom: 40px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .txt-Ow {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.01em;
        color: #1E2022;
    }
    .top-OW-txt {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .btm-cont-OW {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.01em;
        color: #1E2022;
    }
    .justify-content-xs-center{
        text-align: center;
    }
    .pd-btm {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    /*.onj-1, .onj-2, .onj-3, .onj-4, .onj-5, .onj-6, .onj-7, .onj-8, .onj-9 {
     
        display: none;
    }*/
    
    
    
    
    .onj-line {
     position: absolute;
        right: 135px;
        height: 120px;
       
        opacity: 0;
        transition: 0.5s all;
        transition: 0.5s all;
        opacity: 0;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
       /* top: 436px;*/
        left: 0px;
        bottom: -277px;
        right: 0;
        margin: auto;
    }
    .slide-obj-list {
        width: 100%;
        background-size: initial;
        background-position: center;
        /* height: 210px; */
        position: relative;
        margin: 0 auto;
        top: 184px;
    }
    
    .center-man.ani-man {
           transition: all .7s ease-in-out;
       /* bottom: 89px;*/
           bottom: 119px;
            position: fixed;
    }
    .top-cont img {
        height: 60px;
    }
    .middle-cont {
        margin-top: 120px;
    }
    .section-cont1 h6, .section-cont2 h6, .section-cont3 h6, .section-cont4 h6 {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .objact1 img {
        height: 55px;
    }
    .object2 img {
        height: 50px;
    }
    .sign-up-popup p {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
    }
    .sign-up-popup p a{
        font-size: 16px;
    }
    .bottom_change-cont img {
        margin-top: -6px;
        display: none;
    }
    .section-cont4, .section-cont2, .section-cont1, .section-cont3 {
        height: 210px;
        height: 60px;
        vertical-align: middle;
        align-items: center;
    }
    .section-cont4 br{
        display: none;
    }
    .bottom_change-cont p {
        cursor: pointer;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #FF2052;
        margin-top: 7px;
    }
    .change-cont-last-slide {
        width: 90%;
      
    }
    .slide.slide5.add-viewport .change-cont-last-slide {
       
            margin-top: 18px;
        transition: 0.5s all;
    }
    a.navbar-brand {
        padding-top: 12px;
        padding-left: 5px;
    }
    a.navbar-brand.d-xl-none{
        padding-top: 25px;
    }
    .change-cont-last-slide p {
    
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #323436;
    }
    .bg-img {
       
        opacity: 0;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 175px;
        left: 0px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .onj-6 {
        position: absolute;
        right: 62px;
        top: 44px;
        opacity: 0;
        transition: 0.5s all;
        height: 35px;
    }
    
    
    .obj1 {
     
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
     /*  top: 411px;*/
        left: -228px;
        bottom: -102px;
        right: 0;
        margin: auto;
    }
    .obj1 img {
        height: 50px;
    }
    .obj2 {
        
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 397px;
        left: -1px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj2 img {
        height: 83px;
    }
    .obj3 img {
        height: 48px;
    }
    .obj3 {
     
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
    /*    top: 414px;*/
        left: 223px;
       bottom: -104px;
        right: 0;
        margin: auto;
    }
    .obj-car {
    
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 318px;
        left: 124px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    
    .obj-car img {
        height: 40px;
    }
    .center-man img {
        display: block;
        margin: 0 auto;
        height: 60px;
    }
    .center-man {
           margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        /*bottom: 297px;*/
        left: 0;
        bottom: 4px;
        right: 0;
        margin: auto;
    }
    .slide-obj1 {
      
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
           top: 206px;
        left: -283px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj2 {
        
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
            top: 156px;
        left: -70px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj1 img {
        height: 65px;
    }
    .slide-obj2 img {
        height: 60px;
    }
    .slide-obj3 {
       
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 173px;
        left: 150px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj3 img {
        height: 60px;
    }
    .slide-obj4 {
             position: absolute;
        left: 289px;
        /* height: 49px; */
       
        top: 217px;
    
        opacity: 0;
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        /* top: 130px; */
        /* left: 550px; */
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj4 img {
        height: 50px;
    }
    
    @keyframes tractor {
         0%   { left:300px; opacity: 1}
    
        100% {    left: 100px; }
    }
    @keyframes tractor1 {
         0%   { left:310px; opacity: 1}
    
        100% {    left: -180px; }
    }
    }
    .offcanvas-header{ display:none; }
    
    @media (max-width: 767px) {
        .mbltitle {
            font-family: Source Sans 3;
            font-style: normal;
            font-weight: normal;
            font-size: 24px;
            line-height: 30px;
            text-align: center;
            letter-spacing: -0.01em;
            color: #1E2022;
            margin-bottom: 50px;
        }
        .topcrds-OW {
            margin-top: 50px;
            margin-bottom: 70px;
        }
        .sh-ds {
      display: block;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 16px;
        /* text-align: center; */
        color: #6E7072;
        margin-top: 2px;
    }
    .navbar-light .navbar-nav .nav-link.lst-item {
        padding-bottom: 1px;
    }
        h5.top_content.title-india {
           margin-top: 0px;
        text-align: center;
    }
    .about-content.new-about h1 {
        margin-bottom: 15px;
    }
        .mob-click{
            display: block;
        }
        .clk-start{
            display: none;
        }
      .offcanvas-header{ display:block; }
      .navbar-collapse {
        position: fixed;
        top:0; 
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    
        z-index: 9999999;
    
      }
      .navbar-right {
        float: left;
        /* text-align: center !important; */
        margin-top: 19px;
        /* margin-left: 0px !important; */
        width: 100%;
        padding-bottom: 58px;
    }
    .nav-item {
        /* margin-bottom: 3%;
        margin-left: 3%; */
        
    }
    .btttnmobi{
        margin-top: 4%;
    }
      .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%);
        background-color: #F3F5F7;
      }
      .menu-overlay{
          background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
      }
      .btn-close{
          display: none;
      }
      .offcanvas-active .btn-close{
           display: block;
        float: right;
        margin-top: 12px;
        outline: none;
        border: none;
        /* background-color: #fff; */
        /* height: 22px; */
        margin-right: 10px;
      }
      button.btn-close img {
           height: 16px;
           background-color: #F3F5F7;
    }
    body.menu-static.offcanvas-active nav.navbar.navbar-expand-lg.navbar-light {
        z-index: 99;
        position: inherit;
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0,.5);
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        color: #505254;
        position: relative;
            padding-bottom: 20px;
    }
    .join-technology {
        background: #fff;
        padding-top: 30px;
        padding-bottom: 113px;
        position: relative;
        text-align: center;
    }
    .justify-align {
        /* float: right; */
        padding-right: 0px;
    }
    .top_content {
        font-size: 20px;
        font-weight: 600;
        color: #35323E;
    }
    .icon-close-detail {
        width: 35px;
        float: left;
        margin-bottom: 20px;
        cursor: pointer;
        margin-top: 8px;
        margin-left: 32px;
    }
    
    .job-detail p {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        color: #1E2022;
        padding-right: 0px;
    }
    .job-detail {
        padding-top: 35px;
        padding-left: 36px;
            max-height: 460px;
        overflow-y: auto;
    }
    .white-box {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        background-color: #fff;
        box-shadow: 3px 3px 6px 0px #0000000d;
        padding: 25px;
        text-align: left;
        min-height: 230px;
        overflow: hidden;
        margin-top: 15px;
    
    }
    .white-box img {
        margin-bottom: 20px;
        height: 40px;
    }
    .white-box h5 {
        color: #1E2022;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
    }
    .white-box p {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0.01em;
        color: #1E2022;
        height: auto;
    }
    .blog-section {
        position: relative;
        padding-bottom: 40px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 20px;
       margin-top: -4px;
    }
    h5.top_content {
    
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 130.5%;
        color: #1E2022;
        text-align: center;
        margin-bottom: 40px;
    }
    .imf-g .justify-align {
        float: none;
        padding-right: 5px;
    }
    .about-content h1 {
      
        margin-bottom: 30px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #1E2022;
    }
    .about-content p {
       
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #1E2022;
    }
    .about-content {
        padding-left: 4px;
        padding-right: 4px;
    }
    .light-bg-clr {
        background: rgba(50, 56, 62, 0.05);
        border-radius: 12px 0px;
        padding: 10px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .abt-img {
        height: 170px;
        position: relative;
        margin-top: 60px;
        /* left: 40%; */
    }
    .current_opening_section {
        position: relative;
        padding-bottom: 100px;
    
        background-size: cover;
        background-repeat: no-repeat;
    
    }
    .join-technology .justify-align {
        float: none;
    }
    .Openweaver_opening {
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 30px;
            
    }
    .side-img img {
        height: 159px;
        position: absolute;
        top: -36px;
        left: -35px;
    }
    .obj_positin {
        position: absolute;
        right: 38px;
        top: 186px;
        transform: rotate(0deg);
    }
    .Openweaver_opening h1 {
        margin-bottom: 30px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 22px;
        text-align: center;
        color: #1E2022;
        margin-top: 20px;
    }
    .Openweaver_opening p {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-align: left;
        color: #1E2022;
    }
    
      .detail-content, .detail-content1, .detail-content2 {
        position: fixed;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: #fff;
        bottom: 0px;
        top: 0px;
        overflow: hidden;
        overflow-y: auto;
    }
    .over_f .navbar {
        background: #F3F5F7;
        position: relative !important;
        z-index: 999999;
        width: 100%;
    }
    .cont-title h6 {
        margin-bottom: 0px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 38px;
        color: #1E2022;
    }
    .ttile-bg {
        background: #F3F5F7;
        padding-top: 15px;
    }
    .cont-title p {
        font-size: 14px;
         font-family: Source Sans 3;
        font-style: normal;
    }
    .navbar-light .navbar-nav .nav-link:hover::after {
        display: none;
       
    }
    }
    
    /*TAB PORTAIT VIEW*/
    
    @media only screen and (min-device-width: 768px) and (max-device-width: 1023.98px) and (orientation:portrait){
        .right-arrow {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .tit-ow {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: -0.01em;
        color: #1E2022;
        background: #F3F5F7;
        border-radius: 16px 45px 45px 0px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 30px;
        margin-bottom: 0px;
        padding-top: 6px;
        padding-bottom: 6px;
        white-space: nowrap;
    }
    .imgabspt {
        position: absolute;
        top: 85px;
        min-width: 304px;
        left: -70px;
    }
    .crdmob {
        min-height: 350px;
    }
    
    .botm-left, .botm-right, .Subtract_OW, .shape-btm{
        display: none;
    }
    .justify-content-xs-center {
        text-align: center;
    }
    .jumpapp {
    
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 54px;
        text-align: center;
        color: #323436;
        margin-bottom: 60px;
    }
    .img-abt.india-open .abt-img {
        height: 212px;
        position: relative;
        margin-top: 86px;
    }
    /*.section-cont4, .section-cont2, .section-cont1, .section-cont3 {
        height: 97px;
        vertical-align: middle;
        align-items: center;
    }*/
    .top-cont img {
        height: auto !important;
    }
    
    .left-arrow {
        position: absolute;
        top: 20px;
        left: 20px;
    }
    .bottom_change-cont img {
        margin-top: 5px;
        height: 35px;
    }
    .onj-5 {
        position: absolute;
        left: 291px;
        top: -23px;
        opacity: 0;
        transition: 0.5s all;
    }
    
    .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
        z-index: 9999999;
    }
    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%);
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0,.5);
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        color: #505254;
        position: relative;
        padding-bottom: 20px;
    }
    .offcanvas-active .btn-close {
        display: block;
        float: right;
        margin-top: 23px;
        outline: none;
        border: none;
        background-color: #fff;
        /* height: 22px; */
        margin-right: 10px;
    }
    .navbar-right {
        float: left;
        text-align: center !important;
        margin-top: 25px;
        /* margin-left: 0px !important; */
        width: 100%;
    }
    .current_opening_section .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 49.5555%;
        max-width: 49.5555%;
    }
    
    .Openweaver_opening {
        text-align: left;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .Openweaver_opening h1 {
        margin-bottom: 50px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 36px;
        line-height: 22px;
        text-align: center;
        color: #1E2022;
        margin-top: 40px;
    }
    .white-box h5 {
      
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
        color: #32353E;
    }
    .white-box img {
        margin-bottom: 20px;
        height: 30px;
    }
    .white-box {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        background-color: #fff;
        box-shadow: 3px 3px 6px 0px #0000000d;
        padding: 25px;
        text-align: left;
        min-height: 320px;
        max-height: 320px;
        overflow: hidden;
        margin-top: 30px;
    }
    /*footer {
        background-color: #f5f5f5;
        padding-bottom: 10px;
    }*/
    .lnk {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }
    .desktop-footer{
        display: flex !important; 
    }
    .desktop-footer .col-sm-9, .desktop-view .col-sm-9{
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    .desktop-footer .col-sm-3, .desktop-view .col-sm-3{
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .footer-s {
    font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
        margin-top: 88px;
        margin-bottom: 10px;
    }
    .obj_positin {
        position: absolute;
        right: 70px;
        top: 245px;
        transform: rotate(-1deg);
    }
    
    
    .justify-align {
        float: right;
        padding-right: 0px;
    }
    .light-bg-clr {
        background: rgba(50, 56, 62, 0.05);
        border-radius: 12px 0px;
          padding: 20px;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .light-bg-clr p {
    
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: #1E2022;
    }
    .job-detail .col-sm-11 {
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
    }
    section.job-detail .col-sm-1.d-none.d-sm-block {
        display: none !important;
    }
    .ttile-bg {
        background: #F3F5F7;
        padding-top: 30px;
        padding-left: 46px;
    }
    .job-detail {
        padding-top: 35px;
        padding-left: 50px;
    }
    .join-technology {
        background: #fff;
        padding-top: 110px;
        padding-bottom: 108px;
        position: relative;
    }
    .objact1 img {
        height: 130px;
    }
    .object2 img {
        height: 120px;
    }
    .bg-img {
          opacity: 0;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 115px;
        left: 0px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .bg-img img {
        /* height: 100px; */
        width: 90%;
    }
    .obj-car img {
        height: 75px;
    }
    .obj1 {
        
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 376px;
        left: -482px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj2 {
       
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 298px;
        left: -1px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj3 {
       opacity: 0;
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
          top: 383px;
        left: 490px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj3 img {
        height: 96px;
    }
    .onj-line {
      position: absolute;
        right: 100px;
        height: 220px;
        bottom: -293px;
        opacity: 0;
        transition: 0.5s all;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 352px;
        left: 33px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .onj-1 {
           position: absolute;
        height: 60px;
        bottom: -196px;
        opacity: 0;
        left: -167px;
    }
    .onj-2 {
        position: absolute;
        left: -46px;
        height: 64px;
        top: -40px;
        opacity: 0;
    }
    .onj-3 {
        position: absolute;
        left: 86px;
        top: 50px;
        opacity: 0;
        transition: 0.5s all;
        height: 43px;
    }
    .onj-4 {
      position: absolute;
        left: -7px;
        bottom: -184px;
        opacity: 0;
        transition: 0.5s all;
    }
    .onj-6{
        display: none;
    }
    .onj-8 {
        position: absolute;
        right: -22px;
        bottom: -190px;
        opacity: 0;
        transition: 0.5s all;
    }
    .onj-9{
        display: none;
    }
    .slide.slide2.close-viewport .obj-car {
        position: absolute;
        bottom: 1px;
        right: 0px;
        -webkit-animation: tractor1 2s ease-in-out forwards;
        animation: tractor1 2s ease-in-out forwards;
    }
    @keyframes tractor1 {
         0%   { left:310px; opacity: 1}
    
        100% {    left: -180px; }
    }
    @keyframes tractor {
         0%   { left:550px; opacity: 1}
    
        100% {    left: 400px; }
    }
    .slide-obj1 {
         opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 99px;
        left: -523px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj2 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 10px;
        left: -130px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    /*.slide.slide3 {
        width: 99%;
    
        margin: 0 auto;
    }*/
    /*.slide.slide3 {
        width: 88%;
        background-size: initial;
        background-position: center;
    
        position: relative;
        margin: 0 auto;
        top: 131px;
    }*/
    .slide-obj4 {
           opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 130px;
        left: 520px;
        bottom: 0;
        right: 27px;
        margin: auto;
    }
    .left-obj img {
        height: 130px;
    }
    .right-obj img {
        height: 120px;
    }
    .slide.slide5.add-viewport .change-cont-last-slide {
        height: 375px;
        margin-top: 0px;
        transition: 0.5s all;
        margin-top: 50px;
    }
    .left-obj {
        position: absolute;
        left: 25px;
        top: 325px;
        opacity: 0;
    }
    .right-obj {
        position: absolute;
        right: 90px;
        bottom: -110px;
        opacity: 0;
    }
    .change-cont-last-slide p {
    
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 34px;
        text-align: center;
        color: #323436;
        margin-top: 70px;
    
    }
    .middle-cont {
        margin-top: 175px;
    }
    .obj1 img {
        height: 97px;
    }
    .obj2 img {
        height: 165px;
    }
    }
    
    /*TAB LANDSCAPE VIEW*/
    @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape){
        .desktop-footer .col-sm-9, .desktop-view .col-sm-9{
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    .desktop-footer .col-sm-3, .desktop-view .col-sm-3{
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .mobile-view{
    display: none !important;
    }
    .jumpapp {
     
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 54px;
        text-align: center;
        color: #323436;
        margin-bottom: 50px;
    }
      
    .obj3 img {
        height: 136px;
    }
        .right-arrow, .left-arrow{
            display: none;
        }
        .obj2 img {
        height: 241px;
    }
        .white-box p {
        margin-top: 30px;
        height: 110px;
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 25px;
        color: #1E2022;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .white-box h5 {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 38px;
    }
    .obj_positin {
        position: absolute;
        right: 174px;
        top: 271px;
        transform: rotate(-3deg);
    }
        h5.top_content {
    
        font-style: normal;
        font-weight: 500;
        font-size: 34px;
        line-height: 130.5%;
        color: #1E2022;
    }
    
    .bottom_change-cont img {
        margin-top: 10px;
    }
    .section-cont4, .section-cont2, .section-cont1, .section-cont3 {
           height: 125px;
        vertical-align: middle;
        align-items: center;
    }
    .middle-cont {
        margin-top: 130px;
    }
    .slide {
        width: 100%;
        height: 360px !important;
        position: absolute;
          bottom: 247px !important;
    }
    .onj-4 {
        position: absolute;
        left: 98px;
        bottom: -237px;
        opacity: 0;
        transition: 0.5s all;
    }
    .onj-8 {
        position: absolute;
        right: 50px;
        bottom: -226px;
        opacity: 0;
        transition: 0.5s all;
    }
    .onj-5, .onj-6{
    
        display: none;
    }
    .top-cont img {
        height: 90px;
    }
    .footer-s {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
        margin-top: 50px;
        margin-bottom: 10px;
    }
    
    
    .slide.slide5.add-viewport .change-cont-last-slide {
           height: 390px;
         margin-top: 90px;
        transition: 0.5s all;
    }
    .center-man img {
        display: block;
        margin: 0 auto;
        height: 100px;
    }
    .center-man {
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
               top: 258px;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .objact1 img {
        height: 130px;
    }
    .object2 img {
        height: 130px;
    }
    .sign-up-popup {
        margin-top: 149px;
        margin-bottom: 50px;
    }
    .bg-img {
        position: absolute;
        /* bottom: 189px; */
           top: 145px;
        left: 66px;
        opacity: 0;
    }
    .bg-img img {
          width: 80%;
        height: 370px;
    }
    .obj1 img {
        height: 130px !important;
    }
    .obj1 {
          
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 336px !important;
        left: -640px !important;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj2 {
       margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 222px;
        left: -1px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .obj3 {
           position: absolute;
        position: absolute;
        left: 644px;
        bottom: -158px !important;
        opacity: 0;
        top: 333px;
    }
    @keyframes tractor {
         0%   { left:850px; opacity: 1}
    
        100% {    left: 400px; }
    }
    @keyframes tractor1 {
         0%   { left:310px; opacity: 1}
    
        100% {    left: -180px; }
    }
    .slide-obj1 {
     
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 140px;
        left: -523px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    
    .slide-obj2 {
        opacity: 0;
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 80px;
        left: -153px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj3 {
    
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 126px;
        left: 205px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj3 img {
        height: 83px;
    }
    .slide.slide3 {
        width: 88%;
        background-size: initial;
        background-position: center;
        /* height: 210px; */
        position: relative;
        margin: 0 auto;
        top: -59px;
    }
    .slide-obj4 {
       
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 165px;
        left: 440px;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .slide-obj2 img {
        height: 100px;
    }
    .center-man.ani-man {
        transition: all .7s ease-in-out;
               top: 345px;
    }
    /*.objact1 {
        position: absolute;
        bottom: -130px;
        left: 50px;
        transition: 0.5s all;
      
    }
    .object2 {
        position: absolute;
        right: 65px;
        bottom: -130px;
        float: right;
        transition: 0.5s all;
       
    }*/
    
    .left-obj {
           position: absolute;
        left: 25px;
        top: 230px;
        opacity: 0;
    }
    .right-obj {
           position: absolute;
        right: 40px;
        bottom: -82px;
        opacity: 0;
    }
    .change-cont-last-slide p {
    
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        line-height: 37px;
        text-align: center;
        color: #323436;
    
        /* margin-top: 26px; */
    }
    p.rst {
        font-family: Source Sans 3;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 44px;
        text-align: center;
        color: #32383E;
        margin-top: 50px;
    }
    .onj-line {
        transition: 0.5s all;
        opacity: 0;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 351px;
        left: 51px;
        bottom: 0;
        right: 0;
        margin: auto;
            height: auto;
    }
    /*.onj-4, .onj-6, .onj-5{
        display: none;
    }*/
    .onj-1 {
        position: absolute;
        height: 60px;
        bottom: -189px;
        opacity: 0;
    }
    }
    /*@media screen and (max-width: 480px){
        .slide {
        width: 100%;
         height: 361px !important;
        position: absolute;
        bottom: 176px;
    }
    }*/
    h2.lanunch {
    
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 30px;
        text-align: center;
        color: #323436;
    }
    .jumpapp {
     
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 54px;
        text-align: center;
        color: #323436;
    }
    @media (min-width: 576px) and (max-width: 767.98px) { 
        .crdmob {
            min-height: 450px;
        }
        .justify-content-xs-center {
            text-align: center;
        }
        .emptysm:before {
            content: ' ';
            display: block;
            position: absolute;
            top: -454px;
            bottom: 0;
            left: -41px;
            width: 110px;
            background: url(../images/bg-stripe-OW.svg) no-repeat right 53%;
        }
     }
     @media (min-width: 768px) and (max-width: 991.98px) {  
         .crdmob {
        min-height: 320px;
    }
    .botm-left, .botm-right, .shape-btm, .Subtract_OW{
        display: none;
    }
    .emptysm:before {
        content: ' ';
        display: block;
        position: absolute;
        top: -310px;
        bottom: 0;
        left: -43px;
        width: 110px;
        background: url(../images/bg-stripe-OW.svg) no-repeat right 53%;
    }
    .justify-content-xs-center {
        text-align: center;
    }
    .topcrds-OW {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .navbar-expand-lg .navbar-nav a.nav-link.btnlink.kandimenu {
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: inline-block;
        margin-top: 25px;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url(../images/mobile-icon.svg);
        height: 24px;
        width: 24px;
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: none;
        border-radius: .25rem;
    }
     }