:root {

	--first-color: #221334;

}

@font-face {

  font-family: 'Axiforma-Regular';

  src: url('../fonts/axiforma/Axiforma-Regular.ttf') format('truetype');

}

@font-face {

  font-family: 'Axiforma-SemiBold';

  src: url('../fonts/axiforma/Axiforma-SemiBold.ttf') format('truetype');

}

@font-face {

  font-family: 'Axiforma-Bold';

  src: url('../fonts/axiforma/Axiforma-Bold.ttf') format('truetype');

}

*:not(strong) {

	font-weight: unset;

}

body {

	font-family: 'Axiforma-Regular' !important;

}

body .navbar-nav > li > a {

	color: var(--first-color);

	font-size: 2.35rem !important;

	font-family: 'Axiforma-SemiBold';

	font-weight: unset;

	letter-spacing: 0.04rem;

	padding: 0 1.8rem;

	padding-bottom: 3rem;

}

body .header.fixed .navbar-nav > li > a, body:has(.hero-banner) .header .navbar-nav > li > a {

	color: #fff ;

}

body .navbar-nav > li.get-in > a {

    color: #fff;

	padding: 2.7rem 3.2rem 2.2rem;

	font-size: 2rem !important;

}

header .menu-bg li .sub a {

	padding: 0.68rem 2.2rem 0.52rem;

	font-weight: unset;

}

header .menu-bg li .sub a:hover {

	color: #000 !important;

	background-color: #fff;

}

header .menu-bg li .sub {

	left: -2.4rem;

}

header.fixed .head-top-main {

	margin-bottom: 2rem;

}

.head_social_main .social-main ul li a, .head_social_main .social-main ul li a svg {

	transition: 0.3s linear;

}

body:has(.hero-banner) .head_social_main .social-main ul li a svg {

	fill: #fff;

}

body:has(.hero-banner) .head_social_main .social-main ul li a {

	border-color: #fff;

}

body:has(.hero-banner) .head-top .top-link li a {

	color: #fff;

}

body:has(.hero-banner) .head-top .top-link li:not(:first-child)::before {

	background-color: #fff;

}

.head_social_main .social-main ul li a:hover {

	background: linear-gradient(90deg, rgba(241, 60, 100, 1) 0%, rgba(230, 53, 155, 1) 50%, rgba(220, 46, 201, 1) 100%);

	border-color: #fff;

}

.head_social_main .social-main ul li a:hover svg {

	fill: #fff;

}

header .navbar-nav > .current-menu-item::after, header .navbar-nav > .menu-item:has(.sub .current-menu-item)::after {

	content: "";

	width: 76%;

	height: 0.45rem;

	display: block;

	background-color: #000;

	margin: auto;

}

.head-top .top-link li a {

	transition: 0.3s linear;

}

.header.fixed .logo_img img, body:has(.hero-banner) .header .logo_img img {

    filter: brightness(10);

}

.header.fixed .navbar-nav > .current-menu-item::after, .header.fixed .navbar-nav > .menu-item:has(.sub .current-menu-item)::after, body:has(.hero-banner) header .navbar-nav > .current-menu-item::after, body:has(.hero-banner) header .navbar-nav > .menu-item:has(.sub .current-menu-item)::after {

    background: #fff;

}

.hero {

	animation: zoomFade 1.2s ease-out forwards;

}



body .section-title, h1, h2, .h1, .h2 {

	font-size: 8.5rem;

	font-family: 'Axiforma-Bold';

	font-weight: unset;

	line-height: 1.2;

	text-transform: uppercase;

	text-align: center;

	color: var(--first-color);

} 



.hero-banner {

	position: relative;

}

.hero-banner .hero-content {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #000000CA;

	padding-top: 28.5rem;

}

.hero-banner .hero-content h1 {

	color: #fff;

	font-size: 11.8rem;

	margin: 0;

	font-weight: 800;

	line-height: 1.1;

	letter-spacing: -0.1rem;

}

.hero-banner .hero-content-wrapper {

	display: grid;

	grid-template-columns: 1.3fr 1fr;

	gap: 10rem;

	align-items: center;

}

.value-marketing .value-content {

	display: grid;

	grid-template-columns: 1fr 1.1fr;

	align-items: center;

}

.value-marketing .value-content a.purposal {

	margin-top: 2.5rem;

}

.value-marketing .value-left {

	padding-right: 7rem;

}

.services-section {

	padding: 13rem 0;

}

.services-section .container {

	padding-left: 4rem;

    padding-right: 4rem;

}

.services-section .section-title {

	margin-bottom: 8rem;

	padding: 0 5.5rem;

}

.services-section .services-grid {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 2.4rem;

}

.services-section .services-grid .service-item img {

	width: 100%;

	box-shadow: -3px -3px 8px -5px #acacac;

}

.services-section .service-text {

	position: absolute;

	bottom: 0;

	left: 0;

	font-size: 5rem;

	text-transform: uppercase;

	color: #fff;

	padding: 4.7rem 6rem;

	z-index: 2;

	font-family: 'Axiforma-Bold';

	display: none;

}

.services-section .services-grid .service-item {

	background-color: #dbdce0;

	overflow: hidden;

	border-radius: 2.5rem;

}

