body{
    overflow:auto !important;
}
.select-field select {
    background: #fff;
    border: solid 1px #e3e3e3;
    box-sizing: border-box;
    outline: none;
    padding: 0.36rem 0.66rem;
    outline-offset: 0;
    border-radius: 0;
    height: 47px;
    width: 100%;
    appearance: none;
}

/*.new-header.sticky-header.site-header{position:sticky}*/

.select-field select {
    background-image: url("../images/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    padding-right: 36px !important;
}

.form-sec input[type="email"],
.select-field select {
    font-size: 20px;
    background-color: #F9F9F9;
    font-size: 20px;
    padding: 5px 20px;
    height: 45px;
}

#wpcf7-f5827-o2 .wpcf7-not-valid-tip{
	position: absolute;
}

input.input-2[type="text"]:focus,
.select-field select:focus {
    outline: none;
    border-color: #000;
}

.text-highlighted {
    color: #431675
}

/*.heroBg {
    display: none
}*/

/*
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
}


.video-responsive video {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
*/

.video-responsive video {
height: clamp(200px,38vw,400px);
width:100%;
object-fit: cover;
}


.banner-box {
    position: absolute;
   background: rgb(255 255 255 / 72%);
    max-width: clamp(270px, 50vw, 598px);
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 30px;
    border-radius: 21px;
    min-height: 234px;
    box-shadow: -4px 0px 0px 0px #431675;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}


.banner-box .tag {
    font-size: 20px;
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    margin: 0;
    border-radius: 10px;
    padding: 8px 13px;
}

.heading-xxl {
    font-size: clamp(22px, 3.5vw, 38px);
}

.heading-xxxl {
    font-size: clamp(30px, 3.5vw, 50px);
}

.heading-xl {
    font-size: clamp(22px, 2.8vw, 29px);
}

.heading-sm {
    font-size: 22px;
}

.heading-sm2 {
    font-size: 20px;
    font-weight:600;
}

.heading-xs {
    font-size: 16px;
}

.text-base{font-size:16px}

.text-sm {
    font-size: 12px;
}

.text-grey {
    color: #656565;
}

.banner-box .heading-xxl {
    color: #431675;
    font-weight: 600;
    margin: 6px 0 0 0
}

.section-heading {
    /*font-size: clamp(22px, 3vw, 30px);
    font-weight: 600;*/
    color: #00122C
}

.sec-space {
    padding-top:32px;
    padding-bottom:32px;
}

.text-lg {
    font-size: 25px;
    line-height: 32px;
}

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


.theme-btn {
    font-size: 18px;
    background-color: #431675;
    color: #fff;
    border: solid #431675 1px;
    align-self: center;
    padding: 11px 28px;
    border-radius: 46px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}

.theme-btn.border--btn {
    border: solid #431675 1px;
    background-color: transparent;
    color: #431675;
}

.theme-btn.border--btn:hover{background:#431675 ;color:#fff}

.theme-btn:hover {
    background: #fff;
    color:#431675;
}

.theme-btn.btn--white {
    background: #fff;
    border-color: #fff;
    color: #431675;
}

.card.card--2 {
    border-radius: 15px;
    overflow: hidden;
    border: none;
    padding-bottom: 90%;
    background: #e1e1e1;
}

.card--2 .on-hover {
    position: absolute;
    height: 194px;
    width: 194px;
    background: #fff;
    top: -19%;
    border-radius: 50%;
    right: -4%;
    display: grid;
    place-items: center;
    z-index: 1;
}

.card--2 .on-hover-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: 0.3s;
}


.card--2 .card__content {
    position: absolute;
    bottom: 0;
    background-color: #F5F9FF;
    transition: 0.3s;
    padding: 10px 30px 25px;
    height: 37%;
}

div#team-button {
    margin-top: 30px;
}



.card.card--2:hover::after{opacity:0;visibility:hidden}

.card--2 .on-hover img {
    margin-top: 15px;
}

.card--2 .card__txt {
    margin: 12px 0;
    font-size: 18px;
    min-height: 84px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.aur-txt {
    color: #272147;
}

.aur-txt .sec-color {
    color: #6F9A56;
}

.alchub-txt {
    color: #F0862E;
}

.alchub-txt .sec-color {
    color: #DB1717;
}

.esp-txt {
    color: #235679;
}

.on-hover.alchub-logo {
    background: #FFF9EB;
}

.on-hover.esp-logo {
    background: #235679;
}

.text-md {
    font-size: 20px
}

.card__btn {
    background: #431675;
    padding: 6px 26px;
    border-radius: 48px;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}

.card__btn:hover {
    background: #00122c;
    color: #fff
}

.card.card--2:hover .card__content {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.card.card--2:hover .on-hover-content {
    opacity: 1;
    visibility: visible;
    height: auto
}

.card--2 .on-hover img {
    margin-top: 40px
}

.card.card--2 .card__img>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.card.card--3 {
    min-height: clamp(200px, 28vw, 350px);
    padding: 40px 30px;
    border: none;
    gap: 20px;
    border-radius: 20px;
    transition: 0.3s
}

.bg-cover {
    background-size: cover;
}

.gap-y-5 {
    row-gap: 30px;
}


.text--white {
    color: #fff;
}

.card--overlay::before {
    content: " ";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.2s;
}


.card--3.card--overlay:hover .desc {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.card--3.card--overlay:hover .card-heading {
    position: relative;
    transform: none;
    top: 0
}
.card--3.card--overlay:hover .card-heading span{
	font-size: 28px;
}

.logos-row .logo-wrap img {
    max-height: 55px;
    filter: grayscale(100%);
    transition: 0.2s;
}

.logos-row {
    margin: 0 -20px;
}

.logos-row .logo-wrap {
    padding: 0 20px;
}

.logo-wrap img:hover {
    filter: grayscale(0);
    transform: scale(1.4);
}

.cta--sec {
    background: #431675;
    border-radius: 20px;
    padding: clamp(30px, 4vw, 50px)  clamp(18px, 2vw, 38px);
    background-size: cover;
}


.card.card--4 {
    border: solid #D9D9D9 1px;
    border-radius: 20px;
    padding: 15px;
}

.card.card--4 .card__img {
    display: inline-block;
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.card.card--4 .card__img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #F5F9FF;
}

.card.card--4 .heading-xs {
    padding-bottom: 2px;
}

.form-sec {
    padding: clamp(25px, 3vw, 40px);
    border: solid #D9D9D9 1px;
    border-radius: 20px;
}

.text--primary{color:#68105E}

.border-r-grey{border-right:solid #D3D3D3 1px}

.transparent-box{padding: 20px;
  background: rgba(255,255,255,0.8);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;}


.bg-map{background:url("/wp-content/themes/tmotions/images/map.png") no-repeat top center;}

.link-button {
  background: #431675;
  color: #fff;
  padding: 19px 28px;
  font-size: 22px;
  font-weight: 600;
  display: block;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border:solid #431675 1px;
}

.link-button::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid #fff 2px;
  border-left: solid #fff 2px;
  transform: rotate(135deg);
}
.link-button:hover{color:#431675;background:transparent}
.link-button:hover::after{
border-color:#431675;
}

.video-responsive.video-responsive--2 video {
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  object-fit: cover;
  z-index: -1;
}


.video-responsive--2 {
  min-height: clamp(300px,35vw,600px);
  display: flex;
  align-items: flex-end;
}

.true-north-row {
  row-gap: 30px;
}

.form-sec [class*="form-control-wrap"]{flex-grow: 1;
  display: block;}

.form-sec input[type="email"]{width:100%}

.why-tmotions-row > :not(:last-child) {
  border-right: solid #FFFFFF40 1px;
}

.why-tmotions-row .item-wrap {
  padding: 18px;
}

.common-banner {
  min-height: clamp(320px,40vw,650px);
  display: flex;
   padding:30px 0;
   background-size:cover;
}

.site-header .header_button{display:none}

@media(min-width:1024px) {
    .row.row-gap-md {
        margin: 0 -22px
    }

    .row.row-gap-md>[class*="col"] {
        padding: 0 22px
    }

    .form-sec .select-field {
        max-width: 386px;
    }

    .form-sec .text-lg-left {
        text-align: left !important;
    }

.card.card--2::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:37%;
    background: linear-gradient(180deg, rgba(245, 249, 255, 0.2) 0%, rgba(245, 249, 255, 0.4) 35%, rgb(245, 249, 255) 100%);
    transition:0.1s;
}

.card.card--3 .card-heading {
    transition: 0.3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.card.card--3 .desc {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: 0.3s
}

.card--3.card--overlay:hover::before {
    background-color: #F5F9FF;
}

.card--3.card--overlay:hover .card-heading,
.card--3.card--overlay:hover .card-heading span {
    color: #431675
}


}

@media(max-width:1440px) {
    .text-lg {
        font-size: 25px;
    }
}

@media(max-width:1200px) {
 ul.ruby-menu > li > a{padding: 0 30px 0 15px;}
.site-header .header_nav{padding-right:110px}

/* .site-header .cls-gptw{max-height:90px} */

ul.ruby-menu > li > a:only-child {
  margin-left:10px;
}
.text-left {
    padding: 20px !important;
}
}

@media(max-width:1023px) {
    .text-lg {
        font-size: 20px;
    }

    .sec-space {
        padding: 25px 0;
    }


    .card--2 .on-hover-content {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .card--2 .on-hover {
        position: absolute;
        height: 125px;
        width: 145px;
    }

    .card--2 .on-hover img {
        margin-top: 30px;
        max-width: 115px;
        max-height: 34px;
    }

    .card.card--2 {
        padding-bottom: 0;
    }

    .card--2 .card__img>img {
        display: none;
    }

    .card--2 .card__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: static;
        padding: 78px 20px 25px;
        height: 100%;
    }
    .theme-btn {
        padding: 8px 24px;
    }

    .form-sec input[type="email"],
    .select-field select {
        font-size: 18px;
        height: 46px;
    }

.card.card--3>*{color:#fff;z-index:1}
.card--overlay::before{background: rgba(0, 0, 0, 0.75);}
.card.card--3{gap:12px;padding: 28px 22px}
.card.card--3 .card-heading,.card.card--3 .card-heading .section-heading{font-size: clamp(20px, 2.5vw, 38px);}

.link-button {
  background: #431675;
  color: #fff;
  padding: 13px 28px;}

.row.true-north-row .box-wrap {
  background: rgba(255,255,255,0.8);
  padding: 20px;
  height:100%;
}

.row.true-north-row .border-r-grey{border:none}
.transparent-box.tru-north-content {
  background: transparent;
}

.why-tmotions-row .item-wrap{padding-left:8px;padding-right:8px}
}


@media(max-width:991px) {
    .logos-row .logo-wrap img {
        max-height: 42px;
    }

    .logos-row .logo-wrap img {
        filter: grayscale(0);
    }

    .theme-btn, .text-lg,
    .text-md,.card.card--3 .desc {
        font-size: 16px;
    }

     .card.card--4 p {
        font-size: 16px;
        line-height: 1.4
    }


}

@media(max-width:767px) {

   .banner-box .tag  {
        font-size: 16px;
    }

    .card.card--3 .logos-row .logo-wrap img {
        max-height: 30px;
    }

    .common-banner .banner-box {
        min-height: unset;
        padding: 20px 18px;
        border-radius: 12px;
    }

    .why-tmotions-row .item-wrap{padding-top:10px;padding-bottom:10px}
    .why-tmotions-row > :not(:last-child) {
     border-right: none;
     }

     .common-banner .banner-box{max-width: 100%}

.video-banner .banner-box{
    min-height: unset;
    padding: 20px 18px;
    border-radius: 12px;
}
.page-success-stories .row.h-100.align-items-center.justify-content-center, .page-careers .row.h-100.align-items-center.justify-content-center, 
.page-what-we-think .row.h-100.align-items-center.justify-content-center {
    margin:auto;
}
.page-success-stories .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test, 
.page-careers .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test, 
.page-what-we-think .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test {
    max-width: 100% !important;
    transform: unset !important;
}
.page-success-stories .heroBg.small-bg, .page-careers .heroBg.small-bg, .page-what-we-think .heroBg.small-bg  {
    min-height: 530px !important;
}
}


@media(max-width:575px) {
    .sec-space {
        padding: 20px 0;
    }

    .gap-y-5 {
        row-gap: 20px;
    }

    .card.card--3 {
        padding-left: 25px;
        padding-right: 25px;
    }

    input.input-2[type="text"],
    .select-field select {
        font-size: 16px;
    }

    .logos-row {
        margin: 0 -12px;
    }

    .logos-row .logo-wrap {
        padding: 0 12px;
    }
.true-north-row {
  row-gap: 22px;
}

  .link-button {
  padding: 10px 24px;
  }

}

.pd-left-0 {
    padding: 0 !important;
}

.pd-left-0 .ruby-col-8 {
    padding: 7px !important;
}

.mt-bt-10 {
    margin-bottom: 12px;
}

.post_block .new_tag {
    margin-left: 0;
    padding: 1px 8px;
    font-size: 11px;
}

.ruby-menu-wrapper{
    display: flex;
    justify-content: flex-end;
}

ul.ruby-menu{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}    

.header_nav{
    padding-right: 140px;
    padding-top: 6px;
}

.sec-color {
    margin-left: -7px;
}

@media only screen and (min-width: 1360px) {
    .cls-gptw {
        right: 15px !important;
    }

    /*.header_button{
        display: none;
    }*/
}

.header__nav{
    margin-left: auto;
    flex-grow: 1;
}

.post_block .ruby-col-4 {
    padding-left: 2px !important;
}


.featured_block{
    background: linear-gradient(90deg, #FFFFFF 0%, #EAEAEA 100%);
    border-radius: 10px;
    overflow: hidden;
}

.featured_block:hover {
    border: 1px solid #68105E;
    border-radius: 10px;
}

.post_block{
    display: flex;
}

.new-header.sticky-header.site-header{
    background-color: #1D023A;
    min-height: 72px;
}
.bg-map a.theme-btn:visited {
   color: #fff;
}

/* what we belive page */
#explore-button a:hover {
    color: #431675 !important;
}
/* #explore-button a.link-button {
    color: #fff;
} */

#explore-button .container .col-md-4 a.link-button {
    color: #fff;
}

section#our-aboutstory p {
    font-size: 25px;
    line-height: 1.5em;
    padding: 0px !important;
}
section#our-aboutstory h2 {
    text-align: center;
}

#explore-button a:visited {
    color: #431675;
}
 
.rightmtop {
    display: none;
}


.mob-icon-cancel-1::before, .mob-icon-down-open::before , .mob-icon-up-open::before {
    font-size: 20px;
}


/* our partner page */

.page-template-our-partners .heroBg {
    display: none;
}

/* our partner page */
div#banner-partners {
    background: none;
	box-shadow: none;
	flex-direction: row !important;
	max-width: 100%;
    width: 100%;
    margin: 0 auto;
	left:0;
	right:0;
}
.ecogallery-images {
    margin: 18px 15px;
}

#banner-partners h1.heading-xxl {
    color: #ffffff;
	font-size: 50px;
}

