boby{
	font-family: "Montserrat", sans-serif;
	background: #EEF4FF;
	margin: 0;
	overflow-x: hidden;
}
p{
	margin-top: 0;
	margin-bottom: 0;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0;
	margin-bottom: 0;
}
ul {
	margin: 0;
	list-style: none;
}
.spacer {
	width: 100%;
	height: 50vh;
	background: #ddd;
	z-index: 1000;
	position: relative;
}
.container {
	margin: auto;
	max-width: 80.313vw;
	position: relative;
}
.gallery {
	display: flex !important;
	position: relative;
	height: 300vh;
	margin-bottom: 12vh;
	align-items: flex-start;
	justify-content: space-between;
}
.center {
	width: 27.76vw;
	height: 300vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: end;
	float: right;
}
body.rtl .center{
	float: left;
}
.right {
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 20vh;
	padding-top: 40%;
}
.left {
	width: 65%;
}
.left .left-inner {
	width: 43%;
	margin-top: 8%;
	float: left;
	height: 300vh;
}
body.rtl .left .left-inner{
	float: right;
}
.photos {
	width: 80%;
	height: 80vh;
	background: maroon;
	margin-top: 20%;
}
.card {
	background: black;
	width: 21.417vw;
	border-radius: 1.458vw;
	height: 23.958vw;
	opacity: 0; 
	transform: translateY(100px); 
	margin-bottom: 1rem;
	padding: 0.0vw 1.198vw 0;
	position: relative;
	border:none;
}
.card .logo{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px 0;
}
.card .logo p{
	font-size: 2.529vw;
	line-height: 4.088vw;
	margin: 0;
	color: black;
	padding-top: 1.971vw;
}
.card .logo img{
	width: 5.104vw;
	height: auto;
}
.card span{
	display: inline-block;
	position: absolute;
	bottom: 1.823vw;
	left: 1.406vw;
	background: #FFFFFFCC;
	padding:0.365vw 0.833vw;
	border-radius: 4.688vw;
	font-size: 0.625vw;
	line-height: 0.685vw;
	font-weight: 700;
	min-width: 4.594vw;
}
body.rtl .card span{
	left: unset;
	right: 1.406vw;
}
.card.doritos .logo p{
	color: #fff;
}
.desktopPhotos {
	margin-top: 0;
	width: -webkit-fill-available;
	height: 42.031vw;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	background: transparent;
	margin-top: 17%;
}
.desktopPhoto {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.red {
	background-image: url("https://teamreactivate.ae/wp-content/uploads/2024/09/sunsilk.png");
}
.green {
	background-image: url("https://teamreactivate.ae/wp-content/uploads/2024/09/dorritos.png");
}
.pink {
	background-image: url("https://teamreactivate.ae/wp-content/uploads/2024/09/comfort.png");
}
.sunsilk{
	background: rgb(255,194,135);
	background: linear-gradient(80deg, rgba(255,194,135,1) 0%, rgba(255,148,50,1) 100%);
}
.doritos{
	background: rgb(102,102,102);
	background: linear-gradient(80deg, rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%);
}
.confort{
	background: rgb(193,188,255);
	background: linear-gradient(80deg, rgba(193,188,255,1) 0%, rgba(255,148,196,1) 100%);
}
.details {
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	transform: translateY(100px);
	width: 100%;
	margin-bottom: 0;
	transition: all 0.2s;
}
.detail-inner {
	background: #E1E1E1;
	border-radius: 1.458vw;
	height: 27.396vw;
	padding: 1.719vw 2.552vw;
}
.detail-inner p{
	font-size: 1.06vw;
	line-height: 2.46vw;
	margin: 0;
	margin-bottom: 0.729vw;
	font-weight: 400;
	color: #000;
}
.detail-inner a{
	display: inline-block;
	font-size: 0.625vw;
	line-height: 0.675vw;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	padding: 1.146vw 1.302vw;
	background: #B6E2EE;
	border-radius: 4.688vw;
	border:0.104vw solid #24305E;
	text-decoration: none;
}
@media (max-width: 767px) {
	.container {
		margin: auto;
		max-width: 90.313vw;
		position: relative;
	}
	.left {
		width: 100% !important;
		display: flex;
		flex-direction: column;
	}
	.left .left-inner{
		order: 2;
		width: 100%;
	}
	.center {
		order: 1;
		width: 100%;
		height: auto;
	}
	.right {
		display: none;
	}
	.desktopPhotos{
		height: 67vh;
		margin-top: 30px;
	}
	.desktopPhoto{
		background-size: 100% 100%;
	}
	.card {
		width: -webkit-fill-available;
		height: 30.958vh;
		padding: 6px 16px;
	}
	.card .logo img {
		width: 8.104vh;
	}
	.card .logo p {
		font-size: 4.229vh;
		line-height: 5.688vh;
		margin: 0;
		color: black;
		padding-top: 0.971vh;
		width: 70%;
	}
	.card .logo{
		padding: 10px 0;
	}
	.card span {
		bottom: 2.823vh;
		left: 1.406vh;
		padding: 0.465vh 1.833vh;
		border-radius: 4.688vh;
		font-size: 1.49vh;
		line-height: 1.785vh;
		min-width: 6.594vh;
	}
}
.expertise-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1.04vw;
}