.services-section .services-grid .service-item a::after {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	background: linear-gradient(to top, #221334E6, transparent);

	z-index: 1;

	border-radius: 2.5rem;

	display: none;

}

.services-section .services-grid .service-item a img {

	transition: 0.38s linear;

}

.services-section .services-grid .service-item a {

	overflow: hidden;

	border-radius: 2.5rem;

	display: flex;

	position: relative;

	box-shadow: 0px 0px 10px -6px #000;

	overflow: hidden;

}

.hero-banner .banner-form > div::after {

	background: transparent;

}

.hero-banner .banner-form > div::before {

	display: none;

}

.hero-banner .banner-form > div {

	background-color: #0000005A;

  	border: none !important;

}

.hero-banner .hero-content .hero-description {

	text-align: center;

	color: #fff;

	font-size: 2.25rem;

	text-transform: uppercase;

	margin-top: 1.2rem;

}

.hero-banner .hero-content .hero-description + a {

	display: none;

}

.contact-wrapper {

	display: grid;

	grid-template-columns: 1.04fr 1fr;

	gap: 10rem;

	align-items: center;

}

.contact-wrapper .banner-form {

	padding-left: 9rem;

}

.contact-wrapper .section-title {

	margin-bottom: 4rem;

}

.contact-section .contact-text p {

	font-size: 2.25rem;

	text-align: center;

	line-height: 1.5;

	margin-bottom: 5rem;

}

.contact-section {

	position: relative;

	padding-top: 19rem;

	padding-bottom: 11rem;

}

.contact-section::before {

	content: "";

	width: 95.1rem;

	height: 108.6rem;

	background: url('/wp-content/uploads/2025/10/formbg.png') no-repeat;

	background-size: cover;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

}

.contact-section .banner-form > div, .hero-banner .banner-form > div {

	padding: 6rem 7rem;

	border: 0.5rem solid #f9f9fa;

	border-radius: 3.8rem;

}

.banner-form > div::before {

	content: "";

	height: 100%;

	width: 100%;

	position: absolute;

	z-index: 0;

	left: 0;

	top: 0;

	background: url('/wp-content/uploads/2025/10/formbg2.png') no-repeat;

	background-size: contain;

    background-position: right;

}

.contact-section .banner-form > div::after, .hero-banner .banner-form > div::after {

	border-radius: 3.8rem;

}

.contact-section .contact-buttons {

	display: flex;

	gap: 1.2rem;

	align-items: center;

}

.contact-section .contact-buttons div:has(.purposal), .contact-section .contact-buttons .purposal {

	width: 100%;

	text-align: center;

	text-transform: none;

}

.contact-section .contact-content .purposal.phone::before {

	height: 3.2rem;

	background: url('/wp-content/uploads/2025/10/phone.png') no-repeat;

}

.contact-section .contact-content .purposal.mail::before {

	height: 2.2rem;

	background: url('/wp-content/uploads/2025/10/mail.png') no-repeat;

}

.contact-section .contact-content .purposal {

	display: flex;

	align-items: center;

	gap: 1rem;

	justify-content: center;

	width: fit-content;

}

.contact-section .form-content h2, .hero-banner .form-content h2 {

	font-size: 2.85rem;

	color: #fff;

	margin-bottom: 2rem;

	font-family: 'Axiforma-Bold';

	line-height: 1.2;

}

.contact-section .form-content p, .hero-banner .form-content p {

	margin-bottom: 5.5rem;

	color: #fff;

	font-size: 2.2rem;

	line-height: 1.6;

	margin-top: 3.5rem;

}

.contact-section .form-content input:not([type="submit"]), .contact-section .form-content select, .contact-section .form-content textarea, .hero-banner	.form-content input:not([type="submit"]) {

	padding: 1.6rem 3rem 1.4rem;

	border-radius: 0;

	margin-bottom: 0 !important;

	font-size: 2rem;

	font-family: 'Axiforma-Regular';

	background-color: #e9e8e8;

	width: 100%;

	border: none;

}

.contact-section .form-content textarea {

	resize: none;

	max-height: 12rem;

    display: flex;

}

.contact-section .form-content br, .hero-banner .form-content br {

	display: none;

}

.contact-section .wpcf7-form-control-wrap, .hero-banner .wpcf7-form-control-wrap {

	margin-bottom: 3rem !important;

	border: 0.4rem solid transparent;

	display: inline-block;

	outline: 1px #fff solid;

	width: 100%;

}

.contact-section .banner-form > div::after {

	background: linear-gradient(to right, #f13c65, #e6359a);

	opacity: 1;

}

.contact-section .form-content p:last-of-type, .hero-banner .form-content p:last-of-type {

	margin-bottom: 0;

	z-index: 1;

    position: relative;

}

.contact-section .form-content input[type="submit"], .hero-banner .form-content input[type="submit"] {

	display: block;

	padding: 2.1rem 6rem;

	border-radius: 0;

	font-size: 2.2rem;

	color: #fff;

	font-weight: unset;

	font-family: 'Axiforma-Bold';

	width: 100%;

	margin-top: 0;

}

.hero-banner .form-content input[type="submit"] {

	background: linear-gradient(90deg, rgba(241, 60, 100, 1) 0%, rgba(230, 53, 155, 1) 50%, rgba(220, 46, 201, 1) 100%);

	transition: 0.2s linear;

}

.hero-banner .form-content input[type="submit"]:hover {

	background: #fff !important;

	color: var(--first-color) !important;

}

.contact-section .contact-content {

	padding-left: 2rem;

}

.contact-section span.wpcf7-not-valid-tip, .hero-banner span.wpcf7-not-valid-tip {

	color: #fff;

	font-weight: unset;

	font-size: 1.8rem;

	text-align: left;

	margin-left: 1.6rem;

	margin-top: 0.4rem;

}

.contact-section .wpcf7 form .wpcf7-response-output, .hero-banner .wpcf7 form .wpcf7-response-output {

	color: #fff;

	margin-top: 0;

}

.head-top-main .containerfluid .head-top {

	padding-top: 1rem !important;

    padding-bottom: 0;

}

.head-top .top-link li a {

	letter-spacing: 0.03rem;

}

.value-marketing h2 {

	font-family: 'Axiforma-Bold';

	font-weight: unset;

    letter-spacing: 0.1rem;

}

.value-marketing .value-left .content {

	padding: 0 0.5rem;

}

body .purposal {

	padding: 2.1rem 4.8rem 1.6rem;

    font-size: 2.2rem;

	font-family: 'Axiforma-Bold';

}

.header.fixed .navbar .menumobileview #menu-item-2198 a {

	font-weight: unset !important;

}

header .navbar-nav > li {

	margin-right: 1rem !important;

}

.success-stories {

	padding-top: 16rem;

	padding-bottom: 16rem;

}

.success-stories .success-stories-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 3.2rem;

	padding: 0 2.7rem;

}