#banner-partners p{
    color: #ffffff;
	font-size:30px;
	line-height:1.2em;
}

.column-section {
    width: 20%;
    float: left;
}
.banner-gallery .ecogallery-images img {
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
	border: 1px solid #ffffff4d;
    border-radius: 10px;
    padding: 20px;
   height: 100px;
    object-fit: contain;
    width: 120px;
}
/*
.banner-gallery .ecogallery-images img:hover {
    -webkit-filter: grayscale(0);
	    background: #ffffff;
}
*/

.banner-gallery .flex-box .ecogallery-images:nth-child(1):hover{
    content: url(/wp-content/uploads/2024/09/google-cloud-logo-1-1-scaled.jpg);
    -webkit-filter: grayscale(0);
    padding: 20px;
    height: 100px;
    object-fit: contain;
    width: 120px;
	background:#fff;
}
.banner-gallery .flex-box .ecogallery-images:nth-child(2):hover {
    content: url(/wp-content/uploads/2024/09/Adobelogo-scaled.jpg);
    background: #ffffff;
    -webkit-filter: grayscale(0);
    padding: 20px;
    height: 100px;
    object-fit: contain;
    width: 120px;
}
.banner-gallery .flex-box .ecogallery-images:nth-child(3):hover{
    content: url(/wp-content/uploads/2024/09/msft-gold-partner.jpg);
    -webkit-filter: grayscale(0);
    padding: 20px;
    height: 100px;
    object-fit: contain;
    width: 120px;
	background:#fff;
}
.banner-gallery .flex-box .ecogallery-images:nth-child(4):hover{
    content: url(/wp-content/uploads/2024/07/image-23.png);
    -webkit-filter: grayscale(0);
    padding: 20px;
    height: 100px;
    object-fit: contain;
    width: 120px;
	background:#fff;
}
.banner-gallery .flex-box .ecogallery-images:nth-child(5):hover{
     content: url(/wp-content/uploads/2024/07/Logo_AWS-1.png);
    -webkit-filter: grayscale(0);
    padding: 20px;
    height: 100px;
    object-fit: contain;
    width: 120px;
	background:#fff;
}
.main-boxes {
    background: #F6F3FDC2;
    display: inline-block;
    padding: 30px;
    border-radius: 10px;
    margin: 30px 0px 0px 10px;
    box-shadow: 0px 4px 10px 0px #00000026;
	
}
.section-boxes {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}
.column-image {
        background: #F0862E33;
    padding: 8px;
    border-radius: 7px;
}

.column-headings h1 {
    margin: 0px;
    font-size: 28px;
    font-weight: 700;
}
.column-headings h3 {
    margin: 0;
	color: #431675;
    font-size: 19px;
}
.column-image img {
    width: 70px;
	margin:0px;
}
.column-headings {
    margin: 0px 25px;
}
.column-content p {
    font-size: 18px;
    line-height: 24px;  
}
.column-content {
    margin: 20px 0px;
}
a.boxes-button {
    background: none;
    border: none;
    color: #E36D02;
    margin: 0;
    padding: 0;
	font-size: 22px;
	font-weight: 600;
}
a.boxes-button:hover {
    text-decoration: underline;
	color: #E36D02;
}

.gallery-images img{
	width: 120px;
    height: 120px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #00000026;
    padding: 0px 10px;	
}

section#image-columnsection{
	background: url(/wp-content/uploads/2024/07/Pattern-Transparent-Background-5.png);
    background-repeat: no-repeat;	
}
section.flex-boxes {
    margin-bottom: 50px;
}
section#image-columnsection .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.gallery-images {
    padding: 10px 45px;
}
.flex-box {
    display: flex;
    flex-flow: column wrap;
    height: 29em;
	justify-content: center;
}

.banner-contentheading {
    width: 50%;
	 position: relative;
    top: 150px;
}

@media only screen and (max-width: 992px) {
	section#image-columnsection .container{
		display:block;
	}
	.column-section{
		width:auto;
	}
	
	div#banner-partners{
		padding: 40px;
	}
	
	#banner-partners h1.heading-xxl {
    font-size: 25px;
}
#banner-partners p {
    font-size: 20px;
}
.page-template-our-partners .video-banner img.w-100 {
    height: 500px;
}
.column-headings h3 {
    font-size: 20px;
}
.column-content p {
    font-size: 16px;
}
.banner-gallery .ecogallery-images img{
	padding:10px;
}

/* culture mobile device*/
.flex-section-meet {
    display: block !important;
    text-align: center;
}
.comment-flex {
    display: block !important;
}
#secret-image img {
    max-width: 100% !important;
}
.stay-touch {
    display: block !important;
    text-align: center;
}
#culture-section .row.news-item.mb-4 {
    display: block;
    text-align: center;
    margin: 0px 50px;
}
#culture-image-two {
    text-align: center !important;
}
.button-discover a.btn::after {
    padding: 0px 18px !important;
}
.button-discover a.btn {
    font-size: 20px !important;
    width: 100% !important;
}
.video-section-meet video {
    width: 100%;
}
.button-discover a.btn{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

#Power-section .row .col-sm-6.col-md-4.my-4 {
    flex: 0 0 100%;
    max-width: 100%;
}
#Power-section .row {
    display: block;
}
#Learn-section {
    background: #2f5883 !important;
    height: auto !important;
}
#Learn-section .img-thumbs img.service-img.mb-3 {
    width: 50px;
}
#Learn-section .col-sm-6.col-md-4.my-4 {
    width: 100% !important;
    position: unset !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
#Learn-section .img-thumbs {
    display: block !important;
}
#Learn-section .img-thumbs img.service-img.mb-3 {
    width: 50px;
}
#Learn-section h4.primaryHeader.font-weight-bold {
    text-align: center;
    margin: 0;
}
section#Learn-section .row {
    display: inline !important;
}
#agenda-section .col-sm-6.col-md-4.my-4 .content {
    height: 127px !important;
}
#register-banner {
    background: #2b4c7f;
}	
#register-banner .col-lg-6.background-section {
    display: block !important;
}
#register-banner .tmotion-did-main {
    max-width: 100%;
}
.ds-popup-wrapper.-center {
    width: 100% !important;
}
/* footer top review*/
.justify-content-between.f-logo .cols {
    width: 100% !important;
    text-align: center !important;
}
.site-footer ul.social_links {
    margin: 20px 0px !important;
    justify-content: center !important;
}
}

@media only screen and (max-width: 560px) {
	    .column-section {
        width: 100%;
        text-align: center;
    }
	.banner-gallery .ecogallery-images img {
        object-fit: contain;
        width: 300px;
        height: 50px;
}
.flex-box {
    height: auto;
}
.section-boxes {
    display: block;
}
.column-headings {
    margin: 0px;
}
.column-image {
    width: 40%;
    margin: 10px auto;
}
.main-boxes {
    text-align: center;
}
.column-image img {
    width: 110px;
}
.ecogallery-images {
    margin: 0px 2px;
}

.banner-contentheading {
    width: 100%;
    top: 30px;
}
.flex-box {
    flex-flow: row nowrap;
    margin: 30px 0px 0px 0px;
}
div#banner-partners {
    flex-direction: column !important;
}
.page-template-our-partners .video-banner img.w-100 {
    height: 300px;
}
.banner-gallery .flex-box .ecogallery-images:nth-child(1):hover{
 
    object-fit: contain;
    width: auto;
        height: 50px;
        padding:10px;
	
}
.banner-gallery .flex-box .ecogallery-images:nth-child(2):hover {
    object-fit: contain;
    width: auto;
    height: 50px;
    padding:10px;
}
.banner-gallery .flex-box .ecogallery-images:nth-child(3):hover{  
    object-fit: contain;
    width: auto;
    height: 50px;
    padding:10px;
	
}
.banner-gallery .flex-box .ecogallery-images:nth-child(4):hover{
    object-fit: contain;
    width: auto;
    height: 50px;
    padding:10px;
	
}
.banner-gallery .flex-box .ecogallery-images:nth-child(5):hover{
    object-fit: contain;
    width: auto;
    height: 50px;
    padding:10px;
	
}
.main-boxes h3 {
    margin-top: 20px;
}
.main-boxes p {
    text-align: left;
}

div#openingList p.mb-0 {
    width: 100% !important;
    font-size: 16px;
    padding: 10px;
}
}

