/* body p {
    font-size: 18px;
} */

body p, span, ul li, strong {
    font-size: 19px !important;
}
ul.ruby-menu span.new_tag {
    font-size: 15px !important;
}
.single-post h2 strong, .category h2 strong  {
    font-size: 28px !important;
    font-weight: 500;
}
.single-post h2, .category h2 {
    font-weight: 500;
 text-align: left;
 font-size:28px !important;
     padding: 15px 0px;
    display: block;
}
.single-post h3, .category h3{
    font-size:19px !important;
        padding: 10px 0px;
    display: block;
}
.single-post h3 strong, .category h3 strong{
    font-size:19px !important;
    font-weight: 500;
}


.category ol li h3, .single ol li h3{
    font-size: 19px;
}
ul li::marker, ol li::marker {
    font-weight: 700;
}
.timeline-items .content-year p, .timeline-items .content-year strong{
 font-size: 16px !important;
}
.heading-set-hover h2.h4 {
    font-size: 16px !important;
}

.item__overlayss p, .item__overlayss span{
    font-size: 14px !important;
    line-height:15px !important;
}
#masthead .header__nav .ruby-menu .ruby-menu-mega p.ruby-content-storiess {
    line-height: 1.3em !important;
}
#masthead .header__nav .ruby-menu .ruby-menu-mega ul.who_we_are p {
    line-height: 1.3em !important;
}

#masthead .header__nav .ruby-menu .ruby-menu-mega span.ruby-c-title {
    line-height: 1em !important;
}
.services-hover p {
    font-size: 16px !important;
}

header#masthead h1,
header#masthead h2,
header#masthead h3,
header#masthead h4,
header#masthead h5,
header#masthead h6 {
    font-size: 17px !important;
}


header#masthead p,
header#masthead b,
header#masthead ul li,
header#masthead strong {
    font-size: 14px !important;
    line-height: 40px !important;
}
/* 16 April 2021 */
.new-services-designs {
    min-height:100px !important;
}
video#caseVideo {
    width: 100%;
}
#videos .wp-video, #videos .wp-video .mejs-video {
    width: 95% !important;
    max-width: 800px;
    margin: 0 auto;
}
.new-services-designs
{
    min-height: 280px !important;
    background-color: #ffffff;
    border-color: transparent;
    padding: 0px !important;
    text-align:center !important;
    border-radius: 10px;
}
/*Digital transformation - home page Starts*/
.page-id-1359 #business_service .services
{
    /* min-height: 416px !important; */
    /* background-color: #caf1ff; */
    background-color: unset;
    border-color: transparent;
    /* padding: 15px 8px 0px 8px !important;
    text-align:center !important;
    border-radius: 10px;
    transition: all .3s ease;
    top: 0px; */
    /* box-shadow: 0 3px 12px 0 rgba(0,0,0,.16); */
    border:unset !important;
}
/* .page-id-1359 #business_service .services:hover{
    top: -10px;
} */
.page-id-1359 #business_service .services p {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}
.page-id-1359 #business_service .services h2 {
    font-size: 16px;
    position: relative;
    bottom: 32px;
    color: #fff !important;
    padding: 5px;
    margin: 0 auto !important;
}
.page-id-1359 #business_service .services a.service-read-more {
    /* color: #e36d02; */
    color: #1D023A;
    font-weight: bold;
    bottom: 10px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}
@media screen and (max-width: 767px)  {
    .page-id-1359 #business_service .services h2 {
        font-size: 24px;
    }
    .page-id-1359 #business_service .services p {
        font-size: 20px;
        line-height: 23px;
    }
    .page-id-1359 #business_service .services .service-read-more {
        font-size: 20px;
    }
        /* #business_service .row .col-lg.col-sm-6.services {
            flex: 0 0 40% !important;
            max-width: 40% !important;
        } */
}

/*Digital transformation - home page Ends*/
.new-services-designs a
{
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding:0px !important;
}
.new-services-designs a span
{
    display: none !important;
}
.new-services-designs .h4
{
    text-align:center !important;
    font-size:20px !important;
    
}
.new-services-designs p
{
    display:none;
}
.new-services-designs a.service-read-more {
    color: #e36d02;
    font-weight: bold;
    bottom: 10px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}


.new-services-designs:hover a.service-read-more {
    color: #ffffff;
    font-weight: bold;
    bottom: 10px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}

.new-services-designs:hover p
{
    display: block !important;
    color: white !important;
    padding: 0px 10px !important;
    text-align: center !important;
    font-size: 15px !important;
}

.new-services-designs:hover h2
{
    /*display:none;*/
    
    text-align:center !important;
    width:100% !important;
    color:white !important;
}
.new-services-designs:hover a
{
    height: auto !important;
    margin: 20px 0 0 0 !important;
    
}
.new-services-designs:hover img
{
    display:none;
} 
.new-services-designs:hover
{
    background-color:#da7300 !important;
    padding:20px 20px 20px 20px;
    transform: scale(1.0); 
    transition: transform .2s
}
#support ul 
{
    list-style: disc !important;
    margin: 6% !important;
}
    
/* 19 April 2021 */
new-services-designs:hover img{
    display:none;
}
.linking-address.tab-fixed
{
    top:0px !important;
}
.success_stories .story .primaryHeader
{
    color:black !important;
}

.services_link .services a.button.btn-inverse .h4
{
    width:100% !important;
}

#flexibility .flex-img
{
    margin-bottom:40px;
}