.success-stories .video-wrapper {

	border-radius: 4.3rem;

	height: 43.8rem;

	position: relative;

	overflow: hidden;

	box-shadow: 0px 0px 9px -7px #6a6a6a;

}

.video-wrapper .mute-toggle {

	position: absolute;

	top: 2.5rem;

    right: 3.5rem;

	width: 6.7rem;

	height: 6.7rem;

	background: url('/wp-content/uploads/2025/10/speaker.png') no-repeat;

	background-size: cover;

	border: none;

    cursor: pointer;

	opacity: 0.4;

	border: 2px solid #fff;

	border-radius: 50px;

}

body .video-wrapper .mute-toggle {

	display: none;

}

.video-wrapper .mute-toggle::after {

	content: "";

	width: 100%;

	height: 2px;

	background-color: #fff;

	display: block;

	rotate: -45deg;

}

.video-wrapper .mute-toggle.unmuted::after {

	display: none;

}

.video-wrapper .mute-toggle.unmuted {

	opacity: 1;

	border: none;

}

.success-stories .video-wrapper video {

	object-fit: cover;

	width: 100%;

}

.success-stories .section-title {

	max-width: 70%;

	margin: auto;

	margin-bottom: 11rem;

}

.business-growth-section {

	padding-bottom: 10rem;

}

.business-growth-section .growth-wrapper {

	display: grid;

	grid-template-columns: 1fr 1fr;

	text-align: center;

	gap: 5rem;

}

.business-growth-section .growth-wrapper .section-title + p {

	font-size: 2.3rem;

}

footer {

	background: url('/wp-content/uploads/2025/10/footerbg.png') no-repeat;

	background-size: cover;

	background-position: top;

	padding-top: 16rem;

	margin-bottom: -3.5rem;

}

footer .footer_top_main {

	margin-top: 0;

}

footer .footer-items {

	display: grid;

	grid-template-columns: 30% 17% 24% 25%;

	padding: 0 3rem;

}

footer .footer-items .footer-logo img {

	max-width: 34.15rem;

}

footer .footer-items .info-text {

	padding-right: 7rem;

	padding-top: 4rem;

}

footer .footer-items .footermenu_content, footer .footer_contactinfo {

	padding-top: 4rem;

}

footer .footer-items p, footer .footer-items a, footer .copyright_main span {

	font-size: 2rem;

	color: #fff;

	font-family: 'Axiforma-SemiBold';

	text-transform: uppercase;

	font-weight: unset;

	line-height: 1.5;

    letter-spacing: 0.04rem;

}

footer .footermenu_content a:hover {

	color: #dad8d9;

}

footer .footermenu_content a::before {

	content: "";

	width: 1.6rem;

	height: 1.2rem;

	display: inline-block;

	background: url('/wp-content/uploads/2025/10/arrow.png') no-repeat;

	background-size: cover;

	margin-right: 1.5rem;

    margin-bottom: 0.1rem;

}

footer .footermenu_content ul li {

	margin-bottom: 0.6rem;

}

footer .footer-items .f_title {

	font-size: 2.3rem;

	font-family: 'Axiforma-Bold';

	color: #fff;

	text-transform: uppercase;

	font-weight: unset;

	letter-spacing: 0.05rem;

}

footer .footer-items p , footer .footer-items ul {

	margin: 0;

}

footer .footer-items .social_media_main ul {

	padding: 0;

	margin: 0;

	list-style: none;

	display: flex;

	align-items: center;

	gap: 1rem;

}

footer .footer-items .social_media_main ul li a svg {

	width: 3.2rem;

	height: 3.2rem;

	fill: #fff;

	padding: 0.85rem;

}

footer .footer-items .social_media_main ul li a {

	display: flex;

	border: 2px solid #fff;

	border-radius: 50px;

	transition: 0.3s linear;

}

footer .footer-items .social_media_main ul li a:hover {

	background-color: #fff;

}

footer .footer-items .social_media_main ul li a:hover svg {

	fill: #000;

}

footer .footer_contactinfo > a {

	display: flex;

	width: fit-content;

	margin-bottom: 2rem;

	gap: 2rem;

}

footer .footer_contactinfo > a:hover {

	color: #fff;

}

footer .footer_contactinfo > a::before {

	content: "";

	display: inline-block;

	background-size: cover !important;

	margin-top: 0.15rem;

}

footer .footer_contactinfo > a.footer-location::before {

	width: 2.2rem;

	height: 2.4rem;

	background: url('/wp-content/uploads/2025/10/map.png') no-repeat;

	margin-right: 0.4rem;

}

footer .footer_contactinfo > a.footer-phone::before {

	width: 2.2rem;

	height: 2.2rem;

	background: url('/wp-content/uploads/2025/10/footer-phone.png') no-repeat;

	margin-right: 0.4rem;

}

footer .footer_contactinfo > a.footer-mail::before {

	width: 2.8rem;

	height: 2rem;

	background: url('/wp-content/uploads/2025/10/footer-mail.png') no-repeat;

}