/* Impression page css*/
.page-template-impressions-temaplte .heroBg{
	display:none;
}
.page-template-impressions-temaplte .text-lg{ 
	font-size:25px;
	font-weight: 400;
	text-align:center;
}
.align-left{
	text-align:left !important;
}
.page-template-impressions-temaplte .image-text{
	display: flex;
    flex-direction: row;
	padding: 2% 0;
	justify-content: space-between;
}
.page-template-impressions-temaplte .image-text .image-container{
	 
}
.page-template-impressions-temaplte .image-text img{
	min-width: 315px;
	border-radius: 10px;
    box-shadow: -10px -10px 0px 0px rgba(67, 22, 117, 0.16);
}
.page-template-impressions-temaplte .image-text p{
	font-size: 18px;
	font-weight:400;
}
.page-template-impressions-temaplte .image-text .text-container	{
	padding: 0 7%;
}
.page-template-impressions-temaplte .whitecolor{ color:#fff}
.for_us_section_outer{
	display: flex;
    flex-direction: row;
    gap: 20px;  
	padding-top: 7%;
}
.for_us_section{
	width: 25%;
	background: rgba(256, 256, 256, .3);
    border: 1px solid #fff;
    border-radius: 10px;
	display: flex;
    justify-content: center;
	position:relative;
}
.for_us_section .topsec{
	min-height: 106px;
	position: absolute;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    top: -67px;
    width: 160px;
    border-radius: 12px;
    padding: 7% 4%;
    color: #fff;
    justify-content: center;
	align-items:center;
}
 
.for_us_section .topsec img{
	max-height: 30px;
	margin-top: 5px;
}
.numbringtext p:nth-child(1){
	font-size: 18px !important;
    margin-right: 5px !important;
}
.numbringtext{
	display: flex;
    flex-direction: row;
    width: 85%;
	position: relative;
    justify-content: center;
}
.for_us_section .topsec p{
	font-size: 14px !important;
    line-height: 1.2em;
    text-align: center;
    margin: 0;
    position:relative;
    left: 10px;
    right:10px;
}
.for_us_section .botsec{
	text-align:center;
	padding: 30% 19% 5% 19%;
}
.for_us_section .botsec p{
	color: #fff;
	font-size: 20px;
    font-weight: 300;
	margin-top: 20px;
}
.for_us_section .botsec p:nth-child(1), .for_us_section .botsec p:nth-child(2){
	font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.large-font{
	font-size: 30px !important;
	font-weight: 700 !important;
	color: #00122C !important;
}
.subttl{
	color: #00122C !important;
	background: #EAF7FA;
	font-size: 25px !important;
	font-weight: 400 !important; 
	display: flex;
    width: fit-content;
    padding: 5px 3%;
    border-radius: 9px;
}
.outerwecan{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1%;
}
.stepsforhowwedo{
	width: 49%;
    padding: 2.5%;
    border: 1px solid #CAD1D8;
    margin-bottom: 10px;
    border-radius: 16px;
    box-shadow: 0px 0px 7px 0 #dfdfdf;
}
.stepsforhowwedo img{    margin-bottom: 7%;background: #eaf7fa; border-radius:15px;padding: 3%;}
.stepsforhowwedo p{    margin: 0 !important;}
.stepsforhowwedo p:nth-child(3){
	font-size: 18px;
	font-weight: 400 !important;
	color: #777A92 !important;
}
.heading_title span{
	color: #5e93b3;
}
.subtag{
	margin: 0 !important;	
	font-weight: 600 !important;
}
.subtag span{
	color: #5e93b3;
}
.bannertitletag{
	display: flex;
    flex-direction: column;
    align-content: flex-end;
    flex-wrap: wrap;
}

.for_us_section:hover{
	background:#fff;
}
.for_us_section:hover .botsec p:nth-child(1){
	    color: rgb(104, 16, 94);
;
}
.for_us_section:hover .botsec p:nth-child(2){
	    color: #68105E;
}
.for_us_section:hover .botsec p:nth-child(3){
	    color: #000000;
}
section.sec-space.bgimage .topsec img {
    left: 10px;
}
.topsec::before {
  content: " ";
  position: absolute;
  background: var(--box-color);
  left: 29px;
  top: -10px;
  bottom: 0;
  right: 0;
  border-radius: 12px;
  transition:0.1s;
}

.for_us_section:hover .topsec::before {
  transform: rotate(-45deg);
  height: 120px;
    width: 120px;
}
.topbanner{
	background-repeat: no-repeat !important;
        background-size: cover !important;
	padding: 10%;
}
.w50-100{
	width: 50% ;
}
@media only screen and (max-width: 990px) {
	.for_us_section_outer{
		flex-wrap: wrap;
	}
	.for_us_section {
		width: 48%;
		margin-top: 40px;
	}
	.for_us_section .botsec {
		padding: 30% 10% 5% 10%;
	}
}
@media only screen and (max-width: 767px) {
	.page-template-impressions-temaplte .subttl{ font-size: 18px !important;}
	.page-template-impressions-temaplte .image-text{ display:block; margin-bottom: 20px;}
	.page-template-impressions-temaplte .image-text img{min-width: 100%}
	.page-template-impressions-temaplte .image-text .text-container {
		padding: 0;
	}
	.topbanner{
		padding: 2%;
		background-repeat: no-repeat !important;
        background-size: cover !important;
	}
	.w50-100{
		width: 100% ;
	}	
	.bannertitletag{
		background: rgba(256, 256, 256, .9);
        padding: 17px;
        border-radius: 10px;
	}
	.for_us_section_outer {
		flex-direction: column;
	}
	.for_us_section {
		width: 100%;
		margin-top: 40px;
	}
	.for_us_section .topsec{
		width: 100px;
	}
	.outerwecan {
		flex-direction: column;
	}
	.stepsforhowwedo {
		width: 100%;
	}
	.sec-space-bottom {
        padding: 20px 0 !important;
    }
/* impression page */
    .page-template-impressions-temaplte section.position-relative.topbanner {
        padding: 10%;
    }


    /* register page */
#register-banner .block.tmotion-did h2{
    font-size:48px !important;
}
.Registrationforms {
    width: 90% !important;
}
#aboutus-section-tmotions .valueContent {
    padding: 0px;
}
#agenda-section .col-sm-6.col-md-4.my-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
#requisites-section .container {
    width: 90% !important;
    margin: 10px auto;
}
#agenda-section .col-sm-6.col-md-4.my-4 .content {
    height: auto !important;
}
#aboutus-section-tmotions .valueContent {
    padding: 0px;
}

}
/* END Impression page css*/

.who_we_are_col2 {
    padding-left: 16px !important;
}

/*leardership css*/

.page-template-who-we-are .heroBg {
    display: none;
}
/* section one*/
h4#learder-subtitle {
    background: none;
    text-decoration: underline;
}

/* section second */
#our-leaderstory .image-content {
    display: flex;
    background: linear-gradient(90deg, #FFFFFF 0%, #F5F5F5 100%); 
    padding: 30px;
    margin: 50px auto;
    border-radius: 20px;
}
div#storycontent p {
    font-size: 25px;
    line-height: 1.5em;
    margin: 0;
}
div#storycontent h3 {
    text-align: right;
	margin:0;
	font-size:24px;
}
div#storycontent h5 {
    text-align: right;
    color: #431675;
    margin: 0;
	font-size:18px;
}

/* section third */
.video-heading {
    text-align: center;
    margin: 70px auto;
}

.video-heading video {
    width: 80%;
}

/* fourth section*/
section#leadership-teams .container {
    margin: 0 auto;
}
.leadership-list {
    text-align: center;
}
.images-team {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	justify-content: center;
}
.gallery-teamimages {
    width: 20%;
	padding: 20px 10px;
}
.gallery-teamimages h3 {
    font-size: 1.3em;
    margin: 10px 0px 0px 5px;
	font-weight:400;
}
.gallery-teamimages h5 {
    font-size: 1rem;
    margin: 0;
    color: #431675;
}
.leadership-content p {
    width: 80%;
    text-align: center;
    margin: 15px auto;
    font-size: 18px;
}
.color-section {
    /* background: linear-gradient(90deg, #002172 0%, #FF1629 100%); */
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
    /* display: flex; */
    flex-wrap: nowrap;
    padding: 16px;
    border-radius: 20px;
    width: 80%;
    margin: 40px auto;
	position:relative;
    display:none;
}
#join-team .greatplace-content p {
    text-align: left;
    color: #212529;
    font-size: 25px;
	    line-height: 32px;
        font-style: italic;
    padding: 0px 20px;
}
/* .greatplace-image {
    position: relative;
    top: -42px;
    margin-top: 70px;
} */
/* .greatplace-image {
    position: absolute;
    top: 0px;
} */
/* .greatplace-image img {
    width: 90px;
} */
.greatplace-work {
    width: 100%;
    margin: 30px auto 0px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    left: -40px;
    top: 0px;
    background: url(https://tmotions-stage.tglserver.net/wp-content/uploads/2024/07/Vector-54.png);
    background-repeat: no-repeat;
    background-position: bottom left;

}

.greatplace-image {
    padding: 65px 0px;
}

.teams-images-join {
    position: absolute;
    right: -8%;
    bottom: -14%;
}


/* five section */
section#microsoft-images .container {
    background: linear-gradient(97.17deg, #00122C 0%, #431675 181.62%);
    width: 100%;
    margin: 40px auto 0px;
    padding: 30px;
    max-width: 100%;
    text-align: center;
}
.logos-img {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
}
.multiple-microsoftlogo {
    width: 33.333%;
    padding: 15px;
}
/* sixth section*/
/* .team-join {
    background: url(/wp-content/uploads/2024/07/Rectangle-301.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #ffffff;
    margin: 40px 0px;
    border-radius: 20px;
    background-size: cover;
        padding: 20px 50px;
} */

.team-join {
    padding:80px 0px 0px 0px;
    position:relative;
    
}


#join-team {
    background-size: cover;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    height: 600px;
   
}
.team-join h3{
    margin: 0;
    padding: 0;
    color: #431675;
}
.team-join p {
    padding: 20px 0px;
    font-size: 25px;
    color: #431675;
}
.greatplace-content p {
    padding: 20px;
}
.team-join a.boxes-button {
    border: 1px solid #431675;
    border-radius: 60px;
    padding: 15px 35px;
    color: #fff;
    font-weight: 400;
    background: #431675;
}
.team-join .row {
    align-items: center;
    display:block;

}
/* div#team-button {
    text-align: left;
} */

/* mobile responsive leadership page */

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

    .teams-images-join{
        bottom:0;
        display: none;
    }

    .greatplace-image{
            padding: 0px;
        }
    
 .image-content {
    display: block;
}
div#storyimage {
    text-align: center;
}
div#storycontent p {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
}
.video-heading video {
    width: 100%;
}
.gallery-teamimages {
    width: 50%;
}
/* .greatplace-content {
     position: relative;
    left: 0;
    width: 100%;
    padding: 90px 0px 0px 0px;
}  */
div#team-button {
    text-align: center;
}
.team-join a.boxes-button {
    padding: 12px;
}
.team-join {
    text-align: center;
}

#join-team {
    background: #fcebd7;
    height: auto;
}
.teams-images-join {
    position: relative;
}
.greatplace-work {
    left: 0;
    justify-content: center;
}
.greatplace-work {
    background:none;
}

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

#join-team {
    padding: 0px 0px;
}
.team-join {
    padding: 20px;
}
.greatplace-content p {
    font-size: 18px;
    line-height: 1.2em; 
    padding: 0px 10px;
}
.greatplace-work {
    left: 0;
    top: 0;
    background: none;
}
#join-team {
    background-position: 100% 50%;
    height: auto;
    background: #fcebd7;
}
#our-leaderstory .image-content {
    display: block;
}
/* career page */
#peopleWorking {
    padding-bottom: 0px !important;
}
#coreValue {
    margin-top: 10px;
}
#tmotionsPolicy {
    margin-top: 0px;
    padding: 0px !important;
}
#openingList {
    padding: 20px 0px !important;
}

/* banner responsive in mobile device*/
.heroBg.small-bg {
    padding: 0px;
}

.heroBg .banner-content p {
    margin-top: 0px !important;
    font-size: 1em;
    line-height: 1.2em;
}

/* success stories */

ul.listing-ampyr {
    column-count: unset;
}
ul.listing-autogaint {
    column-count: unset !important;
}
#autogaint-whattmotions .col-lg-6.background-section {
    max-width: 100% !important;
}
.row.case-studies__items h2 {
    padding-bottom: 20px !important;
}
}

@media only screen and (min-width: 601px) and (max-width:767px) {
.page-id-1359 .heroBg.small-bg {
    padding: 100px !important;
}
.page-id-1359 .tabBanner .nav-pills {
    display: flex !important;
    flex-wrap: nowrap;
}
.ul#pills-tab .nav-link {
    padding: .5rem 0.7rem;
    font-size: 15px;
}
button#pills-home-tab{
    margin:0px;
}
}

@media only screen and (max-width: 1200px) {
    .teams-images-join {
        right: 0;
        bottom: -51px;
    }
    #join-team .greatplace-content p {
        font-size: 16px;
        line-height: 1.2em;
    }
    

}

