@media (max-width: 1024px) {
    .onbording-first {
        top: -30px;
    }

    .animation-right-part:hover .onbording-first {
        top: -30px;
    }

    .onbording-second .right-circle-animation {
        top: 50px;
    }

    .onbording-second:hover .right-circle-animation {
        top: 40px;
    }

    .onbording-third {
        top: 0px;
    }

    .right-shape .animation-right-part:hover .onbording-third {
        top: 0;
    }

    .onbording-four {
        top: -50px !important;
    }

    .animation-right-part:hover .onbording-four {
        top: -50px !important;
    }

    .countWraper .countPer{
        font-size: 40px;
        line-height: normal;
    }

    .countWraper .countText
    {
        font-size: 14px;
    }

    .learingSec:before{
            max-width: calc(100% - 10%);
    }
    .FilterOnTab ul button {
        font-size: 14px;
        padding: 0px 10px 10px;
    }
    .ReadyJourny:before, .schedules-demo:before, .manu-demo:before {
        border-radius: 0px;
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        max-width: unset;
    }
    .resources-img img {
        max-width: 274px;
        height: 100%;
        width: 100%;
    }
    .vert-desgn .resources-img img {
        height: 222px;
    }
    .ReadyJournyImg img{
        width: 100%;
        position: relative !important;
        left: 0px;
        transform: unset !important;
    }
    .ReadyJourny, .schedules-demo, .manu-demo {
        padding-bottom: 0px;
    }
    span.traActive, span.GoBetterActive {
        min-height: 66px;
    }
    .grid > li {
        max-width: 280px;
    }
}