footer .footer_contactinfo > a.footer-mail {

	text-transform: unset;

}

footer .footer_bottom_main {

	margin-top: 8rem;

	padding-bottom: 6.5rem;

}

.contact-page-section .get-in-contactnew-form p {

	margin: 0;

}

.contact-page-section .banner-form > div {

	padding-top: 9.5rem;

}

.contact-section .form-content select {

	color: #6b6a6a;

	appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none; 

	background: url('/wp-content/uploads/2025/10/down-arrow.png') no-repeat;

	background-position: right;

	background-color: #e9e8e8;

	background-position: 95.5%;

}

.contact-page-section .contact-icons {

	text-align: center;

}

.contact-page-section .contact-icons .purposal {

	margin: auto;

	margin-bottom: 4.2rem;

	font-size: 2.8rem;

	text-transform: unset;

}

.contact-page-section .contact-content p {

	font-size: 2.3rem;

	text-align: center;

	line-height: 1.5;

	margin: 6.5rem 0;

}

.contact-page-section .contact-content .section-title {

	padding: 0 3rem;

}

.contact-page-section .contact-icons .map::before {

	background: url('/wp-content/uploads/2025/10/contact-map.png') no-repeat;

	width: 2.6rem;

	height: 3.5rem;

}

body:not(.home) .contact-section {

	padding-bottom: 26rem;

}

.page-template-who-we-are .who-section .section-grid {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 5rem;

	align-items: start;

	padding-top: 20rem;

	text-align: center;

}

.page-template-who-we-are .who-section:nth-of-type(even) .section-image {

	order: 2;

}

.page-template-who-we-are .who-section .section-grid .section-text p, .page-template-who-we-are .who-section .section-grid .section-text div {

	font-size: 2.3rem !important;

	color: #5c5c5c;

	margin-bottom: 2rem;

}

.page-template-who-we-are .who-section .section-grid .purposal {

	margin-top: 4rem;

}

.who-we-are .read-more {

	font-weight: unset;

	font-size: 2rem;

	border-color: #f13c64;

	padding: 1.2rem 4rem 1rem;

}

.value-marketing .marketing-container {

  display: grid;

  grid-template-columns: 1fr 1.1fr;

  gap: 25rem;

  align-items: start;

}

.marketing-container h2 {

	text-transform: uppercase;

}

.marketing-container p {

	margin-bottom: 2rem;

}

.marketing-container a.purposal {

	margin-top: 5rem;

}

.marketing-container .video-wrapper {

	position: relative;

	max-height: 33rem;

	overflow: hidden;

}

.marketing-container .video-wrapper video {

	object-fit: cover;

	max-height: 33rem;

	width: 100%;

}



.marketing-container a.story-btn.purposal {

	font-size: 1.6rem;

	text-transform: none;

	padding: 1.1rem 4rem 1rem;

	font-family: 'Axiforma-Regular';

	margin-right: 0;

	margin-top: auto;

    margin-bottom: auto;

	text-transform: uppercase;

}

.marketing-container .content-top {

	display: grid;

	grid-template-columns: 1fr 1fr;

	align-items: center;

	text-align: left;

	padding: 5.4rem 0 3rem;

	border-bottom: 1px solid #e2e2e2;

	margin-bottom: 3rem;

}

.marketing-container .story-content {

	padding: 0 6.8rem;

}

.marketing-container .success-story-block {

	border: 1px solid #e2e1e1;

	border-radius: 4.8rem;

	overflow: hidden;

	box-shadow: 0px 0px 9px -7px #6a6a6a;

}

.marketing-container .story-content p {

	margin-bottom: 5rem;

	text-align: center;

	font-size: 2rem;

	color: #5c5c5c;

}

body section.who-we-are {

	background: transparent;

	color: #000;

}

body section.who-we-are p {

	font-size: 2.3rem;

	color: #5c5c5c;

	padding: 0 5rem;

}

body section.who-we-are p a:not(.purposal), .tab-section .content p a {

	color: #f13c64 !important;

}

.tab-section .section-title {

	text-transform: uppercase;

}

.tab-section .content p {

	font-size: 2.3rem;

}

.tab-section .tab-wrapper p, .tab-section .moretext {

	font-size: 2rem;

	text-align: center;

    margin: 2rem 0;

	color: #5c5c5c;

}

.tab-section li {

	text-align: left;

	font-size: 2rem !important;

}

.tab-section .heading {

	padding-left: 16rem !important;

	padding-right: 16rem !important;

}

.tab-section .tabs-heading a, .tab-section .tabs-headings a {

	font-size: 2rem;

	text-transform: uppercase;

	font-family: 'Axiforma-SemiBold';

	font-weight: unset;

	border-radius: 2rem;

    line-height: 1.2;

	background-color: #f7f7f7;

}

.tab-section .tabs-heading {

	gap: 3rem;

}

.tab-wrapper .tabs-content .image {

	justify-content: center !important;

}

.tab-section .description h3 {

	text-align: center;

	font-size: 2.8rem;

	font-family: 'Axiforma-SemiBold';

}

.row.get-in-contactnew-form.pop-up-form input, .row.get-in-contactnew-form.pop-up-form input::placeholder, .row.get-in-contactnew-form.pop-up-form select, .row.get-in-contactnew-form.pop-up-form textarea, .row.get-in-contactnew-form.pop-up-form textarea::placeholder  {

	color: white !important;

	letter-spacing: 0.9px;

	font-size: 2.3rem;

	width: 100%;

    border: none;

	padding: 1.9rem 0rem;

    outline: none;

	background: transparent;

	margin-top: 2.5rem;

	max-height: 150px;

	font-family: 'Axiforma-Regular';

	border-bottom: 1px solid #fff;

}