/* end leadership css*/



/* change yellow background color to purple*/

.heroBg.small-bg h1.h2.text-center {
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
}
.heroBg.small-bg .col-md-6.d-flex.banner-content {
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
}
.heroBg.small-bg .col-md-6.d-flex.banner-content h1.h2.text-center {
    background: none;
}
.heroBg.small-bg .banner-content a.button.btn-inverse {
    border: none;
}
.heroBg.small-bg .banner-content a.button.btn-inverse:hover {
    background: rgb(67,22,117);
}
.single-post .heroBg.bg-color.heroBg.small-bg h1.h2 {
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
}

/* INNER PAGES BLOG SECTION BACKGROUND AND TEXT COLOR CHANGE */
.category .heroBg.bg-color.heroBg.small-bg h1.h2 {
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
}

.insight .container .row.col-12 h2.col-12.mb-5.ml-3.text-left.text-white {
    color: #03122c !important;
    padding:0px;
}
a.btn.btn-primary.btn-lg {
    background: #431675;
    border-color: #431675;
}
a.btn.btn-primary.btn-lg:hover {
    border-color: #431675;
    background-color: #fff;
}
#btn-view-career:hover{
     border:unset;
}
/* category page */

.category h1.page-title span.page-description {
    font-weight: 700;
}

/* footer */
.site-footer ul.social_links {
    justify-content: end;
}

ul.industries_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.industries_list li {
    width: 33.333% !important;
}

/* background image height */

section.position-relative.common-banner {
    min-height: 530px;
}
section.video-banner.position-relative.video-responsive video.video.w-100 {
    height: 530px;
}
.heroBg.small-bg {
    height: 350px;
}

/* menu section css */
ul.industries_list {
    width: auto;
    column-count: 2 !important;
    display: inline-block;
}

/* menu hover */
ul.industries_list a:hover {
    font-size: inherit !important;
}

/* mobile header change background color*/


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

    .culture-title {
    margin: 33px auto 0px !important;
}

    .mob-menu-right-bg-holder {
        background: #1d023a;
    }

    #mobmenuright ul.sub-menu.show-sub-menu {
        background: #1d023a !important;
    }
    .single-post .heroBg.bg-color.heroBg.small-bg {
        margin-top: 0px !important;
    }
    /* AI PAGE */
     #images-section-video iframe {
  width:100%;
  margin:10px;
}
}

.insight h2.text-white {
    color: #000 !important;
}
ul.industries_list li a {
    white-space: nowrap;
}

/* new classified market page */

.page-id-6406 .heroBg .banner-content {
    max-width: 39%;
    padding: 2% 2% 1% 1%;
    align-items: flex-start !important;
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
}
.page-id-6406 .heroBg .h-100 {
    justify-content: flex-start !important;
    /* position: relative;
    top: 30px; */
}

.page-id-6406 h1.h2.text-center {
    background: none !important;
    text-align: left !important;
}
.page-id-6406 .heroBg .banner-content p {
    text-align: left;
}
.page-id-6406 .heroBg .banner-content p {
    margin-top: 0px;
    padding: 0px 20px;
    width: 100%;
}

.page-id-6406 .heroBg .banner-content p.mt-100{
    margin-top: -4%;
}
.page-id-6406 a.button.btn-inverse {
    color: #0d0a1f;
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: normal;
    font-size: 1.25rem;
}
.page-id-6406 a.button.btn-inverse:hover {
    color: #fff;
}

header sup{
    background: linear-gradient(270deg, rgba(104, 16, 94, 0.8) 0%, rgba(68, 21, 117, 0.8) 100%);
    color: #fff;
    border-radius: 13px;
    margin-left: 0;
    padding: 1px 8px;
    font-size: 11px;
}
.showmobile {
    display: none;
}
.page-id-6406.wfm .testimonial-block {
    background: #f1f1f1;
    box-shadow: 3px 3px 6px 0px #ccc;
}
.page-id-6406 section#attendance_section .service-img {
    flex: 0 0 100%;
    max-width: 100%;
}
.page-id-6406 #wms_banner .p-content a {
    position: absolute;
    right: 0;
    top: -40px;
    background-color: #fff;
    color: #0d0a1f;
}
.page-id-6406 #wms_banner .p-content {
    position: relative;
    display: flex;
    align-items: center;
}

.page-id-6406 #wms_banner .p-content a {
    position: absolute;
    right: 0;
    top: -40px;
    background-color: #fff;
    color: #0d0a1f;
}
.page-id-6406 #wms_banner .p-content p {
    width: 80%;
}

@media only screen and (max-width: 821px) {
    .page-id-6406 .heroBg .banner-content {
        max-width: inherit !important;
    }

    .page-id-6406 .banner-content {
        position: absolute;
        top: 75%;
        width: 100% !important;
    }

    /* .page-id-6406 .heroBg .h-100 {
        position: relative;
        top: 114px;
    } */

    .page-id-6406 .services-content {
        padding-top: 0% !important;
        
    }
    .page-id-6406 section.services-content .col-lg-6.col-md-12.col-sm-12.d-md-block {
        margin-top: 300px;
    }

    .page-id-6406 .card-header {
        padding: 5px;
        border: none;
        background: #e38c02;
        margin-bottom: 5px;
        color: #fff;
        border-radius: 0;
    }

    .page-id-6406 .card-header h5 button {
        background: transparent;
        text-decoration: none;
        color: #fff;
        width: 100%;
        text-align: left;
        font-size: 18px !important;
        padding: 0 10px !important;
    }

    .page-id-6406 .card-header h5 button[data-toggle="collapse"]:before {
        content: "";
        display: block;
        float: right;
        height: 16px;
        width: 16px;
        background: url(/wp-content/uploads/2023/07/minus.png);
        background-size: 100%;
        margin-top: 5px;
    }

    .page-id-6406 .card-header h5 button[data-toggle="collapse"].collapsed:before {
        content: "";
        display: block;
        float: right;
        height: 16px;
        width: 16px;
        background: url('https://tmotions.com/wp-content/uploads/2023/07/plus.png');
        background-size: 100%;
        margin-top: 5px;
    }

    .page-id-6406 #wms_banner .p-content{
        flex-direction: column;
        align-items: stretch !important;
    }
    
    .page-id-6406 #wms_banner .p-content a {
        position: relative !important;
        top: 0px !important;
    }

    .page-id-6406 #attendance_section {
        padding: 40px 18px !important;
    }
}

@media only screen and (max-width: 821px) {
    .page-id-6406 .showmobile {
        display: block !important;
    }
    .page-id-6406 .showdesktop{
        display: none;
    }
}

/* .cmng_soon{
    background: #F0862E;
} */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* core-flex page banner header content change dessign same as workforce management*/
.page-id-5161 .banner-content h1.h2.text-center {
    background: none;
    text-align: left !important;
}


.page-id-5161 .heroBg.small-bg .row .banner-content h1.h2 {
    margin-bottom: 0px !important;
    padding: 0px 20px;
}
 
.page-id-5161 .banner-content.h-100.text-white {
    background: linear-gradient(180deg, rgba(67, 22, 117, 1) 0%, rgba(119, 25, 138, 1) 100%);
    max-width: 39%;
    padding: 2% 2% 1% 1%;
}
.page-id-5161 .heroBg .banner-content p {
    margin-top: 0px;
    padding: 0px 20px;
    width: 100%;
    text-align: left !important;
}
.page-id-5161 a.button.btn-inverse {
    color: #0d0a1f;
    background-color: #fff;
    font-weight: normal;
    font-size: 1.25rem;
    width: 100%;
    display: block;
}
.page-id-5161 .row.h-100.align-items-center.justify-content-center {
    height: auto !important;
    width: 100%;
}

.page-id-5161 a.button.btn-inverse:hover {
    color: #fff;
}
.page-id-5161 .heroBg .banner-content p a.button.btn-inverse {
    text-align: center !important;
}
.page-id-5161 .heroBg .align-items-center {
    
    align-items: start !important;
}
.page-id-6406 .heroBg.small-bg {
    height: 550px;
}
.page-id-4740 .heroBg.small-bg, .page-id-8349 .heroBg.small-bg {
    height: 550px;
}
.page-id-4740 .h-100, .page-id-8349 .h-100 {
    height: auto !important;
}

.page-id-6406 .h-100 {
    height: auto !important;
}



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

    section.fullwidth-content.withbigimage.rightContent {
        padding-top: 0px !important;
        padding-bottom: 20px !important;
    }
.page-id-5161 .banner-content.h-100.text-white {
    max-width: 100%;
}
.page-id-5161 .row.h-100.align-items-center.justify-content-center {
    margin: 0px !important;
    position: absolute;
        top: 75%;
        left: 0;
        right: 0;
}
.page-id-6406 .site-content .heroBg.small-bg {
    height: 75vh !important;
}
.page-id-5161 section.services-content .col-lg-6.col-md-12.col-sm-12.d-md-block {
    margin-top: 254px;
}
/* home page changes responsive */
.ds-popup-close.-icon:before {
    font-size: 35px !important;
}

.valueContent.success-valCont.ml-45.col-lg-10 {
    padding-left: 8px !important;
}
#success-story {
    padding-top: 0px !important;
}
#success-story h2 {
    padding-top: 30px;
}

#business_service {
    padding-top: 10px;
}
#business_service p {
    margin-top: 0px;
}

#business_service .row {
    margin: 10px;
}
#business_service .row .col-lg.col-sm-6.services {
    min-height: unset !important;
    margin: 10px 10px;
}
#business_service .row .col-lg.col-sm-6.services a.service-read-more {
    position: relative;
}
.footer-join {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#colophon .copyright__col {
    padding-top: 15px !important;
}
.page-id-104 .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test, .page-id-1335 .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test{
    height: auto !important;
}
.page-id-104 .video_contant p, .page-id-1335 .video_contant p {
    Font-size: 1em !important;
    line-height: 1.2em;
}
div#openingList button.btn.btn-link.float-right.collapsed.d-flex.justify-content-between.w-100.text-left {
    padding: 0px;
}
#peopleWorking .col-xl-12.col-lg-12.col-md-12.col-sm-12.text-left {
    padding: 10px;
}
.tmotion-did {
    width: 100%;
}
.fourth-block {
    padding: 10px;
}
.tmotion-heading {
    font-size: 2em;
}
}

/* @media screen and (min-width: 575px) {
#business_service .row .col-lg.col-sm-6.services {
    flex: 0 0 45% !important;
    max-width: 45% !important;
} */


/* @media (max-width: 991px) {
    #business_service .row .col-lg.col-sm-6.services {
        
        flex: 0 0 45%;
        max-width: 45%;
    }
} */

/* @media (max-width: 575px) {
    #business_service .row .col-lg.col-sm-6.services {
        
        flex: 0 0 100%;
        max-width: 100%;
    }
} */

@media only screen and (min-width: 768px) {
    div#unlock-section {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .mob-menu-logo-holder {
        margin-top: 9px !important; 
    }
    .page-id-6995 .heroBg.small-bg {
        top: 0px !important;
    }
    
    }

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

    .fabric-intro p
 {
    width: 100% !important;
}
    .page-id-6406 .site-content .heroBg.small-bg {
        height: 75vh !important;
    }
    ul#pills-tab {
        width: 100%;
    }
    ul#pills-tab li{
        width: 50%;
        float: left;
    }
    .page-template-impressions-temaplte section h4.subtag.text-lg {
        font-size: 16px;
        line-height: 1.2em;
    }
    .page-template-impressions-temaplte section h1.heading_title.large-font {
        font-size: 16px !important;
        margin: 5px 0px;
    }
    .page-template-impressions-temaplte .bannertitletag {
        padding: 10px;
    }
    .single-post h1.h2 {
        font-size: 18px;
    }
}

