@media screen and (max-width: 500px) {
		.comparePlan {
	display: none !important;
}
}

.holographic-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
	margin: 30px;
}

.holographic-card {

  transition: all 0.5s ease;
}

.holographic-card h2 {
  color: #0ff;
  font-size: 2rem;
  position: relative;
  z-index: 2;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
/*   width: 200%;
  height: 200%; */
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
/*   transform: rotate(-45deg); */
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(255,255,255,0.5);
}

.holographic-card:hover::before {
  opacity: 1;
/*   transform: rotate(-45deg) translateY(100%); */
}

.nobelUseCaseText {
    background-image: -webkit-linear-gradient(left, pink , gold, azure);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


@media screen and (max-width: 800px) {
		.side-feature-menu {
	display: none !important;
}
}

.partner-banner1 {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center images vertically */
    height: 100px; /* Set a height for the banner */
	    gap: 40px; /* Space between icons */
	margin-left: 0px;

}

.partner-banner2 {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center images vertically */
    height: 100px; /* Set a height for the banner */
	    gap: 40px; /* Space between icons */

}

.partner-icon {
    width: 200px; /* Set a fixed width for all images */
    height: auto; /* Maintain aspect ratio */
    margin: 0 10px; /* Add some space between images */
}

@media screen and (max-width: 1250px) {
		.siteLogo {
	display: none !important;
}
}
@media screen and (max-width: 1650px) {
  /* Change the breakpoint value (768px) to your desired value */
	
.wp-block-navigation__responsive-container-content {

	}

	.new-menu{
			display: none !important; 
	
}
	
}


@media (min-width: 1600px) {
	.wp-block-navigation__responsive-container-open {
			display: none; 
	}
	
}


@media (max-width: 400px) {
	.wp-block-search__inside-wrapper 
 {
			display: none !important; 
	}
	
/* 	.wp-block-outermost-icon-block
	{
					display: none !important; 

	} */
}


.custom-logo{
	min-width: 170px
}

/* #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle{
	display: none !important;
}
 */



/* #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3{
	display: none !important;
} */

:root {
  --tab-main: #041157;
  --tab-gray: #ccc;
}

.red-tab, .vertical-tab {
  overflow-x: auto; /* Enable horizontal scrolling */
	white-space: nowrap; /* Prevent wrapping to the next line */
    border-bottom: 1px solid var(--tab-gray);
    background-color: black;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start!important;
    align-content: space-between;
    flex-direction: row;
    margin-bottom: 5px!important;
    gap: 0px!important;


}

/* .vertical-tab {
/*   overflow-x: auto;  */
	/* Enable horizontal scrolling */
	white-space: nowrap; /* Prevent wrapping to the next line */
/*     border-bottom: 1px solid var(--tab-gray); */
    background-color: white;
    display: flex;
    width: 100%;
/*     align-items: left-algi; */
    justify-content: flex-start!important;
/*     align-content: space-between; */
    flex-direction: row;
/*     margin-bottom: 1px!important; */
/*     gap: 0px!important; */


}
 */
.red-tab, .vertical-tab div{
  float: left;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}
/* 
.vertical-tab div{
  float: left;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
} */

.red-tab a.wp-block-button__link {
    color: white!important;
    background-color: transparent!important;
}

.vertical-tab a.wp-block-button__link {
    color: white!important;
    background-color: transparent!important;
}

.red-tab div a {
    padding: 20px 20px!important;
			color: white !important;


}

.vertical-tab div a {
    padding: 20px 20px!important;
			color: white !important;
/* 		font-size: 3vmin !important; */
}


.red-tab div:hover a, .red-tab div.active a {
/*     color: var(--tab-main)!important; */
			color: white !important;

}

.vertical-tab div:hover a, .vertical-tab div.active a {
/*     color: var(--tab-main)!important; */
			color: white !important;

}