.page-id-100 a.btn:hover
{
    background: #da7300;
    color: white;
}
::selection {
    /* background: #da7300 !important; */
    background-color: #431675 !important;
    color: white !important;
}
#sideForm ul{
    display:none;
}
.desktop-view ul{
    display:none;
}
.footer__right ul li a:active
{
    font-weight: 600;
}

#testimonial-about
{
    display:none;
}
.ytp-chrome-top.ytp-show-cards-title
{
    display:none;
}
.wp-video
{
    margin:0 auto;
}
.pebutton a:hover{
    background:#da7300 !important;
    color:white;
}
#carousel-custom-dots
{
    display:none;
}
/* 20 April 2021 */

#leadership-team h2{
/*  padding-bottom:40px;*/
}

/* 22 April 2021 */
#videoss .wp-playlist
{
    border:none;
}
/*#videoss .container
{
    width:800px;
}*/

.pebutton a
{
    border:2px solid #da7300 !important;
}
.pebutton a span
{
    color:#da7300 !important;
}
#timeline .year
{
    font-weight:bold;
    font-size:25px;
}

#timeline .infopart 
{
    font-size:15px;
    color:grey;
}
#story .service-img
{
    text-align:center;
        padding-top: 100px;
}

#story h4{
    margin-bottom:5px !important;
    
}

.wp-playlist-item.wp-playlist-playing
{
    display:none;
}

.testidesc
{
    text-align:center;
    padding:40px 0px 40px 0px;
}
.leadership img{
    width:70%;
    border-radius:50%;
}
#timeline li{
    font-size: 50px;
    margin-left: 30%;
    color:#da7300;
}
h1, h2, h3, h4, h5, h6, p, span, ul li, b, strong, a
{
  font-family: "helvetica neue", helvetica, sans-serif !important;
}

h2
{
   font-size:28px !important;
}

#flexibility .col-sm-3 img
{
    height:80%;
}

.servicesContent.pr-lg-5
{
    opacity: 1;
    transform: translateX(0px) translateY(0px) translateZ(0px);
    transition: opacity 600ms ease 0s, transform 900ms ease 0s;
}

/* 26 april 2020 */
.page-id-98 #digital-transformation img
{
    width:70%;
}
.page-id-98 .service-img img{
    width:70%;
}
.services_link h2 {
  color:black !important;
}
.postid-1843 .para-text a{
    text-decoration:underline;
}

/* 27 April 2021 */
ul.address a
{
    text-transform:lowercase !important;
}
#solutions_logos
{
    display:none;
}

/* p
{
    font-family:"Source Sans Pro", sans-serif !important;
} */
/*form .talk-form input[type="submit"]
{
    margin:-71px 0px 0px 0px;
}*/
.Flexible-container {
position: relative;
    padding-bottom: 35.85%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    max-width: 700px;
    margin: 0 auto;
}
.Flexible-container iframe,   
.Flexible-container object,
.Flexible-container video, /* for html5 video embeds */
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mobile-view
{
    display:none;
}
.mobile-view ul{
    display:none;
}

.page-id-13 .heroBg.small-bg
{
    height:100px;
}
.page-id-13 .heroBg.small-bg h2
{
    color: black;
    background: transparent !important;
    font-weight: bold;
    padding:40px 20px 6px;
    font-size:56px;
}
/* The progress bar - 
    scroll indicator */
.reading-progressbar{
    background: #577a91;
    height: 5px;
    border-radius: 4px;
    width: 0%;
    position: fixed;
   
    /* margin-top: 127px; */
    /* padding: 61px 77px 20px 20px; */
 
}
/*h2{
    font-family:'Roboto Slab';
    font-size:38px;
}
*/
.postid-2886 .heroBg.small-bg {
    /* height: auto; */
    /* height: 100vh; */
    height: 320px;
}

/************ start responsive ************/
@media only screen and (min-width: 1360px) {
 .cls-gptw {
    right: -100px;
  }
}


@media only screen and (max-width: 390px){
    .new-services-designs .h4 {
        font-size: 15px !important;
    }
    .new-services-designs {
        min-height: 230px !important;
        margin-bottom: 2%;
    }
    .video_contant .h-100 {
        margin-top: 0px;
    }
    .talk-form .row {
        width: auto !important;
    }
}

@media screen and (max-width: 991px){
    #story {
    text-align: center;
}

#story h2, #mission h2 {
    padding-bottom: 30px;
}
.timeline-info li
{
    display:none;
}

.timeline-info .line:after
{
    display:none;
}
    
}
@media screen and (max-width: 768px)  {
    ul.social_links li.list-inline-item img {
        margin-bottom: 0 !important;
    }
    .footer__top .cols img {
    margin-bottom: 30px;
}

.col-sm-2.services.new-services-designs a
{
  height:0px !important;    
}


.mobile-view
{
  display:block !important; 
}
.desktop-view{
    display:none;
}
.page-id-13 .heroBg.small-bg h2
{
    font-size:40px !important;
}
.page-id-13 #masthead
{
  background:linear-gradient(90deg, #e36d02 0%, #E38C02 100%);  
}
.page-id-13 .header_button .button:before
{
    color:white;
}
.page-id-13 .h-100
{
    height:auto !important;
}
.break-first-child tr>td:first-child,.break-first-child tr>th:first-child{word-wrap: break-word;
  word-break: break-word;}
}

.page-id-4824 .video_contant.bannerxlogo.hide_m {
 display: none;
}

@media screen and (max-width: 767.5px)  {
    .sideForm {
    height: 100%;
    width: 350px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: -350px;
    right: inherit;
    background-color: #e36d02;
    overflow-x: hidden;
    transition: 0.5s;
    /* padding-top: 60px; */
    display: flex;
    align-items: start;
    z-index: 9999;
         
}
    .sideForm form {
    padding: 30px 10px;

}
    form .talk-form h2 {
    text-align: left;
}
    .sideForm .closebtn {
    position: absolute;
    top: 30px;
    right: 8px;
    font-size: 30px;
    color: #fff;
    margin-left: 59px;
}
    .site-header .header_button .button {

    vertical-align: middle;
        display:block;
}
    #nop-services h2{
        text-align:center;
    }
    
}