@media (max-width: 1200px) {
    .banner-sec {
        height: auto;
        padding: 100px 0px 0px;
    }

    .banner-img {
        height: 100%;
    }

    .custome-nav .nav-link {
        font-size: 14px;
    }

    .logo img {
        max-width: 160px;
    }

    .banner-content {
        padding: 140px 80px 80px 0px;
    }

    .banner-content h1 {
        font-size: 25px !important;
        line-height: 40px;
    }

    .customeborder {
        margin: 10px 0px;
        max-width: 100px;
        height: 3px;
    }

    p {
        font-size: 14px !important;
        line-height: 25px !important;
    }

    .ball-animation {
        width: 40px;
        height: 40px;
    }

    .btn-text {
        font-size: 14px;
    }

    .banner-img img {
        max-width: 90% !important;
    }

    .banne-lotti-animation {
        margin-top: -365px;
        right: -70%;
        width: fit-content;
    }

    .banne-lotti-animation lottie-player {
        max-width: 60%;
        margin: auto;
    }

    .sec-title h2, .blueClient .sec-title h2, .WorkforceSliderContent h4, .schedules-demo .schedules-content h2, .manu-demo .manu-demo-content h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .about-lotti-animation lottie-player {
        transform: scale(1.3);
    }

    .counter-text {
        font-size: 30px;
    }


    .left-assets-color img {
        max-width: 200px;
        transform: scale(1.5);
    }

    .circle-assets-color {
        max-width: 141px;
        top: 100px;
    }

    .circle-assets-color img {
        width: 100%;
    }

    .testi-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .arrow-icon i {
        font-size: 16px;
    }

    .testi-content p {
        margin-bottom: 10px;
    }

    .testi-sec .assets-color {
        max-width: 330px;
    }

    .round-assets {
        max-width: 210px;
        top: 20px;
        right: -20px;
    }

    .round-assets img {
        max-width: 100%;
    }

    .lotti-animation {
        max-width: 90px;
        margin-top: -45px;
        margin-left: -45px;
    }

    .ecosystem-sec {
        padding: 50px 0px 400px;
    }


    .Vision-sec:before {
        border-radius: 0px 0px 100px 0px;
    }

    .left-assets-color img {
        max-width: 200px;
        transform: scale(1.5);
    }

    .circle-assets-color {
        max-width: 141px;
        top: 100px;
    }

    .circle-assets-color img {
        width: 100%;
    }

    .testi-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .arrow-icon {
        width: 40px;
        height: 40px;
    }

    .arrow-icon i {
        font-size: 16px;
    }

    .testi-content p {
        margin-bottom: 10px;
    }


    .testi-sec .assets-color {
        max-width: 330px;
    }

    .resources-content h3 {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .tag {
        font-size: 14px;
    }

    .profile-name {
        font-size: 14px;
    }

    .horizontal-design {
        margin-bottom: 15px;
    }

    .horizontal-design~.horizontal-design {
        margin: 0px;
    }

    .card-box {
        max-height: 170px !important;
        min-height: 170px !important;
        border-radius: 17px;
    }
    .lp_cta .card-box {
        max-height: unset!important;
    }
    .card-img {
        max-width: 160px;
    }

    .bg-blue .card-img {
        transform: translate(-20px, -20px);
    }

    .bg-blue:hover .card-img {
        transform: translate(-20px, -40px);
    }

    .likego-sec .row {
        grid-gap: 15px;
        padding-bottom: 40px;
    }

    .likego-sec .sec-title {
        margin-bottom: 50px !important;
    }

    footer {
        padding: 50px 0px;
    }

    .resources-sec:before {
        content: '';
        width: calc(100% - 218px);
        border-radius: 0px 150px 150px 0px;
    }

    .container {
        max-width: calc(100% - 70px) !important;
    }

    .Third-tab {
        bottom: 9%;
    }

    .Tab-content h5 {
        font-size: 14px;
    }

    span.wave-btn {
        width: 40px;
        height: 40px;
    }

    .tab-content h2 {
        font-size: 12px;
    }

    .tab-content p.desc {
        font-size: 13px !important;
    }



    .Intuitive-sec {
        padding: 90px 0px;
    }


    .list-point li {
        font-size: 14px;
    }

    .Round-shape-design:after,
    .Round-shape-design:before {
        transform: scale(1.2);
    }

    .right-soluction-round-assets {
        top: 50% !important;
        max-width: 290px !important;
        margin-top: -237px !important;
        right: -120px !important;
    }

    .left-soluction-round-assets {
        right: unset !important;
        left: -100px !important;
        transform: rotate(190deg);
        top: unset !important;
        bottom: -60px;
        max-width: 290px !important;
    }

    .right-bottom-soluction-round-assets {
        right: -110px !important;
        top: 160px !important;
        max-width: 290px !important;
        transform: rotate(65deg);
    }

    .card-box {
        justify-content: space-between;
    }

    .animation-right-part:hover .onbording-first {
        top: -70px;
        right: 0px;
        transform: rotate(0deg);
        transition: 0.8s all;
    }


    .onbording-first {
        max-width: 160px;
        right: -80px;
        top: -80px;
    }

    .right-shape .animation-right-part:hover .onbording-third {
        top: -80px;
    }

    .onbording-second .right-circle-animation,
    .onbording-third {
        max-width: 160px;
    }

    .onbording-second .right-circle-animation img,
    .onbording-third img.img-fluid {
        transform: scale(1.1);
    }

    .onbording-four {
        max-width: 160px;
    }

    .animation-right-part:hover .onbording-four {
        top: -90px !important;
        left: -90px !important;
    }

    .mission-and-vision .sec-title {
        max-width: 360px;
    }

    .logoBox{
            padding: 20px 0px;
            min-height: auto;
    }
    .IFMS-Landing-Page .banner-content{
        padding: 70px 0px 100px;
    }
    .IFMS-Landing-Page .banner-img img{
        max-width: 100% !important;
    }
    .WorkforceSliderContent{
        padding: 50px 20px;
    }
    .logoBox img {
        max-width: 60%;
    }
    .Whitepapers-Download-Page .banner-content {
        padding: 0px;
    }

    .Whitepapers-Download-Page .bannerForm {
        padding: 0px !important;
    }

    .management-sec:before{
        max-width: 100% !important;
        border-radius: 0px !important;
    }

    .perBoxMainWrapper{
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .unmatchedLottieWrapper lottie-player {
       transform: scale(1.2);
    }
    .perBox {
        padding: 20px;
        border-radius: 20px;
    }

    .perBox h4 span {
        line-height: normal !important;
    }

    .perBox h6 {
        line-height: 20px;
        font-size: 14px;
    }

    .perBox p {
        font-size: 14px !important;
        line-height: 22px !important;
        margin: 0px;
    }
    .WorkforceSlider ul.slick-dots button, .ManuWorkforceSlider ul.slick-dots button{
        font-size: 14px !important;
    }
    .WorkforceSlider ul.slick-dots .slick-active button:before, .ManuWorkforceSlider ul.slick-dots .slick-active button:before {
        margin: auto;
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    .WorkforceSliderImage img{
        max-height:unset ;
        min-height:unset ;
        height: 100%;
    }
    .WorkforceSliderGrid, .WorkforceSliderContent{
        max-height: unset;
        min-height: auto;
        padding: 20px;
    }
    .WorkforceSliderContent p{
        font-size: 14px;
    }

    .management-sec {
        padding-bottom: 0px;
    }

    .WorkforceSliderContent ul{
        grid-gap: 15px ;
    }

    .WorkforceSliderContent ul li span.li-content{
        font-size: 14px;
    }

    .WorkforceSlider, .ManuWorkforceSlider{
    max-width: 100%;
    }
    .WorkforceSliderGrid{
        padding: 0px !important;
    }
    .ManuWorkforceSlider .slick-slide{
        margin: 0px !important;
    }

    .manu-demo-content{
        padding: 40px 0px;
    }
    .manu-demo-image {
        transform: translate(-30px, -18px) scale(1.1)
    }
    .WorkfaceTitle{
        font-size: 14px;
    }
    .soluction-content {
    height: calc(100% - 150px);
    }

    .onboarding-sec {
        padding-bottom: 60px;
    }

    .ChooseContent h5 {
        font-size: 20px;
    }

    .ChooseImage img {
        min-height: 300px;
        max-height: 300px;
    }

    .BeyondBoxWrapper {
        min-height: 350px;
        padding: 20px;
    }

    .BeyondBoxWrapper .BeyondBox {
        padding: 20px !important;
        transform: translate(0px, 53%);
    }

    .BeyondBoxWrapper .BeyondBox img {
        max-width: 50px;
        min-width: 50px;
    }

    .BeyondBox h5 {
        font-size: 20px;
        line-height: 23px;
    }
    .pageHeaderSticy.sticky{
        top: 72px;
    }

    .upskTesti span.nameCient {
    font-size: 14px;
    }

    .upskTesti span.namedegination {
        font-size: 14px;
    }

    .prisingContent h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .prisingBox {
        padding: 20px;
        border-radius: 30px;
    }

    .prisingSec .col-sm-12.col-md-6.col-lg-3 {
        margin-bottom: 30px;
    }

    .prisingContent p {
        margin-bottom: 30px;
    }

    .FaqSec .accordion-item button {
        font-size: 16px;
        padding: 20px;
        border-radius: 10px 10px  0px 0px !important;
    }

    .FaqSec .accordion-item .accordion-body {
        padding: 0px 20px 20px;
        font-size: 14px;
    }

    .accordion-collapse {
        border-radius: 0px 0px 10px 10px !important;
    }

    .FaqSec .accordion-item {
        margin-bottom: 15px;
    }

    .Empower-upskill-content h6 {
    font-size: 20px;
    }

    .Empower-upskill-sec:before {
        width: 96%;
        border-radius: 0px 0px 0px 200px;
    }
    .liIcon {
        width: 60px;
        height: 60px;
    }


    .Empower-upskill-content ul li {
        grid-template-columns: 60px 1fr;
        margin-bottom: 15px;
    }

    .FeaturesContentBoxWrapper h5{
        font-size: 16px;
    }

    .Learning-upskill-Tab-sec button {
        font-size: 16px;
    }
    .traningWrapper h5{
        font-size: 20px;
    }
    .Empower-upskill-Tab-sec .traningContentWrapper ul li{
        font-size: 14px;
    }
    .Empower-upskill-Tab-sec button {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .pageHeaderSticy ul li {
        font-size: 13px;
    }   
    .Catch-upskill-sec .round-assets {
        right: 50px;
        top: 30px;
        transform: rotate(-50deg);
    }
    .pageHeaderSticy ul{
        grid-gap: 10px;
    }
}



@media (max-width: 991px) {
    .dropdown-menu > li:hover {
        background: #fff;
    }
    .navbar-nav ul.dropdown-menu {
        padding: 0;
        border: 0;
    }
    .dropdown-menu .dropdown-menu {
        margin-left: 10px;
    }
    .tab-content h2 {
        font-size: 10px;
        line-height: 15px;
    }

    .tab-content p.desc {
        font-size: 11px !important;
        line-height: 20px !important;
    }

    .container {
        max-width: calc(100% - 70px) !important;
    }

    .Tab-content h5 {
        font-size: 10px;
        line-height: 12px;
    }

    span.wave-btn {
        width: 30px;
        height: 30px;
    }

    span.wave-btn i {
        font-size: 15px;
    }

    .banner-sec {
        height: auto;
    }

    .banner-img {
        height: 100%;
    }

    .left-content-sec .step-design {
        padding-right: 80px;
    }


    .step-design {
        padding-left: 80px;
    }

    .Round-shape-design {
        padding: 60px 20px;
    }

    .Round-shape-design:after,
    .Round-shape-design:before {
        border-radius: 100px;
    }

    .mission-and-vision .sec-title {
        max-width: 360px;
    }

    .mission-assets-color {
        max-width: 40%;
        bottom: -20px;
    }

    .mission-assets-color {
        max-width: 40%;
        bottom: -20px;
    }

    .Awards-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .Awards-grid:nth-child(even) {
        margin: 0px;
    }

    .mission-and-vision::before {
        width: 100%;
        border-radius: 0px;
    }

    .mission-and-vision .sec-title {
        max-width: 100%;
    }

    .mission-and-vision .sec-title p {
        text-align: center;
    }

    .about-image {
        max-width: 74%;
        margin: 50px auto 0px;
    }

    .vertical-image .onbording-first,
    .vertical-image .onbording-third {
        max-width: 160px;
        top: -50px !important;
        right: -60px !important;
    }

    .vertical-image {
        max-width: 47%;
    }

    .email-sec:before {
        width: 95%;
    }

    .get-in-touch-sec {
        overflow: hidden;
        margin-top: -100px;
        position: relative;
        z-index: 11;
    }

    .email-text a {
        font-size: 18px;
    }

    .email-text {
        grid-gap: 10px;
        margin: 30px 0px 0px;
    }
    .recent-box{
        margin-bottom: 55px;
        text-align: center;
    }
    .recent-box a.buttonArrow{
        margin: 0 auto;
    }
    .Whitepapers-Download-Page .bannerForm .contact-form .form-sec {
        margin-top: 0;
    }

    .crafting-sec .feaSiderBox .feaSiderContent{
        padding: 0;
    }
    .crafting-sec ul.slick-dots {
        transform: translate(0px, 0px);
        text-align: center;
        padding-left: 0;
    }
    .craftingFullViewImg .craftingFullViewGridWrapper {
        grid-template-columns: repeat(3, auto);
    }
    .Award-Winning .AwardBox {
        padding: 0px;
        margin-bottom: 20px;
    }
    .ChooseThree {
        margin-top: 0;
    }
    .Empower-upskill-sec:before {
        width: 100%;
        border-radius: 0px;
    }
    .Empower-upskill-sec .row {
        flex-direction: column-reverse;
    }
    .Empower-upskill-content ul{
        padding: 0px 0px;
    }
}



@media (max-width: 968px) {
    .container {
        max-width: calc(100% - 20px) !important;
    }

    .banner-img img {
        max-width: 100%;
    }

    .banne-lotti-animation {
        margin-top: -43%;
        top: 0;
        right: -50%;
    }

    .left-content-sec .step-design {
        padding-right: 60px;
    }


    .step-design {
        padding-left: 60px;
    }

    .Round-shape-design:after,
    .Round-shape-design:before {
        transform: scale(1.1);
    }
    .logoBox img {
           max-width: 60%;
    }
}

@media (max-width: 800px) {
    .banne-lotti-animation {
        margin-top: -43%;
        top: 0;
        right: -80%;
    }
    .resources-img img {
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: calc(100% - 70px) !important;
    }
    .banner-img {
        justify-content: center;
        height: auto;
        padding: 10px 0px 0px 0px;
    }

    .banner-sec {
        height: auto;
    }

    .banner-content {
        padding: 80px 0px;
    }

    .banner-img img {
        max-width: 90% !important;
    }

    .banne-lotti-animation {
        display: none;
    }

    .banner-content h1 {
        text-align: center;
        font-size: 20px !important;
        line-height: 30px;
    }

    .customeborder {
        display: block;
        margin: 10px auto !important;
        width: 100px;
    }

    .banner-content p {
        max-width: 100%;
        text-align: center;
    }

    a.animation-btn {
        width: fit-content;
        margin: auto;
    }
    .lp_cta a.animation-btn {
        margin: 0;
    }
    .About-content {
        padding: 0px;
    }

    .sec-title h2, .schedules-demo .schedules-content h2, .manu-demo .manu-demo-content h2 {
        text-align: center;
        font-size: 16px;
        line-height: 26px;
    }

    .desc {
        text-align: center;
    }

    /* .about-lotti-animation lottie-player {
        transform: scale(1);
        width: 500px !important;
    } */

    .ecosystem-sec:before {
        max-width: 100%;
        border-radius: 0px;
    }

    .counter-box {
        padding: 25px;
    }

    .ecosystem-img {
        max-width: 50%;
        margin: auto;
        padding: 20px 0px 0px;
    }

    .Vision-sec:before {
        max-width: 100%;
    }

    .Vision-sec .sec-title {
        padding-left: 0px;
    }
    .TestimonialsWrapper {
        display: block;
    }
    .Testimonials .testi-img img {
        padding-bottom: 20px;
    }

    .Testimonials .testi-content {
        max-width: 100%;
        text-align: center;
        padding: 30px 0 60px;
        margin-left: 0;
    }
    .Testimonials .testi-img {
        max-width: 100%;
        width: 100%;
        position: relative;
        
    }
    .tes-icon img {
        margin: auto;
    }

    span.tes-icon {
        display: flex;
    }

    .arrow-icon {
        margin: 20px auto;
    }

    .Testislider button.slick-prev {
        left: 0;
    }

    .Testislider button.slick-next {
        right: 0;
    }

    .resources-box {
        margin-bottom: 20px;
    }

    .resources-sec:before {
        width: 100%;
        border-radius: 0px;
    }

    .resources-content {
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: center;
    }
    .resources-img img {
        max-width: 100%;
    }
    .vert-desgn .resources-img img {
        height: 100%;
    }
    .horizontal-design {
        display: block;
    }
    .home .custome-nav {
        background: #fff;
        top: unset;
    }
    .custome-nav.Fixed {
        top: 0;
    }
    .custome-nav {
        background: #fff;
        top: 0;
    }

    .custome-nav ul {
        align-items: baseline;
        grid-gap: 15px;
        padding: 25px 0px;
        position: relative;
        z-index: 11111;
        background: #fff;
    }

    .list-point li {
        font-size: 14px !important;
        margin-bottom: 15px;
    }

    .Intuitive-sec p.desc {
        margin: 15px 0px;
    }

    .animation-right-part {
        margin: 40px 0px;
        max-width: 100%;
    }

    .right-circle-animation {
        display: none;
    }

    .Intuitive-sec {
        padding: 50px 0px 0px;
    }

    .left-shape:before,
    .right-shape:before {
        display: none;
    }

    .left-shape .animation-right-part {
        margin-bottom: 0px;
    }

    .left-shape .row {
        flex-direction: column-reverse;
    }

    .Round-shape-design:after {
        transform: scale(1.2);
        border-radius: 0px;
    }

    .Round-shape-design {
        padding: 30px 0px;
    }

    .Round-shape-design p {
        text-align: center;
    }

    .Round-shape-design:before {
        display: none;
    }

    .step-design {
        padding: 80px 0px 0px !important;
        grid-gap: 50px;
    }

    .step-first {
        grid-gap: 50px;
    }

    .Soluction-top-assets,
    .Soluction-left-assets,
    .Soluction-right-assets {
        left: 50%;
        bottom: 90px;
        top: unset;
        max-width: 400px;
        margin-left: -214px;
    }

    .splash-sec .row {
        padding-bottom: 0px;
    }

    .right-soluction-round-assets {
        top: unset;
        margin: 0px;
        bottom: 160px;
        right: -60px;
    }

    .left-content-sec .row {
        flex-direction: column-reverse;
    }

    .left-soluction-round-assets {
        left: -90px;
        bottom: -60px;
        top: unset;
        transform: rotate(175deg);
    }

    .round-assets.right-bottom-soluction-round-assets {
        right: -90px;
        top: unset;
        bottom: 20px;
        transform: rotate(85deg);
    }

    .step-box span {
        width: 60px;
        height: 60px;
    }

    .banner-content p b {
        font-size: 14px;
    }

    .splash-sec .sec-title.mb-5 {
        margin: 0px !important;
    }

    .value-proposition:before {
        width: 100%;
        right: 0;
        border-radius: 0px;
    }

    .glass-container-two {
        padding: 20px 0px 0px;
    }

    .leader-img img {
        width: 100%;
    }

    .Awards-Recognition-sec:before {
        width: 100% !important;
        border-radius: 0px;
    }

    .Awards-container {
        grid-template-columns: 1fr 1fr;
        padding: 0px;
    }

    .form-sec {
        max-width: 100%;
        padding: 40px;
    }

    .email-text {
        grid-gap: 10px;
        margin: 40px auto 0px;
        justify-content: center;
    }

    .email-sec:before {
        width: 100%;
        border-radius: 0px;
    }

    .email-text a {
        font-size: 16px;
    }


    .get-in-touch-sec .container {
        margin: auto;
        padding: 50px 0px;
    }

    .get-in-touch-sec {
        overflow: hidden;
    }

    .contact-form .form-sec {
        border: 1px solid #f3f3f3;
    }

    .contact-form .form-sec .sec-title h2 {
        font-size: 26px;
        font-weight: 500;
    }

    .get-in-touch-sec {
        margin: 0px !important;
    }

    .country-wrapper nav .nav-tabs {
        display: grid;
        padding: 0px;
        border: 1px solid #f3f3f3;
        border-radius: 20px;
        overflow: hidden;
        grid-gap: 0px;
    }

    .country-wrapper nav .nav-tabs button {
        width: 100%;
        padding: 20px;
    }

    .country-wrapper nav .nav-tabs button.nav-link.active{
        background-color: #47aeff30;
    }

    
    .country-wrapper nav .nav-tabs button.nav-link.active::before{
        content: '';
        display: none;
    }

    .map-sec{
        display: none;
    }

    .tab-content.Cuatome-map-sec{
        position: relative;
        padding: 30px 0px 0px  !important;
    }

    .get-in-touch-sec {
        overflow: hidden;
        margin-top: -100px;
        position: relative;
        z-index: 11;
    }
    
    .country-wrapper nav .nav-tabs button {
        width: 100%;
        padding: 20px;
    }
    
    .address-box {
        position: relative;
        width: 100%;
    }
    .marker, .marker-active {
        display: none;
    }
    .gobetterVsTrapoint {
        max-width: 100%;
        overflow-x: scroll;
        padding-bottom: 20px;
        scrollbar-color: #FF00FF #ffffff;
    }
    .gobetterVsTrapoint ul {
        width: 664px
    }
    .gobetterVsTrapoint::-webkit-scrollbar {
        background-color: #ffffff;
        border-radius: 10px;
        width: 5px;
        height: 4px;
    }
    .gobetterVsTrapoint::-webkit-scrollbar-thumb {
        background: transparent linear-gradient(89deg, #F3E600 0%, #FF00FF 31%, #008FFF 66%, var(--bs-green-color) 100%) 0% 0% no-repeat padding-box;
        border-radius: 10px;
    }
    .gobetterVsTrapoint ul li {
        grid-template-columns: 180px 1fr 1fr;
    }
    .gobetterVsTraditional:before{
       border-radius: 0px 0px 0px 0px;
    }
    span.traActive, span.GoBetterActive {
        min-height: 85px;
    }
    .blueClient:before{
        width: 100%;
        border-radius: 0px;
    }

    .blueClient .sec-title{
        margin-bottom: 30px;
        display: block;
    }
    .blueClient .sec-title h2 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 26px;
    }

    .blueClient .customeborder {
        transform: unset;
        margin-bottom: 40px;
        display: flex;
    }

    .learingSec {
        margin: 0px;
    }

    .learingSec:before {
        max-width: 100%;
        border-radius: 0px;
    }

    .learingSec .container .col-md-12{
        padding-left: 0px;
    }

    .gobetterVsTraditional{
        padding-bottom: 40px ;
    }
    .partnerHrms button {
        margin-bottom: 10px;
        padding: 15px;
        background: #f4f4f43d !important;
        overflow: hidden;
    }

    .partnerHrms  ul {
        margin-bottom: 20px;
        width: 100%;
    }

    .partnerHrms li.nav-item{
        width: 100%;
    }

    .partnerHrms button.active {
        background: transparent linear-gradient(89deg, #FF00FF 0%, #008FFF 100%) 0% 0% no-repeat padding-box !important;
        color: #fff !important;
    }
    .traningWrapper {
        padding: 20px 20px;
    }
    .traningWrapper:after {
        border-radius: 16px;
    }
    .traningWrapper h5 {
        margin-bottom: 0px;
        font-size: 18px;
    }
    .traningWrapper p {
        font-size: 14px !important;
        margin-bottom: 30px;
    }
    .partnerHrms .about-round-circle-assetes{
        display: none !important;
    }
    .partnerHrms, .paradigms.pb-5 {
        padding-bottom: 0px !important;
    }
    .paradigmsBox {
        border: 1px solid #f4f4f4;
        padding: 20px !important;
        border-radius: 10px;
    }
    .paradigms .col-sm-12.col-md-6 {
        margin-bottom: 20px;
    }
    .paradigmsBox h3 {
        font-size: 20px !important;
    }
    .paradigmsBoxImg img {
        max-width: 30px;
    }
    .filters ul {display: grid;grid-template-columns: 1fr;}


    .filters button {
        width: 100%;
        padding: 15px;
        text-align: left;
        background: #f4f4f470;
        border-radius: 6px;
        font-size: 14px !important;
        overflow: hidden;
    }

    .filters button.is-checked {
        background: transparent linear-gradient(89deg, #FF00FF 0%, #008FFF 100%) 0% 0% no-repeat padding-box !important;
        color: #fff !important;
    }
    .LogoContainer {
        grid-template-columns: 1fr 1fr;
    }.LogoContainer .LogoImg {
        padding: 10px;
        border-radius: 10px;
    }

    .ReadyJourny:before, .schedules-demo:before, .manu-demo:before {
        width: 100% !important;
        border-radius: 0px;
    }

    .ReadyJournyImg img {
        position: unset;
        transform: unset;
    }

    .ReadyJourny .row, .schedules-demo .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .ReadyJourny, .schedules-demo, .manu-demo {
        padding-bottom: 0px;
    }

    .ReadyJournyContent p.pb-4, .manu-demo-content p.pb-4 {
        padding-bottom: 10px !important;
        text-align: center;
    }
    .grid > li {
            width: calc(100% / 2 - 10px);
        max-width: 280px;
    }
    .announce p {
        text-align: center;
        margin-bottom: 10px;
    }

    .schedules-content {
        max-width: 100%;
        padding: 0px;
        text-align: center;
    }
    .schedules-demo:before{
        max-width: 100%;
        left: 0;
        border-radius: 0px !important;
    }
    .schedules-demo {
        padding: 50px 0px 0px;
    }
    .schedules-demo .row {
        flex-direction: column-reverse;
    }
    .schedules-content span.customeborder.mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
        max-width: 150px;
        margin-bottom: 40px !important;
    }


    .manu-demo-content {
        max-width: 100%;
        padding: 0px;
    }
    .manu-demo:before{
        max-width: 100%;
        left: 0;
        border-radius: 0px !important;
    }
   .manu-demo {
        padding: 50px 0px 0px;
    }
    .manu-demo-content span.customeborder.mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
        max-width: 150px;
        margin-bottom: 40px !important;
    }
    .logoGrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        margin: 50px 0px 0px;
    }
    .management-sec:before{
        max-width: 100%;
        left: 0;
        border-radius: 0px !important;
    }
    .WorkforceSliderGrid{
        grid-template-columns: 1fr;
    }
    .perBoxMainWrapper{
           grid-template-columns: 1fr;
           padding: 0px;
    }
    .WorkforceSlider ul.slick-dots, .ManuWorkforceSlider ul.slick-dots{
        display: grid;
        grid-gap: 10px;
    }
    .WorkforceSliderContent {
        min-height: auto;
        max-height: unset;
        padding: 20px;
        border-radius: 0px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .WorkforceSliderImage img {
        min-height: unset;
        max-height: unset;
    }
    .WorkforceSlider, .ManuWorkforceSlider {
        padding: 230px 0px 0px;
    }
    .WorkforceSlider ul.slick-dots li, .ManuWorkforceSlider ul.slick-dots li {
        padding: 14px 0px;
        background: #fff;
        border-radius: 10px;
    }
    .WorkforceSlider ul.slick-dots li.slick-active, .ManuWorkforceSlider ul.slick-dots li.slick-active {
        background:#008FFF;
    }
    .WorkforceSlider ul.slick-dots li.slick-active .custom-button, .ManuWorkforceSlider ul.slick-dots li.slick-active .custom-button {
        color: #fff !important;
    }
    .WorkforceSlider ul.slick-dots button::before, .ManuWorkforceSlider ul.slick-dots button::before {
        display: none;
    }
    .perBox h4 {
        font-size: 40px;
    }

    .recent-sec .RecentBoxWrapper .recent-box {
        text-align: center;
        margin-bottom: 40px;
    }

    .recent-sec .RecentBoxWrapper .recent-box a.buttonArrow {
        margin: 0 auto;
    }
    .paginationRecent ul {
        grid-gap: 10px;
    }

    .paginationRecent ul li.numberPagination {
        min-width: 35px;
        min-height: 35px;
    }

    .paginationRecent li a {
        font-size: 14px;
    }
    .newsletter-box {
        padding: 20px;
    }
    .newsletter-box p {
        text-align: center;
    }
    .feaSiderContent {
        padding: 0px;
        margin-bottom: 40px;
        text-align: center;
    }
    .feaSiderContent h5 {
        font-size: 16px;
        line-height: 26px;
    }
    .feaSiderContent a.buttonArrow {
        margin: auto;
    }
    .feaSiderBox {
        padding: 20px 15px 15px;
        border-radius: 10px;
    }
    .solution-img {
        padding: 20px;
    }
    .soluction-content {
        padding: 120px 20px 20px;
        margin-bottom: 20px;
        height: auto;
    }

    .WorkforceSliderImage {
        height: 100%;
        border-bottom-left-radius: 20px;
        overflow: hidden;
        border-bottom-right-radius: 20px;
    }
    .unmatchedLottieWrapper lottie-player{
        transform: scale(1);
    }
    .manu-demo-image {
        transform: translate(0px, 0px) scale(1);
            padding: 40px 0px 0px !important;

    }

    .soluction-content h5 {
        font: normal normal normal 14px/24px Poppins;
        margin-bottom: 15px;
    }
    #parent {
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr;
    }
    .ChooseTwo, .ChooseThree, .Chooseone {
        margin-top: 25px;
    }
    .demo-page {
        padding: 0;
    }
    .demo-page .banner-content {
        padding: 80px 0px;
    }
    .callout_bubble:after {
        display: block;
        width: 0;
        content: "";
        border: 15px solid transparent;
        border-right-color: transparent;
        border-left: 15px solid;
        border-bottom-color: #0d6efd;
        border-top: 0;
        position: absolute;
        top: -14px;
        left: calc(50% - 15px);
    }

    .Features_Tab_Wrapper ul {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        padding: 10px;
    }

    .Features_Tab_Wrapper {
        border-radius: 10px;
    }

    .Features-upskill-Tab-sec button.active svg {
        fill: #ffff;
    }

    .Features-upskill-Tab-sec button br {
        display: none;
    }

    .Features-upskill-Tab-sec button svg {
        max-width: 35px;
    }

    .Features-upskill-Tab-sec .tab-pane {
        padding: 20px;
        border-radius: 0px 0px 10px 10px;
    }

    .Features-upskill-Tab-sec .tab-pane h5 br {
        display: none;
    }

    .Learning-upskill-Tab-sec button p {
        color: #fff;
    }
    .Empower-upskill-Tab-sec button.active svg path, .Empower-upskill-Tab-sec button.active svg rect{
        fill: #fff !important;
    }
    .Empower-upskill-Tab-sec button.active svg{
        margin-bottom: 0px !important;
    }
    .outSideTabPoint {
        right: 0;
        margin-right: 0;
        padding: 20px;
        border-radius: 20px;
        bottom: 0;
    }
    .prisingBox a.animation-btn.gradiyanBtn {
        width: fit-content;
    }
    .Catch-upskill-sec .round-assets{
        display: none;
    }
    #pageHeaderSticky {
        display: none;
    }
    .Features_Tab_Wrapper ul li button{
        font-size: 13px;
    }
     .testi-UpSkilling-sec .testi-content.p-relative {
        padding: 20px;
        height: auto;
    }

    .testi-UpSkilling-sec a.animation-btn {
        margin: 20px auto;
    }

    .testi-UpSkilling-sec {
        padding-bottom: 0px !important;
    }

    .testi-UpSkilling-sec .testi-content .testi-quate img {display: none;}

    .testi-UpSkilling-sec .testi-img {
        padding: 20px;
        margin-bottom: 20px;
    }
    .management-sec .card {
        position: relative;
        top: 10px;
        margin-bottom: 20px;
    }
    .demo_nudge div {
        width: 100%;
    }
    .amlp-page .banner-content {
        padding: 0;
    }
    .amlp-page .form-sec {
        margin: 0;
    }
    .amlp-page .banner-content h2 {
        text-align: center;
        font-size: 20px !important;
        line-height: 30px;
    }
    .amlp-page .lmsTextWrapper, .amlp-page .process_sec {
        padding: 40px;
    }
    .amlp-page .lmsTextWrapper img {
        margin-bottom: 20px;
    }
    .sol_con_list {
        margin-top: 30px!important;
    }
    .schedules-image {
        text-align: center;
    }
    .schedules-image img {
        max-width: 416px;
    }
    .copyright {
        text-align: left;
    }
    .footer-social ul {
        justify-content: flex-start;
    }
}


@media (max-width: 567px) {
    .container {
        max-width: calc(100% - 0px) !important;
    }

    .likego-sec .row {
        grid-template-columns: 1fr !important;
        grid-gap: 60px !important;
    }

    .counter-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }

    .counter-box {
        border: 1px solid #fff;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding: 15px;
    }

    .Testislider button.slick-prev.slick-arrow::before {
        width: 20px;
        height: 20px;
        background: transparent;
    }

    .Testislider button.slick-next.slick-arrow::before {
        width: 20px;
        height: 20px;
        background: transparent;
    }

    .banner-content {
        padding: 80px 0px 40px;
    }

    .counter-text {
        font-size: 20px;
    }

    .counter-desc {
        font-size: 14px !important;
    }

    .step-box span img {
        max-width: 25px;
    }

    .step-box:hover span {
        transform: translate(0px, -45px);
    }

    .likego-sec .row {
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }

    .footer-conten h5 {
        font-size: 25px;
        text-align: center;
    }

    .email a {
        font-size: 14px;
    }

    .email {
        width: 100%;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        grid-gap: 10px;
    }

    .flag-ul {
        justify-content: center;
    }

    .footer-social ul {
        justify-content: center;
    }
    .copyright, .footer-content-pages {
        text-align: center;
    }
    .Awards-container {
        grid-template-columns: 1fr;
        padding: 0px;
    }

    .logoBannerWrapper{
        flex-direction: column;
    }

    .lmsTextWrapper {
        padding: 20px 0px;
        text-align: center;
    }

    .countWraper {
        flex-direction: column;
     
    }

    .counterBox{
       margin: 20px 0px;
    }

    .counterBox p {
        text-align: center;
    }

    .blueClient .container {
        max-width: 100% !important;
        padding: 0px;
        margin: 0px;
    }

    .blueClient .container .sec-title {
        padding: 0px 0px;
    }

    .learingSec .sec-title h2 {line-height: 30px;}

    .gobetterVsTrapoint ul {
        grid-gap: 15px;
        display: grid;
    }

    .learingPoint {
        flex-direction: column;
        grid-gap: 10px;
        padding-top: 0px;
    }

    .learingPoint ul li {
        font-size: 13px;
    }

    .sectionWrapper .About-content h2 b {
        font-size: 16px;
    }

    .blueClient .row {
        margin: 0px;
    }

    .blueClient .row .col-sm-12.col-md-7 {
        padding: 0px;
    }

    .unlockSec{
        padding-top: 0px;
    }
    .sectionWrapper{
        padding-bottom: 0px;
    }
    .grid > li {
        width: calc(100% / 1 - 20px);
       max-width: 100%;

    }
    .grid > li > div{
        margin: 0px 0px;
    }
    .NotFoundPageBox {
        max-width: 90%;
    }
    .mako_overlay {
        max-width: 100%;
    }
    .gcipbadge {
        width: 236px!important;
        left: -14px;
    }
    #parent {
        grid-gap: 20px;
        grid-template-columns: 1fr;
    }
    .demo-page .banner-content {
        padding: 80px 0px 40px;
    }
    .outSideTabPoint {
        position: relative;
        box-shadow: 0px 0px;
    }
    .Empower-upskill-Tab-Img {
        position: absolute;
        bottom: -90px;
    }
    .Empower-upskill-Tab-sec .traningWrapper {
        padding-bottom: 100px;
    }

    .testi-UpSkilling-sec .testi-content.p-relative {
        padding: 20px;
        height: auto;
    }

    .testi-UpSkilling-sec a.animation-btn {
        margin: 20px auto;
    }

    .testi-UpSkilling-sec {
        padding-bottom: 0px !important;
    }

    .testi-UpSkilling-sec .testi-content .testi-quate img {display: none;}

    .testi-UpSkilling-sec .testi-img {
        padding: 20px;
        margin-bottom: 20px;
    }
    .FaqSec .accordion-item button{
        font-size: 14px !important;
    }
    .demo_nudge {
        display: block;
    }
    .demo_nudge h4 {
        margin-bottom: 20px;
    }
}