/* 22-august css changes */
/* menu section */
/* what we do solution section */
div#solution-menu {
    width:48%;
}
ul#success-storiesss {
    display: flex;
    flex-wrap: wrap;
}
span.new_title_stories {
    font-weight: 700;
}
.stories, .stories-one {
    background: linear-gradient(90deg, #FFFFFF 0%, #EAEAEA 100%);
    border-radius: 10px;
    overflow: hidden;
    padding: 0px;
    margin: 5px 0px;
    display:flex;
}

.stories .ruby-col-8 {
    padding-left: 0px !important;
}
.stories .ruby-col-4, .stories-one .ruby-col-4 {
    padding: 0px !important;
}
.stories .ruby-col-8, .stories-one .ruby-col-8 {
    padding: 8px;
}

.stories:hover, .stories-one:hover {
    border: 1px solid #68105E;
    border-radius: 10px;
    padding: 0px 0px 0px 5px;
}

/* industries page */

.page-template-industries-template section.video-banner.position-relative.video-responsive video.video.w-100 {
    height: 100%;
}

.main-boxes a.boxes-button {
    display: none;
}


/* case study page */
/*ampyr*/

#ampyr-whattmotions .tmotion-did.col-md-6.col-sm-6 {
    max-width: 100%;
}

#ampyr-whattmotions .block.tmotion-did {
    max-width: 100%;
}
ul.listing-ampyr {
    color: #fff;
    column-count: 2;
    font-size:20px;
}

ul.listing-ampyr li {
    padding: 10px 0px 10px 0px;
}
ul.listing-ampyrone li {
    margin-bottom: 10px;
}

/*pod trak page*/

#pod-challege .challenge {
    border-left: none;
}

#pod-challege .podtrack-content {
    border-left: 4px solid #431675;
    padding-left: 12px;
}

/* auto gaint */



ul.listing-autogaint {
    color: #fff;
    column-count: 3;
    font-size:20px;
}

ul.listing-autogaint li {
    padding: 10px 0px 10px 0px;
}

ul.listing-autogaintone li::before{
    display:none;
}
ul.listing-autogaintone li {
    margin: 10px 0px !important;
    padding: 0px !important;
}
ul.listing-autogaintone li strong {
    font-size: 35px;
}

#autogaint-whattmotions .tmotion-did.col-md-6.col-sm-6 {
    max-width: 100%;
}

#autogaint-whattmotions .block.tmotion-did {
    max-width: 100%;
}

#autogaint-whattmotions .col-lg-6.background-section {
    max-width: 70%;
}
section#autogaint-logo .case-studie-image {
    display: none;
}
section#autogaint-logo {
    padding-top: 20px !important;
}

input#email {
    padding-right: 30px;
}

/* bug fix changes css */
/* home page popup */
.site-footer input#join {
    background: #5e93b3;
    height: 50px;
    border: 2px solid #5e93b3;
    width: 108px;
    display: inline-block;
    color:#fff;
}

.ds-popup-content input#join {
    font-family: 'FontAwesome';
    background: #5e93b3;
    padding: 0.5px 15px;
    border-radius: 29px 29px;
    position: relative;
    left: -6%;
    border: none;
}

#page {
    overflow-x: hidden;
}

.text-alignments.tabs a.btn.btn-primary.btn-lg:active {
    color: #000;
}

.page-id-6406 #wms_banner .p-content a:hover {
    /* background-color: #E38C02; */
    background-color: #491778;
    color: #fff;
    border: #ffffff 2px solid;
}
.page-id-6406 #wms_banner .p-content a:active {
    /* background-color: #E38C02; */

    color: #000;
    
}
.page-id-4740 #wms_banner .p-content a:active {
    /* background-color: #E38C02; */
    color: #000;  
}

#openingList .topContent p {
    text-align: center;
}


#tmotionsPolicy p {
    text-align: left !important;
}

.mobmenu-right-alignment sup {
    background: linear-gradient(270deg, rgba(104, 16, 94, 0.8) 0%, rgba(68, 21, 117, 0.8) 100%);
    color: #fff;
    border-radius: 13px;
    margin-left: 0;
    padding: 1px 8px;
    font-size: 11px;
}

.swal2-popup.swal2-modal.swal2-show{
    background-position: center !important;
}
h2#swal2-title {
    margin-top: 131px !important;
}
#openingList .modal-content {
    top: 25px;
}

@media only screen and (min-width: 1025px) {
    .page-template-what-we-believe .position-relative.common-banner, .page-template-who-we-are .position-relative.common-banner{
        top: 70px;
        margin-bottom: 100px;
    }
    .page-template-impressions-temaplte .position-relative.topbanner {
    top: 70px;
        margin-bottom: 60px;
    }

}

.single-post input#firstname, .single-post input#email {
    width: 100%;
}

.single-post input#wpcf-custom-btn-1 {
    color: #e36d02;
}

/* @media only screen and (min-width: 1100px) and (max-width:1580px) {
    .page-id-1359 .heroBg img.img-custom-size {
        width: 60%;
    }
    .page-id-1359 .heroBg .banner-content .hide_m {
        position: relative;
        top: 20px;
    }
} */

#happy_customers .services-hover p{
    margin:0px !important;
}

header.color_scroll {
    background: #1D023A;
  }

  #ds-popup-4 input.wpcf7-form-control.wpcf7-submit.has-spinner {
    display: inline-block;
    font-family: 'FontAwesome';
    background: #ff7900;
    padding: 0.5px 15px;
    border-radius: 29px 29px;
    position: absolute;
    right: 10px;
    border: none;
    left:unset;
}
.popUpSubForm [type=email]{
    border-radius:29px;
}

.row.contactUsForm .wpcf7-spinner::before{
    background-color:#000;
}

/* magento page css */
.service_page .heroBg.small-bg .h2:nth-child(1) {
    top: 100px !important;
}
#widthimg-magento{
    background-size: cover !important;
}
.page-id-6874 h1.h2.text-center:nth-child(2) {
    background: none;
    position: absolute;
    left: -140px;
    top: -30px !important;
    width:100%;
}

.page-id-6874 .service_page .heroBg.small-bg .h2:nth-child(1) {
    top: 100px !important;
}
/* .page-id-6874 .heroBg.small-bg {
    background-size: 100% !important;
    height: 100%;
} */
.page-id-6874 h1.h2.text-center span {
    color: #b573ff;
}
@media only screen and (min-width: 1025px) {
    .page-id-6874 .heroBg.small-bg {
        position: relative;
        top: 70px;
    }
    .page-id-6874 .heroBg.small-bg {
        padding:0px !important;
    }
}
@media only screen and (max-width: 1200px) {
    .page-id-6874 h1.h2.text-center:nth-child(2) {
        background: none;
        position: absolute;
        left: 0px !important;
        top: 10px !important;
        width:100%;
        padding:0px 10px;
    }
    .page-id-6874 .site-content .heroBg.small-bg{
        padding-top:0px;
    }
    .service_page .heroBg.small-bg .h2:nth-child(1) {
  
        position: relative;
        right: 20px;
    }
}

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

.page-id-6874 .heroBg.small-bg {
    padding: 0px !important;
        height: 50vh !important;
        background-size: cover !important;
    }
    .page-home .heroBg.video video {
        height: 400px;
        object-fit: cover;
    }
    .page-home .heroBg.video h2 {    
        font-size: 25px !important;
    }
    .heroBg.video .video_contant p {
        line-height: 1.2em !important;
    }
    div#enterprise-lock {
        margin-top: 0px !important;
    }
      #pills-tab .nav-link {
    font-size: 12px  !important;
}
         #images-section-video iframe {
  height: 300px;
}
}

/* parters page image size*/

#microsoft_azure img.img-fluid.mb-2 {
    /* background: #fff; */
    /* border-radius: 7px;
    padding: 10px;
    width: 100px; */
}
#magento img.img-fluid.mb-2 {
    /* background: #fff; */
    /* border-radius: 7px;
    padding: 10px;
    width: 100px; */
}
#google_cloud img.img-fluid.mb-2 {
    /* background: #fff; */
    /* border-radius: 7px;
    padding: 10px;
    width: 100px; */
}
.page-id-1359 .heroBg.video .video_contant {
    left: 0;
    right: 0;
}
.page-id-1359 .heroBg.video {
    padding: 0px;
}
img#custom-image-size-set {
    margin-top: 130px;
}

/* home page banner animation magento tab */
 /* .span-animation{
    animation-name: topAnimations;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
    padding: 0;
    opacity: 0;
    z-index: 10;
    width: 100% !important;
    left: 0px !important;
 right: 0px !important;
 position:absolute;
 top:-20px;
} 

/* text animation*/

/* .span-animation:nth-of-type(1) {
    animation-delay:0s;
}
.span-animation:nth-of-type(2) {
    animation-delay: 4s;
}
.span-animation:nth-of-type(3) {
    animation-delay: 8s;
}
.span-animation:nth-of-type(4) {
    animation-delay: 12s;
}
.span-animation:nth-of-type(5) {
    animation-delay: 16s;
}
.span-animation:nth-of-type(6) {
    animation-delay: 22s;
}
   
.span-animation h3{
    font-size:15px !important;
    text-align: center !important;
}  */



/* keyframe animation */
/* @keyframes topAnimations{
    0% {
       
        opacity: 0; 
    }
    1% {
       
        opacity: 1;
    }
    5% {
       
        opacity: 1;
    }
    10% {
        
        opacity: 0;
    }
    15% {
        
        opacity: 0;
    }
    20% {
       
        opacity: 0;
    }
    
    100% {
       
        opacity: 0;
    }
}  */


  /* circle rotate slider */
  /* homepage banner*/
  .container {
    max-width: 500px;
    margin: 0 auto;
}
.circle-carousel {
    position: relative;
    padding-top: 100%;
   
}
.circle-carousel .slides {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 100%;
}
.circle-carousel .slide {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    /* background: rgba(255, 0, 0, .3); */
}
.circle-carousel .slide.active {
    z-index: 1;
    opacity: 1;
}
.circle-carousel .pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 90%;
    height: 75%;
    transition-property: transform;
    transition-timing-function: ease-out;
    pointer-events: none;
    user-select: none;
}
.circle-carousel .pagination .dot {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
   
    pointer-events: auto;
    transition: transform 0.3s ease;
    /* background: black; */
}
.circle-carousel .pagination .item.active .dot img {
   transform: scale(1.5); 
}
.circle-carousel .pagination .dot img {
   width: 100%;
   height: 100%;

   transition: transform 0.3s ease; /* Smooth zoom transition */
}
.circle-carousel .pagination .dot:hover {
    /* transform: translate(-50%, -50%) scale(1.05);
    cursor: pointer; */
    /* background: white;
    color: black; */
}
.circle-carousel .pagination .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}

/* .circle-carousel .next, .circle-carousel .prev {
    position: absolute;
    bottom: 6%;
    z-index: 1;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    transition: 0.3s;
    user-select: none;
} */
/* .circle-carousel .next:before, .circle-carousel .prev:before {
    content: '';
    position: absolute;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    
    
    transition: 0.3s;
} */

/* .circle-carousel .next {
    right: 5%;
}
.circle-carousel .next:before {
    left: 65%;
   
}
.circle-carousel .prev {
    left: 5%;
}
.circle-carousel .prev:before {
    left: 35%;
    
} */
/* .circle-carousel .pagination .dot span img{
   width:80px;
   height: 80px;
} */
/* .item.active{
   transform: translate(-50%, -50%) scale(1.05);
} */
main#rotate-slider .container {
   width: 100%;
}

#icon-animation{
   position: relative;
   top:90px;
}

.slide h3{
   position: absolute;
   top:-20px;
   font-size:15px !important;
}


/* News page */
div#pressimage {
   text-align: center;
}


.page-template-news .heroBg.bg-color {
   display: none;
}
section#lead-news {
   margin-top: 70px;
}
.news-heading h2 {
   text-align: center;
   border-bottom: 1px solid #7676764d;
}
.news-heading h2 {
   text-align: center;
   border-bottom: 1px solid #7676764d;
   font-size: 60px;
   padding: 100px 0px;
}
section#lead-news .container {
   width: 100% !important;
   max-width: 100%;
   margin: 0px;
   padding: 0;
}
.row.news-item.mb-4 {
   padding: 60px 80px 10px;
}
#newsdata h2 {
   color: #431675;
}
.news-heading {
   background: #e0cece36;
}

.circle-carousel .pagination .dot img {
   opacity: 0.4;
}
.circle-carousel .pagination .item.active .dot img{
   opacity: 0.9;
}



