/*
Theme Name: Optimations
Description: Optimations child theme.
Author: OptimationsAI
Template: oceanwp
Version: 1.0

*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=============== GENERAL STYLES FOR THE WEBSITE =================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 
Author URI: https://oceanwp.org/
*/
::selection {
  color: #2d0d60;
  background: #d59fe7;
  text-shadow: none;
}

/* Navigation */
/* Underline  */
#menu-1-93336fd a:hover.elementor-item::after, #menu-1-93336fd a:active.elementor-item::after  {
	background: linear-gradient(90deg, #5A19BF, #970EC4, #FFE000, #CC0D88, #049604);
	transform: scaleX(1);
}
/* Acitve nav */
.e--pointer-underline .elementor-item:before, .e--pointer-underline .elementor-item:after {
	background: linear-gradient(90deg, #5A19BF, #970EC4, #FFE000, #CC0D88, #049604);
}

html, body, h1, span, .elementor-slides .swiper-slide-inner .elementor-slide-heading  {
	font-size: unset !important;
}
body {
	font-family: "Roboto", serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 34px;
}
h1, .elementor-slide-heading h1 {
	font-size: 54px !important;
	color: #ffffff;
	font-weight: 300;
	text-transform: uppercase;
}
h2 {
	font-size: 48px !important;
	font-weight: 400;
	color: #5a19bf;
	text-transform: uppercase;
	margin-bottom: 0px;
}
h3 {
	font-size: 36px !important;
	font-weight: 300;
	color: #5a19bf;
	line-height: 1;
	margin-bottom: 0px;
}
h4 {
	font-size: 24px !important;
	font-weight: 400;
}
h5 {
	font-size: 24px !important;
	font-weight: 300;
	line-height: 40px !important;
}
h6 {
	font-size: 20px !important;
}
.body2 {
	font-size: 18px;
	font-weight: 400;
}
a {
  	color: #CC0D88;
	transition: all 2s ease;
}
a:hover, a:focus {
  	color: #36ab36;/*#d63da0; */
	outline: unset;
}

/* Focus nav */
a:focus {
	outline: solid 0px !important;
} 
.white-text {
	color: #ffffff !important;
}
.violet-text {
	color: #5a19bf;
	font-weight: 400;
}
.purple-text {
	color: #970EC4;	
}
.light-purple-text {
	color: #c16edc !important;
}
.light-violet-text{
	color: #9c75d9;
}
.green-text {
	color: #68c068;
}
.light-red-text {
	color: #e06eb8;
}
.light-yellow-text {
	color: #ffec66;
}
.light-gray-text {
	color: #7b7979;
}
/* --- BUTTON STYLING --- */
.elementor-button, .elementor-button:focus, .elementor-button:active, .juicer-feed .j-paginate {
	position: relative;
  	background-color: unset !important;
	background: transparent;
	color: #5a19bf !important;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: 400 !important;
	font-size: 18px !important;
	-webkit-transition: all 1s ease !important;
  	-moz-transition: all 1s ease !important;
  	-ms-transition: all 1s ease !important;
  	-o-transition: all 1s ease !important;
  	transition: all 1s ease !important;
}
.elementor-button::before, .juicer-feed .j-paginate::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 3px;
	border: 2px solid transparent;
  	background: linear-gradient(-60deg, rgba(204,13,136,.3), #5a19bf);
	mask: linear-gradient(#000 0 0) content-box,
		  linear-gradient(#000 0 0);
	mask-composite: exclude;
}
.elementor-button::after, .juicer-feed .j-paginate::after {
	content: "";
    position: absolute;
    inset: 0;
	transform: translate(-22px, 0px) scale(0.2);
	background: linear-gradient(-60deg, #5a19bf 0%, #cc0d88 50%, #970ec4 100%); 
	background: -webkit-linear-gradient(-60deg, #5a19bf 0%, #cc0d88 50%, #970ec4 100%);
    z-index: 0; /* -1; */
    opacity: 0;
    transition: opacity 500ms, transform 500ms cubic-bezier(.29,.57,.74,.32);
}
.elementor-button:hover, .juicer-feed .j-paginate:hover {
	position: relative;
	font-weight: 400 !important;
  	background-color: unset !important;
	color: #ffffff !important;
	-webkit-transition: all 500ms ease !important;
  	-moz-transition: all 500ms ease !important;
  	-ms-transition: all 500ms ease !important;
  	-o-transition: all 500ms ease !important;
  	transition: all 500ms ease !important;
	box-shadow: 0 0 15px #5a19bf;
	background-position: right center;
} 
.elementor-button:hover::after, .juicer-feed .j-paginate:hover::after {
	opacity: 1;
	transform-origin: 500px 100px 500%;
    transform: scale(1) translate(0px, 0px);
}
.elementor-button-text {
	z-index: 1;
}
/* --- INDUSTRIES BUTTON STYLING --- */
.industries .elementor-button {
}

.industries .elementor-button::before {
	content: "";
	position: absolute;
	background: linear-gradient(-60deg, #049604, #970ec4);/*
  	mask: linear-gradient(#000 0 0) content-box, 
		  linear-gradient(#000 0 0);
  	mask-composite: exclude; */
}
.industries .elementor-button::after {
	background: linear-gradient(-60deg, #049604, #970ec4);
	background: -webkit-linear-gradient(-60deg, #049604, #970ec4);
	z-index: 0;
}

.industries .elementor-button:hover, .industries .elementor-button:focus {
} 

.industries .elementor-button:hover::after {
}
.industries .elementor-button-text {
	z-index: 1;
}
/* INDUSTRIES END button styling */



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
============== HEADER / HERO IMAGE / NAVIGATION ================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.gradient-text {
	font-weight: 700;
	background: linear-gradient(to right, #FFE000, #970EC4, #CC0D88, #FFE000, #049604); 
            -webkit-text-fill-color: transparent; 
            -webkit-background-clip: text;
}
.hero-text .elementor-slide-heading {
	font-size: 54px !important;
	font-weight: 300 !important;
	text-transform: uppercase;
}

/*
.menu-item-type-custom a:focus.elementor-item {
	background: linear-gradient(90deg, #5A19BF, #970EC4, #FFE000, #CC0D88, #049604) !important;
	transform: scaleX(1);
} */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
===================== CONTENT AREA / BODY ======================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.elementor-91 .elementor-element.elementor-element-b059fb4 {
	position: relative;
	z-index: 0;
	border-radius: 10px;
	overflow: hidden;
}
.elementor-91 .elementor-element.elementor-element-b059fb4::before {
	content: '';
		position: absolute;
		z-index: -2;
		left: -140%;
		top: -120%;
		width: 400%;
		height: 400%;
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: 50% 50%, 50% 50%;
		background-position: 0 0, 100% 0, 100% 100%, 0 100%;
		background-image: linear-gradient(rgba(151, 14, 196, .5), rgba(4, 150, 4, .5)), linear-gradient(rgba(90, 25, 191, .5), rgba(204, 13, 136, .5)), linear-gradient(rgba(255, 224, 0, .5), rgba(90, 25, 191, .5)), linear-gradient(rgba(4, 150, 4, .5), rgba(255, 224, 0, .5));
		animation: rotate 20s linear infinite;
}

.elementor-91 .elementor-element.elementor-element-b059fb4::after {
	content: '';
		position: absolute;
		z-index: -1;
		left: 6px;
		top: 6px;
		width: calc(100% - 12px);
		height: calc(100% - 12px);
		background: white;
		border-radius: 5px;
}
@keyframes rotate {
	100% {
		transform: rotate(1turn);
	}
}


/*.elementor-91 .elementor-element.elementor-element-b059fb4 {
	box-shadow: /* ie */ /*
                 0px 0px 19px -6px rgba(90, 25, 191, .5), /* top - THE RED SHADOW *//*
                 0px  5px  15px  0px  rgba(204, 13, 136, .7), /* bottom *//*
                 5px  0px  15px  0px  rgba(255, 224, 0, 1), /* right *//*
				 10px  10px  15px  0px	rgba(4, 150, 4, 1),
                -5px  0px  15px  0px  rgba(151, 14, 196, 1) !important; /* left *//*
    -webkit-box-shadow:
                 0px 0px 19px -6px rgba(90, 25, 191, .5), /* top - THE RED SHADOW *//*
                 0px  5px  15px  0px  rgba(204, 13, 136, .7), /* bottom *//*
                 5px  0px  15px  0px  rgba(255, 224, 0, 1), /* right *//*
				 10px  0px  15px  0px	rgba(4, 150, 4, 1),
                -5px  0px  15px  0px  rgba(151, 14, 196, 1) !important; /* left *//*
    -moz-box-shadow:
                 0px 0px 19px -6px rgba(90, 25, 191, .5), /* top - THE RED SHADOW *//*
                 0px  5px  15px  0px  rgba(204, 13, 136, .7), /* bottom *//*
                 5px  0px  15px  0px  rgba(255, 224, 0, 1), /* right *//*
				 10px  0px  15px  0px	rgba(4, 150, 4, 1),
                -5px  0px  15px  0px  rgba(151, 14, 196, 1) !important; /* left *//*
	transition: 0.3s ease-in-out;
	animation: box-shadow 5s infinite;
} *//*
.elementor-91 .elementor-element.elementor-element-b059fb4 {  
	position: relative;
	z-index: 0;  */
	/*border-radius: 100px; 12px; *//*
	overflow: hidden;
}
.elementor-91 .elementor-element.elementor-element-b059fb4::before {    
	content: "";
	position: absolute;
	z-index: -2;
	left: -50%;
	top: -50%;  
	width: 400%;/*200%; *//*
	height: 200%;
	background-repeat: no-repeat;
	background-size: 100%100%, 50%50%;
	background-position: 0 0, 100% 0, 100% 100%, 0 100%;
	background-image: linear-gradient(#5a19bf, #970ec4,#cc0d88,#049604,#ffe000, #970ec4);
	animation: missionRotate 20s linear infinite;
}
.elementor-91 .elementor-element.elementor-element-b059fb4::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: linear-gradient(#fff, #fff);
	border-radius: 100px;
}
@keyframes missionRotate {
  100% {
    transform: rotate(1turn);
  }
} */
/*
.elementor-91 .elementor-element.elementor-element-b059fb4 {
	transform: rotate(360deg);
} */
/*
@keyframes box-shadow {
	from {box-shadow: 10px 20px 30px blue; transform: rotate(0deg);}
	to {box-shadow: 10px 20px 30px blue; transform: rotate(360deg);}
} */
/*.elementor-91 .elementor-element.elementor-element-b059fb4 {
	transition: box-shadow 0.2s linear;
}*/

div.animate {
  margin: 0;
  overflow: hidden;
  font-family: 'Arial', sans-serif;
  background: #ffffff; /* #0e0e0e; */
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

canvas {
  position: absolute;
  /* top: 0;
  left: 0; */
}

.ring
{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-67%,-89%); /*translate(-50%,-93%); */
  width:110px;
  height:110px;
  background:transparent;
  /* border:3px solid #3c3c3c; */
  border-radius:50%;
  box-shadow:0 0 20px rgba(0,0,0,.5);
}
.ring:before
{
  content:'';
  position:absolute;
  top:-3px;
  left:-2px;
  width:104%;
  height:104%;
  border:3px solid transparent;
  border-top:3px solid #7b47cc;
  border-right:3px solid #7b47cc; 
	border-radius:50%;
	box-shadow: 0px 0px 20px #024b02;
  animation:animateC 2s linear infinite;
}
@keyframes animateC {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}

.ring span
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left: 49%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 2s linear infinite;
}
.ring span:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background: #7b47cc;/*#fff000; */
  top:-7px;
  right:-7px;
  box-shadow:0 0 20px #44138f;/*#ffe000; */ /* #fff000; */
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}

/* ------------- end particle -------------- */
.ai-grow img.wp-image-420 {
        animation: shadow-rotate 5s infinite ease-in-out;
		margin-top: -2.5%;/* margin-top: -4.85%; */
  		padding-bottom: 2%;
}
@keyframes shadow-rotate {
    0% {
        transform: scale(.5);
    }
    50% {
        transform: scale(1.5); filter: drop-shadow(0 0 0.75rem rgba(255,255,255, 0.95));
    }
	100% {
			transform: scale(.5);
	}
}

.elementor .approach-tabs.elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
	background-color: unset;
	background-color: transparent;
}
.elementor-widget-n-tabs .e-n-tab-title-text {
	font-size: unset !important;
	font-size: 18px !important;
	padding-bottom: 3px;
	color: #231F20;
}
.approach-tabs.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"] {
	border: unset;
	background: unset;
	position: relative;
	border: 2px solid #970ec4;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode="false"] > .e-n-tabs-heading .e-n-tab-title[aria-selected="false"]::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-image: linear-gradient(to right, #cc0D88, #049604, #CC0D88);
	transition: width 1s ease-out;
}
.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode="false"] > .e-n-tabs-heading .e-n-tab-title[aria-selected="false"]:hover::before {
	/*background-image: linear-gradient(to right, #cc0D88, #049604, #CC0D88); */
	width: 100%;
}

.approach-tabs.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
	font-size: 18px;
	border: 4px solid;
	border-image-slice: 1;
	width: 100%;
	border-image: linear-gradient(to right, #cc0D88, #049604, #CC0D88)1; /* MAKE ACTIVE TAB GRADIENT*/
	border-left: 0;
	border-right: 0;
	border-top: 0;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.elementor-widget-n-tabs {
	--n-tabs-title-background-color-hover: unset !important;
	--n-tabs-title-background-color-active: unset !important;
}

/* Tabs */
.elementor-element.elementor-element-93dc2dd .elementor-image-box-img img {
	width: 87px;
}
h4.elementor-image-box-title, p.elementor-image-box-description {
	color: #ffffff;
}

/* Carousel */
/* .carousel-pad-top .swiper-wrapper {
	padding-top: 7.5px;
} */
.carousel-pad-top .swiper-wrapper-64c4c10987e0cea4 {
	cursor: ;
}
.carousel-pad-top .swiper-wrapper {
	padding-top: 2%;
	padding-bottom: 2%;
}
.carousel-pad-top.elementor-widget-n-carousel .e-n-carousel > .swiper-wrapper > .swiper-slide {
	margin: 2%;
}
.elementor-91 .elementor-element.elementor-element-77dc974 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next):hover {
	transition: background-image 5s ease-in-out;
	-webkit-transition: background-image 5s ease-out;
  	-moz-transition: background-image 5s ease-out;
  	-o-transition: background-image 5s ease-out;
} 


/* -------- Industries Carousel Hover Effect --------------- */

/* .carousel-pad-top .elementor-element.elementor-element-9635cdf:hover, .carousel-pad-top .elementor-element.elementor-element-5103819:hover, .carousel-pad-top .elementor-element.elementor-element-9b38229:hover, .carousel-pad-top .elementor-element.elementor-element-3f5de6f:hover, .carousel-pad-top .elementor-element.elementor-element-b7c5afd:hover, .carousel-pad-top .elementor-element.elementor-element-58202fe:hover  {
	background: #36ab36;
	background-image: linear-gradient(-30deg, #000, #024b02, #024b02, #049604, #fff, #024b02, #000);
	transition: background-image 1s ease-in-out;
	-webkit-transition: background-image 1s ease-in-out;
  	-moz-transition: background-image 1s ease-in-out;
  	-o-transition: background-image 1s ease-in-out;
} */

.carousel-pad-top div#swiper-wrapper-cd216110befd51c58.swiper-wrapper {
	cursor: unset !important;
	cursor: default !important;
}
.carousel-pad-top .elementor-image-box-title:hover {
	color: #fff;
	transition: color .5s ease-in-out;
}

.carousel-pad-top h3.elementor-image-box-title {
	color: #970ec4;/* #ded1f2; */
}

.carousel-pad-top .elementor-element.elementor-element-5103819, .carousel-pad-top .elementor-element.elementor-element-9635cdf, .carousel-pad-top .elementor-element.elementor-element-9b38229, .carousel-pad-top .elementor-element.elementor-element-3f5de6f, .carousel-pad-top .elementor-element.elementor-element-b7c5afd, .carousel-pad-top .elementor-element.elementor-element-58202fe {
	width: 300px;
	height: 200px;
	background: #230f44; /* #2d0d60; */
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	transition: all 0.5s ease;
}
.carousel-pad-top .elementor-element.elementor-element-5103819:before, .carousel-pad-top .elementor-element.elementor-element-9635cdf::before, .carousel-pad-top .elementor-element.elementor-element-9b38229::before, .carousel-pad-top .elementor-element.elementor-element-3f5de6f::before, .carousel-pad-top .elementor-element.elementor-element-b7c5afd::before, .carousel-pad-top .elementor-element.elementor-element-58202fe::before, .elementor-91 .elementor-element.elementor-element-393a44f::before {
	content: '';
  	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%; 
	height: 200%;
	background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(255,255,255,0.5)
  );
	transform: rotate(-45deg); 
	transition: all 0.5s ease;
	opacity: 0;
}

.carousel-pad-top .elementor-element.elementor-element-5103819:hover, .carousel-pad-top .elementor-element.elementor-element-9635cdf:hover, .carousel-pad-top .elementor-element.elementor-element-9b38229:hover, .carousel-pad-top .elementor-element.elementor-element-3f5de6f:hover, .carousel-pad-top .elementor-element.elementor-element-b7c5afd:hover, .carousel-pad-top .elementor-element.elementor-element-58202fe:hover, .elementor-91 .elementor-element.elementor-element-393a44f:hover {
	transform: scale(1.05);
	box-shadow: 0 0 15px rgba(151, 14, 196,0.85);
}

.carousel-pad-top .elementor-element.elementor-element-5103819:hover::before, .carousel-pad-top .elementor-element.elementor-element-9635cdf:hover::before, .carousel-pad-top .elementor-element.elementor-element-9b38229:hover::before, .carousel-pad-top .elementor-element.elementor-element-3f5de6f:hover::before, .carousel-pad-top .elementor-element.elementor-element-b7c5afd:hover::before, .carousel-pad-top .elementor-element.elementor-element-58202fe:hover::before {
	opacity: 1;
	transform: rotate(-45deg) translateY(100%);
}
.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide {
	background: #230f44; /* #2d0d60; *//*
	display: flex;
	justify-content: center;
	align-items: center; */
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	transition: all 0.5s ease;
}
.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide::before {
	content: '';
  	position: absolute;
	top: -50%;
	left: -50%;
	background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(255,255,255,0.5)
  );
	transform: rotate(-45deg); 
	transition: all 0.5s ease;
	opacity: 0;
}
.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide:hover {
	transform: scale(1.02);
	box-shadow: 0 0 15px rgba(151, 14, 196,0.85);
}
.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide:hover::before {
	opacity: 1;
	transform: rotate(-45deg) translateY(100%);
}
.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-testimonial__icon svg {
    width: 6em;
	right: 38px;
    top: -25.5px;
	transition: all 1s ease-in-out;
}
/* -- CSS applies to Chrome Browser only.  -- */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-testimonial__icon svg {
		right: 33px !important; 
		top: -22.5px !important;
	}
} 

.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-testimonial__icon:hover {
	width: 104px !important;
	content: url(https://optimations.ai/redesign-2025/wp-content/uploads/2025/03/ai-icon-industries-white.svg);  
	position: relative;
	right: -30px;
	top: -35px;
	animation: aigrow 5s infinite ease-in-out;
	z-index: 1;
}
@keyframes aigrow {
	0% {
		transform: scale(1); top:-35px;
	}
	1% {
		opacity: 0;
	}
	2% {
		opacity: 1;
	}
	4% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	47% {
		opacity: 1;
	}
	48% {
		opacity: 0;
	}
	49% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	51% {
		opacity: 1;
	}
	52% {
		opacity: 1;
	}
	53% {
		opacity: 0;
	}
	54% {
		opacity: 1;
	}
	55% {
		opacity: 0;
	}
	56% {
		opacity: 1;
	}
	100% {
		transform: scale(2.5); top:-225px;
	}
}
.elementor-91 .elementor-element.elementor-element-6072e7c .elementor-image-box-img img {
	width: 120% !important;
	opacity:10%;
}
.elementor-91 .elementor-element.elementor-element-534063f .elementor-testimonial__image img {
	border-radius: 50%;
	padding: 3px;
	border: 1px solid #5a19bf;
}
.elementor-91 .elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide {
	background-image: radial-gradient(at center left, RGBA(45, 13, 96, 0.2) 40%, RGBA(0, 0, 0, 0.2) 100%);
}
/* .elementor-91 .elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide .elementor-testimonial.elementor-repeater-item-b6141df {
	box-shadow: 0px 0px 20px 20px rgba(90, 24, 191, 0.5);
} */

/* ------ Industries Rotating image  ------------- */

@keyframes industries {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
.elementor-91 .elementor-element.elementor-element-342e00d.industries-img-rotate > .elementor-widget-container {
	animation: industries 50s linear infinite;	
}
.elementor-element.elementor-element-342e00d.industries-img-rotate img {
	opacity: 35%;
}
/* --------- industries slider ------------ */

.elementor-91 .elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide {
 /* background-color: #2D0D60;
  border-radius: 5px;
  border-color: #5A19BF;
  width: 77% !important; */
}

/* --------- Horizontal Scroll ------------ */
/* container for image and text */
.elementor-91 .elementor-element.elementor-element-f9aee60, .elementor-91 .elementor-element.elementor-element-73d3553, .elementor-91 .elementor-element.elementor-element-91f6679, .elementor-91 .elementor-element.elementor-element-495ad95, .elementor-91 .elementor-element.elementor-element-cd907d9, .elementor-91 .elementor-element.elementor-element-31223d1 {
  	--min-height: 35vh;
	width: 59vw;
}
/* Text box width */
.elementor-91 .elementor-element.elementor-element-4bbd783, .elementor-91 .elementor-element.elementor-element-4a57fa7, .elementor-91 .elementor-element.elementor-element-8416e4a, .elementor-91 .elementor-element.elementor-element-0760cc5, .elementor-91 .elementor-element.elementor-element-7528b7b, .elementor-91 .elementor-element.elementor-element-3033f68 {
    --width: 100% !important;
    padding-right: 10%;
  }
/* Image box */
.elementor-91 .elementor-element.elementor-element-f999857, .elementor-91 .elementor-element.elementor-element-e9944d3, .elementor-91 .elementor-element.elementor-element-56bba53, .elementor-91 .elementor-element.elementor-element-a11bd0e, .elementor-91 .elementor-element.elementor-element-4e7f4d1, .elementor-91 .elementor-element.elementor-element-3ad1832 {
    padding-left: 10%;
  }

@media only screen and (min-width: 768px) {
	/* Text */
	.elementor-91 .elementor-element.elementor-element-4bbd783, .elementor-91 .elementor-element.elementor-element-4a57fa7, .elementor-91 .elementor-element.elementor-element-8416e4a, .elementor-91 .elementor-element.elementor-element-0760cc5, .elementor-91 .elementor-element.elementor-element-7528b7b, .elementor-91 .elementor-element.elementor-element-3033f68 {
		--width: 100% !important;
		padding-right: 10%;
	}
	/* Image */
	.elementor-91 .elementor-element.elementor-element-f999857, .elementor-91 .elementor-element.elementor-element-e9944d3, .elementor-91 .elementor-element.elementor-element-56bba53, .elementor-91 .elementor-element.elementor-element-a11bd0e, .elementor-91 .elementor-element.elementor-element-4e7f4d1, .elementor-91 .elementor-element.elementor-element-3ad1832 {
		padding-left: 10%;
	}
	.elementor-91 .elementor-element.elementor-element-d1832b2 {
		
	}
}

.horizontal-scroll {
  display: flex; /* Arranges sections side-by-side */
  overflow-x: scroll; /* Enables horizontal scrolling */
  width: 100vw; /* Ensures sections fill the viewport width */
}
.horizontal-scroll > * {
  width: 100vw; /* Makes each section take full width */
}
/* --- Delete Horizontal Scroll --- */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=================== FOOTER / FOOTER WIDGETS ====================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer-top {
	text-transform: uppercase;
}
.footer .elementor-widget-container {
	font-size: 12px;
}

.footer .elementor-widget-container a {
	color: #cc0d88;
	font-size: 12px;
    padding: 0 1em .3em 1em; 
}
.footer.elementor-element.elementor-element-f6d9f8b .elementor-nav-menu--main .elementor-item {
    padding-left: 1.5em !important;
  	padding-right: 1.5em !important;
	padding-bottom: .7em;
  	margin-left: 2em;
  	margin-right: 2em;
}
.footer.elementor-element.elementor-element-f6d9f8b .elementor-nav-menu--main .elementor-item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-image: linear-gradient(to right, #cc0D88, #ffe000, #CC0D88);
	transition: width 1s ease-out;
}
.footer.elementor-element.elementor-element-f6d9f8b .elementor-nav-menu--main .elementor-item:hover::before {
	width: 100%;
}

.footer .elementor-widget-container a:focus, .footer .elementor-widget-container a:hover::before {
	/* color: #d63da0;
	border-bottom: 1px solid #cc0d88;
	transition: all 1s ease-in; */
	
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
======================== MEDIA QUERIES =========================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*------------IPAD PORTRAIT-----------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
   h1, .elementor-slide-heading h1 {
        font-size: 44px !important;
    }
	h2 {
		font-size: 40px !important;
	}
	.ai-grow img.wp-image-420 {
		margin-top: -14%;
		padding-bottom: 0%;
	}
	.ring {
		transform: translate(-67%,-106%);
	}
	/* - width of slides - */
	.elementor-91 .elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide {
		margin-right: 7px;
	}
	.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-testimonial__icon svg {
		/* width: 6em; */
		right: -125px;/* -126px; -106px; */
		top: -23.5px; /* -21.5px; */
	}
	.footer.footer-top .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li {
		margin: -20px;
	}
}


/*------WEIRD ONE------*/

@media only screen and (min-width: 768px) and (max-width: 1450px) {
	.hero-text .elementor-slide-heading h1 {
		font-size: 44px !important;
	}
	h2 {
		font-size: 40px !important;
	}
	.elementor-widget-n-tabs .e-n-tab-title-text {
		font-size: 16px !important;
		padding-bottom: 0px;
		margin-bottom: -5px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1080px) {
	.ai-grow img.wp-image-420 {
		margin-top: -10.5%; 
		margin-right: -1%;
	}
	.ring {
		transform: translate(-59%,-104%);
	}
	/* About text container */
	.elementor-91 .elementor-element.elementor-element-241e576 {
		--margin-top: -6% !important;
	}
	/* Approach */
	.elementor-91 .elementor-element.elementor-element-8972319 > .elementor-widget-container {
		margin: -7% -1% -11% -178% !important;
	}
	.elementor-91 .elementor-element.elementor-element-b9df9b2 > .elementor-widget-container {
		margin: -4% 1% -7% -129% !important;
	}
	.elementor-91 .elementor-element.elementor-element-3cf3c80 > .elementor-widget-container {
		margin: 0% -6% -9% -18% !important;
	}
	.elementor-91 .elementor-element.elementor-element-6387251 > .elementor-widget-container {
		margin: -10% 0% 0% -233% !important;
	}
	
	/* Industries slides - 	WORK ON THE WIDTH OF THE SLIDERS */ 
	/* .carousel-pad-top.elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide::before {
		width: 649px;
	}
	.elementor-91 .elementor-element.elementor-element-534063f .elementor-main-swiper .swiper-slide {
		width: 77% !important;
	} */
}

/*------------IPHONE PORTRAIT-----------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    h1, .elementor-slide-heading h1 {
        font-size: 40px !important;
    }
	h2 {
		font-size: 36px !important;
	}
	h3 {
  		font-size: 32px !important;
	}
	h5 {
		font-size: 20px !important;
	}
	.hero-text > h1 {
		color: #ffffff;
	}
	.ai-grow img.wp-image-420 {
		margin-top: -19%;
		padding-bottom: 29%;
		width: 8%;
	}
	@keyframes shadow-rotate {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.25); filter: drop-shadow(0 0 0.75rem rgba(255,255,255, 0.95));
		}
		100% {
			transform: scale(1);
		}
	}
	.ring {
		transform: translate(-67%, -160%); /* -175%); */
		width: 70px;
		height: 70px;
	}
	.ring::before {
		position: absolute;
		top: -1px;
		left: -1px;
	}
	/* Approach */
	.approach-tabs.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"] {
		top: -10px;
	}
	/* Industries */
	/* Icon */
	.elementor-91 .elementor-element.elementor-element-534063f .elementor-testimonial__icon svg {
		top: -16px;
		right: -36px;
	}
	.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-testimonial__icon:hover {
		width: 50px !important;
		content: url(https://optimations.ai/redesign-2025/wp-content/uploads/2025/03/ai-icon-industries-white.svg);  
		position: relative;
		top: -51px; right: -16px;
		animation: aigrow 3s infinite ease-in-out;
	}
	
	/* Footer */
	.footer.footer-top .elementor-nav-menu a, .footer.footer-top .elementor-nav-menu a:focus, .footer.footer-top .elementor-nav-menu a:hover {
		line-height: 10px;
	}
	.footer.footer-top .elementor-nav-menu--dropdown {
		background-color: unset !important;
	}
	.footer.footer-top .elementor-nav-menu li {
		position: relative;
		display: inline-block;
	}
	.footer.footer-top .elementor-nav-menu--dropdown .elementor-item:focus {
		background: unset;
		outline: unset !important;
	}
	.footer .elementor-widget-container a:hover, .footer.footer-top .elementor-nav-menu--dropdown .elementor-item:focus {
		color: #cc0d88;
	}
	.footer.footer-top .elementor-nav-menu--dropdown .elementor-item:hover {
		background: transparent;
		border-bottom: 2px solid;
	}
	.footer.elementor-element.elementor-element-f6d9f8b .elementor-nav-menu--main .elementor-item::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0%;
		height: 2px;
		background-image: linear-gradient(to right, #cc0D88, #ffe000, #CC0D88);
	} 
	.footer.elementor-element.elementor-element-f6d9f8b .elementor-nav-menu--main .elementor-item:hover::before {
		width: 100%;
	}
}
	/* Underline *//*
	#menu-1-93336fd a:hover.elementor-item::after, #menu-1-93336fd a:active.elementor-item::after {
		background: linear-gradient(90deg, #5A19BF, #970EC4, #FFE000, #CC0D88, #049604);
		transform: scaleX(1);
	} */
	/* Acitve nav *//*
	.e--pointer-underline .elementor-item::after {
		background: linear-gradient(90deg, #049604, #970EC4, #FFE000, #5A19BF, #CC0D88);
	} */

@media only screen and (min-width: 320px) and (max-width: 374px) {
	
}

/*-----------BIGGER THAN IPAD------------*/
@media only screen and (min-width: 1320px) {

}

@media only screen and (max-width: 480px) and (min-width: 321px) {}

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

/*------------JUST ABOVE IPAD-----------*/
@media only screen and (min-width: 768px) and (max-width: 960px) {
	
}
@media only screen and (min-width: 768px) {
	/* Text */
	.elementor-91 .elementor-element.elementor-element-4bbd783, .elementor-91 .elementor-element.elementor-element-4a57fa7 {
		--width: 100% !important;
		padding-right: 10%;
	}
	/* Image */
	.elementor-91 .elementor-element.elementor-element-f999857, .elementor-91 .elementor-element.elementor-element-e9944d3 {
		padding-left: 10%;
	}
}

/*------------weird-----------*/
@media only screen and (min-width: 1360px) and (max-width: 1380px) {
}

/*------------ large monitor 2650px -----------*/
@media only screen and (min-width: 1800px) {
	h1, .elementor-slide-heading h1 {
  		font-size: 80px !important;
	}
	.elementor-91 .elementor-element.elementor-element-46aee9c img.wp-image-1304 {
		margin-left: -32%;
		width: 165%;
		max-width: 170% !important;
	}
	.ai-grow img.wp-image-420 {
		padding-bottom: 0;
	}
	/* - Approach Description & animation - */
	/* - Approach Expert GTM Advisory - */
	.elementor-91 .elementor-element.elementor-element-93dc2dd > .elementor-widget-container {
  		padding: 0% 12% 0% 0% !important;
	}
	.elementor-91 .elementor-element.elementor-element-8972319 > .elementor-widget-container {
  		margin: -16% -1% -16% -25% !important;
	}
	/* - Approach GTM Strategies - */
	.elementor-91 .elementor-element.elementor-element-9ec0b8a > .elementor-widget-container {
  		padding: 0% 29% 0% 0% !important;
	}
	.elementor-91 .elementor-element.elementor-element-b9df9b2 > .elementor-widget-container {
  		margin: -20% 1% -23% -77% !important;
	}
	/* - Approach AI Ecosystem - */
	.elementor-91 .elementor-element.elementor-element-6719ece > .elementor-widget-container {
  		padding: 1% 17% 0% 0% !important;
	}
	.elementor-91 .elementor-element.elementor-element-3cf3c80 > .elementor-widget-container {
	  	margin: -19% -6% -16% -24% !important;
	}
	/* - Approach Full Lifecycle Advisory - */
	.elementor-91 .elementor-element.elementor-element-6387251 > .elementor-widget-container {
  		margin: -16% 0% -18% -43% !important;
	}
	.elementor-91 .elementor-element.elementor-element-e286113 > .elementor-widget-container {
  		padding: 0% 24% 0% 0% !important;
	}
	/* - Carousel ai icon industries - */
	/*.elementor-91 .elementor-element.elementor-element-7b63782 > .elementor-widget-container {
		margin: 0% -12% -2% 0%;
	} */
	/* - carousel width  - */
	.carousel-pad-top .elementor-element.elementor-element-5103819, .carousel-pad-top .elementor-element.elementor-element-9635cdf, .carousel-pad-top .elementor-element.elementor-element-9b38229, .carousel-pad-top .elementor-element.elementor-element-3f5de6f, .carousel-pad-top .elementor-element.elementor-element-b7c5afd, .carousel-pad-top .elementor-element.elementor-element-58202fe {
  		width: 438px !important;
		padding-bottom: 3%;
	}
	/* Carousel Ai icon */
	.carousel-pad-top.elementor-element.elementor-element-534063f .elementor-testimonial__icon svg {
		right: -163px !important;
		/* top: -25.5px; */
	}
	.elementor-91 .elementor-element.elementor-element-b059fb4::before {
		content: ''; 
		position: absolute;
		z-index: -2;
		left: -140% !important;
		top: -120%;
		width: 600% !important;
		height: 400% !important;
	}
	@keyframes aigrow {
		0% {
			transform: scale(1); top:-35px;
		}
		1% {
			opacity: 0;
		}
		2% {
			opacity: 1;
		}
		4% {
			opacity: 0;
		}
		5% {
			opacity: 1;
		}
		47% {
			opacity: 1;
		}
		48% {
			opacity: 0;
		}
		49% {
			opacity: 1;
		}
		50% {
			opacity: 0;
		}
		51% {
			opacity: 1;
		}
		52% {
			opacity: 1;
		}
		53% {
			opacity: 0;
		}
		54% {
			opacity: 1;
		}
		55% {
			opacity: 0;
		}
		56% {
			opacity: 1;
		}
		100% {
			transform: scale(2.5); top:-225px;
		}
	}
}
@media only screen and (min-width: 1920px) {
	/* 17in Dell laptop */
}
@media only screen and (min-width: 2553px) {
	/* 32in monitor */
}