.row.get-in-contactnew-form.pop-up-form input::placeholder, .row.get-in-contactnew-form.pop-up-form textarea::placeholder {

	border: none;

	margin-top: 0;

	padding: 0;

}

.row.get-in-contactnew-form.pop-up-form .wpcf7-form-control.wpcf7-submit.contact_form_submit {

	display: table;

	font-size: 2.2rem;

	padding: 2.3rem 7.5rem 2rem;

	color: #fff;

	background: linear-gradient(90deg, rgba(241, 60, 100, 1) 0%, rgba(230, 53, 155, 1) 50%, rgba(220, 46, 201, 1) 100%);

	border-radius: 50px;

	margin: auto;

	text-transform: uppercase;

	border: none;

	width: max-content;

	margin-top: 6rem;

	font-family: 'Axiforma-SemiBold';

	font-weight: unset;

	transition: 0.3s linear;

}

.row.get-in-contactnew-form.pop-up-form .wpcf7-form-control.wpcf7-submit.contact_form_submit:hover {

	background: #fff !important;

	color: var(--first-color) !important;

}

.row.get-in-contactnew-form.pop-up-form span.wpcf7-not-valid-tip {

	font-size: 1rem;

}

.row.get-in-contactnew-form .col-6.select-wrap.min-select {

	padding: 0;

}

.row.get-in-contactnew-form .col-6.select-wrap.min-select:nth-child(1) {

	padding-right: 15px;

}

.row.get-in-contactnew-form .col-6.select-wrap.min-select:nth-child(2) {

	padding-left: 15px;

}

.row.get-in-contactnew-form p {

	margin: 0;

}

.getintouch_modal #myLargeModalLabel {

	line-height: 1.2;

}

.row.get-in-contactnew-form.pop-up-form span.wpcf7-not-valid-tip, .getintouch_modal .wpcf7-response-output {

	font-size: 1.5rem;

	text-align: left;

	color: red;

	font-weight: unset;

}

.row.get-in-contactnew-form select option {

	color: #000 !important;

	font-size: 1.65rem;

}

.row.get-in-contactnew-form textarea {

	resize: none;

}

.anime-image img {

	animation: UpDown 2.1s linear infinite;

}

@keyframes UpDown {

  0% { 

	transform: translateY(0); 

	} 

50% {

	 transform: translateY(40px); 

	} 

100% {

	 transform: translateY(0); 

	} 

50% {

	 transform: translateY(20px); 

	}

}



.animate {

	opacity:0;

	transform:translateY(1.6rem)

}

.animate.in-view {

	animation:zoomFadeUp .8s ease-in-out forwards;

}

body section.why-choose-us .box-content .content p:nth-child(2) {

	font-weight: unset;

	font-family: "Axiforma-SemiBold";

}

.who-we-are .video-wrapper img {

	width: auto;

	margin: auto;

}

.tabs-heading li a br, .tab-section .description h3 br {

	display: none;

}

.who-we-are .who-image .purposal {

	display: none;

}

.contact-page-section {

	margin-top: 9rem;

	padding-bottom: 11rem !important;

}

.blog_detail_section h1, .blog_detail_section h2 {

	text-align: left;

	text-transform: unset;

    line-height: 1.2 !important;

}

.blog_detail_section .blogdetailcontent a {

	color: #eb2879;

}

.blog_detail_section .blogdetailcontent figcaption {

	text-transform: uppercase;

	margin-bottom: 2rem;

	margin-top: 1rem;

	color: #eb2879;

}

.thank-you div:has(.aboutpage_content_main) {

	width: 100%;

	text-align: center;

}

.thank-you div:has(.aboutpage_content_main) h2 {

	margin-top: 9rem;

}

body.get-in-touch section.google-reviews {

	display: none;

}

section.who-we-are li, .tab-wrapper .tabs-content .description li, .webdevlopment-service li {

	position: relative;

	font-size: 2.3rem !important;

    color: #5c5c5c;

	padding-left: 3.8rem;

	list-style: none;

	text-align: left;

}

.tab-wrapper .tabs-content .description li {

	font-size: 2rem !important;

}

section.who-we-are li::before, .tab-wrapper .tabs-content .description li::before, .webdevlopment-service li::before {

	content: "";

	width: 1.6rem;

	height: 1.2rem;

	display: block;

	background: url(/wp-content/uploads/2025/10/arrow.png) no-repeat;

	background-size: cover;

	filter: brightness(0);

	position: absolute;

	top: 1.55rem;

	left: 0;

}

.tab-wrapper .tabs-content .description li::before {

	top: 1.22rem;

}

:focus-visible {

	outline: none;

}

body.user-sitemap .wsp-container h2 {

	text-align: left;

	margin-top: 5rem;

}

body .moretext .moreless-button {

	display: block !important;

	margin-top: 1.2rem;

}

.main-video-section {

	position: relative;

}

.main-video-section .video-autoplay {

	position: absolute;

	top: 50%;

	left: 50%;

	border-radius: 3.5rem;

	overflow: hidden;

	display: flex;

	cursor: pointer;

}

.main-video-section .video-autoplay .play {

	width: 17.5rem;

	height: 17.5rem;

	position: absolute;

	top: 50%;

	left: 50%;

	background: url('/wp-content/uploads/2025/12/play2.png') no-repeat;

	transition: 0.2s linear;

	background-size: cover;

	transform: translate(-50%, -50%);

}

.modalv .video-popups {

	width: 82% !important;

	top: 10%;

}