/* News page */

.page-template-news .heroBg.bg-color {
    display: none;
}
section#lead-news {
    margin-top: 70px;
}
.news-heading h2 {
    text-align: center;
    border-bottom: 1px solid #7676764d;
}
.news-heading h2 {
    text-align: center;
    border-bottom: 1px solid #7676764d;
    font-size: 60px;
    padding: 100px 0px;
}
section#lead-news .container {
    width: 100% !important;
    max-width: 100%;
    margin: 0px;
    padding: 0;
}
.row.news-item.mb-4 {
    padding: 60px 80px 10px;
}
#newsdata h2 {
    color: #431675;
}
.news-heading {
    background: #e0cece36;
}
/* News page */
div#pressimage {
    text-align: center;
}
.page-template-news .heroBg.bg-color {
    display: none;
}
p.press-date {
    text-align: left;
}
section#lead-news {
    margin-top: 70px;
}
.news-heading h2 {
    text-align: center;
    border-bottom: 1px solid #7676764d;
}
.news-heading h2 {
    text-align: center;
    border-bottom: 1px solid #7676764d;
    font-size: 60px;
    padding: 100px 0px;
}
section#lead-news .container {
    width: 100% !important;
    max-width: 100%;
    margin: 0px;
    padding: 0;
}
.row.news-item.mb-4 {
    padding: 60px 80px 10px;
}
#newsdata h2 {
    color: #431675;
}
.news-heading {
    background: #e0cece36;
}


/* home page banner changes */

.heroBg.video h2 {
font-weight: 700;
   }
   
   .heroBg.video .header_button {
    margin-top: 25px !important;
   }


   div#enterprise-lock {
    margin-top: 40px;
}


/* culture page css (life at tmotions)*/

.culture-title h2 {
    color: #431675;
    font-size:38px;

}
#culture-section .container {
    max-width: 100%;
    margin: 50px auto 0px auto;
    width: 100%;
    padding: 0;
}
#culture-section .row.news-item.mb-4 {
    padding-right: 0px;
    padding-left: 0px;
}
.culture-title {
    margin: 130px auto 0px;
    width: 80%;
    text-align: center;
}
.page-id-6995 .heroBg.small-bg h1.h2.text-center {
    background: #fff;
    color: #431675;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    font-size: 25px;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    transform: translateY(0);
}
span.header-underline {
    display: inline-block;
    position: relative;
    font-size:28px !important;
}
.header-underline:after {
    background: url("/wp-content/uploads/2024/10/underline-1.webp");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
    bottom: -0.7rem;
    content: "";
    height: .875rem;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
.flex-section-meet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 60px 0px;
}
.image-meetpeople {
    width: 100%;
}
div#secret-image img{
max-width:500px;
}
div#secret-content {
    padding: 0px 50px;
}
div#secret-content p {
    font-size: 22px;
    line-height: 1.25em;
}
.cta-button-meet a.btn.btn-primary{
    padding:15px 25px;
    background: #431675;
    border: none;
    font-size: 20px;
}
.cta-button-meet a.btn.btn-primary:hover{
    padding:15px 25px;
    color: #431675;
    background-color: unset;
    border:1px solid #431675;
}
.cta-button-meet{
    padding:0px 50px;
}
span.nametag {
    background: #431675;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-left: calc(50% - 50vw);
    margin-right: 4.5rem;
    font-size: 24px;
    margin-top: 2.25rem;
    width: 400px;
    text-align: end;
}
.secret-title {
    display: flex;
    align-items: baseline;
}
.secret-title h3 {
    color: #431675;
    font-size: 38px;
}
div#culture-image-two{
    text-align: right;
}
#culture-section .row.news-item.mb-4 {
    padding-right: 0px;
    padding-left: 0px;
    justify-content: center;
}
.video-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
}
.video-section-meet {
    margin: 100px 0px;
}
.comment-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 70px 0px;
}
.community-content h3 {
    font-size: 20px;
}
.community-data p {
    font-size: 18px;
    text-align: center;
    line-height: 1.25em;
}
.comment-hire{
    text-align: center;
    margin: 20px;
}
.coommunity-title h2 {
    font-size: 38px;
    color: #431675;
    text-align: center;
    padding: 20px 0px;
}
.coommunity-title p {
    font-size: 22px;
    line-height: 1.2em;
    text-align: center;

}
section#link-discover {
    text-align: center;
}
.button-discover a.btn {
    background: none;
    border: 1px solid #C2C2C2;
    padding: 30px 30px;
    margin: 10px;
    color: #000;
    font-size: 32px;
    width: 80%;
    text-align: left;
    font-weight: 600;
}
.discover-title h2 {
    color: #431675;
    font-size: 38px;
}
.cta-buttons {
    margin: 20px;
}
.button-discover a.btn::after {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 30px;
    float: right;
    color: #431675;
    padding: 10px 18px;
    width: 60px;
    height: 60px;

}
.button-discover a.btn:hover::after {
    background: #431675;
    border-radius: 50%;
    padding: 10px 18px;
    width: 60px;
    height: 60px;
    color: #fff; 
}

.button-discover a.btn:hover {
    color: #431675;
}

#subscribe-contact .container {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
#subscribe-contact {
    background: #F4F4F4;
    padding: 50px;
    margin-top:50px;
}
.stay-touch {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.subscribe-buttons a.btn {
    font-size: 22px;
    text-transform: capitalize;
    padding: 10px 40px;
    background: #431675;
    border: none;
    color:#fff;
}
.subscribe-buttons a.btn:hover {
  color:#431675;
    background: unset;
    border: 1px solid #431675 ;
}

.subtitles h3 {
    font-size: 38px;
    color: #431675;
}
div#culture-content p{
    font-size:22px;
    line-height: 1.25em;
}
#leadership-teams {
    scroll-margin-top: 7rem;
}

.cta-button-meet a.btn {
    color: #fff;
    background: #431675;
    padding: 10px 20px;
}
.cta-button-meet a.btn:hover {
    color: #431675;
    background: unset;
    border:1px solid #431675;
    
}
.cta-button-meet a.btn:active{
    border:1px solid #431675; 
}
.page-id-6995 .heroBg.small-bg {
    position: relative;
    top: 60px;
    height: 60vh;
}

/* success stories */

.heading-challenge .left-area.text-area p {
    /* color: #431675; */
    color:#000;
    font-weight: 400;
}
section.case-studies-main h2 {
    color: #431675;
    padding-bottom: 20px;
}
#autocar_challenge .autocar-content {
    border-left-color: #431675 !important;
}
.background-section h2.tmotion-heading {
    color: #b573ff;
}

/*  success story single page */

ul.value-delivers li {
    width: 45% !important;
    float: left;
    margin:20px 10px;
}
ul.value-delivers {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.value.col-md-6  {
    flex: 0 0 100% !important;
    max-width: 100%  !important;
}
.value.col-md-6 {
    width: 100%;
}
ul.auto-giant-value {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
ul.auto-giant-value li {
    width: 50% !important;
}
ul.auto-giant-value li::before{
    display: none;
}
ul.auto-giant-value li strong{
    font-size:40px;
}

ul.value-delivers li::before{
    left: 0px !important;
    content: "\f061" !important;
    font-family: 'FontAwesome';
    background: #431675;
    border-radius: 5px;
    width:auto !important;
    padding:2px 8px;
    color:#fff;
}

/* career page */
ul.devops {
    padding-left: 40px;
    list-style-type: disc !important;
}
ul.devops li::marker{
    display:none !important;
}
ul.devops li {
    font-size: 18px;
}
.accordion .card .card-body ul.devops li {
    list-style: unset;
    padding: 0px;
}
/* ul.value-delivers li {
    padding-left: 55px !important;
} */

.row.case-studies__items h2 {
    padding-bottom: 0px;
}

.case-studies__items .item:hover .item__text {
    padding-top: 20px !important;
}

/* register form css email campaingn */

.page-id-6845 .heroBg{
    display:none;
}

#register-banner .col-lg-6.background-section {
    background: none;
}
#register-banner .block.tmotion-did h2 {
    font-size: 62px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    padding-bottom: 20px;
}
#register-banner .block.tmotion-did h3 {
    font-size: 42px;
    color: #fff;
    padding-bottom: 20px;
}
.page-register .block.tmotion-did, .page-register .tmotion-did.col-md-6.col-sm-6, .page-register #register-banner .col-lg-6.background-section {
    max-width: 100%;
}
#register-banner .block.tmotion-did h5{
    background: #aa62b6;
    border-radius: 50px;
    padding: 12px;
    text-align: center;
    color:#fff;
    width: 80%;
    box-shadow: 5px 10px #4d2256;
}

#register-banner .tmotion-did-main {
    width: 100%;
}
#register-banner .block {
    max-width: 100%;
}
#register-banner .col-lg-6.background-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center;
}

/* #register-banner .tmotion-did.col-md-6.col-sm-6 {
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 auto;
} */

#register-banner .form-text-color{
    color:#01c8fc;
}
.campaign-form {
    display: flex;
}
.Registrationforms input {
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    width: 100%;
    color: #fff;
}
.Registrationforms {
    width: 80%;
    margin: 0 auto;
}
.Registrationforms label {
    margin: 10px;
}
.button-submit input#wpcf-custom-btn-1 {
    background: #da7300 !important;
    border-bottom: unset !important;
    width: auto;
}
#register-banner .block.tmotion-did {
    margin: 0px 0px 0px 0px;
}
.Registrationforms h3 {
    font-size: 42px;
    color: #fff;
}
.Registrationforms label {
    width: 95%;
    font-size: 16px;
}
#register-banner {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 70px;
}
#heading-content-form {
    width: 80%;
    margin: 0 auto;
}
#heading-content-form p {
    font-size: 25px;
    text-align: center;
    line-height: 1.2em;
}
#Power-section .img-thumbs img {
    width: 120px;
}
#Power-section .img-thumbs {
    text-align: center;
}
#Power-section .col-sm-6.col-md-4.my-4 {
    flex: 0 0 25%;
    max-width: 25%;
}
#Power-section h2 {
    background: #0f4678;
    color: #fff;
    text-align: center;
    font-size: 42px;
    padding: 20px;
}
#Power-section .container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#Power-section h2 span {
    font-size: 18px;
    font-weight: 300;
}
#Power-section .row {
    width: 80%;
    margin: 50px auto 30px auto;
}
/* section#Power-section .gridCol.w-100.h-100.pb-3 .content {
    border: 1px solid #333;
    padding: 20px;
    border-top: unset;
} */
#Power-section .gridCol.w-100.h-100.pb-3 {
    border: 1px solid #dbcdcd;
    padding: 20px;
    border-radius: 10px 10px 0px 0px;
}
.page-register footer#colophon {
    display: none;
}
#agenda-section h2 {
    font-size: 42px;
    text-align: center;
    color: #e36f25;
    margin-top:40px !important;
}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(1) h4.primaryHeader.font-weight-bold::after {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0f4678;
}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(2) h4.primaryHeader.font-weight-bold::after {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e36d25;
}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(3) h4.primaryHeader.font-weight-bold::after {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e38c24;
}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(4) h4.primaryHeader.font-weight-bold::after {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #15a0d4;
}



#agenda-section .col-sm-6.col-md-4.my-4 {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}

#agenda-section .col-sm-6.col-md-4.my-4:nth-child(1) h4.primaryHeader.font-weight-bold{
    background: #0b4678;
    padding: 20px;
    color: #fff;
    text-align: center;
    border-radius: 20px;

}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(2) h4.primaryHeader.font-weight-bold{
    background: #e36d25;
    padding: 20px;
    color: #fff;
    text-align: center;
    border-radius: 20px;

}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(3) h4.primaryHeader.font-weight-bold{

    background: #e38c24;
    padding: 20px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(4) h4.primaryHeader.font-weight-bold{
    background: #15a0d4;
    padding: 20px;
    color: #fff;
    text-align: center;
    border-radius: 20px;

}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(1) .content{
    border-color: #0b4678 !important;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
    text-align: center;

}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(2) .content{
    border-color: #e36d25 !important;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
    text-align: center;

}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(3) .content{

    border-color: #e38c24 !important;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
#agenda-section .col-sm-6.col-md-4.my-4:nth-child(4) .content{
    border-color: #15a0d4 !important;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
#agenda-section .container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding:0;
}
section#agenda-section .row {
    width: 80%;
    margin: 0 auto;
}
#agenda-section .col-sm-6.col-md-4.my-4 .content {
    height: 100px;
}