.expertise-row .expertise-box {
	text-align: center;
	padding: 1.04vw;
	transition: transform 0.3s ease;
	position: relative;
}

.expertise-row .expertise-box:nth-child(even) {
	transform: translateY(7.29vw);
}

.expertise-row .expertise-box .expertise-face {
	position: relative;
	width: 16.15vw;
	height: 23.18vw;
	border-radius: 8.33vw;
	margin-bottom: 1.04vw;
	padding: 1.04vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 0 2.08vw 0.1vw #ffffff00;
	transition: all 0.3s;
}

.expertise-row .expertise-box .expertise-face img {
	width: 100%;
}

.expertise-infilancer .expertise-face {
	background-color: #FF1493;
}

.expertise-production .expertise-face {
	background-color: #06FF23;
}

.expertise-digital .expertise-face {
	background-color: #FFEC12;
}

.expertise-desgin .expertise-face {
	background-color: #FF7503;
}

.expertise-row .expertise-box .expertise-face .eyes-outer {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 57%;
	display: flex;
	justify-content: space-between;
}

.expertise-row .expertise-box .expertise-face .eyes-outer .eye {
	border-radius: 50%;
	background: linear-gradient(90deg, #fff 50%, #000 50%);
	height: 3.39vw;
	width: 3.39vw;
	border: 0.31vw solid #000;
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.expertise-row .expertise-box .expertise-face .eyes-outer .eye span {
	display: block;
	background-color: #fff;
	width: 0.68vw;
	height: 0.68vw;
	transform: rotate(45deg);
}

.expertise-row .expertise-box .expertise-face .smile {
	position: absolute;
	top: 15.05vw;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 11.46vw 11.46vw 20.83vw 20.83vw;
	width: 4.06vw;
	height: 0;
	background-color: #fff;
	border-width: 0.68vw 0.52vw 0.78vw 0.62vw;
	border-style: solid;
	border-color: #000;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	overflow: hidden;
}

.expertise-row .expertise-box .expertise-face .smile span {
	transition: all 0.3s;
	width: 0;
	height: 0;
}

.expertise-row .expertise-box .expertise-description p {
	color: #fff;
	line-height: 1.58vw;
	font-size: 1.3vw;
	font-weight: 700;
	transition: all 0.3s;
}

.expertise-row .expertise-box:hover .expertise-face .smile {
	width: 6.51vw;
	border-width: 0.57vw !important;
	height: 2.76vw;
}

.expertise-row .expertise-box:hover .expertise-face .smile span {
	height: 2.19vw;
	display: block;
	width: 0.57vw;
	background-color: #000;
}

.expertise-row .expertise-box:hover .expertise-face .eyes-outer .eye {
	transform: rotate(-180deg);
}

.expertise-row .expertise-box.expertise-infilancer:hover .expertise-description p {
	color: #FF1493;
}

.expertise-row .expertise-box.expertise-production:hover .expertise-description p {
	color: #06FF23;
}

.expertise-row .expertise-box.expertise-digital:hover .expertise-description p {
	color: #FFEC12;
}

.expertise-row .expertise-box.expertise-desgin:hover .expertise-description p {
	color: #FF7503;
}

.expertise-row .expertise-box:hover {
	transform: translateY(-1.3vw);
}

.expertise-row .expertise-box:nth-child(even):hover {
	transform: translateY(6.25vw);
}

.expertise-row .expertise-box.expertise-infilancer:hover .expertise-face {
	box-shadow: 0 0 2.08vw 0.1vw #FF1493;
}

.expertise-row .expertise-box.expertise-production:hover .expertise-face {
	box-shadow: 0 0 2.08vw 0.1vw #06FF23;
}

.expertise-row .expertise-box.expertise-digital:hover .expertise-face {
	box-shadow: 0 0 2.08vw 0.1vw #FFEC12;
}

.expertise-row .expertise-box.expertise-desgin:hover .expertise-face {
	box-shadow: 0 0 2.08vw 0.1vw #FF7503;
}

/* Mobile Styles */
@media (max-width: 768px) {
	.expertise-row {
		justify-content: space-between;
		gap: 15px;
		align-items: flex-start;
	}

	.expertise-row .expertise-box {
		padding: 0vw;
		max-width: min-content;
	}

	.expertise-row .expertise-box .expertise-face {
		width: 40vw;
		height: 55vw;
		border-radius: 21vw;
		padding: 9px;
		margin-bottom: 12px;
	}

	.expertise-row .expertise-box .expertise-face .eyes-outer .eye {
		height: 9vw;
		width: 9vw;
		border-width: 0.888vw;
	}

	.expertise-row .expertise-box .expertise-face .smile {
		top: 38vw;
		width: 13vw;
		border-width: 0.99vw;
		height: 6vw;
	}

	.expertise-row .expertise-box .expertise-description p {
		line-height: 4vw;
		font-size: 3.55vw;
	}

	.expertise-row .expertise-box:hover {
		transform: translateY(-2vw);
	}

	.expertise-row .expertise-box:nth-child(even):hover {
		transform: translateY(8vw);
	}

	.expertise-row .expertise-box:nth-child(even) {
		transform: none;
	}
	.expertise-row .expertise-box .expertise-face .eyes-outer .eye span{
		width: 1.68vw;
		height: 1.68vw;
	}
}
#main-scrollbar {
	width: auto;
	height: 100%;
	overflow: auto;
	margin: 0;
}

.work-item {
	text-decoration: none;
	display: block;
	width: 100%;
	position: relative;
	height: 75vh;
	overflow: hidden;
}

.work-item:hover {
	text-decoration: none;
}

.work-item::before, .work-item::before {
	content: " ";
	position: absolute;
	width: 100vw;
	height: 75vh;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .1);
	z-index: 1;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}