@keyframes zoomFadeUp {

0% {

  opacity: 0;

  transform: translateY(1.7rem);

}

100% {

  opacity: 1;

  transform: translateY(0);

}

}

@keyframes zoomFade {

  0% {

    filter: brightness(1);

    transform: scale(1);

  }

  55% {

    filter: brightness(0.7);

    transform: scale(1.04);

  }

  100% {

    filter: brightness(1);

    transform: scale(1);

  }

}

#who_video_one {

	display: none;

}

.main-video-section .video-autoplay .play {

	display: none;

}





/* Responsive Design */



@media (max-width: 1025px){

	header .navbar-nav > .current-menu-item::after, header .navbar-nav > .menu-item:has(.sub .current-menu-item)::after {

		display: none;

	}

	body .navbar-nav > li > a, body .navbar-nav > li.get-in > a, #menu-main-menu li a span {

		font-size: 17px !important;

		font-family: 'Axiforma-SemiBold';

	}

	.menu-bg li .sub {

		padding-left: 0 !important;

	}

	.value-marketing .value-right {

		padding-right: 0 !important;

    }

	.value-marketing .value-left {

		padding-right: 3rem;

    }

	.success-stories .success-stories-grid {

		grid-template-columns: repeat(2, 1fr);

	}

	.success-stories .video-wrapper {

		height: 65rem;

	}

	#menu-main-menu .sub li a {

		padding-left: 30px !important;

	}

	.blog_detail_section {

		padding-bottom: 0 !important;

	}

}



@media (max-width: 768px){

	html{

		font-size: clamp(6.5px,0.2vw,10px) !important;

	}

	.value-marketing .value-content {

		grid-template-columns: 1fr;

		gap: 4rem;

	}

	.value-marketing h2 {

		line-height: 7.5rem;

		font-size: 6.8rem;

    }

	.value-marketing .value-left {

	    padding-right: 0;

    }

	.value-marketing .value-left .content {

		padding: 0;

    }

	.services-section .section-title {

		margin-bottom: 6rem;

		padding: 0;

    }

	body .section-title, h1, h2, .h1, .h2 {

		font-size: 6.8rem;

	}

	.services-section .service-text {

		font-size: 3.8rem;

		padding: 1.7rem 3rem;

		font-family: 'Axiforma-SemiBold';

    }

	.contact-wrapper {

		grid-template-columns: 1fr;

		gap: 22rem;

    }

	.success-stories {

		padding-top: 4rem;

		padding-bottom: 12rem;

    }

    .success-stories .section-title {

		max-width: 100%;

		margin: auto;

		margin-bottom: 5rem;

	}

	.contact-wrapper .banner-form {

		padding-left: 0;

	}

	.success-stories .video-wrapper {

		height: 41.5rem;

	}

	.success-stories .success-stories-grid {

		gap: 2.8rem;

		padding: 0;

	}

	.contact-section .form-content h2 {

		font-size: 4rem;

	}

	.contact-section .form-content p {

		margin-bottom: 4.8rem;

		font-size: 2.6rem;

		margin-top: 2.8rem;

	}

	.business-growth-section .growth-wrapper {

		grid-template-columns: 1fr;

	}

	.business-growth-section .growth-wrapper .section-title + p {

		font-size: 2.6rem;

		margin-bottom: 3.2rem;

	}

	.business-growth-section .section-title {

		margin-bottom: 2rem;

	}

	footer .footer-items {

		display: grid;

		grid-template-columns: 1fr;

		padding: 0;

		gap: 0;

	}

	footer .footer_bottom_main {

		margin-top: 6rem;

		padding-bottom: 3.2rem;

		padding-top: 2rem;

	}

	footer .f_title::after {

		border-color: #dad8d9;

	}

	footer .footermenubox {

		margin-bottom: 1.5rem;

	}

	footer .footer-items .info-text {

		padding-right: 0;

		padding-top: 2rem;

		padding-bottom: 2.6rem;

	}

	footer .footer-items p, footer .footer-items a, footer .copyright_main span {

		font-size: 2.2rem;

	}

	footer .footer_contactinfo > a::before {

		margin-top: 0.55rem;

	}

	footer .footer-items .footermenu_content, footer .footer_contactinfo {

		padding-top: 1.2rem;

		margin-bottom: 3.2rem;

	}

	footer .footermenu_content ul li {

		margin-bottom: 0.8rem;

	}

	footer .enquiry .f_title::after {

		display: none;

	}

	p {

		margin-bottom: 3rem;

	}

	h1, h2, .h1, .h2 {

		margin-bottom: 3rem !important;

	}

	.services-section {

		padding-bottom: 6rem;

	}

	.contact-section .contact-text p {

		font-size: 2.4rem;

		margin-bottom: 4rem;

	}

	.contact-wrapper .section-title {

		margin-bottom: 3rem;

	}

	.contact-section {

		padding-bottom: 8rem;

	}

	.business-growth-section {

		padding-bottom: 6rem;

	}

	footer .footer-items .social_media_main ul li a svg {

		width: 3.8rem;

		height: 3.8rem;

		padding: 0.7rem;

	}

	.head-top .top-link li:not(:first-child) {

		display: none;

	}

	.contact-wrapper {

		gap: 10rem;

	}

	.contact-page-section .contact-content p {

		font-size: 2.2rem;

		margin: 3.5rem 0;

	}

	.contact-page-section .contact-icons .purposal {

		margin-bottom: 2.4rem;

		font-size: 2.6rem;

	}

	.contact-page-section .contact-content .section-title {

		padding: 0;

	}

	.contact-page-section .contact-content .section-title br {

		display: none;

	}

	body:not(.home) .contact-section {

		padding-bottom: 3rem;

	}

	.contact-section .form-content p {

		margin-top: 0;

	}

	body .section-title br {

		display: none;

	}

	.page-template-who-we-are .who-section .section-grid {

		grid-template-columns: 1fr;

		gap: 4rem;

		padding-top: 12rem;

	}

	.page-template-who-we-are .who-section .section-grid .purposal {

		margin-top: 2.8rem;

	}

	.page-template-who-we-are .who-section:nth-of-type(2n) .section-image {

		order: unset;

	}

	.who-we-are footer {

		text-align: left;

	}

	body p {

		line-height: 1.8;

	}

	section.who-we-are h2 {

		line-height: 1.2 !important;

	}

	body.why-choose-us .why-choose-us.our-service-section {

		padding-top: 8rem !important;

		padding-bottom: 4rem;

	}

	.tab-section .heading {

		padding-left: 0 !important;

		padding-right: 0 !important;

		padding-bottom: 1rem !important;

	}

	body section.who-we-are p {

		margin-bottom: 3rem;

	}

	.tab-section .description h3 {

		margin-bottom: 0;

	}

	.value-marketing .marketing-container {

		grid-template-columns: 1fr;

		gap: 10rem;

	}

	body .value-marketing + section.who-we-are {

		padding: 3rem 0 5rem;

	}

	.marketing-container .video-wrapper {

		max-height: 49.2rem;

	}

	.row.get-in-contactnew-form.pop-up-form input, .row.get-in-contactnew-form.pop-up-form input::placeholder, .row.get-in-contactnew-form.pop-up-form select, .row.get-in-contactnew-form.pop-up-form textarea, .row.get-in-contactnew-form.pop-up-form textarea::placeholder {

		font-size: 2.3rem;

		padding: 1.2rem 0rem;

		margin-top: 1.5rem;

		margin-bottom: 2rem;

	}

	.row.get-in-contactnew-form .col-6.select-wrap.min-select:nth-child(1) {

		padding-right: 0;

	}

	.row.get-in-contactnew-form .col-6.select-wrap.min-select:nth-child(2) {

		padding-left: 0;

	}

	body .rpi .rpi-badge-left {

    	bottom: -4.4rem !important;

	}

	body .rpi .rpi-badge-left .rpi-badge-body {

		padding: 6px !important;

	}

	body .rpi .rpi-badge-left .rpi-name, body .rpi .rpi-badge-left .rpi-stars[data-rating]::before, body .rpi .rpi-badge-left .rpi-star:first-child[data-rating]::before, body .rpi .rpi-badge-left .rpi-based {

		font-size: 12px !important;

	}

	body .rpi .rpi-badge-left .rpi-star::after {

		width: 12px;

		height: 12px;

	}

	body .rpi .rpi-badge-left .rpi-logo::before, body .rpi .rpi-badge-left .rpi-logo_after::after {

		width: 34px;

		height: 34px;

	}

	body .rpi .rpi-badge-left .rpi-badge-line {

		height: 4px;

	}

	.modal #myLargeModalLabel {

		padding-top: 6rem;

	}

	.modal #myLargeModalLabel::before {

		height: 6rem;

	}

	.service_change_box_main {

		padding-bottom: 0 !important;

	}

	.hero-banner .banner-form {

		display: none;

	}

	.hero-banner .hero-content-wrapper {

		grid-template-columns: 1fr;

		gap: 0;

	}

	.hero-banner .hero-content h1 {

		font-size: 9rem;

		line-height: 1.2;

		letter-spacing: 0;

	}

	.hero-banner video {

		height: 500px;

		object-fit: cover;

	}

	.hero-banner .hero-content {

		padding-top: 25rem;

	}

}

