:root {
  --tp-theme-primary: #c61743;
}
/* services css here */
.custom-card {
    flex-wrap: wrap !important;
    flex-direction: initial !important;
    gap: 15px !important;
}
.custom-card .elementor-widget-image {
    width: 30%;
    max-width: 30% !important;
    margin: 0;
    height: max-content;
}
.custom-card .elementor-widget-image img {
    width: 100% !important;
}
.custom-card .elementor-widget-heading {
    width: 65%;
    max-width: 70% !important;
    margin: 0;
    height: max-content;
}
.custom-card .elementor-widget-heading .elementor-heading-title {
        font-size: 20px;
    line-height: 1.3;
}
.custom-card .elementor-widget-text-editor {
    width: 100%;
    margin-top: 0;
}
.tp-cta-btn .tp-btn-orange {
    background-color: #FAFAFA00;
    font-size: 16px;
    line-height: 16px;
    fill: #ED0B43;
    color: #ED0B43;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 6px 6px 6px 6px;
    padding: 12px 24px;
}
.tp-cta-btn .tp-btn-orange:hover {
    background-color: #ED0B43;
    color: #FFFFFF;
    border-color: #ED0B43;
}
.tp-cta-title-box .tp-section-title.ls-6 {
    font-family: 'Syne';
    font-size: 24px;
    line-height: 1.3;
}

.tp-cta-gray-bg {
    background-color: transparent !important;
}
.tp-header-5-menu-bar.tp-header-4-menu-bar button span {
    background-color: #fff !important;
}
.full-width-cta .tp-cta-area .container {
    max-width: 100%;
    padding: 0;
}
.full-width-cta .tp-cta-area .container .tp-cta-bg {
    border-radius: 0;
    box-shadow: none;
}
.full-width-cta .tp-cta-area .container .tp-cta-bg .row.align-items-center {
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
}
.full-width-cta .tp-cta-area .container .tp-cta-bg .row.align-items-center div {
    text-align: center !important;
}
#service-portfolio .tp-portfolio-filter-btn {
  display: none;
}
/* contact page */
.social-icon {
	margin-top:10px;
}

/* Ai Implementation page */