.work-item__image, .work-item__image {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(-75vh);
	-ms-transform: translateY(-75vh);
	transform: translateY(-75vh);
	top: 0;
	left: 0;
}

.text--white {
	color: #fff;
}
.projects-section {
	padding-bottom: 100px;
}

.project-box {
	position: relative;
	margin-bottom: 120px;
}

.project-content {
	position: absolute;
	top: 50%;
	left: 12%;
	transform: translate(0, -50%);
	color: #fff;
	z-index: 1;
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
body.rtl .project-content{
	left: unset;
	right: 15%;
}
.project-content p {
	font-size: 12px;
	margin-bottom: 45px;
	font-weight: 300;
	line-height: 1;
	background: #c7c7c736;
	border-radius: 30px;
	padding: 7px 13px;
	backdrop-filter: blur(6px);
	display: inline-block;
}

.project-content h3 {
	font-size: 40px;
	line-height: 38px;
	/* position: relative; */
	margin-bottom: 15px;
	font-weight: 300;
}

.project-logo {
	margin-bottom: 40px;
}
.work-item:hover::before, .work-item:hover::before {
	background: rgba(0, 0, 0, .4);
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}

.work-item__image img {
	transform: scale(1.3, 1.3);
}
/* Reveal Animation */

.reveal-text {
	position: relative;
	color: #fff;
	font-size: 4rem;
	left: 0;
	opacity: 0;
	transition: all 0.5s;
	transition-delay: 0.2s;
}

.anim-reveal-box {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.anim-text {
	position: relative;
	color: #000;
	transform-origin: left;
	transform: scaleX(0);
	transition: 0.3s;
	transition-delay: 0.5s;
}

.anim-text:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-color: #000;
	transform-origin: right;
	transition: 0.3s;
	transition-delay: 0.5s;
}

.anim-reveal-box.active .anim-text {
	transform: scaleX(1);
	transition-delay: 0;
}

.anim-reveal-box.active .anim-text:before {
	transform: scaleX(0);
	transition-delay: 0.7s;
}

.reveal img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.reveal {
	visibility: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.co-expertise-headinglight {
	font-size: 90px;
	display: inline-block;
}

.co-expertise-headinglight span {
	font-family: "Montserrat", sans-serif;
}

.main-headdiv{
	padding-top: 150px;
}
.workmain-div .heading-icon {
	display: inline-block;
	background-image: url(../images/cocreation.png);
	height: 136px;
	width: 136px;
	left: auto;
	top: -30px;
	margin: auto;
	z-index: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.pt-cv-blockgrid.grid1.layout3 .pt-cv-content-item{
	position: relative;
	min-width: 380px;
}
.pt-cv-blockgrid.grid1.layout3 .pt-cv-remain-wrapper{
	border-radius: 0px;
	opacity: 1;
	margin: 0 0;
	transition: all 0.3s;
	position: absolute;
	bottom: 0;
	backdrop-filter: blur(0px);
	left: 0;
	right: 0;
	height: 90px;
	padding: 10px 20px !important;
	background-color: #18181829 !important;
}
.pt-cv-taxoterm{
	opacity: 0;
	transition: all 0.2s;
	display: flex;
}
.pt-cv-content{
	transition: all 0.2s;
	opacity: 0;
}
.pt-cv-blockgrid.grid1.layout3 .pt-cv-content-item:hover .pt-cv-content{
	opacity: 1;
}
.pt-cv-blockgrid.grid1.layout3 .pt-cv-content-item:hover .pt-cv-taxoterm{
	opacity: 1;
}
.pt-cv-blockgrid.grid1.layout3 .pt-cv-content-item:hover .pt-cv-remain-wrapper{
	margin: 0px 10px 10px;
	height: 200px;
	opacity: 1;
	border-radius: 10px;
	backdrop-filter: blur(5px);
}
.elementor-1056 .elementor-element.elementor-element-4862b26 .pt-cv-pagination-wrapper a{
	border: 1px solid var( --e-global-color-primary ) !important;
}
.contact-form .contact-check li label {
	border-radius:30px;
	background: #fff;
	border: solid 1px #ddd;
	color: #161616;
	padding: 8px 15px !important;
	transition: all 0.3s;
}
.contact-form .contact-check li input{
	display: none !important;
}
.contact-form .contact-check li.wpforms-selected input:checked+label{
	background-color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
	color:#fff;
}
.contact-form .wpforms-submit{
	padding: 15px 35px !important;
	font-size: 15px !important;
	line-height: 1 !important;
	height: fit-content !important;
}
.elementor-4649 .elementor-element.elementor-element-6e178a40 .elementor-nav-menu--main .menu-item-1069 .elementor-item.elementor-item-active {
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-primary);
}

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

	img.client-images {
		width: 70px;
		margin-bottom: 10px;
	}
	img.award-images {
		margin-bottom: 20px;
	}
	.project-content h3 {
		font-size: 20px;
		line-height: 20px;
	}
	.project-content p {
		margin-bottom: 10px;
	}
	.portfolio-logo-boxes {
		padding-bottom:40px;
	}
	.work-item__image, .work-item__image {
		height: auto;
		transform: translateY(0) !important;
	}
	.project-content h3 {
		display: none;
	}
	.reveal-text{
		font-size: 2rem;
	}
	.reveal-text img {
		width: 90px;
	}
}
/*Begin Agency Page*/