@media (max-width: 520px) {

	body .head_social_main .social-main ul li a svg {

		width: 3.875rem;

		height: 3.875rem;

		fill: var(--first-color);

		padding: 0.8rem;

	}

	body .head-top-main {

		margin-bottom: 16px !important;

	}

	body .value-marketing h2 {

		line-height: 1.2;

		font-size: 4.8rem;

		margin-bottom: 1.5rem;

	}

	body .purposal {

		padding: 1.6rem 4.4rem 1.3rem;

		font-size: 2rem;

	}

	body .value-marketing {

		padding-top: 9rem;

		padding-bottom: 9rem;

	}

	body .section-title, h1, h2, .h1, .h2 {

		font-size: 4.8rem;

    }

	.services-section .services-grid {

		grid-template-columns: 1fr;

		gap: 1.8rem;

    }

	.contact-section::before {

		display: none;

	}

	.services-section {

		padding-top: 8rem;

		padding-bottom: 3rem;

	}

	.services-section .section-title {

		margin-bottom: 4.8rem;

	}

	.contact-section {

		padding-top: 5rem;

	}

	.contact-wrapper {

		grid-template-columns: 1fr;

		gap: 7rem;

	}

	.contact-section .contact-buttons {

		display: block;

	}

	.contact-section .contact-content .purposal {

		margin-bottom: 1.5rem;

	}

	.contact-section .contact-text p {

		font-size: 2.2rem;

		margin-bottom: 2.9rem;

	}

	.contact-wrapper .section-title {

		margin-bottom: 2.5rem;

	}

	.contact-section .contact-content {

		padding-left: 0;

	}

	.contact-section .banner-form > div {

		padding: 5rem 4.2rem 1rem;

		border-radius: 2.8rem;

	}

	.contact-section .form-content h2 {

		font-size: 3.4rem;

	}

	.contact-section .wpcf7-form-control-wrap {

		margin-bottom: 1.8rem !important;

	}

	.contact-section .form-content input[type="submit"] {

		padding: 1.8rem 2rem;

	}

	.contact-section .form-content input:not([type="submit"]), .contact-section .form-content select, .contact-section .form-content textarea {

		padding: 1.4rem 1.8rem 1.2rem;

	}

	.contact-section .form-content p {

		margin-bottom: 3.2rem;

		font-size: 2.2rem;

		margin-top: 1.2rem;

	}

	.success-stories .success-stories-grid {

		grid-template-columns: 1fr;

		gap: 2.2rem;

	}

	.success-stories {

		padding-bottom: 9rem;

	}

	.purposal.get-in {

		padding: 1.6rem 5.5rem !important;

		padding-bottom: 1.3rem !important;

	}

	.business-growth-section .growth-wrapper .section-title + p {

		font-size: 2.2rem;

		margin-bottom: 2.8rem;

		line-height: 1.5;

	}

	.business-growth-section {

		padding-bottom: 3rem;

	}

	.success-stories .video-wrapper {

		height: auto;

		box-shadow: none;

	}

	footer .f_title::after {

		width: 10px;

    	height: 10px;

		right: 28%;

	}

	footer .footer_bottom_main {

		margin-top: 2rem;

		padding-bottom: 2.8rem;

		padding-top: 2rem;

	}

	footer .footer-location {

		margin-top: 2rem;

	}

	.contact-page-section .contact-icons .purposal {

		font-size: 2rem;

	}

	body:not(.home) .contact-section {

		padding-bottom: 0;

		padding-top: 4rem;

	}

	.contact-page-section .contact-content p {

		margin: 2.8rem 0;

	}

	body:not(.home) .contact-section .contact-content .map {

		align-items: start;

	}

	body:not(.home) .contact-section .form-content p {

		margin-top: 0;

	}

	body:not(.home) .contact-section .banner-form > div {

		padding: 4rem 2.2rem 0rem;

		border-radius: 2.8rem;

	}

	body:not(.home) .contact-section .wpcf7-form-control-wrap {

		margin-bottom: 1.4rem !important;

	}

	section.why-choose-us .box-content .content p {

		font-size: 2rem !important;

	}

	section.why-choose-us {

		margin-top: 6.2rem !important;

	}

	body section.who-we-are p {

		padding: 0;

	}

	body section.who-we-are {

		padding: 6rem 0 6rem;

	}

	.tab-section .heading {

		padding-bottom: 0 !important;

	}

	.tab-wrapper .tabs-content .description {

		margin-top: 4rem;

	}

	.tab-section .tab-wrapper p:has(.read-more){

		margin: 0;

	}

	.tab-wrapper .tabs-content .description {

		padding-bottom: 0 !important;

	}

	.marketing-container .story-content {

		padding: 0 3rem;

	}

	.marketing-container .content-top {

		grid-template-columns: 1fr 1.5fr;

		padding: 3rem 0 2rem;

		margin-bottom: 2.2rem;

	}

	.marketing-container a.purposal {

		margin-top: 2rem;

	}

	.marketing-container p:last-of-type {

		margin: 0;

	}

	.marketing-container .story-content p {

		margin-bottom: 3rem;

	}

	body section.who-we-are p {

		margin-bottom: 2rem;

	}

	.value-marketing .marketing-container {

		gap: 7rem;

	}

	.marketing-container a.purposal {

		margin-top: 3rem;

	}

	body .value-marketing + section.who-we-are {

		padding-top: 1rem;

	}

	.tab-section .tab-wrapper p :last-of-type {

		margin-bottom: 0;

	}

	#myLargeModalLabel::before {

		height: 8rem;

	}

	body [class*="col-"] {

		padding-left: 0 !important;

		padding-right: 0 !important;

	}

	body .row {

		margin-left: 0;

		margin-right: 0;

	}

	.contact-page-section {

		margin-top: 4rem;

		padding-bottom: 1rem !important;

	}

	.contact-section {

		padding-bottom: 5rem;

	}

	body li {

		line-height: 1.5;

		margin-bottom: 1rem;

	}

	section.who-we-are li::before, .webdevlopment-service li::before {

		top: 1.15rem;

	}

	.tab-wrapper .tabs-content .description li::before {

		top: 0.65rem;

	}

	#menu-main-menu li {

		margin-bottom: 0;

	}

	.hero-banner .hero-content h1 {

		font-size: 7rem;

		font-weight: unset;

		margin-bottom: 1.5rem !important;

	}

	.hero-banner .hero-content .hero-description {

		font-size: 2.4rem;

	}

	.hero-banner .hero-content .hero-description + a {

		display: block;

		margin: 2.2rem auto;

		width: fit-content;

	}

	.main-video-section .video-autoplay {

		border-radius: 1.5rem;

	}

	.success-stories .success-stories-grid .success-video {

		display: none;

	}

	.success-stories .success-stories-grid .success-video:nth-child(1), .success-stories .success-stories-grid .success-video:nth-child(4), .success-stories .success-stories-grid .success-video:nth-child(6) {

		display: block;

	}

	.main-video-section .video-autoplay .play {

		width: 9.5rem;

		height: 9.5rem;

	}

	.footer-logo, footer .footer-items p, footer .copyright_main span {

		text-align: center;

	}

	footer .footer_contactinfo > a {

		width: 100%;

		justify-content: center;

	}

	footer .footer-items .social_media_main ul {

		justify-content: center;

	}

	footer .footer-items .f_title {

		text-align: center;

	}

	footer .footermenubox a {

		margin: auto;

	}

	footer .footermenu_content a::before {

		display: none;

	}

	.main-video-section #whovideo {

		display: flex !important;

	}

	.header.fixed .navbar .menumobileview #menu-item-2198 a {

		color: #221334 !important;

		background-color: transparent !important;

	}

}