/* .page-id-5871 .theme-btn:hover {
    color: #431675 !important;
} */
@media screen and (max-width: 480px)  {
	.page-id-102 .heroBg .banner-content p{ 
	margin-top: 5px;
    line-height: 23px;
    font-size: 18px !important;
	}
	#mobilepadding{
		padding-top: 45px !important;
		padding-bottom: 0px !important;
	}
	#mobilepadding0 { padding-top:0 !important}
	.insight .card .card-body h3 {
		min-height: 65px !important;
	}

    .heroBg .banner-content {
        width:94%;
    }


#story{
    text-align:center;
}
#timeline li
{
    display:none;
}
#mission
{
    text-align:center;
}
#mission .mt-1
{
    padding-left:15px;
    padding-right:15px;
}
#story .mt-1
{
    padding-left:15px;
    padding-right:15px;
}
    

}

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

    #newblock {  
 height: unset; 
}
/*06-11-23*/

.success_stories .bg-image img{
    width:1024px;
    height:402px;
}
#we-people .container
{
    width:800px;
}

#testimonial-about .container{
   width:900px;
}

.page-id-13 .heroBg .banner-content{
    margin-top: 50px;
}



/*.page-id-13 #masthead
{
    background:#00122c;
}
.page-id-13 .current-menu-item a{
    color:white !important;
}
.page-id-13 .main-navigation .main-menu > li.menu-item.current-menu-item > a
{
    border-bottom:2px solid white;
}*/
.page-id-13 .lets-connect-btn
{
    border:2px solid #fff !important;
}
}






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

#our-story{
    text-align:center;
}
#story{
    text-align:center;
}

#mission{
    text-align:center;
}
#we-people{
    text-align:center;
}


}


@media screen and (min-width: 800px) and  (max-width:1024px) {

#our-story{
    text-align:center;
}

#videoss{
    text-align:center;
}
#mission{
    text-align:center;
}
#we-people{
    text-align:center;
}


}


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

  .tabHeroBanner.heroBg.small-bg {
        height: 52vh !important;
    }

/*06oct-23*/

#flexibility .flex-img {
    margin-bottom: 30px;
    text-align: center;
    height: 60px;
    display: flex;
    align-items: center;
}


    #story h2 
    {

        padding-bottom:15%;
    }
    #mission h2{
        padding-bottom:15%;
    }
#mission 
{
    padding-top:0px !important;
}
#certifieds .col-xl-12.col-lg-12.col-md-12.col-sm-12
{
    text-align:center;
}
}

#autocar_challenge .challenge{
    border-left:none;
}

#autocar_challenge .autocar-content {
    border-left: 4px solid #dc7702;
    padding-left: 12px;
}

@media only screen and (min-width: 991px){
    .swal2-popup {
        height: 360px;
        background-position: center center !important;
    }
    .swal2-title {
        margin-top: 20% !important;
    }
}
@media only screen and (max-width: 390px){
    .swal2-title {
        margin-top: 40% !important;
    }
    .swal2-popup {
        background-position: center center !important;
    }
    .talk-form .wpcf7-submit {
        margin-top: 5% !important;
    }
}
.wfm .banner-content{
    /* background: linear-gradient(to right, #e38c02 0%, #e36d02 100%); */
    padding: 1%;
}
section#wms_banner {
    /* background: #e38c02; */
    color: #ffffff;
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
}
.wfm .nav-pills{
    border-bottom: solid 1px #ccc;
    margin-bottom: 5%;
}
.wfm .nav-pills .nav-link.active{
  color: #431675;
    background-color: unset;
    font-size: 22px;
    border-bottom: #431675 6px solid;
}
.wfm .nav-pills .nav-link{
    font-size: 22px;
}
.wfm .testimonial-block {
    background: #faedcd;
    margin: 0 auto;
    padding: 20px;
    height: 320px;
    border-radius: 5px;
}
.wfm .testimonial-block img {
    width: 180px;
}
section#happy_customers {
    background-image: url(https://tmotions.com/wp-content/uploads/2023/07/map-bg.png);
    background-repeat: no-repeat;
    background-position: center;
}
#happy_customers .services:hover .services-hover {
    display: block !important;
    padding: 10px 0;
}
#happy_customers .services:hover .img-black {
    display: none;
}
#happy_customers .services:hover {
    background-color: #eeeeee;
}

#happy_customers .services-hover p {
    color: #000000;
    font-size: 15px;
}
#happy_customers .services {
    height: 10rem;
    text-align: center;
    margin: auto;
    align-items: center;
    display: inline-grid;
    justify-content: center;
}
#happy_customers h2 {
    margin-bottom: 50px !important;
}
#happy_customers div.row {
    padding-top: unset;
}
#attendance_section p {
    font-size: 18px;
    line-height: 26px;
}
/*@media only screen and (min-width: 767px){
    .single .div-immersive{
        width: 70% !important;
    }
}*/
.page-id-1359 .learn-btn, .page-id-4720 .lets-connect-btn {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    margin-right: 2rem;
}