#requisites-section h2.secondaryHeader {
    color: #e36d25;
    text-align: center;
}
#requisites-section .container {
    border: 1px solid #dfdfdf;
    border-radius: 30px;
    padding: 30px 50px;
    width: 50%;
    margin: 50px auto;
}
#requisites-section p {
    font-size: 20px;
    line-height: 1.5em;
}
#Learn-section .container {
    width: 100%;
    max-width: 100%;
}
#Learn-section {
    background: url("/wp-content/uploads/2024/10/img-background.png");
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    height: 900px;
    
}
#Learn-section h2 {
    color: #fff;
    text-align: center;
    font-size: 38px;
}
#Learn-section .col-sm-6.col-md-4.my-4 {
    max-width: 50%;
    flex: 0 0 50%;
}
#Learn-section .row {
    justify-content: center;
    align-content: center;
    margin: 40px 90px;
    position: relative;
}
#Learn-section .gridCol.w-100.h-100.pb-3 {
    background: #fff;
    border-radius: 20px;
    padding: 10px 50px;
    text-align: center;
}
#aboutus-section-tmotions h2 {
    color: #431675;
}
#aboutus-section-tmotions h3 {
    color: #431675;
}

#aboutus-section-tmotions .col-lg-8.col-md-8.col-sm-12.d-md-block {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
#aboutus-section-tmotions .container-fluid {
    width: 80%;
    margin: 0 auto;
}
#content-background {
    color: #fff;
    background: url(/wp-content/uploads/2024/10/footer-back.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#content-background h2.secondaryHeader {
    font-size: 24px;
    text-align: left;
    padding: 10px;
}

#Power-section h4.primaryHeader.font-weight-bold {
    
    color: #e67724;
    font-size: 20px;
}
h4.primaryHeader.font-weight-bold {
    text-align: left;
    font-weight: 400 !important;
    font-size: 20px;
}
#Learn-section .col-sm-6.col-md-4.my-4:nth-child(1) {
    position: absolute;
    left: 20px;
    width: 37%;
    top: 80px;
}
#Learn-section .col-sm-6.col-md-4.my-4:nth-child(2) {
    position: absolute;
    right: 20px;
    top: 220px;
    width: 37%;
}
#Learn-section .col-sm-6.col-md-4.my-4:nth-child(3) {
    position: absolute;
    left: 10px;
    top: 340px;
    width: 37%;
}
#Learn-section .col-sm-6.col-md-4.my-4:nth-child(4) {
    position: absolute;
    right: 10px;
    top: 504px;
    width: 37%;
}
.flex-section {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
.contact-informations .flex-section img {
    width: 30px;
    height: 30px;
}
.flex-section p {
    padding: 0px 5px;
}
#Learn-section .img-thumbs {
    display: none;
}
.page-register .heroBg.bg-color.heroBg.small-bg {
    display: none;
}
.page-register header#masthead {
    display: none;
}
.Registrationforms input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #da7300 !important;
    border-bottom: unset !important;
    width: auto;
}
.page-register h2#swal2-title {
    justify-content: center;
    margin: 0px !important;
}


/* single post */

.sidebar #text-4 {
    display: none;
}


.sidebar #text-5 {
    display: none;
}

/* homepage popup */

/* .ds-popup-wrapper.-center {
    top: 0;
    left: 0;
    margin: auto !important;
} */


footer#colophon .footer__subscribe form input.recaptcha-btn {
    color: #fff;
    position:absolute;
}

  /* 404 page not found*/
  .error404 .heroBg.small-bg {
    display: none;
}

.error-404.not-found {
    margin: 8rem auto !important;
}
.error-404.not-found .search-submit {
    border-color: #1d023a;
    color: #1d023a;
}

/* life at tmotions */

.video-container video {
    padding: 0px 30px 30px;
    cursor: pointer;
	object-fit:cover;
}

/* play icon button*/
.video-section-desktop .fa-play:before {
    content: "\f04b";
    font-family: 'FontAwesome';
    padding: 23px;
    width: 70px;
    height: 70px;
    position: absolute;
    font-size: 30px;
    background: rgb(46 46 46 / 91%);
    border-radius: 50%;
}
.video-section-desktop .fa-play:hover:before {
    background: #333;
}
.video-section-desktop i.fa-solid.fa-play {
    color: #fff;
      position: relative;
    left: 42%;
    right: 42%;
    top: 37%;
	z-index:9;
}
i.fa-solid.fa-play {
    font-style: normal;
}
.video-section-desktop he img {
 padding:10px;
}

.video-section-desktop .iconnnnn {
    display: flex;
    align-items: center; 
}

.video-section-desktop .video-container img:hover{
	filter: brightness(.8);
}
.page-id-6879 .heroBg.small-bg h1.h2.text-center{
    background: #fff;
    color: #431675;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    font-size: 25px;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    transform: translateY(0);
}
.page-id-6879 .heroBg.small-bg {
    position: relative;
    top: 60px;
    height: 60vh;
}


/* homepage hide section*/
.success_stories.success-story-3 {
    display: none;
}
.success_stories.success-story-4 {
    display: none;
}

.service-img img {
    box-shadow: 0px 0px 13px #574d35;
}

/* banner circle rotate slider js */

/* .slide h3 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
 
.slide h3.delayed {
    opacity: 1;
    transform: translateY(0);
} */

/* industries page changes */

section#overview-section-industries p {
    font-size: 18px;
    line-height: 1.5em !important;
}
section#overview-section-industries ul li {
    font-size: 18px;
    line-height: 1.5em !important;
}

.page-template-industries-template .row.why-tmotions-row {
    flex-wrap: nowrap;
}

/* blog page */
.single-post .heroBg.bg-color.heroBg.small-bg {
    padding-top: 0px;
    margin-top: 70px;
}
.single-post .heroBg.bg-color.heroBg.small-bg h1.h2 {
    background: none;
}
.single-post h1.h2 {
    width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 1920px) {
    .single-post .heroBg.bg-color.heroBg.small-bg {
        height: 55vh !important;
    }
}

/* digital transformation section home page */
.digital-column {
    width: 40%;
    float: left;
    padding:0px 20px;
}
section#business_service .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    
}
div#flip-boxed {
    width: 60%; 
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 1fr 1fr;
    padding-top: 20px;
}

/*03-03-2025*/
/* digital transformation section home page */
div#flip-boxed p {
   color:#fff !important;
}
div#flip-boxed a.service-read-more {
    display: none;
}
div#flip-boxed img {
    max-width: fit-content !important;
    border-radius: 10px;
    height: 200px;
}

/**/



/* .services.itemrss {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    padding:10px;
}

.services.itemrss img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease-in-out;
} */

/* .services.itemrss:hover img {
    transform: scale(1.1);
} */

/* .item__title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px;
    font-size: 1.2rem;
    text-align: center;
    transition: opacity 0.3s ease-in-out;
    box-sizing: border-box;
    opacity: 1;
}

.services.itemrss:hover .item__title {
    opacity: 0;
}

.item__overlayss {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transform: translateY(100%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    padding: 15px;
    box-sizing: border-box;
} */

/* .services.itemrss:hover .item__overlayss {
    opacity: 1;
    transform: translateY(0);
    width: 100%;
}*/

.col-lg.col-sm-6.services.itemrss:nth-child(1) {
    position: relative;
    top: -25px;
}

.col-lg.col-sm-6.services.itemrss:nth-child(3) {
    position: relative;
    top: 100px;
    left: -20px;
}
/* .col-lg.col-sm-6.services.itemrss:nth-child(2) img {
    width: 180px;
} */
.col-lg.col-sm-6.services.itemrss:nth-child(2) {
    position: relative;
    top: 0px;
    left: -10px;
}
.col-lg.col-sm-6.services.itemrss:nth-child(5) {
    position: relative;
    top: 10px;
    left: -10px;
}
/* .col-lg.col-sm-6.services.itemrss:nth-child(5) img {
    width: 180px;
} */
.col-lg.col-sm-6.services.itemrss:nth-child(4) {
    position: relative;
    top: -15px;
}


/*dgfdsgdsgdf*/
#flip-boxed .services {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 200px; /* Set your required image height */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#flip-boxed .services img {
    transition: transform 0.5s ease;
}

/* Overlay (Initially Only Title is Visible) */
.item__overlayss {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Default height for title */
    color: white;
    text-align: center;
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
    left: 0;
    right: 0;
}

/* Title Inside Image */
.item__overlayss h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    text-align: center;
}

/* Content Hidden Initially */
.item__bodyss {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    width:100%;
}
.item__bodyss{
    width:100% !important;
}

/* Hover Effect - Full Overlay */
#flip-boxed .services:hover .item__overlayss {
    height: 100%;
    background: rgb(0 0 0 / 35%);
    justify-content: center;
    align-items: center;
    padding: 20px;
    width:100%;
}

#flip-boxed .services:hover .item__bodyss {
    opacity: 1;
    max-height: 200px;
}

/* Image Slight Zoom on Hover */
#flip-boxed .services:hover img {
    transform: scale(1.05);
}
#flip-boxed h2.h4 {
    overflow: hidden;
    clear: both;
    top: 10px;
    text-align: center !important;
}
 
.page-id-1359 #business_service .services h2{
    background:#00000085 !important;
} 

.heading-set-hover h2.h4{
    width: 200px;
}

#flip-boxed .services:hover .item__overlayss h2.h4 {
    background: none !important;
}

.col-lg.col-sm-6.services.itemrss:nth-child(2) {
    height: 200px !important;
}
.item__bodyss p {
    font-size: 14px !important;
}

@media screen and (min-width: 999px) and (max-width: 1199px) {
    .col-lg.col-sm-6.services.itemrss:nth-child(2) {
        left: 15px;
    }
    .col-lg.col-sm-6.services.itemrss:nth-child(5) {
        left: 15px;
    }
    .col-lg.col-sm-6.services.itemrss:nth-child(3) {
        left: 15px;
    }
    .digital-column {
        width: 100% !important;
    }
    div#flip-boxed {
        width: 100% !important;
    }

}


@media (max-width: 999px) {
/*homepage digital section*/
section#business_service .container {
    flex-direction: column !important;
}
.digital-column {
    width: 100% !important;
}
div#flip-boxed {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center!important;
}
.col-lg.col-sm-6.services.itemrss:nth-child(1) {
    top: 0 !important;
}
.col-lg.col-sm-6.services.itemrss:nth-child(2) {
    top: 0px !important;
    left: 0px !important;
}
.col-lg.col-sm-6.services.itemrss:nth-child(3) {
    top: 0px !important; 
    left: 0px !important;
}
.col-lg.col-sm-6.services.itemrss:nth-child(4) {
    top: 0px !important;
}
.col-lg.col-sm-6.services.itemrss:nth-child(5) {
    top: 0px !important;
    left: 0px !important;
}
.heading-set-hover h2.h4 {
    font-size: 16px !important;
}
/* div#flip-boxed img {
    width:100%;
    height:auto !important;
} */
.item__bodyss p span {
    padding-top: 10px !important;
    line-height: 20px !important;
    display: block !important;
}
.col-lg.col-sm-6.services.itemrss {
    margin: 10px 0px;
}
.item__bodyss p {
    padding-top: 15px;
    display: block;
    line-height: 1.5em !important;
    margin-top: 0px !important;
}
}
/* 
@media screen and (min-width: 767px) and (max-width: 999px) {
.heading-set-hover h2.h4 {
    width: 282px !important;
}

} */

/* img#custom-image-size-set {
    margin-top: 100px;
} */
.page-id-1359 .ai_bi_image {
    width: 100% !important;
    max-width: 800px;
}

@media (min-width: 576px) {
    section#business_service .col-sm-6 {
        flex: 0 0 auto !important;
        max-width: unset !important;
    }
}