.responsible-ai .tp-counter-content {
	display: none !important;
}
.responsible-ai img {
	width: 80px;
	height: 80px !important;
}
.responsible-ai .tp-counter-item.d-flex {
	justify-content: center;
}
.hero-upper-layer {
  left: auto !important;
  right: 0;
}
.hero-description,
.hero-subheading {
    max-width: 60ch;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: unset !important;
}
.contact-form .col-12 label {
	width: 98%;
}
.contact-form label{
	width: 96%;
	font-size:14px;
}
.contact-form input[type=text],
.contact-form input[type=email], 
.contact-form input[type=tel],
.contact-form input[type=number],
.contact-form input[type=password],
.contact-form input[type=url],
.contact-form textarea {
	padding-left: 16px;
	padding-right: 16px;
}
.contact-form .tp-contact-from-wrap.wow.tpfadeRight{
	padding: 30px;
	background:#ffffff;
	border-radius: 16px;
}
.contact-form .tp-contact-2-info-item {
	background:#ffffff;
}
.contact-form .tp-contact-2-info-item {
	border:none;
}
@media (max-width: 768px) {
       .hero-upper-layer {
        left: auto !important;
        right: -400px;
        top: 240px !important;
    }
}
@media (max-width: 576px) {
    .hero-upper-layer {
        left: auto !important;
        right: -220px;
    }
    .hero-description,
    .hero-subheading {
        max-width: 46ch;
    }
	.contact-form h3 {
		font-size:24px;
	}
}
.hero-button {
    background-image: url(https://motionmonsters.setoo.work/wp-content/uploads/2025/06/arrow.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    border: 1px solid #fff !important;
    border-radius: 8px !important;
    background-position: 146px center !important;
    padding: 8px 45px 8px 16px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
/* QA fixes css start here */
.tp-main-menu > nav > ul > li > a,
body header .tp-btn-black{
    font-family: "Outfit", Sans-serif !important;
	font-size: 14px !important;
}
.tp-portfolio-inner-area.pt-110.pb-110 .container .row.grid .col-lg-4.col-md-6.grid-item {
    padding-inline: 0px !important;
}
.brand-clients .tp-brand-item img {
    opacity: 1;
    transition: 0.3s;
}
.contact-form input[type="submit"],	
.contact-form .wpcf7-submit.btn{
	background-color: #FAFAFA00 !important;
    font-size: 16px;
    color: #ED0B43 !important;
    border: 2px solid #ED0B43 !important;
    border-radius: 6px 6px 6px 6px;
    padding: 6px 24px !important;
    width: max-content !important;
}
.contact-form input[type="submit"]:hover,
.contact-form .wpcf7-submit.btn:hover{
	background-color: #ED0B43 !important;
    color: #FFFFFF !important;
    border-color: #ED0B43 !important;
}
.contact-information .row {
	justify-content: center !important;
}
.contact-information .tp-process-area {
	padding-bottom: 80px !important;
}
.contact-information .tp-process-area.pt-160 {
	padding-top: 80px !important;
}

.revolutionise-business .row.align-items-end.pb-35 {
	display: none;
}
.revolutionise-business .tab-content.tp-project-tab-content.ml-70 {
	margin-left: 0 !important;
}
.designers .tp-about-thumb.pr-160 {
	padding-right:16px;
}
.designers ul {
	padding-left:40px;
	list-style-type: none;
}
.designers .tp-about-list-wrap.mb-30.pr-50 {
	padding-right:0 !important;
}
.designers .tp-about-list-wrap.mb-30 {
	margin-bottom: 0 !important;
}
.designers ul {
  list-style: none;
  padding-left: 24px;
}

.designers ul li {
  position: relative;
  padding-left: 20px; 
  margin-bottom: 8px; 
}

.designers ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #c61743;
  border-radius: 50%;
}
.digital-experts .tp-process-area.pt-160 {
	padding-top:0 !important;
	padding-bottom: 0 !important;
}
.ai--meets h2 {
	color: #242e45 !important;
}
.personal-touch h4{
	color: #000000 !important;
}
.tp-section-title.ls-6 {
	letter-spacing: normal !important;
}
.form-control:focus {
	border-color: #C61743 !important;
	box-shadow: 0 0 0 .25rem rgba(198,23,67,.25) !important;
}
input::placeholder  {
	font-size:14px !important;
}
textarea::placeholder {
	font-size:15px !important;
}
.rating {
	flex-direction: row !important;
}
.rating img {
	width:130px !important;
}
.rating p {
	margin-bottom:4px !important;
}
.rating-wrapper {
	gap: 4px !important;
}
.business-reviews p{
	margin-bottom: -8px;
}
.designers .tp-about-area.pb-120 {
	padding-bottom: 20px !important;
}
body h2 {
	text-transform: uppercase !important;
	line-height: 1.3 !important;
	letter-spacing:1.3 !important;
}
.contact-form span.wpcf7-not-valid-tip {
	color: #ed0b43;
	display: none !important;
}
.contact-form .wpcf7 form.invalid .wpcf7-response-output {
	color: #ed0b43 !important;
	border-color: #ed0b43 !important;
	padding: 8px !important;
    border-radius: 8px;
}
.contact-form .wpcf7-submit.btn {
	font-weight:400 !important;
}
.contact-information .tp-text-grey-5,
.ai-meets{
	width: 80ch;
	margin: 0 auto; 
}
.our-process.ai-works .tp-section-title {
	width: 20ch;
	margin:0 auto 10px auto;
}
.designers img {
	border-radius: 18px !important;
}
#contact-info {
	margin-top:-10px;
}
.revolutionise-business h2,
.revolutionise-business p{
	text-align: center;
}
.revolutionise-business .tp-project-tab-btn-wrap {
	background: #c61743 !important;
}
.revolutionise-business .tp-project-wrapper {
	background: #f5f5f5 !important;
}
.revolutionise-business .tp-project-tab-btn {
	color: #fff;
}
.revolutionise-business .tp-project-tab-link.active {
	background: #fff;
}
.revolutionise-business .tp-project-tab-link.active .tp-project-tab-btn {
	color:#c61743 !important;
}
.revolutionise-business .tp-project-content-wrap p,
.revolutionise-business .tp-project-tag span {
	color: #222222 !important;
	text-align: left;
}
.revolutionise-business .tp-project-area.p-relative.pb-140 {
	padding-bottom: 0 !important;
}
.our-process .tp-section-title{
	margin-bottom:10px;
}

.testimonial .tp-testimonial-3-title-wrap.mb-50 {
	margin-bottom:16px !important;
	text-align:center;
}
.testimonial .tp-testimonial-3-title-wrap.mb-50 .col-xl-7 {
	width:100% !important;
}
.contact-form .tp-contact-2-info span {
	font-size: 18px;
}
.contact-form .tp-contact-2-info .cards,
.contact-form .wpcf7-form-control-wrap,
.contact-form .label{
	margin-bottom: 6px;
	font-size:14px;
}
.contact-form .grey-bg-5 {
	background:#f5f5f5 !important;
}
.contact-form input:focus,
.contact-form input:valid,
.contact-form textarea:focus,
.contact-form textarea:valid {
  background-color: #f8f8f8 !important;
}