.page-id-1359 .learn-btn:hover, .page-id-4720 .lets-connect-btn:hover {
    background-color: #ffffff !important;
    color: #0d0a1f;
}

@media only screen and (max-width: 767px) {
    h1, h2
{
   font-size:22px !important;
}
	.container.h-100.text-white p {
		width: 100%;
		line-height: 25px;
	}
	.page-id-102 .site-content .heroBg.small-bg {
		height: 40vh !important;
	}
	.page-id-1335 .site-content .heroBg.small-bg, .page-id-104 .site-content .heroBg.small-bg, .page-id-598 .site-content .heroBg.small-bg, .page-id-644 .site-content .heroBg.small-bg, .page-id-633 .site-content .heroBg.small-bg {
		background-size: cover !important;
		height: 40vh !important;
	}

    .page-id-1359 .learn-btn {
        padding: 0.3rem 1rem !important;
        font-size: 14px;
        /*display: none;*/
    }
    .page-id-5005 .heroBg.small-bg {
        background-position: center center;
    }
    #digital-com {
        padding-top: 80px !important;
        padding-bottom: 10px !important;
    }

    #titleheading .row {
        padding: 0px 20px;
    }

}

#ai-comp p {
    margin: 0 auto;
}
#ai-comp-text .col-6 span, #ai-comp-text .col-6 p {
    font-size: 17px;
}

/*13 Sep bug fixing*/

.page-id-13 .heroBg.small-bg {
    height: 75vh !important;
}
@media only screen and (max-width: 433px){
	.page-id-13 .heroBg.small-bg{
		    height: 18vh !important;
	}
}
.single__post .single__posted .post-thumbnail {
    margin-bottom: 25px;
    margin-top: 0px;
}


.single  .div-immersive {
   width: 100%;
   padding: 0 12px 22px 12px;
}
.single-post .div-immersive {
    padding-top: 20px;
}

.entry-content .single  .div-immersive{padding-top: 22px;}

.div-immersive {
    background-color: #1d023a !important;
}

.bSidebar-form .row [class*="col"] {
  max-width: unset;
  flex: 0 0 100%;
}

form .talk-form h2{padding-bottom:5px}
form .talk-form input[type="submit"]{padding: 11px 14px 11px 14px;width: 138px;font-size: 1.3em;}
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {
    display: none;
}

.service_page .heroBg.small-bg .h2{
    font-size: 34px;
    
}






@media(max-width:991px){
.value-delivered-media{display:none}
.value-delivered-content {padding: 0;}
.challenge-img{display:none}
.chef-section.pt-responsive-sm {padding-top: 25px !important;}
.case-studies-logo.pt-responsive-md{padding-top:42px !important}
.value-delivered-content ul li:last-child{margin-bottom:0}

    .page-id-928 .container.h-100.text-white p, .page-id-104 .container.h-100.text-white p {
        width: 100%;
    }
    .service_page #digital-com{padding-top: 120px !important;}
}

@media(max-width:767px){
.box-shadow.no-shadow-responsive{box-shadow: none;}
.heading-delivered{padding-left:12px;padding-right:12px}
.chef-section.pt-responsive-sm {padding-top: 12px !important;}
.chef-delivered{padding-bottom:40px !important}
form .talk-form h2{text-align:center}
#peopleWorking{padding-left:15px !important;padding-right:15px !important}

    .services-content {
        margin-top: 21%;
    }
    .service_page #digital-com {
        padding-top: 00px !important;
      }
}

@media screen and (max-width: 480px)  {
    .mx-1.services {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        margin-bottom: 1rem;
    }

    #ajax-posts h2.col-9.mb-5.text-left.text-white {
        margin-left: 20px !important;
        margin-bottom: -45px !important;
    }

    #titleheading .row {
        padding: 0px 20px;
    }

    #newblock p {
        margin-left: 5%;
    }

    #happy_customers h2 {
        text-align: center;
    }

}

@media only screen and (min-width: 740px) and (max-width: 1023px) {

    #digital-com {
        margin-top: 0%;
    }

    .services-content {
        margin-top: 4%;
    }

    #happy_customers h2 {
        text-align: center;
    }
    
    .col-lg.col-sm-6.mx-1.services {
        max-width: 46% !important;
        margin-bottom: 1%;
        min-height: 312px !important;
    }



    section#digital-com {
        padding-top: 120px !important;
    }

    #ajax-posts .col-lg-3.col-md-6.col-sm-6 {
        margin-bottom: 28px;
    }

    section#widthimg {
        padding-top: 100px !important;
    }

    .drupal-page .image_with_content h2, .service_page .image_with_content h2 {
        width: 100%;
    }

    .page-id-3290 section#widthimg {
        background-size: auto !important;
    }

    .page-id-4740 .heroBg .banner-content, .page-id-8349 .heroBg .banner-content {
        max-width: 50%;
    }

    .page-id-4740 #wms_banner .p-content p {
        width: 77%;
    }

    .wfm .testimonial-block {
        min-height: 500px;
    }

    .wfm .testimonial-block h4 {
        min-height: 116px;
    }
        
}

@media only screen and (min-width: 1200px) {

    .service_page .heroBg.small-bg{
        height: 70vh !important;
    }

    .service_page .heroBg.small-bg .h2{
        width: 50%;
        text-align: left !important;
        top: 150px !important;
    }

}

@media only screen and (max-width: 411px){
    .service_page .fullwidth-content.rightContent .valueContent, .service_page .fullwidth-content .valueContent {
        padding-left: 20px;
        padding-right: 20px;
    }

}