@media screen and (min-device-width: 769px) and (max-device-width: 991px) {
    .page-home section#business_service .col-lg.col-sm-6.services {
        margin: 10px !important;
    }
}
.service_page .fullwidth-content:after {
    width: 50% !important;
}
ul.ul-listss li {
    font-size: 18px;
    padding: 0px;
}
.page-id-6742 h1.h2.text-center:nth-child(2) {
    background: none;
    position: absolute;
    left: -140px;
    top: -30px !important;
    width: 100%;
}
.page-id-1335 a.button.learn-btn {
    /* background: #fff;
    color: #000; */
    display: none;
}
/* .page-id-1335 .banner-content p {
    text-shadow: 2px 2px 4px #000000;
} */
/* business intelligence page */
.page-id-3258 section#widthimg {
    background: url(https://www.tmotions.com/wp-content/uploads/2025/06/Image_1_00000.jpg) !important;
    background-size: 100% 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    height: 600px;
}
@media screen and (min-width: 1800px) and (max-width: 2000px) {
    .page-id-3258 section#widthimg {
        height: 800px !important;
    }
}
@media screen and (max-width: 1300px) {
    .page-id-3258 section#widthimg {
        background-size: 100% !important;
        padding-top: 40% !important;
        height: auto !important;
    }
}
.form-sec .col-lg-5 {
    margin-top: 16px;
}



  .SkOteN5NY3X7ye7qJFQL {
    color: #333; /* This sets the visible fill because SVG uses `currentColor` */
    font-size: 24px; /* Makes `1em` = 24px */
    background: none;
    border: none;
    padding: 10px;
    cursor: pointer;
  }

  .SkOteN5NY3X7ye7qJFQL svg {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
  }
  .K7_c65hN8Z7IaMc4QhSY
  {
    z-index: 99999999;
  }

/**/
.page-id-6845 header#masthead{
    display:none;
}

.page-id-6845 .site-footer{
    display: none;
}

/* services page */

.page-id-5005 
p.primaryHeader.mb-3, .page-id-5005 section#mobilepadding0, .page-id-5005 .mt-1 p, .page-id-5005 ul.ul-listss li{
    font-size:20px !important;  
    line-height:1.5em !important;
}

.page-id-5005 h2.mb-4, .page-id-5005 h2.secondaryHeader .page-id-5005 h1.h2.text-center{ 
font-size:32px !important;
  }

  /*success stories pages */

 .section-color {
background: linear-gradient(21deg,rgba(43, 17, 56, 1) 0%, rgba(112, 74, 147, 1) 50%, rgba(31, 43, 81, 1) 100%);
}
.section-color section.chef-section.pt-responsive-sm {
    background: none !important;
}

.case-studie-image img {
    max-width: 135px;
}

/* menu contact us color change */

li.ruby-menu-mega .btn_menu {
    color: rgb(255, 255, 255) !important;
    background: rgb(94, 147, 179) !important;
}

/* menu section */

#menu-services li {
    white-space: nowrap;
}

ul.value-delivers li::before {
    left: -11px !important;
}

ul.value-delivers strong {
    font-size: 20px !important;
}

ul.auto-giant-value li strong {
    background: #002379;
    padding: 7px 10px;
    color: #fff;
        margin: 10px 0px;
    display: inline-block;
}
.row.case-studies__items .item.ss-block-12 {
    display: none;
}
.row.case-studies__items .item.ss-block-13 {
    display: none;
}

.sidebar section#recent-posts-widget-with-thumbnails-2 .rpwwt-post-excerpt {
    display: none;
}
div#mobile-text {
    display: none;
}
.latest-articles .main_heading a {
    font-size: 32px !important;
    margin: 20px 0px;
}


/* blog layout design set text show right hand side for heading*/
#key-space {
    padding: 0px 20px;
}
#spacing-setting1 {
    padding: 0px 20px;
}
#setting-alignment {
    padding: 0px 20px;
}
#setting-alignment1{
    padding: 0px 20px;
}
.spacing-setting{
    padding:0px 20px;
}
ul.spacing-setting {
    padding: 0px 65px;
}
p.setting-alignment-one {
    padding: 0px 20px;
}
/*17-06-2025*/
.posted__by {
    font-size: 19px;
}

/**/

/*popup css */
/*popup*/
.homepage-popup__onscroll h3 {
color:#fff;
font-size:42px;
    text-transform: uppercase;
    font-family: "Archivo", sans-serif !important;
    font-weight: 600;
    margin-bottom:50px;
}
.homepage-popup__onscroll p {
color:#fff;
font-size:20px !important;
line-height: 1.5em;
letter-spacing: 1px;
font-weight: 400;
}
button#popup-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background: none;
    border: none;
}
button#popup-close::after {
      color: #fff;
    font-family: 'FontAwesome';
    font-weight: 100;
    content: "\f00d";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    font-size: 22px;
}
.emailss {
    border-radius: 50px !important;
    padding-left: 20px !important;
    height: 50px;
}
.subscribe-form .btnn_sub input.wpcf7-form-control {
    position: absolute;
    right: 60px;
    top: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 0px;
    background: #0B86C0;
    border: unset;
    bottom: 0;
    padding: 0px;
}
.subscribe-form {
    position: relative;
}
.subscribe-form .btnn_sub p::before {
    content: "\f1d8";
    font-family: 'FontAwesome';
    font-weight: 900;
    position: absolute;
    right: 73px;
    top: 25px;
    transform: translateY(-50%);
    font-size: 23px;
    pointer-events: none;
    z-index: 2;
    color: #fff;
}
.emailss {
    width: 70%;
}

/* thank you message */

.page-home .swal2-popup.swal2-modal.swal2-show {
    background-size: contain !important;
}
.page-home button.swal2-confirm.swal2-styled {
    display: none;
}
.page-home h2#swal2-title span {
    display: none;
}
.page-home button.swal2-close {
    display: block !important;
    position: absolute;
    color: #000 !important;
    top: -10px !important;
    right: 19% !important;
}
.page-home button.swal2-confirm.swal2-styled span {
    display: none;
}
.page-home .swal2-popup.swal2-modal.swal2-show {
    background-size: 60% !important;
}

.subscribe-form span.wpcf7-not-valid-tip {
    color: #fff;
    margin: 12px 0px;
}
/*17-06-2025*/
/* mobile responsive popup*/
@media only screen and (max-width: 600px) {
 .emailss
 {
    width: 100%;
}
.subscribe-form .btnn_sub input.wpcf7-form-control {
    right: 0px;
}
.subscribe-form .btnn_sub p::before {
    right: 12px;
}
.homepage-popup__onscroll h3{
    font-size:22px;
}
.homepage-popup__onscroll p{
    font-size:15px !important;
}
.homepage-popup__onscroll h3 {
    margin-bottom: 20px;
}
div#popup-box{
    padding:10px;
    width: 80% !important;
}
}

@media only screen and (max-width:992px) {
.page-home button.swal2-close
 {
    right: 0 !important;
}
.page-home .swal2-popup.swal2-modal.swal2-show {
    background-size: 100% 100% !important;
    width: 300px !important;
    height: 300px !important;
}
/* impression page*/
.for_us_section.col-xs-12 {
    margin-bottom: 40px;
}
.topsec {
    width: 150px !important;
}
}

/*banner homepage first*/
@media only screen and (min-width: 1399px) and (max-width: 1920px) {
  .page-id-1359 .ai_bi_image {
    min-width: 680px !important;
  }
}
@media only screen and (max-width: 767px){
	.hide_m {
		display: none !important;
	}
    #ai-comp-text .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
div#ai-comp {
    width: 100% !important;
    margin: 0px auto 0px !important;
}
}
@media only screen and (max-width: 940px){
	.hide_m {
		display: block;
	}
}
/* AI banner change image */

div#ai-comp {
    width: 80%;
    margin: 40px auto 0px;
}

/* 18-06-2025*/
/* service business page */
.fabric-intro p {
    width: 50%;
    float: left;
    text-align: left;
    padding-right: 15px;
}
/* services fabric page */

/* #attendance_section_last {
    background: #F2F7FD;
} */
/* #attendance_section_last img {
    background: #ffffff;
    padding: 10px;
} */
.page-microsoft-fabric-info a.button.btn-inverse {
    margin-top: 15px;
}
#attendance_section img{
    box-shadow: unset;
}
/* 19-06-2025*/
div#image-fabric-section {
    width: 70%;
    margin: 0 auto;
}

.item.ss-block-14 {
    margin-right: 19.9999px;
}

section.position-relative.common-banner {
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 20-06-2025*/

.page-what-we-believe .wpcf7-spinner::before{
    background: #000000 !important;
}

input.wpcf7-form-control.wpcf7-submit {
    background: #431675;
    border-radius: 5px;
    color: #fff;
    border: unset;
    padding: 15px 30px;
}

/* 23-06-2025*/
/* ready to talk section form */

#common-ready-form input.wpcf7-form-control:focus {
    background: #431675;
    outline: unset;
}

/* banner-content success , career and what we thing page  */

.page-success-stories .banner-content h1.h2.text-center, .page-careers .banner-content h1.h2.text-center, .page-what-we-think .banner-content h1.h2.text-center {
    background: unset !important;
    color: rgb(67, 22, 117);
    font-weight: 600;
    margin: 6px 0px 0px;
}
.page-success-stories .banner-content p, .page-careers .banner-content p, .page-what-we-think .banner-content p {
    color: #000;
    font-size: 19px;
    line-height: 1.5em;
    text-align: left;
}
.page-success-stories .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test, 
.page-careers .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test, 
.page-what-we-think .col-md-10.d-flex.banner-content.h-100.text-white.align-items-center.justify-content-center.test {
    max-width: clamp(270px, 50vw, 598px);
    width: 100%;
    top: 30%;
    transform: translateY(-50%);
    height: auto !important;
    box-shadow: rgb(67, 22, 117) -4px 0px 0px 0px;
    backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, 0.72);
    padding: 30px;
    border-radius: 21px;
}
.page-success-stories .row.h-100.align-items-center.justify-content-center, .page-careers .row.h-100.align-items-center.justify-content-center, 
.page-what-we-think .row.h-100.align-items-center.justify-content-center {
    justify-content: normal !important;
    margin:0 auto;
}
.page-success-stories .heroBg .banner-content p, .page-careers .heroBg .banner-content p, .page-what-we-think .heroBg .banner-content p {
    margin-top: 0px !important;
}
.page-success-stories h1.h2.text-center, .page-careers h1.h2.text-center, .page-what-we-think h1.h2.text-center {
    padding: 0 !important;
    width: 100%;
    text-align: left !important;
}
.page-careers .banner-content p {
    text-align: left !important;
    width: 100%;
}

.page-what-we-think .heroBg.small-bg
 {
    margin-top: 45px;
}
.gptw_block img{
    width:100px;
}

/* ai page new section video*/

#images-section-video .offset-lg-1.col-lg-5.col-md-12.col-sm-12.d-md-block.pr-lg-5 {
    flex: 0 0 100%;
    max-width: 100%;
}

#images-section-video .service-img.col-lg-6.col-md-12.col-sm-12.d-md-none.d-none.d-lg-block.text-center{
    display:none;

}
#images-section-video iframe {
    margin: 0 auto;
    display: flex;
}
section#images-section-video {
    background: #F2F7FD;
}
/* marque */
section#impression-gallery .container {
    width: 100%;
    max-width: 100%;
}

.marquee-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
}

.marquee-track {
  display: flex;
    width: fit-content;
    /* animation: scroll-left 20s linear infinite;  */
    /* will-change: transform; */
}

.marquee-group {
       display: flex;
    flex-shrink: 0; /* Ensure group width consistency */
}

.marquee-image {
         display: block;
    padding: 20px 10px 20px;
}

.marquee-left .marquee-track {
    animation: scroll-left 12s linear infinite;
}

.marquee-right .marquee-track {
    animation: scroll-right 14s linear infinite;
}

/* Keyframes for both directions */
@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes scroll-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}


h2.secondaryHeader {
    text-align: center;
    padding-bottom: 20px;
}
#impression-gallery .container{
margin:0;
padding:0;
}

.fa:before {
    font-family: 'FontAwesome';
}

/* #impression-gallery {
    display: none;
} */

.page-business-intelligence-consulting section#titleheading .content p {
    text-align: center;
}