/* ==================== [ Root CSS Start ] ==================== */
	:root {
		/* Project Core */
		--white: #ffffff;
		--black: #000000;
		--transparent: #0000;

		/* Project Root */
		--baby-pink: #FFC7D4;
		--purple: #A280B3;
		--lilac: #C3ABFF;
		--lime-yellow: #DFFF9C;
		--dark: #202020;
		--deep-purple: #1B031D;
		--green: #B2EB99;
		--soft-red: #EB606A;
		--soft-pink: #EE85C1;
		--light: #FEF9F0;
		--body: #F9F7F3;
		--dark-purple: #68496F;

		/* Fonts */
		--pp-Mori: 'PP Mori', sans-serif;
		--nib-pro: 'Nib Pro', sans-serif;

		/* Border */
		--border: 1px solid var(--dark);
	}

	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	html,
	body {
		scroll-behavior: auto !important;
	}

	body {
		color: var(--dark);
		font-family: var(--pp-Mori);
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		line-height: 38px;
		background: var(--body);
		overflow-x: hidden;
	}

	/* ==================== [ Root CSS End ] ==================== */

	/* ==================== [ Typography Start ] ==================== */
	.typography {
		padding: 200px 0 0;
	}


	figure {
		margin: 0;
	}

	strong,
	b {
		font-weight: 700 !important;
	}

	a,
	input,
	button,
	textarea {
		outline: none !important;
	}

	a {
		color: var(--dark);
		word-break: break-word;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
	}

	a:hover {
		/* color: var(--soft-pink); */
		color: var(--dark-purple);
	}

	p {
		color: var(--dark);
		font-family: inherit;
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
		line-height: inherit;
		margin-bottom: 20px;
	}

	ol,
	ul {
		margin-bottom: 20px;
		padding-left: 30px;
	}

	ol ol,
	ol ul,
	ul ol,
	ul {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	ol li,
	ul li {
		font-family: inherit;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		margin-bottom: 25px;
	}

	ol li::marker,
	ul li::marker {
		color: var(--primary);
	}

	ul li:has(> ul),
	ul li:has(> ol) {
		list-style-type: none;
	}

	blockquote {
		padding: 16px 16px 16px 24px;
		border-left: 5px solid var(--dark);
		margin-bottom: 20px;
		background-color: var(--body);
		font-size: 18px;
		line-height: 133%;
		color: var(--dark);
	}

	pre {
		background-color: var(--white);
		padding: 16px;
		overflow: auto;
		font-family: inherit;
		border-radius: 12px;
		position: relative;
		color: var(--dark);
	}

	pre code {
		font-size: inherit;
		font-weight: inherit;
		font-family: inherit;
		line-height: inherit;
	}

	table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 16px;
		font-size: inherit;
	}

	thead th,
	thead td {
		border: 1px solid var(--body);
	}

	th,
	td {
		border: 1px solid var(--dark);
		padding: 8px 12px;
		text-align: left;
	}

	th {
		background-color: var(--dark);
		font-weight: 600;
		font-size: inherit;
		color: var(--body);
	}

	td {
		background-color: var(--body);
		font-weight: 400;
		font-size: inherit;
		color: var(--primary);
	}

	h1,
	.h1 {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 128px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 35px;
	}

	h2,
	.h2 {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 70px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 35px;
	}

	h3,
	.h3 {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 64px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 35px;
	}

	h4,
	.h4 {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 48px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 30px;
	}

	h5,
	.h5 {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 40px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 25px;
	}

	h6,
	.h6 {
		color: var(--dark);
		font-family: var(--pp-Mori);
		font-size: 24px;
		font-style: normal;
		font-weight: 600;
		line-height: 45px;
		margin-bottom: 25px;
	}

	hr {
		margin-block: 20px;
	}

	.typography-wrapper {
		width: 100%;
		max-width: 65%;
	}

	.typography-wrapper .main-title * {
		font-size: 100px;
	}

	.typography-wrapper a {
		color: var(--soft-pink);
	}

	.typography-wrapper a:hover {
		color: var(--soft-red);
	}

	.typography-wrapper h2 {
		font-size: 46px;
		margin: 35px 0;
	}

	.typography-wrapper ol li,
	.typography-wrapper ul li {
		margin-bottom: 10px;
	}

	/* ==================== [ Typography End ] ==================== */

	/* ==================== [ Common Start ] ==================== */
	.row {
		margin-inline: -12px;
		row-gap: 24px;
	}

	.row>* {
		padding-inline: 12px;
	}

	.img-cover * {
		width: 100%;
		height: 100% !important;
		object-fit: cover;
		object-position: center;
	}

	/* For Chrome, Safari, Edge, and Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
		/* Ensures no extra space is left behind */
	}

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

	textarea {
		resize: none;
	}

	/* ==================== [ Common End ] ==================== */

	/* ==================== [ Common Heading Start ] ==================== */
	.heading .title * {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 70px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	.heading .title a {
		color: var(--dark);
	}

	.heading .title a:hover {
		color: var(--baby-pink);
	}

	.heading .disc * {
		color: var(--dark);
		font-family: var(--pp-Mori);
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 38px;
	}

	/* ==================== [ Common Heading End ] ==================== */

	/* ==================== [ Button Start ] ==================== */
	.btn {
		width: fit-content;
		padding: 13px 27px;
		text-align: center;
		font-family: var(--pp-Mori);
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 38px;
		border-radius: 100px;
		border: 1px solid;
		text-decoration: none;
	}

	.btn-primary {
		color: var(--dark);
		background: var(--transparent);
		border-color: var(--dark);
	}

	.btn-primary:focus,
	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary:focus-within,
	.btn-primary:focus-visible {
		color: var(--dark) !important;
		background-color: var(--lime-yellow) !important;
		border-color: var(--dark) !important;
		box-shadow: none;
		font-style: italic;
		font-weight: 600;
	}

	/* ==================== [ Button End ] ==================== */

	/* ==================== [ Error 404 Start ] ==================== */
	.error-404 {
		margin-top: 100px;
		padding: 80px 0;
	}

	.error-404 .heading {
		text-align: center;
	}

	.error-404 .action * {
		width: fit-content;
		margin: 0 auto;
	}

	/* ==================== [ Error 404 End ] ==================== */

	/* ==================== [ Extra Common Start ] ==================== */
	/* ==================== [ Extra Common End ] ==================== */


	/* ==================== [ Header Start ] ==================== */
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9;
	}

	.header .navbar {
		padding: 16px 0;
	}

	.header .navbar .navbar-brand {
		padding: 0;
	}

	.header .navbar-nav {
		padding: 34px 20px;
		border-radius: 50px;
		background-color: var(--body);
	}

	.header .navbar-nav .nav-item {
		margin-bottom: 0;
		padding: 0 26px;
	}

	.header .navbar-nav .nav-item .nav-link {
		color: var(--dark);
		font-family: var(--pp-Mori);
		text-align: center;
		font-size: 20px;
		padding: 0;
		line-height: normal;
		transition: all 0.3s ease-in-out;
	}

	.header .navbar-nav .nav-item.current-menu-item .nav-link,
	.header .navbar-nav .nav-item .nav-link:hover,
	.header .navbar-nav .nav-item .nav-link:focus,
	.header .navbar-nav .nav-item .nav-link:active,
	.header .navbar-nav .nav-item .nav-link:focus-visible,
	.header .navbar-nav .nav-item .nav-link:focus-within {
		/* color: var(--soft-pink); */
		color: var(--dark-purple);
		font-weight: 600;
	}

	.header .navbar-toggler {
		width: 30px;
		height: 22px;
		padding: 0;
		box-shadow: none !important;
		border: none;
	}

	.header .navbar-toggler .hamburger {
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
	}

	.header .navbar-toggler .hamburger-toggle {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.header .navbar-toggler .hamburger span {
		width: 100%;
		height: 2px;
		background-color: var(--dark);
		position: relative;
		transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
	}

	.header .navbar-toggler .hamburger span:first-child {
		top: 10px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}

	.header .navbar-toggler .hamburger span:nth-child(2) {
		opacity: 0;
	}

	.header .navbar-toggler .hamburger span:last-child {
		margin: 0;
		top: -10px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}

	.header .navbar-toggler.collapsed .hamburger span {
		opacity: 1 !important;
		top: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
	}

	/* ==================== [ Header End ] ==================== */

	/* ==================== [ Home Banner Start ] ==================== */
	.home-banner {
		padding: 320px 0 174px;
	}

	.home-banner .title {
		position: relative;
		text-align: center;
		width: fit-content;
		margin: 0 auto;
	}

	.home-banner .title * {
		margin-bottom: 0;
	}

	.home-banner .title .branding-shape {
		position: absolute;
		top: -62px;
		left: -67px;
		height: 93px;
	}

	.home-banner .title .branding-shape * {
		width: auto;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	/* ==================== [ Home Banner End ] ==================== */

	/* ==================== [ Brand-solutions css Start ] ==================== */
	.brand-solutions {
		padding-bottom: 185px;
	}

	.brand-solutions-top-btn {
		margin-bottom: 20px;
	}

	.brand-solutions-top-btn .btn {
		border: none;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.brand-solutions-top-btn .btn img {
		width: 27px;
		height: 25px;
		margin-right: 15px;
	}

	.brand-solutions-top-btn .btn:hover {
		color: var(--soft-pink);
	}

	.brand-solutions-top-btn .btn:hover img {
		filter: brightness(0) saturate(100%) invert(87%) sepia(14%) saturate(6361%) hue-rotate(284deg) brightness(97%) contrast(91%);
		-webkit-filter: brightness(0) saturate(100%) invert(87%) sepia(14%) saturate(6361%) hue-rotate(284deg) brightness(97%) contrast(91%);
	}

	.brand-solutions-wrp {
		padding-top: 40px;
		border-top: 1px solid var(--dark);
	}

	.brand-solutions-wrp .disc {
		width: 100%;
		max-width: 825px;
	}

	.brand-solutions-wrp .disc * {
		margin-bottom: 15px;
	}

	.brand-solutions-wrp .disc *:last-child {
		margin-bottom: 0px;
	}

	.brand-solutions .swiper-container {
		margin-top: 70px;
	}

	.brand-solutions .swiper-wrapper {
		transition-timing-function: linear !important;
	}

	.brand-solutions .swiper-container .swiper-slide {
		width: 100%;
		max-width: 581px;
		overflow: hidden;
	}

	.brand-solutions .swiper-container .swiper-slide .swiper-video {
		position: relative;
	}

	.brand-solutions .swiper-container .swiper-slide video {
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
	}

	.brand-solutions .swiper-container .swiper-slide img {
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
	}

	.brand-solutions .swiper-container .swiper-slide .poster-image {
		height: 368px;
	}

	.brand-solutions .swiper-container .swiper-slide .poster-image * {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.brand-solutions .swiper-container .swiper-slide .img-link img {
		transform: scale(1);
		transition: all 0.3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.brand-solutions .swiper-container .swiper-slide .img-link:hover img {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
	}

	.brand-solutions .swiper-container .swiper-slide .img-link {
		display: block;
		overflow: hidden;
		border-radius: 16px;
		transition: all 0.3s ease-in-out;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.brand-solutions .play-btn {
		width: 70px;
		height: 70px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		padding: 15px 12px 15px 20px;
		cursor: pointer;
		border-radius: 50%;
		background: var(--body);
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
	}

	.brand-solutions .play-btn * {
		width: 100%;
		height: 100%;
	}

	.swiper-video .img-link:hover .play-btn {
		background-color: var(--baby-pink);
	}

	.has-html5video .fancybox__content {
		padding: 50px 15px 0px;
	}

	.has-html5video .fancybox__content:focus-visible {
		outline: none;
	}

	.brand-solutions .swiper-container .solutions-button {
		position: absolute;
		left: 50%;
		margin-top: 50px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}

	.brand-solutions .swiper-container .solutions-button.solutions-button-next {
		margin-left: 50px;
	}

	.brand-solutions .swiper-container .solutions-button.solutions-button-prev {
		margin-left: -50px;
	}

	/* ==================== [ Brand-solutions css End ] ==================== */

	/* ==================== [ Glance css Start ] ==================== */

	.glance {
		padding: 152px 0 192px 0;
	}

	.glance-wrp .section-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 25px;
	}

	.glance-wrp .section-heading .title * {
		margin: 0;
	}

	.glance-swiper-container {
		position: relative;
	}

	.glance-swiper-container .glance-swiper {
		height: 100%;
		border-top: 1px solid var(--dark);
		border-bottom: 1px solid var(--dark);
	}

	.glance-swiper-container .glance-swiper .swiper-slide {
		display: flex;
		align-items: stretch;
		height: auto;
	}

	.glance-swiper-container .swiper-slide.swiper-slide-active .glance-slide {
		margin-left: -3px;
	}

	.glance-swiper-container .swiper-slide.swiper-slide-prev .glance-slide {
		border-right: none;
	}

	.glance-swiper-container .swiper-slide.swiper-slide-next+.swiper-slide .glance-slide {
		margin-right: -3px;
	}

	.glance-slide {
		border-right: 1px solid var(--dark);
		padding: 85px 45px 20px 45px;
	}

	.glance-slide .block-title * {
		font-family: var(--pp-Mori);
		font-size: 32px;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 30px;
	}

	.glance-slide .disc * {
		margin-bottom: 15px;
	}

	.glance-slide .disc *:last-child {
		margin-bottom: 0px;
	}

	.glance-button {
		position: absolute;
		width: 55px;
		height: 50px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.glance-button.glance-button-prev {
		left: -70px;
	}

	.glance-button.glance-button-next {
		right: -70px;
	}

	.glance-button.swiper-button-disabled {
		opacity: 0 !important;
		pointer-events: none;
		user-select: none;
	}

	/* ==================== [ Glance css End ] ==================== */

	/* ==================== [ Meed-and-Brief Start ] ==================== */
	.meed-and-brief {
		position: relative;
		padding: 348px 0 382px;
	}

	.meed-and-brief .brief-container {
		margin: 0 auto;
		max-width: 1197px;
		text-align: center;
	}

	.meed-and-brief .brief-container .meed-and-brief-shape {
		width: 100%;
		max-width: 322px;
		margin: 0 auto 20px;
		margin-bottom: -50px;
	}

	.meed-and-brief .brief-container .title * {
		color: var(--light);
		font-family: var(--nib-pro);
		font-size: 160px;
		line-height: 100%;
		/* margin-bottom: 32px; */
	}

	.meed-and-brief .brief-container .disc * {
		color: var(--light);
		font-size: 40px;
		font-style: italic;
		font-weight: 100;
		line-height: 110%;
	}

	.meed-and-brief .brief-container .action * {
		color: var(--baby-pink);
		font-size: 40px;
		font-weight: 600;
		line-height: normal;
		text-decoration: none;
		transition: none !important;
	}

	.meed-and-brief .brief-container .action *:hover {
		font-family: var(--nib-pro);
		font-weight: 400;
	}

	body[style*="background-color: rgb(255, 199, 212);"] .meed-and-brief .brief-container * {
		color: var(--dark) !important;
	}

	body[style*="background-color: rgb(255, 199, 212);"] .meet-brief-cups-lottie {
		filter: brightness(0);
		-webkit-filter: brightness(0);
	}

	/* ==================== [ Meed-and-Brief End ] ==================== */

	/* ==================== [ Branding-Projects css Start ] ==================== */

	.branding-projects {
		padding: 172px 0 75px 0;
	}

	.branding-projects.work-tabing-container {
		padding: 72px 0 75px 0;
	}

	.branding-projects-wrp .section-heading {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 25px;
		border-bottom: 1px solid var(--dark);
	}

	.branding-projects-wrp .branding-projects-left {
		width: 100%;
		max-width: 1056px;
		padding-right: 20px;
	}

	.branding-projects-left .disc * {
		margin: 20px 0 0 0;
	}

	.branding-projects-wrp .branding-projects-btn {
		width: 100%;
		max-width: fit-content;
	}

	.branding-projects-wrp .swiper-container {
		position: relative;
	}

	.branding-projects-wrp .section-heading .branding-projects-left .title * {
		margin-bottom: 0;
	}

	.branding-projects-wrp .swiper-container {
		padding-top: 56px;
	}

	.branding-projects-wrp .swiper .row {
		row-gap: 64px;
	}

	.branding-projects-wrp .project-slide {
		height: 100%;
		display: block;
		padding-bottom: 30px;
		border-bottom: 1px solid var(--dark);
		max-width: 732px;
	}

	.branding-projects-wrp .project-slide .slide-content {
		padding-top: 20px;
	}

	.project-slide .slide-content span {
		font-size: 16px;
		line-height: 45px;
		text-transform: uppercase;
		display: block;
		margin-bottom: 5px;
	}

	.project-slide .slide-content .slide-title * {
		font-family: var(--pp-Mori);
		font-size: 24px;
		font-weight: 600;
		line-height: 45px;
		margin-bottom: 15px;
	}

	.project-slide .slide-content * {
		font-size: 20px;
		line-height: 28px;
	}

	.branding-projects-button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}

	.branding-projects-button.swiper-button-disabled {
		opacity: 0 !important;
		pointer-events: none;
	}

	.branding-projects-button.projects-button-prev {
		left: clamp(-130px, 306.36px + -22.73vw, -80px);
	}

	.branding-projects-button.projects-button-next {
		right: clamp(-130px, 306.36px + -22.73vw, -80px);
	}

	.branding-projects-wrp .swiper-slide {
		display: flex;
		align-items: stretch;
		height: auto;
	}

	.branding-projects-wrp .swiper .project-slide {
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.branding-projects-wrp .swiper .project-slide .slide-img {
		position: relative;
		overflow: hidden;
		height: 404px;
	}

	.branding-projects-wrp .swiper .project-slide .slide-img::before {
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: var(--lime-yellow);
		background-image: url(../images/svgs/slide-hover-img.svg);
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.branding-projects-wrp .swiper .project-slide:hover .slide-img::before {
		opacity: 1;
	}

	.branding-projects-wrp .swiper .project-slide .slide-content,
	.branding-projects-wrp .swiper .project-slide .slide-content * {
		transition: all 0.3s ease-in-out;
	}

	.branding-projects-wrp .swiper .project-slide:hover .slide-content,
	.branding-projects-wrp .swiper .project-slide:hover .slide-content *,
	.branding-projects-wrp .swiper .project-slide:hover .slide-content .slide-title * {
		color: var(--soft-red) !important;
	}

	.branding-projects .btn-container {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.branding-projects .btn-container .btn {
		color: #202020;
		font-family: var(--nib-pro);
		font-size: 32px;
		font-weight: 400;
		line-height: normal;
		border: none;
		padding: 13px 48px;
	}

	.branding-projects .btn-container .btn:first-child {
		padding-left: 0px;
	}

	.branding-projects .btn-container .btn:last-child {
		padding-right: 0px;
	}

	.branding-projects .btn-container .btn:hover,
	.branding-projects .btn-container .btn.active {
		font-family: var(--pp-Mori);
		font-weight: 600;
		font-style: italic;
	}

	/* ==================== [ Branding-Projects css End ] ==================== */

	/* ==================== [ Ready-to-chat css Start ] ==================== */

	.ready-to-chat {
		padding: 75px 0 44px 0;
	}

	.ready-to-chat-wrp .row>* {
		padding-inline: 11px;
	}

	.ready-to-chat-wrp .block {
		width: 100%;
	}

	.ready-to-chat-wrp .block-content * {
		margin-bottom: 0;
	}

	.ready-to-chat-wrp .block-content h4 {
		margin-right: 70px;
	}

	.ready-to-chat-wrp .block-content {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		padding: 380px 60px 35px 60px;
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.ready-to-chat-wrp .block-content:hover * {
		font-family: var(--pp-Mori);
		font-weight: 600;
		font-style: italic;
	}

	.ready-to-chat-wrp .block-content span {
		min-width: 37px;
		width: 37px;
		height: 37px;
		margin-left: 10px;
	}

	.ready-to-chat-wrp .block-content span * {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* ==================== [ Ready-to-chat css End ] ==================== */

	/* ==================== [ Footer Start ] ==================== */

	.footer {
		padding: 44px 0 20px 0;
	}

	.f-top .f-left * {
		font-family: var(--nib-pro);
		font-size: 64px;
		font-weight: 400;
		line-height: normal;
	}

	.f-block {
		display: flex;
		align-items: baseline;
	}

	.f-block.column {
		flex-direction: column;
	}

	.f-block .f-title * {
		font-family: var(--pp-Mori);
		font-size: 20px;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.f-block ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 35px;
	}

	.f-block ul li.current-menu-item a,
	.f-block ul li a:hover {
		/* color: var(--soft-pink) !important; */
		color: var(--dark-purple) !important;
	}

	.f-container {
		width: 100%;
		max-width: calc(1664px + 30px);
		margin: 0 auto;
		padding: 0 15px;
	}

	.f-container .f-bottom-title {
		text-align: center;
	}

	.f-container .f-bottom-title span {
		display: inline-block;
		position: relative;
	}

	.f-container .f-bottom-title * {
		font-family: var(--pp-Mori);
		font-size: 132px;
		line-height: 75px;
		font-weight: 400;
	}

	.f-container {
		padding-top: 180px;
	}

	.f-container .f-bottom-title strong,
	.f-container .f-bottom-title strong * {
		font-family: 'ITC Souvenir Std';
		font-weight: 600;
	}

	.f-container .f-bottom-title img {
		width: 100%;
		max-width: 105px;
		position: absolute;
		bottom: 112%;
		left: 1px;
	}

	.mac.chrome .f-container .f-bottom-title img {
		bottom: 97px;
		left: 3px;
		max-width: 100px;
	}


	.mac.safari .f-container .f-bottom-title img {
		bottom: 97px;
		left: 5px;
		max-width: 100px;
	}

	.firefox .f-container .f-bottom-title img {
		left: 4px;
	}

	.f-bottom .f-bottom-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.f-bottom .f-bottom-content * {
		font-size: 20px;
		margin-bottom: 0;
	}

	/* ==================== [ Footer End ] ==================== */

	/* ==================== [ Home-2 Banner css Start ] ==================== */

	.home-main-banner {
		position: relative;
	}

	.home-main-banner .scroll-down .down {
		width: 88px;
		height: 88px;
		position: absolute;
		right: 190px;
		bottom: 80px;
		background-color: var(--body);
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		overflow: hidden;
	}

	.home-main-banner .scroll-down .down:hover {
		background: var(--dark);
	}

	.home-main-banner .scroll-down .down img {
		margin-top: -130px;
		animation: arrowMove 2s ease-in-out infinite;
	}

	@keyframes arrowMove {
		0% {
			margin-top: -15px;
		}

		50% {
			margin-top: 15px;
		}

		100% {
			margin-top: -15px;
		}
	}

	.home-main-banner .scroll-down .down:hover img {
		filter: brightness(1) invert(1);
		-webkit-filter: brightness(1) invert(1);
	}

	/* ==================== [ Home-2 Banner css End ] ==================== */

	/* ==================== [ Inner-banner css Start ] ==================== */

	.inner-banner {
		padding: 320px 0 320px;
		background: var(--body);
	}

	.inner-banner.presence-banner {
		padding: 272px 0 176px 0;
	}

	.inner-banner.work-banner {
		padding: 320px 0 0;
	}

	.work-smile-lottie {
		width: 100px;
		height: auto;
		display: inline-block;
		margin-inline: -8px;
	}

	.meet-star-lottie {
		width: 100px;
		height: auto;
		display: inline-block;
		margin-inline: -8px;
	}

	.i-with-dot-star {
		width: 120px;
		height: auto;
		display: inline-block;
		margin-inline: -38px;
		position: relative;
		top: -18px;
	}

	.what-we-do-box-of-stars-lottie {
		width: 100%;
		height: 100%;
		display: inline-block;
		margin-inline: -40px;
		margin-top: 5px;
		transform: scale(1.9);
		-webkit-transform: scale(1.9);
		-moz-transform: scale(1.9);
		-ms-transform: scale(1.9);
		-o-transform: scale(1.9);
	}

	.branding-star-lottie {
		width: 150px;
		height: auto;
		display: inline-block;
		margin-inline: -8px;
		position: absolute;
		top: -62px;
		left: -67px;
		height: 93px;
	}

	.what-we-do-flower-lottie,
	.who-we-are-smile-lottie,
	.presence-banner-star-lottie {
		width: 110px;
		height: auto;
		display: inline-block;
		margin-inline: -8px;
	}

	.presence-banner-star-lottie {
		position: relative;
		top: -6px;
	}

	.inner-banner-wrp {
		width: 100%;
		max-width: 1520px;
		margin: 0 auto;
	}

	.inner-banner-wrp .title {
		text-align: center;
	}

	.inner-banner-wrp .disc {
		text-align: center;
	}

	.inner-banner-wrp .disc * {
		color: var(--dark);
		font-size: 40px;
		font-style: italic;
		font-weight: 100;
		line-height: normal;
		text-transform: uppercase;
	}

	.inner-banner-wrp .disc * strong {
		font-weight: 600 !important;
		font-style: normal;
	}

	.inner-banner-wrp .title .star-icon {
		max-width: 78px;
	}

	.inner-banner-wrp .title .hand-icon {
		max-width: 68px;
	}

	.meet-the-team-banner.inner-banner-wrp .title .team-star {
		max-width: 90px;
	}

	.inner-banner.work-banner .title-ani {
		margin-bottom: 0px;
	}

	.inner-banner.work-banner .inner-banner-wrp .title {
		text-align: left;
	}

	.work-banner .title .smile-icon {
		width: 70px;
	}

	.inner-banner .what-we-do-banner .title .team-star {
		margin-top: -10px;
	}

	/* ==================== [ Inner-banner css End ] ==================== */

	/* ==================== [ Designology css Start ] ==================== */
	.designology {
		padding-bottom: 144px;
	}

	.designology-wrp {
		padding: 112px 0 88px;
		transition: 0.6s ease-in-out;
		max-width: 1920px;
		position: relative;
	}

	.designology-wrp::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: var(--baby-pink);
		transition: all 0.4s ease-in-out;
	}

	.designology-wrp.show::before {
		width: 100%;
	}

	.designology-main-content {
		width: 100%;
		max-width: 1302px;
		margin: 0 auto;
		padding: 0 20px;
		opacity: 0;
		transition: all 0.3s ease-in-out;
	}

	.designology-wrp.show .designology-main-content {
		opacity: 1;
	}

	.designology-left {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		height: 100%;
	}

	.designology-left .designology-img {
		width: 100%;
		max-width: 266px;
		margin-bottom: 144px;
	}

	.designology-right * {
		margin-bottom: 15px;
	}

	.designology-right *:last-child {
		margin-bottom: 0px;
	}

	.designology-right strong {
		display: block;
		font-weight: 600 !important;
	}

	.designology-btn {
		padding-top: 40px;
		margin-bottom: 0 !important;
	}

	.designology-btn .btn {
		margin-bottom: 0px;
	}

	/* ==================== [ Designology css End ] ==================== */

	/* ==================== [ Our-core css Start ] ==================== */

	.our-core {
		padding: 144px 0 54px;
	}

	.our-core.core-home-main {
		padding: 380px 0 270px 0;
	}

	.our-core.about-core {
		padding: 100px 0;
	}

	.our-core .core-title .title span {
		color: var(--soft-pink);
	}

	.core-title .title strong {
		font-weight: 400 !important;
		color: var(--soft-red);
	}

	.core-title .title small {
		color: var(--purple);
	}

	.our-core-wrp .disc {
		padding-top: 20px;
	}

	.our-core-wrp .disc * {
		color: var(--deep-purple);
		font-weight: 600;
		line-height: normal;
		margin-bottom: 0;
	}

	.our-core .disc span {
		font-weight: 100;
		font-style: italic;
		display: block;
	}

	.our-core-wrp .swiper-container {
		position: relative;
	}

	.core-button {
		position: absolute;
		top: 22%;
	}

	.core-button.core-button-prev {
		left: clamp(-130px, 306.36px + -22.73vw, -80px);
	}

	.core-button.core-button-next {
		right: clamp(-130px, 306.36px + -22.73vw, -80px);
	}

	.core-slide-btn {
		margin-top: 30px;
	}

	/* ==================== [ Our-core css End ] ==================== */


	/* ==================== [ Our Work page css Start ] ==================== */
	.pagination-container {
		padding-top: 112px;
	}

	.pagination-container ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
	}

	.pagination-container ul .page-item {
		margin: 0 10px;
		line-height: normal;
	}

	.pagination-container ul .page-item a {
		color: var(--black);
	}

	.pagination-container ul .page-item.active a,
	.pagination-container ul .page-item a:hover {
		color: var(--soft-red);
		font-style: italic;
		font-weight: 600;
	}

	.pagination-container ul .page-item .arrow {
		display: block;
		width: 22px;
		height: 20px;
	}

	.pagination-container ul .page-item .arrow.disabled {
		opacity: 0;
		pointer-events: none;
	}

	.pagination-container ul .arrow:hover {
		filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(603%) hue-rotate(313deg) brightness(97%) contrast(90%);
		-webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(603%) hue-rotate(313deg) brightness(97%) contrast(90%);
	}

	/* ==================== [ Our Work page css End ] ==================== */


	/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
	/* ==================== [ Our Service Banner Start ] ==================== */
	/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
	.our-service-banner {
		position: sticky;
		top: 0;
		z-index: 5;
		padding: 200px 0 0;
		/* background-color: var(--lime-yellow); */
	}

	.our-service-banner.what-we-do .container .title {
		width: fit-content;
	}

	.our-service-banner .title {
		padding-bottom: 20px;
		border-bottom: var(--border);
	}

	.our-service-banner .title * {
		margin-bottom: 0;
	}

	.service-container .accGroup {
		display: flex;
		justify-content: space-between;
		gap: 20px;
		padding: 63px 0 100px;
		border-bottom: var(--border);
	}

	.service-container .accGroup:last-child {
		border-bottom: 0;
	}

	.service-container .accGroup>.title * {
		font-family: var(--pp-Mori);
		font-weight: 400;
		text-transform: uppercase;
	}

	.service-container .accGroup .accordion {
		width: 100%;
		max-width: 544px;
	}

	.service-container .accordion-item {
		border: 0;
		border-bottom: 1px solid var(--dark);
		border-radius: 0 !important;
		background-color: var(--transparent);
	}

	.service-container .accordion-item:first-child .accordion-button {
		padding-top: 0;
	}

	.service-container .accordion-button {
		width: 100%;
		padding: 25px 0;
		font-family: var(--pp-Mori);
		font-size: 32px;
		line-height: normal;
		color: var(--dark) !important;
		background-color: var(--transparent);
		border: 0;
		box-shadow: none !important;
		transition: all 0.3s ease-in-out;
	}

	.service-container .accordion-button:hover {
		padding: 25px;
	}

	.service-container .accordion-button:not(.collapsed) {
		background-color: var(--transparent);
	}

	.service-container .accordion-button::after {
		width: 44px;
		height: 44px;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43" height="43" viewBox="0 0 43 43" fill="none"><g clip-path="url(%23clip0_195_176)"><line x1="42" y1="22" x2="1" y2="22" stroke="black" stroke-width="2" stroke-linecap="round"/><line x1="22" y1="1" x2="22" y2="42" stroke="black" stroke-width="2" stroke-linecap="round"/></g><defs><clipPath id="clip0_195_176"><rect width="43" height="43" fill="white"/></clipPath></defs></svg>') no-repeat center;
		background-size: contain;
	}

	.service-container .accordion-button:not(.collapsed)::after {
		width: 44px;
		height: 44px;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43" height="43" viewBox="0 0 43 43" fill="none"><line x1="42" y1="22" x2="1" y2="22" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center;
		background-size: contain;
	}

	.service-container .accordion-body {
		padding: 25px 0 68px 36px;
	}

	.service-container .accordion-body a {
		margin-top: 17px;
	}

	/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
	/* ==================== [ Our Service Banner End ] ==================== */
	/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */


	/* ==================== [ Icon-container Start  ] ==================== */
	.team-icon {
		padding: 130px 0 112px 0;
		position: relative;
	}

	.team-icon .scroll-to-meet {
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
		padding-bottom: 10px;
		position: absolute;
		top: -180px;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}

	.team-icon .scroll-to-meet::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		width: 1px;
		height: 120px;
		background: var(--dark);
		z-index: 1;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}

	.icon-block {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}

	.icon-block .icon-img {
		width: 100%;
		max-width: 335px;
		margin: 0 auto;
		min-height: 352px;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	.icon-block .icon-content {
		text-align: center;
		height: 100%;
		/* max-height: 136px; */
		margin-top: 15px;
	}

	.icon-block .icon-content .disc * {
		font-weight: 600;
		line-height: normal;
	}

	.icon-block .icon-content .disc * span {
		font-weight: 100;
		font-style: italic;
		display: block;
	}

	/* ==================== [ Icon-container End  ] ==================== */

	/* ==================== [ What we demo Start ] ==================== */

	.what-we-do {
		padding: 112px 0 75px 0;
	}

	.what-we-do-wrp .section-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 20px;
		border-bottom: var(--border);
	}

	.what-we-do-wrp .section-heading .title * {
		margin-bottom: 0;
	}

	.what-we-do-wrp .disc {
		width: 100%;
		max-width: 1060px;
		margin: 0 0 0 auto;
		padding-top: 30px;
	}

	.what-we-do-wrp .disc * {
		font-weight: 100;
		font-style: italic;
		font-size: 32px;
	}

	.what-we-do-video {
		width: 100%;
		max-width: 1584px;
		margin-top: 30px;
		transition: all 0.3s ease-in-out;
		position: relative;
	}

	.what-we-do-video::before {
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: var(--body);
		transition: all 0.3s ease-in-out;
	}

	.what-we-do-video.show::before {
		width: 0%;
	}

	.what-we-do-video * {
		border-radius: 21px;
		-webkit-border-radius: 21px;
		-moz-border-radius: 21px;
		-ms-border-radius: 21px;
		-o-border-radius: 21px;
	}

	/* ==================== [ What we do End ] ==================== */


	/* ==================== [ Ideas css Start ] ==================== */
	.ideas-inspire {
		padding: 88px 0 213px;
	}

	.ideas-inspire-main-content {
		width: 100%;
		max-width: 1302px;
		margin: 0 auto;
		padding: 0 20px;
		transition: all 0.3s ease-in-out;
	}

	.ideas-inspire-main-content .row>* {
		padding-inline: 11px;
	}

	.ideas-inspire-main-content .title {
		padding-bottom: 20px;
		border-bottom: var(--border);
	}

	.ideas-inspire-main-content .row {
		padding-top: 70px;
	}

	.ideas-inspire-main-content .title .title-ani {
		margin-bottom: 0px;
	}

	.ideas-inspire-wrp.show .ideas-inspire-main-content {
		opacity: 1;
	}

	.ideas-inspire-left {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		height: 100%;
	}

	.ideas-inspire-left .ideas-inspire-img {
		width: 100%;
		height: 100%;
		pointer-events: none;
	}

	.ideas-inspire-right * {
		margin-bottom: 15px;
	}

	.ideas-inspire-right *:last-child {
		margin-bottom: 0px;
	}

	.ideas-inspire-right *:last-child {
		margin-bottom: 0px;
	}

	.ideas-inspire-right strong {
		display: block;
		font-weight: 600 !important;
	}

	.ideas-inspire-right ul {
		margin: 10px 0 40px 0;
	}

	.ideas-inspire-right ul li {
		margin: 5px 0;
	}

	.ideas-inspire-right * a {
		text-decoration: underline;
	}

	.ideas-inspire-video {
		padding-top: 223px;
		position: relative;
	}

	.ideas-inspire-video::before {
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: var(--baby-pink);
		transition: all 0.3s ease-in-out;
	}

	.ideas-inspire-video.show::before {
		width: 0;
	}

	.ideas-inspire-video * {
		border-radius: 21px;
		-webkit-border-radius: 21px;
		-moz-border-radius: 21px;
		-ms-border-radius: 21px;
		-o-border-radius: 21px;
	}

	.ideas-inspire.idea-video {
		padding: 120px 0;
	}

	.ideas-inspire.idea-video .ideas-inspire-video {
		padding-top: 0px !important;
	}

	/* ==================== [ Ideas css End ] ==================== */



	/* ==================== [ Who We Are Banner Start ] ==================== */
	.who-we-are-banner .title img {
		width: 70px;
	}

	.who-we-are-banner .disc {
		max-width: 1024px;
		margin: 0 auto;
	}

	/* ==================== [ Who We Are Banner End ] ==================== */

	/* ==================== [ About Us Start ] ==================== */
	.about-us {
		padding: 96px 0 160px;
	}

	.about-us .designology-right *:last-child {
		margin-bottom: 0;
	}

	.about-action {
		list-style: none;
		padding-left: 0;
		margin-bottom: 102px;
	}

	.about-action li {
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}

	.about-action a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: var(--border);
		width: 100%;
		padding: 18px 0;
		transition: all 0.3s ease-in-out;
		color: var(--dark);
		font-family: var(--pp-Mori);
		font-size: 32px;
		line-height: normal;
	}

	.about-action a:hover {
		padding: 18px;
	}

	.about-action a img {
		width: 40px;
		height: auto;
	}

	/* ==================== [ About Us End ] ==================== */

	/* ==================== [ About Glance Start ] ==================== */
	.about-glance {
		padding: 146px 0 110px;
		position: relative;
	}

	.about-glance .heading {
		padding-bottom: 18px;
		border-bottom: var(--border);
	}

	.about-glance .heading * {
		margin-bottom: 0;
	}

	.about-glance .card {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		gap: 40px;
		padding: 48px 0 30px;
		background-color: var(--transparent);
		border: 0;
		border-bottom: var(--border);
		border-radius: 0;
	}

	.about-glance .card:last-child {
		border-bottom: 0;
	}

	.about-glance .card .title * {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 95px;
		line-height: normal;
		max-width: 762px;
	}

	.about-glance .card .disc {
		max-width: 713px;
	}

	.about-glance .card .disc * {
		color: var(--dark);
		font-family: var(--pp-Mori);
		font-size: 24px;
		font-weight: 400;
		line-height: 38px;
	}

	/* ==================== [ About Glance End ] ==================== */


	/* ==================== [ Work Details Banner Start ] ==================== */
	.work-detail-banner {
		padding: 176px 0 138px;
	}

	.work-detail-banner .brand-solutions-top-btn {
		margin-bottom: 40px;
	}

	.work-detail-banner .work-detail-banner .main-heading {
		margin-bottom: 56px;
	}

	.work-detail-banner .main-heading .sub * {
		color: var(--soft-red);
		font-weight: 600;
		margin-bottom: 18px;
		text-transform: uppercase;
	}

	.work-detail-banner .main-heading .title * {
		font-family: var(--nib-pro);
		font-size: 64px;
		line-height: normal;
		margin-bottom: 0;
	}

	.work-detail-banner .sector-group {
		padding-bottom: 60px;
		border-bottom: var(--border);
	}

	.work-detail-banner .sector-group .sector * {
		margin-bottom: 0;
	}

	.work-detail-banner .sector-group .sector strong {
		color: var(--soft-red);
		font-weight: 600;
		text-transform: uppercase;
	}

	.work-detail-banner .disc-group {
		padding-top: 60px;
	}

	.work-detail-banner .disc-group .message *,
	.work-detail-banner .disc-group .content .disc * {
		margin-bottom: 20px;
	}

	.work-detail-banner .disc-group .content .disc br {
		margin-bottom: 0px;
	}

	.work-detail-banner .disc-group .message *:last-child,
	.work-detail-banner .disc-group .content .disc *:last-child {
		margin-bottom: 0px;
	}

	.work-detail-banner .disc-group .message strong,
	.work-detail-banner .disc-group .content .disc strong {
		color: var(--soft-red);
		font-weight: 600;
		text-transform: uppercase;
	}

	/* ==================== [ Work Details Banner End ] ==================== */

	/* ==================== [ Full Video Start ] ==================== */
	.full-video {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.full-video * iframe {
		pointer-events: none;
	}

	.full-video * {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.full-video img {
		height: auto;
		max-height: 100vh;
	}

	/* ==================== [ Full Video End ] ==================== */

	/* ==================== [ Work Detail Core Start ] ==================== */
	.work-detail-core {
		position: relative;
		padding: 304px 0 270px;
	}

	/* ==================== [ Work Detail Core End ] ==================== */

	/* ==================== [ Work Detail Gallery Start ] ==================== */
	.work-detail-gallery {
		position: relative;
		padding: 48px 0;
		display: flex;
	}

	.work-detail-gallery {
		position: relative;
		padding: 48px 0;
		display: flex;
	}

	.work-detail-gallery .gallery-group {
		display: flex;
		flex-wrap: wrap;
		column-gap: 56px;
		row-gap: 42px;
	}

	.work-detail-gallery .gallery-group .gallery.full {
		flex: 0 0 100%;
	}

	.work-detail-gallery .gallery-group .gallery.half {
		flex: 0 0 calc(50% - 28px);
	}

	.work-detail-gallery .gallery-group .gallery * {
		width: 100%;
		height: 100%;
	}

	/* .work-detail-gallery .gallery-group .gallery.half * {
		width: 100%;
		aspect-ratio: 732/495;
		object-fit: cover;
		object-position: center;	
		background-color: var(--black);
		overflow: hidden;
	} */

	.work-detail-gallery .gallery-group .gallery.half .video-wrapper {
		pointer-events: none;
	}

	/* ==================== [ Work Detail Gallery End ] ==================== */


	/* ==================== [ Contact Banner Start ] ==================== */
	.contact-banner {
		position: relative;
		padding: 272px 0 86px;
	}

	.contact-banner .title {
		text-align: center;
	}

	.contact-star-lottie {
		width: 170px;
		height: auto;
		display: inline-block;
		margin-inline: -15px;
		transform: rotate(30deg);
	}

	.contact-location-lottie {
		width: 72px;
		height: auto;
		display: inline-block;
		margin-inline: -15px;
	}

	.contact-banner .title * {
		font-family: var(--nib-pro);
		font-size: 268px;
		line-height: normal;
		margin-bottom: 0;
	}

	.contact-banner .title img {
		width: 163px;
		height: auto;
	}

	/* ==================== [ Contact Banner End ] ==================== */

	/* ==================== [ Contact Form Start ] ==================== */
	.contact-form {
		padding-bottom: 142px;
	}

	.contact-form .input-group {
		position: relative;
		gap: 18px;
		align-items: center;
	}

	.contact-form form {
		border-top: var(--border);
	}

	.contact-form .input-field {
		padding: 32px 0;
		width: 100%;
		background-color: var(--transparent);
		border: 0;
		color: var(--dark);
		font-size: 64px;
		line-height: normal;
		border-bottom: var(--border);
	}

	.contact-form .input-field::placeholder {
		transition: all 0.4s ease-in-out;
		color: var(--dark);
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
}

	.contact-form .input-group span.wpcf7-form-control-wrap {
		width: 100%;
	}

	.contact-form .check-group .wpcf7-list-item {
		margin-left: 0;
	}

	.contact-form .side-label {
		position: absolute;
		right: 0;
		top: 50px;
		opacity: 0;
		transition: opacity 0.4s ease;
	}

	.contact-form .side-label * {
		margin-bottom: 0;
		color: var(--dark);
		font-size: 34px;
		line-height: normal;
		text-transform: uppercase;
	}

	.contact-form .input-field:focus::placeholder {
		opacity: 0;
	}

	/* .input-group:has(.input-field:focus-within) .side-label {
		opacity: 1;
	}

	.input-group:has(.input-field:not(:placeholder-shown)) .side-label {
		opacity: 0;
	} */

	.contact-form textarea.input-field {
		min-height: 336px;
	}

	.contact-form .check-group {
		padding: 16px 0;
		display: flex;
		align-items: center;
		gap: 18px;
	}

	.contact-form .check-group label input {
		appearance: none;
		width: 32px;
		height: 32px;
		border-radius: 50% !important;
		border: var(--border);
		margin-top: 0;
		background-color: var(--transparent);
		position: relative;
		transition: all 0.1s ease-in-out;
		cursor: pointer;
	}

	.contact-form .check-group label span {
		font-size: 24px;
		line-height: normal;
		cursor: pointer;
		margin-left: 20px;
	}

	.contact-form .check-group label input::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 0px;
		height: 0px;
		background-color: var(--dark);
		border-radius: 50%;
		transition: all 0.1s ease-in-out;
	}

	.contact-form .check-group label input:checked {
		border: 0;
	}

	.contact-form .check-group label input:checked:before {
		width: 102%;
		height: 102%;
	}

	.contact-form .check-group label input:focus {
		outline: 0 !important;
		box-shadow: none !important;
	}

	.contact-form .check-group .form-check-input {
		background: none;
		border: none;
	}

	.contact-form .check-group .form-check-input label {
		display: flex;
		align-items: center;
	}

	.contact-form .action {
		margin-top: 34px;
	}

	.contact-form .action button {
		padding: 36px 50px;
		color: var(--dark);
		font-size: 64px;
		line-height: normal;
		background-color: var(--transparent);
		border-radius: 9999px;
		text-align: left;
		width: 0px;
		min-width: max-content;
		transition: width 0.6s ease-in-out;
		overflow: hidden;
		position: relative;
		border: 1px solid var(--black);
	}

	.contact-form .action button:hover {
		width: 100%;
	}

	.contact-form .action .arrow {
		position: absolute;
		right: 50px;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		transition: all 0.3s ease-in-out;
		overflow: hidden;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.contact-form .action button .arrow * {
		transform: translateX(-100%);
		width: 50px;
		height: auto;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
	}

	.contact-form .action button:hover .arrow * {
		animation: arrowShow 0.6s ease-in-out forwards 0.5s;
		-webkit-animation: arrowShow 0.6s ease-in-out forwards 0.5s;
	}

	.contact-form .wpcf7-response-output {
		border: none !important;
		padding: 0 !important;
	}

	.contact-form .wpcf7-form.invalid .wpcf7-response-output {
		color: #dc3232;
	}

	.contact-form .wpcf7-form.sent .wpcf7-response-output {
		color: #0bb60b;
	}

	.contact-form .wpcf7-spinner {
		display: block !important;
		margin: 20px !important;
	}

	@keyframes arrowShow {
		0% {
			transform: translateX(-100%);
		}

		100% {
			transform: translateX(0);
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
		}
	}

	/* ==================== [ Contact Form End ] ==================== */

	/* ==================== [ Find Us Start ] ==================== */
	.find-us {
		position: relative;
		padding: 88px 0 100px;
	}

	.find-us .find-heading {
		padding-bottom: 18px;
		border-bottom: var(--border);
		margin-bottom: 78px;
	}

	.find-us .find-heading * {
		margin-bottom: 0;
	}

	.find-us .action-title * {
		font-size: 36px;
		font-weight: 600;
		line-height: 38px;
	}

	.find-us .normal-action {
		margin-top: 66px;
	}

	.find-us .normal-action ul li {
		width: fit-content;
	}

	.find-us .normal-action ul li {
		font-size: 36px;
		font-weight: 400;
		line-height: 38px;
		padding: 18px 0;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.find-us .normal-action ul li:hover {
		padding-left: 15px;
	}

	.find-us .normal-action ul li a:hover {
		padding: 0;
		font-weight: 600;
	}

	.find-us .normal-action li span {
		font-weight: 600;
		margin-right: 5px;
	}

	.find-us .normal-action a {
		border: 0;
		padding: 0;
	}

	.find-us .location-group {
		display: flex;
		align-items: flex-start;
		gap: 20px;
	}

	.find-us .location-group p {
		font-size: 36px;
		margin-bottom: 0;
	}

	/* ==================== [ Find Us End ] ==================== */

	/* ==================== [ Social Page css Start ] ==================== */

	/* ==================== [ Social-media carousell css Start ] ==================== */

	.social-media-main-block {
		padding: 0 0 124px 0;
	}

	.carouselTicker.social-media {
		/* pointer-events: none; */
	}

	.carouselTicker.social-media ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.carouselTicker.social-media ul li {
		width: 100%;
		max-width: 310px;
		position: relative;
		margin: 0 62px 0 0;
		flex: 0 0 auto;
	}

	.carouselTicker.social-media ul li .carousel-img {
		width: 100%;
		max-width: 310px;
		height: 552px;
		border-radius: 16px;
		overflow: hidden;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
	}

	.carouselTicker.social-media ul li .carousel-img * {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all 0.4s ease-in-out;
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
	}

	.carouselTicker.social-media .video-link {
		position: relative;
		width: 100%;
		max-width: 310px;
		height: 552px;
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
	}

	.carouselTicker.social-media .video-link * {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.carouselTicker.social-media .video-link:hover .carousel-img * {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
	}

	.carouselTicker.social-media .play-btn {
		width: 70px;
		height: 70px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		padding: 15px 12px 15px 20px;
		cursor: pointer;
		border-radius: 50%;
		background: var(--body);
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
	}

	.carouselTicker.social-media .play-btn * {
		width: 100%;
		height: 100%;
	}

	.carouselTicker.social-media .video-link:hover .play-btn {
		background-color: var(--baby-pink);
	}

	.carouselTicker.social-media .video-link iframe {
		position: relative !important;
		width: 100%;
		height: 552px !important;
		background: #000000;
		pointer-events: none;
		user-select: none;
	}

	/* ==================== [ Social-media carousell css End ] ==================== */

	/* ==================== [result-driven css Start ] ==================== */
	.result-driven-main-block {
		padding: 140px 0 55px 0;
	}

	.result-driven-main-block.result-driven-slider-block {
		padding: 55px 0 75px;
	}

	.result-driven-main-block.result-driven-collaborative {
		padding: 75px 0 125px 0;
	}

	.result-driven-slider-block .result-driven-slider,
	.result-driven-collaborative .result-driven-bottom-content {
		padding: 0;
	}

	.result-driven-wrp .title * {
		margin-bottom: 0;
	}

	.result-driven-wrp .title {
		padding-bottom: 30px;
		border-bottom: var(--border);
	}

	.result-driven-block-container {
		width: 100%;
		max-width: 1390px;
		margin-top: 105px;
	}

	.result-driven-block-container .result-driven-block {
		width: 100%;
		max-width: 356px;
	}

	.result-driven-block .counter-title * {
		color: var(--dark);
		font-family: var(--nib-pro);
		font-size: 128px;
		font-weight: 400;
		line-height: normal;
	}

	.result-driven-bottom-content .result-driven-description {
		width: 100%;
		max-width: 1006px;
		margin: 0 auto 20px;
	}

	.result-driven-bottom-content .result-driven-middle-content {
		width: 100%;
		max-width: 1262px;
		margin: 60px auto 80px;
	}

	.result-driven-middle-content span {
		color: var(--soft-red);
	}

	.result-driven-middle-content strong {
		color: var(--purple);
		font-weight: 500 !important;
	}

	.result-driven-middle-content small {
		color: var(--soft-pink);
	}

	.result-driven-description .disc * {
		color: var(--deep-purple);
		font-size: 24px;
		font-weight: 600;
		line-height: normal;
	}

	.result-driven-description .disc * span {
		display: block;
		font-style: italic;
		font-weight: 100;
	}

	.result-driven-slider {
		padding: 60px 0;
	}

	.carouselTicker.result-driven-carousel {
		pointer-events: none;
	}

	.carouselTicker.result-driven-carousel ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.carouselTicker.result-driven-carousel ul li {
		position: relative;
		margin: 0 60px 0 0;
		flex: 0 0 auto;
	}

	.carouselTicker.result-driven-carousel ul li .carousel-img {
		width: 100%;
		max-width: 410px;
		height: 512px;
	}

	.carouselTicker.result-driven-carousel ul li .carousel-img * {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-ms-border-radius: 16px;
		-o-border-radius: 16px;
	}

	/* ==================== [result-driven css End ] ==================== */


	/* ==================== [ Social Page css End ] ==================== */