.page-id-1335 .site-content {
    margin-top: 0px;
}

.page-id-1335 .main-navigation .main-menu > li.menu-item.current-menu-item > a {
    border-bottom: 0;
}

.heroBg h2 {
    background: none !important;
    padding: 0px !important;
    font-size: 38px !important;
}

@media only screen and (max-width: 1024px) {
    .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
        background-color: #0d0a1f !important;
    }
    .service_page .heroBg.small-bg .h2{
        font-size: 36px;
        top: 115px !important;
    }
        .page-id-102 .site-content .heroBg.small-bg {
        background-size: 100% !important;
    }
}    


@media only screen and (max-width: 391px){
    #newblock {
        /* height: 2154px !important; */
        height: auto !important;
    }
}

@media(max-width:575px){
.service_page .heroBg.small-bg .h2{width: 100%;
    font-size: 40px;
    top: 145px !important;}

.service_page #digital-com {
 padding-top: 70px !important;
}
}

.bSidebar-form .wpcf7-not-valid-tip {
    color: #fff;
}


.page-id-1335 .container.h-100.text-white p, .page-id-104 .container.h-100.text-white p, .page-id-100 .container.h-100.text-white p, .page-id-633 .container.h-100.text-white p, .page-id-644 .container.h-100.text-white p , .page-id-102 .container.h-100.text-white p , .page-id-928 .container.h-100.text-white p {
    width: 100%;
}

#timeline p{
    font-size: 17px;
    color: #424242;
}

#work-with-us .about-form input[type="button"] {
    background: #da7300 !important;
}
/* new changes ends here  */

/* .logos-banner img:nth-child(2), .logos-banner img:nth-child(5) {
    width: 15% !important;
} */

.contact-right h4 {
    font-weight: 700;
}

.contact-right a {
    text-decoration: underline;
}

.row.contactUsForm {
    width: 93%;
}

.orgSubmit, .orgSubmit:hover {
    background: #431675 !important;
    color: #fff !important;
}

.contact-left .form-control {
    border: none;
    border-bottom: 2px solid #000;
    color: #000 !important;
    padding: 10px 10px !important;
    border-radius: 0;
}

@media(min-width:992px){

.contact-right {
    border-left: 1px solid #ccc;
    margin-top: -20px !important;
    padding-left: 3rem!important;;
}

}    


@media screen and (max-width:1024px)
{
    #contactUs .content form .contactUsForm .submit{
        height:47px;
    }


    #contactUs .content form .contactUsForm .submit p{
        height:100%;
    }
}

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

    .has-regular-font-size, .has-large-font-size, h3 {
        font-size: 25px;
    }
    .page-id-102 .site-content .heroBg.small-bg .banner-content{
        top:0 !important;
    }
}

.contact-left .form-control:focus {
    outline: none;
    box-shadow: none;
}

/* Home page tabs */

.tab-pane.fade {
  transition: all 0.3s;
  transform: translateY(1rem);
}

.tab-content .tab-pane {
  animation: fadeIn 2s;
}
 
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
 
.tab-pane.fade.show {
  transform: translateY(0rem);
}

.nav-link:focus{
    border: none;
}

.video_contant .fade:not(.show) {
    opacity: 1;
}

.home .nav-link.active, .home .nav-link:hover{
    color: #fff;
    background-color: transparent !important;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    margin-right: 19px;
    border-bottom: 1px solid;
    outline:none;
    border-color:#5e93b3;
}

.home .nav-link{
    color: #fff;
    background-color: transparent !important;
    border: 0;
    margin-right: 19px;
}

.video_contant .fade:not(.show) {
    opacity: 1;
}

.page-id-1359 .video_contant {
    position: relative;
}

ul#pills-tab {
    position: absolute;
    bottom: 0;
    /* left: -12px; */
}

.home .tab-content {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}


/*  Home page tabs ends */


.page-id-5373 .card-body ,.page-id-5161 .card-body {
    display: flex;
    flex-direction: column;
}

.page-id-5373 .insight .card .card-body a.read_more ,.page-id-5161 .insight .card .card-body a.read_more  {
    margin-top: auto;
}

@media (min-width: 600px) and (max-width: 768px) {
    .tabBanner li.nav-item {
        float: left;
    }
}


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

    #core-benefits-heading{
        padding: 0 15px 0 15px !important;

    }

    #core-benefits{
        padding-top: 0px !important;
    }

} 


@media only screen and (max-width: 844px) and (min-width: 768px)  {
    
    .tab-content {
        position: relative;
        top: 30%;
        transform: translateY(-50%);
    }

    .tabBanner li.nav-item {
        margin-left: -17px;
    }

    .hide_m.col-lg-5 {
        display: none;
    }


}

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


    /* .coreFlexGraphic img {
        height: 116vh;
    } */
    
    .tabBanner .nav-pills {
        display: block !important;
    }


    .tabBanner li.nav-item {
        float: left;
    }

}