.red-tab div.active, .red-tab div:hover {
/*     color: var(--tab-main)!important; */
	    color: white !important;
    border-bottom: 3px solid var(--tab-main);
	border-bottom-color: white !important;
    z-index: 3;
}

.vertical-tab div.active, .vertical-tab div:hover {
/*     color: var(--tab-main)!important; */
	    color: white !important;
    border-bottom: 3px solid var(--tab-main);
		border-bottom-color: white !important;
    z-index: 3;
}

.tab-content {
    display: none;
    padding: 35px 15px;
    border-top: none;
	background-color: white;
}

.vertical-tab-content {
    display: none;
    padding: 35px 15px;
    border-top: none;
	background-color: white;
}
.active {
    display: block;/*     color: var(--tab-main)!important; */
	    color: white !important;
}








.mega-menu-link{
	font-size: 17px !important;
	font-weight: bold !important;
}


/* @media (
prefers-reduced-motion:no-preference	
){
.owd-fade-in img {
  animation: owd-fade-in 2s ease-in-out forwards;
/* animation-timeline: view(); */
/* animation-range: entry exit 60%; /* Equivalent to entry 0% exit 100% */ */
	  transform-origin: left center;
/*   opacity: 0; */

}

@keyframes owd-fade-in {
	
	
  40% {
			    opacity: 0%;
clip-path: inset(0 100% 0% 0%);		 

  }
	
90% {
   opacity: 100%;
clip-path: inset(0 0 0 0);

}
} */
	
	
	.ai-start-btn {
      font-family: Verdana, sans-serif;
      padding: 10px 18px;
      color: black;
      background-color: #f2c500;
      cursor: pointer;
      border-radius: 4px;
      border: 2px black solid;
      margin-bottom: 20px;
    }

    .noti-box {
      background-color: #151822ce;
      position: absolute;
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;

    }

    .noti-box #popspan {
      text-align: center;
      background-color: white;
      padding: 20px 30px;
      border-radius: 9px;
    }

    @media screen and (max-width:500px) {
      .noti-box {
        display: none;
      }
    }
	
/* width */
::-webkit-scrollbar {
  width: 10px;
	height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 10px;
}
	
/* .red-tab {
  overflow: hidden; /* Hide scrollbars */
} */
	



/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
		z-index:1 !important;
/*   background-color: #bbb;
  color: black; */
}

/* Style the back side */
.flip-box-back {
/*   background-color: white; 
   color: white; */
  transform: rotateY(180deg);
	z-index:999 !important;
}

.bookADemo{
	position: fixed !important;
	bottom: 10px;
	right: 10px;
	z-index: 999;

}

@media screen and (max-width: 1000px){ 
.pageMainImage{
	display: none !important;
}
}

.typewritediv {
/* 	text-align: center !important;
	align-items:center !important;
	align-self:center !important;
	justify-content:center !important;
	justify-items:"center"!important;
	margin-left: 5px !important;
	margin-right: 5px !important; */
	padding: 0px !important;
	margin: 0px !important;
	background-color:"red" !important;
	min-height: 100px !important;
}

.typewrite {
		padding: 0px !important;
		margin: 0px !important;
background-color:"red" !important;
/* 	font-size:6vw !important; */
}

.client_logo{
	min-width: 70px;
	max-width: 100px !important;
}


.cursor-bg { 
  opacity: 0.1; 
  cursor: pointer;
} 

.cursor-bg:hover { 
 transition: opacity 0.5s ease; /* Animate opacity over 0.5 seconds */
opacity: 0.7; /* Fully opaque by default */ 

}


@media screen and (max-width: 500px) {
	
.evalynPlan {
min-width: 60vw !important;
}
}

@media screen and (min-width: 500px) {
	
.evalynPlan {
min-width: 400px !important;
}
}

.evalynPlanColumns{
	overflow: auto !important;
}

.clientImg{
  display:block;
  z-index:999;
  cursor: pointer;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
}
.clientImg:hover {
    transform: scale(3);
}