.revolutionise-business .tp-project-tag span {
	font-size: 14px;
	font-family: "DM sans", Sans-serif !important;
}
.tp-section-subtitle {
	font-family: "DM sans", Sans-serif !important;
}
.tp-footer-widget-title {
	margin-bottom: 10px !important;
}
textarea.form-control {
	min-height: 180px !important;
}
.tp-testimonial-3-slide-content p,
.tp-testimonial-3-author h4,
.tp-testimonial-3-author span,
.tp-section-title.pure-blue{
	color: #242e45 !important;
}
.tp-testimonial-3-slide-item {
	background: #f5f5f5 !important;
}
.contact-form .tp-contact-2-area.tp-contact-2-ptb.grey-bg-5.pt-150.pb-150 {
	padding-top:80px;
	padding-bottom:80px;
}
.tp-main-menu > nav > ul li .submenu li:hover > a::before {
	display:none !important;
}
.tp-main-menu > nav > ul li .submenu li:hover > a {
	padding-left: 0 !important;
}
header .tp-main-menu > nav > ul li {
	transition: none !important;
}
.elementor-button:focus {
	background-color: transparent !important;
	color: #ED0B43 !important;
}
.elementor-button:focus svg {
		fill: #ED0B43 !important;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output{
    border-color: #46b450 !important;
    border-radius: 8px;
    background: #fff;
    padding: 8px !important;
    color: #46b450 !important;
}
.tp-breadcrumb-list span {
	font-size:16px !important
}
.elementor-794 .elementor-element.elementor-element-9727986 .elementor-heading-title,
.elementor-3593 .elementor-element.elementor-element-9445bdc .elementor-heading-title{
	font-size:40px !important;
}
.btn:focus-visible {
	box-shadow: none !important;
}
.tp-header-logo {
	max-width: 200px !important;
}
.tp-header-logo img {
	max-width: 140px !important;
	width: 100% !important;
}
.tp-breadcrumb-title,
body .tp-breadcrumb-content .tp-breadcrumb-title h1{
	text-transform: uppercase !important;
	font-size: 72px;
	color:#ffffff !important;
}
.about a {
	color:#C61743 !important;
}
select.service-field {
  background-color: #f8f8f8;
  color: #8c888c;
  appearance: auto; /* Ensure default arrow shows */
  -webkit-appearance: menulist; /* For Safari */
  -moz-appearance: menulist; /* For Firefox */
  padding: 12px 16px;
  border: 1px solid #E0E2E3;
  border-radius: 4px;
  font-size:14px;
 margin-bottom:6px;
}


@media (max-width: 768px) {
	.tp-breadcrumb-title,
	body .tp-breadcrumb-content .tp-breadcrumb-title h1{ 
		font-size: 32px;
   }
	.contact-banner .tp-breadcrumb-ptb.pt-200.pb-200{
		padding-top:80px;
		padding-bottom:80px;
	}
	.tp-contact-banner.pb-110 {
		padding-bottom:80px;
	}
}
 @media (min-width: 768px) and (max-width: 1440px) {
	 	body .container {
		width: 1200px !important;
	}
	.contact-information .tp-text-grey-5,
	.ai-meets{
		width: 65ch;
		margin: 0 auto; 
	}
	.google-reviews .elementor-button-text {
		 font-size: 14px !important;
	 }
}
 @media (min-width: 880px) and (max-width: 1024px) {
	body .ti-widget.ti-goog .ti-col-1 .ti-reviews-container {
		width:900px !important;
   }
}

@media (max-width: 1024px) {
	.designers .tp-about-author.d-flex.align-items-center.mb-50 {
		margin-bottom:0 !important;
	}
	#contact-info {
		margin-top: -20px;
	}
	.contact-information .tp-text-grey-5,
	.ai-meets{
		width: 28ch;
		margin: 0 auto; 
	}
	 .rating-wrapper .elementor-element.elementor-element-37e7b90{
		margin-top:10px !important;
	}
	.elementor-1005 .elementor-element.elementor-element-9026114,
	.elementor-7582 .elementor-element.elementor-element-30d5204{
		margin-top:5px !important;
	}
}
@media (min-width: 1440px) {
		body .container {
		width: 1400px !important;
	}
}
@media (min-width: 1600px) {
    body .contact .contact-form > div:last-child {
        width: 100% !important; 
		margin-inline: auto !important;
    }
	.tp-main-menu > nav > ul > li > a,
	body header .tp-btn-black{;
		font-size: 16px !important;
	}
	h2 {
		font-size: 48px !important;
	}
}