@media only screen and (max-width: 500px){
    .tabHeroBanner .header_button {
        display: block !important;
    }

}

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


    .tabHeroBanner .header_button{
        margin-top: 20px !important;
    }

    .tabHeroBanner.heroBg h2{
        font-size: 25px !important;
    }

    .tab-content {
        position: relative;
        top: 41%;
        transform: translateY(-50%);
    }

  

    .page-id-5161 .services-content, .page-id-5373 .services-content {
      padding: 30px 15px !important;
    }

    /* .page-id-5373 #colophon .footer__middle .container ul.address ,.page-id-5161 #colophon .footer__middle .container ul.address {
        text-align: left;
        width: 20%;
        margin-bottom: 30px;
    } */
    .page-id-5373 #colophon .footer__middle .container ul.address ,.page-id-5161 #colophon .footer__middle .container ul.address {
        text-align: center;
        /* width: 20%;
        margin-bottom: 30px; */
    }

    .page-id-5373 .h2, h2 , .page-id-5161 .h2, h2 {
        font-size: 26px;
    }

    .page-id-5373 #core-benefits-heading h2, .page-id-5161 #core-benefits-heading h2 {
        color: #ff8700;
        font-size: 31px;
    }
    .page-id-5373 #core-benefits-heading p , .page-id-5161 #core-benefits-heading p {
        font-size: 22px;
        font-weight: normal;
    }
    .page-id-5373 #tmotions-core h2.secondaryHeader ,.page-id-5161 #tmotions-core h2.secondaryHeader {
        font-size: 31px;
    }

    .page-id-5373 #core-benefits hr , .page-id-5161 #core-benefits hr{
        display:none;
    }

    #tmotions-core .core-points div {
        padding: 0px;
        border-right: none;
    }

    .page-id-5373 #tmotions-core .core-points h1 ,.page-id-5161 #tmotions-core h1{
        font-size: 25px;
    }

    .page-id-5373 .insight .card-body h3 , .page-id-5161 .insight .card-body h3 {
        min-height: 20px;
    }
}

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

    #tmotions-core .core-points div {
        padding: 0px;
        border-right: none;
    }

    .page-id-1359 .heroBg.small-bg {
        height: 40vh;
    }

       .tabHeroBanner{
        height: 90vh !important;
    }
}    


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

 

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

    .page-id-5373 .heroBg.small-bg ,.page-id-5161 .heroBg.small-bg {
        max-height: 100%;
        height: 100%;
    }
    
    .page-id-5373 #colophon .footer__subscribe form p , .page-id-5161 #colophon .footer__subscribe form p {
        text-align: left;
        font-size: 14px;
    }
    
    .page-id-5373 .mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt , .page-id-5161 #colophon .footer__subscribe form p {
        /* position: absolute;
        right: 10px;
        top: 10px; */
        font-size: 16px;
    }
    
    .page-id-5373 p.primaryHeader.mb-3 ,.page-id-5161 p.primaryHeader.mb-3 {
        font-size: 23px;
    }
    
    .page-id-5161 .heroBg .row .banner-content h1, .page-id-5373 .heroBg .row .banner-content h1 {
        padding: 30px;
        margin-bottom: 0px !important;
    }
}

@media only screen and (min-width: 992px){

    .page-id-1359 #business_service .services {
        margin: 0 7px;
    }

}


@media only screen and (min-width: 992px) and (max-width:1199px){
    .page-id-1359 #business_service .services p{
    height:250px;
    }
}
@media only screen and (min-width: 820px) and (max-width:920px){
	.tab-content{
		top: 34%;
	}.home .site-content .heroBg.small-bg {
		height: 105vh !important;
	}
	.heroBg.small-bg {
    height: 79vh;
}
}
@media only screen and (min-width: 1200px) and (max-width:1339px){
  .img-custom-size {
        width: 85%;
    }
}
@media (max-width: 575px){
	.service_page .heroBg.small-bg .h2 {
		width: 56%;
		font-size: 23px !important;
		top: 80px !important;
		padding: 5%;
	}
}
@media screen and (max-width: 600px){
	.home .site-content .heroBg.small-bg {
		height: 50vh !important;
	}
	.site-content .heroBg.small-bg {
		height: 22vh !important;
		background-size: cover !important;
	}
	ul#pills-tab{
        display: flex !important;
        flex-direction: row;
        flex-wrap:nowrap;
    }

    .tabBanner li:nth-child(3) {
        clear: left;
    }
}

/* Yuvraj css changes */

@media screen and (max-width :767px)
{
    .page-id-5373 .text-left{
        padding: 0;
    }
    .page-id-5373 #core-benefits-heading p {
        margin-bottom: 0;
    }

    .page-id-5373 #core-benefits-heading h2, .page-id-5161 #core-benefits-heading h2{
        padding-top: 45px;
    }
}

@media screen and (min-width:768px) and (max-width:991px)
{
    .page-id-5373 #core-benefits-heading h2{
        font-size: 38px;
    }
    .page-id-5373 #tmotions-core h2.secondaryHeader {
        font-size: 38px;
    }

    .page-id-5373 .text-left{
        padding: 0;
    }
    .page-id-5373 #core-benefits-heading h2, .page-id-5161 #core-benefits-heading h2{
        padding-top: 45px;
    }
}


@media screen and (max-width:991px) and (orientation: landscape){
        .page-id-5373 #colophon .footer__middle .container ul.address ,.page-id-5161 #colophon .footer__middle .container ul.address {
        text-align: left;
        width: 20%;
        margin-bottom: 30px;
    }
}
/* Yuvraj css changes */


#accessibility_services {
    background: linear-gradient(180deg, #DCECFF 0%, rgba(242, 247, 253, 0) 100%);
    border-bottom: 1px solid #ccc;
}

#accessibility_services h2.secondaryHeader {
    text-align: center;
}

#accessibility_services h4 {
    font-weight: 500;
    font-size: 21px;
    min-height: 75px;
}

.introSection {
    max-width: 895px;
    margin: 0 auto;
}

.introSection p {
    font-size: 25px;
    /* line-height: 32px; */
}

#delivering-section::after {
    background: none;
}

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

    #automatedScanning {
        padding-top: 0px !important;
    }

    #accessibility_services h4 {
        min-height: 26px;
    }

    #accessibility_services .col-md-3 {
        border: none !important;
    }

}


#menu-item-3314 .sub-menu a{
    padding: 10px 15px 12px;
}

#menu-item-3314 .sub-menu {
    column-count: 2;
    width: max-content;
}


#automatedScanning .service-img {
    text-align: left !important;
}


#delivering-section .service-img{
    text-align: right !important;
}

.container-fluid{
    max-width: 1920px;
}

#nopIntegration{
    background: linear-gradient(180deg, #DCECFF 0%, rgba(242, 247, 253, 0) 100%);
}

#nopIntegration h2{
    padding-bottom: 40px;
}

#nopIntegration .pt-0{
    padding-top: 0px;
}

#nopIntegration h4 {
    font-weight: 600;
}

#nopIntegration li::before {
    background-color: #5e93b3;
    margin-right: 5px;
    padding: 7px 13px;
    content: counter(step-counter);
    counter-increment: list-number;
    border-radius: 21px;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    position: absolute;
    left: -4%;
    top: 7%;
    width: auto;  
}


#nopIntegration li {
    margin-bottom: 0;
    counter-increment: step-counter;
}

.underline{ text-decoration: underline}

@media screen and (max-width: 600px){
	.tabHeroBanner.heroBg.small-bg {
		height: 52vh !important;
	}
	/* .page-id-1359 #business_service .services {
		min-height: 350px !important;
	} */
	.tab-content {
		top: 32%;
	}
	.container.h-100.text-white .bnr_subhead p {
		width: 100%;
	}
	.video_contant p {
		Font-size: 1.3em !important;
	}
}

@media only screen and (min-width: 450px) and (max-width: 940px){
	/* .page-id-1359 #business_service .services{
		    min-height: 299px !important;
	} */
	.home .heroBg.small-bg {
		height: 117vh;
		padding: 0 5%;
	}
	.home #companies-tranformation {
		padding-top: 0px !important;
	}
}
a.more-btn {
    text-wrap: nowrap;
}
ul.drupal-listing {
    font-size: 25px;
}
.page-id-4333 #before-Insights-text {
    padding: 40px 0px 40px 0px !important;
}


/*Home page nopcommerce banner*/
#aniEcosys
{
    position: relative ;
    width: 100% ;
    height: 0px;
    font-size: 0 ;
    line-height: 0 ;
    padding: 0 ;
    margin: 0 ;
    padding-top: 50% ;
}

#aniEcosys > DIV 
{
    display: block ;  
    Position: absolute ;
    top: -9px;
    left: 4px;
    width: 100%;
    padding: 0 ;
    margin: 0 ;
    z-index: 30 ;  
}

#aniEcosys > DIV:nth-of-type(2)
{
    z-index: 20 ;  
}

#aniEcosys > SPAN
{
    display: inline-block ;  
    Position: absolute ;
    bottom: 32% ;
    left: 40% ;
    width: 20%;
    padding: 0 ;
    margin: 0 ;
    opacity: 0 ;
    z-index: 10;
}

#aniEcosys img{
    margin-top: 0px;
}

#aniEcosys > DIV:nth-of-type(2)
{
    -webkit-animation-name: spin;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin 
{
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }  
}

@-webkit-keyframes spin 
{
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes spin 
{
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

#aniEcosys > SPAN
{
    -webkit-animation-name: fly ;
    -webkit-animation-duration: 20000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fly;
    -moz-animation-duration: 20000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fly;
    -ms-animation-duration: 20000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: fly;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#aniEcosys > SPAN:nth-of-type(1) { animation-delay:   500ms ; }
#aniEcosys > SPAN:nth-of-type(2) { animation-delay:  4500ms ; }
#aniEcosys > SPAN:nth-of-type(3) { animation-delay:  8500ms ; }
#aniEcosys > SPAN:nth-of-type(4) { animation-delay: 12500ms ; }
#aniEcosys > SPAN:nth-of-type(5) { animation-delay: 16500ms ; }

@-webkit-keyframes cta_hover 
{
0%      { left: 32% ; opacity: 0 ; }
1%      { left: 40% ; opacity: 1 ; }
17%     { left: 40% ; opacity: 1 ; }
18%     { left: 34% ; opacity: 1 ; }
19%     { left: 52% ; opacity: 0 ; }
20%     { left: 60% ; opacity: 0 ; }
100%    { left: 60% ; opacity: 0 ; }
}

@-moz-keyframes cta_hover 
{
0%      { left: 32% ; opacity: 0 ; }
1%      { left: 40% ; opacity: 1 ; }
17%     { left: 40% ; opacity: 1 ; }
18%     { left: 34% ; opacity: 1 ; }
19%     { left: 52% ; opacity: 0 ; }
20%     { left: 60% ; opacity: 0 ; }
100%    { left: 60% ; opacity: 0 ; }
}

@-ms-keyframes cta_hover 
{
0%      { left: 32% ; opacity: 0 ; }
1%      { left: 40% ; opacity: 1 ; }
17%     { left: 40% ; opacity: 1 ; }
18%     { left: 34% ; opacity: 1 ; }
19%     { left: 52% ; opacity: 0 ; }
20%     { left: 60% ; opacity: 0 ; }
100%    { left: 60% ; opacity: 0 ; }
}

@keyframes fly
{
0%      { left: 32% ; opacity: 0 ; }
1%      { left: 40% ; opacity: 1 ; }
17%     { left: 40% ; opacity: 1 ; }
18%     { left: 34% ; opacity: 1 ; }
19%     { left: 52% ; opacity: 0 ; }
20%     { left: 60% ; opacity: 0 ; }
100%    { left: 60% ; opacity: 0 ; }
}

/*Home page nopcommerce banner ends*/


.popUpSubForm input{ 
    float:left;  
    height: 46px;
    color: #000;
}

.popUpSubForm{
    display: flex;
}

.ds-popup-content {
    /*box-shadow: inset 0 0 0 2000px rgb(19 19 19 / 50%);*/
    color: #fff;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
}

.ds-popup-close.-topRight.-icon {
    color: #fff !important;
    font-size: 25px !important;
    height: 25px !important;
    width: 25px !important;
}

.popUpSubForm [type=button] {
    background: #ff7900;
    padding: 0.5px 15px;
    border-radius: 29px 29px;
    position: relative;
    left: -6%;
    border: none;
    font-family: 'FontAwesome';
}

.popUpSubForm [type=button]:hover, .popUpSubForm [type=button]:focus{
    background: #ff7900;
}

.popUpSubForm [type=email] {
    border-top-left-radius: 29px 29px;
    border-bottom-left-radius: 29px 29px;
    width: 303px;
    padding-left: 22px;
}

@media only screen and (min-width: 768px) { 
    .main-cont h2 {
        padding-top: 30% !important;
    }
}


#ds-popup-4 .wpcf7-response-output, #ds-popup-3 .wpcf7-response-output, #ds-popup-2 .wpcf7-response-output, #ds-popup-1 .wpcf7-response-output{
    display: block !important;
    border: none;
}

.homepage-testimonial-main h2 {
    position: relative;
    bottom: 40px;
}
/*Hide Autocar and WhatCar case study*/
/*.ss-block-3, .ss-block-4{
    display: none;
}*/
/*Hide Autocar and WhatCar case study*/


/* timeline css */

.inner-circle p {
    color: #fff;
    text-align: center;
    font-size: 21px;
}


.timeline {
    padding: 100px 0px;
    display: flex;
    position: relative;
	margin:0 auto;
}
.timeline-item {
    position: relative;
    width:100%;
    height:2px;
    display:inline-table;
    background: #3D3D3D !important;

}
.timeline-item:nth-child(8) {
    width: 450px;
}


.circle {
    position: absolute;
    transform: translate(-50%, -50%);
    top:50%;
 
}


.inner-circle {
    position: absolute;
    transform: translate(-50%, -50%);
    top:50%;
    left: 50%;
    width:124px;
    border-radius: 20px;
    background-position: center center;
    background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2024/07/Union-1.png);

}

.buble-content {
    overflow: hidden;
    text-align: center;
    position: absolute;
    height: 100px;
}

.timeline-item:nth-child(odd) .buble-content {
    top: -95px;
    left: -55px;
}

.timeline-item:nth-child(even) .buble-content {
  
    bottom: -130px;
    left: -52px;
}

.timeline-item:nth-child(1) .buble-content {
    left: -54px;
}

.content-year {
    padding:5px;
    color:#fff;
    font-size: 20px;
}

.timeline-item:nth-child(even) .content-year-bottom  {
    position: absolute;
    width: 155px;
    bottom: 0;
}

.content-year {
   
    padding: 0px 10px;
    background: url('/wp-content/uploads/2024/07/Group.png');
    background-repeat: no-repeat;
	height:100%;
}

.content-year p {
   
    height: 100%;
    margin: auto 0;
    font-size: 16px !important;
    color:#000;
    text-align: left;
	font-weight:500;
	line-height: 1.2em;
	width: 200px;

}



.inner-circle p {
    position: relative;
    top: 6px;
}
.buble-content .content p strong {
    color: #431675;
}


@media only screen and (max-width: 1060px) {
  .timeline {
    display: block;
	padding:0px;  
}
.timeline-item {
    background: none !important;
}
.content-year {
    padding: 10px 10px;
    height: 100%;
    POSITION: relative;
    LEFT: 136px;
    background: url('/wp-content/uploads/2024/07/Group-1.png');
    background-repeat: no-repeat;
    top: 34px;
}

.content-year p{
	position: relative;
    left: 68px;
    top: -17px;
	
}
.buble-content{
	position:unset;
	height:78px;
}
.timeline-item:nth-child(8) {
    width: 100%;
}
.circle {
    top: 24%;
}
.inner-circle {
	transform:none;
}
}

@media only screen and (max-width: 380px) {
	
	.inner-circle p {
    position: relative;
    top: 9px;
}
.inner-circle {
    width: 70px;
    background-size: 98%;
}

.content-year {
        LEFT: 79px;
        top: 36px;
        background-size: 16%;
    }
	    .content-year p {
        left: 54px;
        top: -17px;
		    width: 160px;
           
    }
	.inner-circle p {
        font-size: 16px !important;
    }	
  
}

@media only screen and (max-width: 400px) {
    .content-year p {
        font-size: 11px !important;
        width: 50%;
    }

    .timeline .buble-content .content-year p strong{
         font-size: 11px !important;
    }
}

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

    .content-year p {
     
            font-size:13px !important;
    }
     .timeline .buble-content .content-year p strong{
         font-size: 13px !important;
    }

    /*.swal2-popup.swal2-modal.swal2-show {
        background: #d57621 !important;
    }*/
}


@media screen and (min-device-width: 769px) and (max-device-width: 1060px)  {
    .content-year p {
        top: -28px;
    }
}

.buble-content .content-year p strong {
    font-size: 16px !important;
}