/*
Theme Name: Atlas
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.7.27
Author: Dave Shea
Tags: green, white, two-columns, right-sidebar, flexible-width, sticky-post, rtl-language-support, translation-ready

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/* End captions & aligment */

/*@import url("./assets/css/cssfonts.css");*/
@import url("./assets/css/bootstrap-reboot.css");
@import url("./assets/css/bootstrap-grid.css");
@import url("./assets/css/plyr.css");
@import url("./assets/css/swiper-bundle.min.css");
@import url("./assets/css/variebles.css");
@import url("./assets/css/helpers.css");
@import url("./assets/css/style.css");
@import url("./assets/css/responsive-style.css");



@font-face {
    font-family: 'IBM Plex Mono';
    src: url('assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: sans-serif;
}



.resource-posts{
	display: grid;
	grid-template-columns: 1fr 1fr; /* Two columns */
	grid-template-rows: auto auto; /* Two rows, auto-sized */
	gap: 30px;
}

.resource-posts .single{
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.00);
	background: rgba(255, 255, 255, 0.43);
	box-shadow: 4px -5px 15.6px -4px rgba(116, 110, 183, 0.10) inset, 0px 0px 9.24px 0px rgba(78, 134, 159, 0.10);
	backdrop-filter: blur(2.25px);
	text-decoration: none;
	min-height: 244px;
	opacity: 0;
	transition:none;
}

.resource-posts .single.big-card .content-wrapper, 
.resource-posts .single.big-card .content-wrapper{
	padding-top: 24px;
	padding-left:36px;
	padding-bottom: 37px;
	padding-right: 62px;
}

.content-wrapper h2{
	color: var(--1, #2F2B43);
	font-family: "DM Sans";
	font-size: 22px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 26.4px */
	margin-bottom: 16px !important;
}

.content-wrapper .short-description{
	color: #524D6D;
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
}


.resource-posts .single img{
	width: 100%;
}

.resource-posts .single.big-card,
.resource-posts .single.big-card{
	display: flex;
	flex-direction: column;
}

.resource-posts .single.big-card img,
.resource-posts .single.big-card img{
	height: 244px;
	object-fit: cover;
}


.resource-posts .single .img-wrapper{
	position: relative;
}


.resource-posts .single.big-card .img-wrapper::after,
.resource-posts .single.regular-card .img-wrapper::after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(340deg, #7D8AFF -6.09%, #CAA6F5 10.08%, rgba(238, 239, 254, 0.00) 59.06%), linear-gradient(262deg, rgba(5, 0, 255, 0.20) -3.63%, rgba(70, 66, 255, 0.00) 72.61%);
}

.resource-posts .single .post-categories,
.resource-posts .single .post-categories{
	background: -webkit-linear-gradient(to right, #D85FEC, #867DFC); /* For WebKit browsers */
    background: linear-gradient(to right, #D85FEC, #867DFC); /* Standard syntax */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback for non-WebKit browsers */
	width: fit-content;
} 

.resource-posts .single h2{
	letter-spacing: 0;
}

.resource-posts .single.colored-card, 
.resource-posts .single.colored-card {
	background: linear-gradient(152deg, rgba(209, 42, 237, 0.44) 0.88%, rgba(46, 33, 218, 0.44) 96.86%) !important;
	padding-left:33px;
	padding-top:28px;
	padding-right: 74px;
	padding-bottom: 28px;
}

.single.colored-card img{
	display:none;
}

.single.regular-card{
	display: flex;
	flex-direction: row;
}

.single.regular-card .img-wrapper{
	height: 100%;
}
.single.regular-card .img-wrapper img{ 
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single.regular-card .content-wrapper{
	padding-left: 30px;
	padding-top: 28px;
	padding-bottom: 28px;
	padding-right: 50px;
}

.single.regular-card .img-wrapper {
    height: 100%;
	width: 265px;
	flex-shrink: 0;
}

.single.regular-card h2{
	margin-bottom: 32px;
}

.resource-posts .single.colored-card .bottom-wrapper,
.resource-posts .single.colored-card .bottom-wrapper{
	color: white;
}

.resource-posts .single.colored-card h2,
.resource-posts .single.colored-card h2 {
	color: white;
}

.resource-posts .single.colored-card .post-categories {
    background: none; /* Removes background gradient */
    -webkit-background-clip: border-box; /* Resets to default clipping */
    background-clip: border-box; /* Resets to default clipping */
    -webkit-text-fill-color: initial; /* Resets WebKit text color to default */
    text-fill-color: initial; /* Resets text color to default where supported */
	color: white;
}

.resource-posts .single.index-1{
	grid-row: 1 / span 2; /* Span across two rows */
}

.resource-posts .single.index-10{
	grid-row: 5 / span 2;
	grid-column: 2;
}

.post-categories{
	font-family: "IBM Plex Mono";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 25.6px */
	margin-bottom: 64px;
}

.single .bottom-wrapper{
	display: flex;
	flex-direction: row;
	gap: 25px;
	color: #524D6D;
	font-family: "IBM Plex Mono";
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 14px */
	text-transform: uppercase;
}

.bottom-wrapper p{
	margin-bottom: 0;
}

.resource-posts .single{
	transition: .3s ease-out;
}

/*.resource-posts .single:hover{
	transform: scale(1.01);
}*/

.single img{
	transition: .3s ease-out;
}

.single.big-card:hover img{
	transform: scale(1.07)
}

.single.regular-card:hover img{
	transform: scale(1.1)
}

/*.resource-posts .single img{
	transition: .3s ease-out;
}



.resource-posts .single:hover img{
	transform: scale(1.05);
}*/

.numbered-block .column-1.image-empty{
	display: none !important;
}

.resource-posts .single .img-wrapper{
	overflow: hidden;
}

.quote-wrapper{
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.00);
	background: rgba(255, 255, 255, 0.33);	
	box-shadow: 4px -5px 15.6px -4px rgba(116, 110, 183, 0.10) inset, 0px 0px 9.24px 0px rgba(78, 134, 159, 0.10);
	backdrop-filter: blur(2.9000000953674316px);
}

#banner-pin-trigger{
	/*margin-top: -45px !important;*/
}

#s-banner__bg-wrap video{
	pointer-events: none;
}

.button-container.visible{
	display: none !important; 
}

div.button-container.visible div.custom-button-wrapper div#video-detach-button,
div.button-container.visible div.custom-button-wrapper div#send-by-qrcode-button {
    display: none !important;
}

@media (max-width: 768px) {
	.header__col-1{
		padding-bottom: 4px !important;
	}

	.resource-posts{
		display: flex;
		flex-direction: column;
	}

	.top-part-container {
		flex-direction: column;
	}

	.top-part-container .column-1{
		width: 100%;
	}

	.category-filters{
		width: 110vw;
		overflow: visible;
		overflow-x: scroll;
		padding-bottom: 20px;
	}

	.resource-archive{
		margin-top: 54px;
	}

	.resource-posts .content-wrapper{
		padding: 24px !important;
	}

	.resource-posts .single.colored-card{
		padding: 0;
	}

	.resource-posts .single.colored-card h2{
		margin-bottom: 32px !important;
	}

	.resource-posts .single.regular-card h2{
		margin-bottom: 32px !important;
	}

	.single.regular-card{
		display: flex;
		flex-direction: column;
	}

	

	.single.regular-card .img-wrapper{
		height: 308px;
		width: 100%;
	}

	.resource-posts .post-categories{
		margin-bottom: 12px;
		font-size: 14px;
	}

	.content-wrapper .short-description{
		margin-bottom: 32px;
	}


	.related-posts-title{
		padding-bottom: 32px !important;
	}

	.resource-posts{
		margin-bottom: 94px !important;
	}
}

@media (min-width: 1200px) {
	.hide-desktop{
		display: none;
	}
}

.pattern-container {
	position: absolute;;
	width: 100%; /* Set to desired width */
	height: 100%; /* Set to desired height */
	background: url('/wp-content/themes/atlas-final/new-assets/images/dot.png') repeat;
	margin-top: 69px;
	top: 0;
}

.pattern-container {
	position: absolute;
	width: 100%; /* Set to desired width */
	height: 100%; /* Set to desired height */
	/*background-image: linear-gradient(20deg, #DDDFFA, #9997D5);*/
	/*-webkit-mask-image: url('/wp-content/themes/atlas/new-assets/images/dot.png');*/
	/*mask-image: url('/wp-content/themes/atlas/new-assets/images/dot.png');*/
	/*mask-repeat: repeat;*/
	background-repeat: repeat;
	z-index:0;
}

.gradient-overlay {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #DDDFFA, #9997D5);
}



html{
	margin-top: 0 !important;
	overflow-x: hidden;
}

body{
	overflow-x: hidden;
	position: relative;
	overflow-y: hidden;
}

main{
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
}


.s-banner{
	z-index: 0;
	background: #7080FF;
	opacity: 1 !important;
}

.section-1 #banner-pin-trigger{
	background: transparent !important;
}

.transparent-active{
	opacity: 0;
}

#banner-pin-container .top-background{
	z-index:2;
	background: #7080FF;
}




/* ARHCHIVE POSTS */

.submit-button {
    padding: 9px 28px !important;
    border: 2px solid #2f2b43;
	    background: #2f2b43;
}



#sib_signup_form_3 .btn-circle{
	display:flex;
	align-content:center;
	justify-content:center;
} 


#sib_signup_form_3 input[type="email"], 
#sib_signup_form_3 input[type="text"]{
    width: 100%;
    display: block;
    color: currentColor;
    font-size: 18px;
    outline: 0;
    padding: 12px 18px;
    border-radius: 6px;
    border: 1px solid #a2a1db;
    background: -o-linear-gradient(301deg,rgba(249,248,255,.7) 28.9%,rgba(255,255,255,.5) 121.86%);
    background: linear-gradient(149deg,rgba(249,248,255,.7) 28.9%,rgba(255,255,255,.5) 121.86%);
    box-shadow: 4px -5px 16px -4px rgba(116,110,183,.1) inset, 0 0 9px 0 rgba(78,134,159,.1);

}


#sib_signup_form_3 input::placeholder {
	color: #A2A1DB;
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}

button.waitlist{
	border: none;
	display: flex;
	background: none;
}

.waitlist-submit-text{
	padding: 9px 28px !important;
    border: 2px solid #2f2b43 !important;
	    position: relative;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2;
    color: #fff!important;
    padding: 11px 32px;
    font-weight: 700;
    min-width: 140px !important;
	background: #2f2b43 !important;
	width: fit-content !important;
	font-size: 16px !important;
	border-radius: 29px;
}

#sib_signup_form_3 .form-block-btn-wrap {
	display:flex;
	flex-direction:row;
	width: fit-content;
}

.btn-circle .circle-arrow{
	position:absolute;
}

.waitlist-submit-circle{
  border: initial;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: medium;
  color: inherit;
  line-height: normal;
  text-align: left;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	width: 100%;
	height: 100%;
	color: transparent;
	background: rgba(47,43,67, 1);
	border-radius: 50%;
	overflow: hidden;
}


#sib_signup_form_3 .btn-circle .circle-arrow {
    width: 13px;
    height: 13px;
    -webkit-mask-image: url('/wp-content/uploads/2024/02/arrow-white.svg');
    mask-image: url('/wp-content/uploads/2024/02/arrow-white.svg');
    background-color: white; /* Initial color */
    transition: background-color 0.3s ease; /* Transition for background color */
}

.waitlist-submit-text{
-webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


.waitlist-submit-circle{
-webkit-transition: .25s ease-in-out !important;
    -o-transition: .25s ease-in-out !important;

	  transition: .25s ease-in-out !important;
}

.btn-circle{
	border-radius: 50%;
	overflow:hidden;
}


@media (min-width: 768px) {

		.s-banner__container{
			padding-left: 0;
			padding-right: 0;
		}

		.numbered-block.original .column-1{
			width: calc( 50% - 45px );
			flex-shrink: 0;
			max-width: 50% !important;
		}

		.numbered-block.original .column-2{
			width: calc( 50% - 45px );
			flex-shrink: 0;
			max-width: 50% !important;
		}

		.numbered-block.original .column-1 .image-container{
			max-width: 100% !important;
		}
	
	
	button.waitlist:hover .waitlist-submit-text{
		background: rgba(255,255,255, 1) !important;
		color: rgba(47,43,67, 1) !important;
	}
	
	button.waitlist:hover .btn-circle{
				background: rgba(255,255,255, 1) !important;
	}
	
	button.waitlist:hover .circle-arrow{ 
	background-color: black !important;
	}
	
	.circle-arrow{
		pointer-events:none;
	}

.form-block-btn-wrap :hover .btn-circle .circle-arrow {
    background-color: black; /* Color on hover */
}
	
	#sib_signup_form_3 .form-block-btn-wrap:hover .submit-button{
		background: #fff;
}
	
}


footer{
	z-index: 10 !important;
}


.video-js .vjs-big-play-button {
	/* Set the dimensions of your SVG */
	width: 76px;
	height: 76px;

	/* Use your SVG as a background image */
	/*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="76" height="76" viewBox="0 0 76 76" fill="none"><path d="M22 1H6C3.23858 1 1 3.23858 1 6V22" stroke="white"/><path d="M54 75L70 75C72.7614 75 75 72.7614 75 70L75 54" stroke="white"/><path d="M75 22L75 6C75 3.23858 72.7614 1 70 1L54 0.999999" stroke="white"/><path d="M1 54L1 70C1 72.7614 3.23858 75 6 75L22 75" stroke="white"/><path d="M48 38L31.5 47.5263L31.5 28.4737L48 38Z" fill="white"/></svg>');*/

	/* Adjust the background properties */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;

	/* Remove default content */
	content: '';
	border: none;
	background-color: transparent !important;
	transition: 0.3s ease-in-out;
}

.video-js:hover .vjs-big-play-button{
	transform: scale(1.1);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before{
	display: none;
}


@media (max-width: 992px) {

.header__nav-sub-menu{
	display: block;
}

.small-cards-items-wrapper .s-steps__mob-item-wrap--1{
	margin-bottom: 50px !important;
}


}

@media (min-width: 993px) {
	.header__nav-sub-menu{
		transform: translateX(-50%);
		margin-left: 50%;
	}

	.header__nav-sub-menu {
		padding: 22px 15px 26px 22px;
		width: 449px;
	}
}

.post-type-archive #banner-pin-trigger {
    position: relative;
    margin-top: 0 !important;
}

.video-js{
	background-color: transparent;
}



.s-steps__border-line{
	display: none !important;
}


.gradient-container{
	border: 1px solid rgba(255, 255, 255, 1);
    background: linear-gradient(20deg, #F0EFFF 0.72%, #E9E7FF 28.99%, #F6F7FE 76.69%);
    box-shadow: 0px 0px 10px 0px rgba(78, 134, 159, 0.10), 4px -5px 15px 0px rgba(116, 110, 183, 0.04) inset;
    overflow: hidden;
    position: relative;
    z-index: 5;
    border-radius: 43px;
    /*margin-top: -40px;*/
}

.gradient-container.top-section{
	border-radius: 0 0 43px 43px;
}

#detach-button-host{
	display: none !important;
}

.circle-animation-endpoint{
	position: relative;
}

#s-cards{
	position: relative;
}

.card .card-2{
	background: white !important;
}

.related-resources-block{
	position: relative;
	z-index:5;
	padding-top: 75px;
	padding-bottom: 75px;
}

.related-resources-block .single{
	opacity: 1 !important;
}

.feedback-swiper-block{
	padding-top: 75px;
	padding-bottom: 75px;
}


main:not(.not-modular) .container-video-js{
	position: relative !important;
}

/*.card, .card-2{
	background: white !important;
}*/

.colored-card .short-description{
	color: white !important;
}

.s-cards-2{
	position: relative;
}

#banner-pin-trigger{
	margin-top: 0;
}

.resource-posts .single{
	backdrop-filter: none !important;
}
/*
.s-steps__container-4 {
	opacity: 0 ;
}

.s-steps__mob-item-wrap{
	opacity: 0;
}*/
.gutenberg-block,
.gutenberg-block{
	opacity: 0;
	visibility: hidden;
}

/*.fade-in-anim{
	opacity: 0;
}*/



	.numbered-block .video-wrapper{
		border-radius: 24px;
		
		width: 100% !important;
		flex-shrink: 0;
		border-radius: 24px;
		overflow: hidden;
		position: relative;
	}

	.numbered-block .video-wrapper .video-js{
		/*width: 100%;*/
	}

	.numbered-block .video-wrapper wave {
		max-height: 30px !important;
		overflow: hidden !important;
	}

	.numbered-block .video-wrapper canvas {
		/*width: 100% !important;*/
	}

	.numbered-block .video-wrapper div:nth-child(2){
		/*width: 100% !important;*/
	}

	
	.top-section-image{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.numbered-block .vjs-progress-holder{
		opacity: 0 !important;
	}

	.numbered-block .vjs-volume-panel{
		z-index:10;
		position: relative;
	}

	.numbered-block .vjs-progress-control{
		z-index: 0;
	}

	.numbered-block .vjs-control-bar{
		background-color: transparent !important;
		z-index:10;
		margin-bottom: 15px;
		padding-left:15px;
		padding-right: 10px;
	}

	/*.numbered-block .vjs-current-time-display{
		
	}*/

	.numbered-block .vjs-time-divider{
		display: none !important;
	}

	.numbered-block .vjs-duration {
		display:none !important;
	}
	

	.numbered-block .video-js::after{
		z-index: 1;
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		background: linear-gradient(339deg, #7D8AFF -1.32%, #CAA6F5 16.79%, rgba(238, 239, 254, 0.00) 71.64%), linear-gradient(344deg, rgba(0, 0, 0, 0.20) 15.28%, rgba(0, 0, 0, 0.00) 64.64%);
	}

	.numbered-block .video-js .vjs-picture-in-picture-control{
		display: none;
	}

	.image-container.gradient::after{
		content: '';
		background: linear-gradient(339deg, #7D8AFF -1.32%, #CAA6F5 16.79%, rgba(238, 239, 254, 0.00) 71.64%), linear-gradient(344deg, rgba(0, 0, 0, 0.20) 15.28%, rgba(0, 0, 0, 0.00) 64.64%);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}


	.numbered-block .video-js .vjs-big-play-button, 
	.cta-block .video-js .vjs-big-play-button {
		/* Adjust the size */
		width: 100px;
		height: 100px;

		border: none;

		/* Centering the button */
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}


	@media (max-width: 768px) {
		.numbered-block .column-1{
			width: 100% !important;
			min-width: 0;
		}
	}



	.numbered-block .vjs-play-control{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 3em !important;
	}


	.numbered-block .video-js .vjs-control-bar {
		opacity: 0;
		transition: opacity 0.5s ease-out;
	}

	.numbered-block .video-js:hover .vjs-control-bar {
		opacity: 1;
	}

	.numbered-block .video-js::after{
		opacity: 0;
		transition: opacity 0.5s ease-out;
	}

	.numbered-block .video-js:hover::after{
		opacity: 1;
	}

	.vjs-control{
		cursor: pointer !important;
	}

	.vjs-wavedisplay{
		cursor: pointer !important;
	}
	
	.vjs-paused .vjs-big-play-button{
		display: block !important;
	}

	.video-js .vjs-big-play-button{
		margin-top: 0 !important;
		margin-left: 0 !important;
	}



	.infographic-bottom{
			gap: 30px;
	}

	.numbered-block .s-2-cols__col-video-block-wrapper{
		margin-left: 0;
	}


	@media (max-width: 768px) {
		.numbered-block{
			flex-direction: column !important;
		}
		
		.infographic-container{
			width: 100%;
		}

		.infographic-container .name{
			width: 215px;
			margin-bottom: 19px;
		}

		.dots-infographic{
			margin-top: 20px;
			margin-bottom: 16px;
		}

		.infographic-bottom p{
			color: var(--Gray-Text, #524D6D);
			font-family: "DM Sans";
			font-size: 12px;
			font-style: normal;
			font-weight: 700;
			line-height: 160%; /* 19.2px */
		}
		
		.numbered-block .column-1{
			padding-bottom: 0;
		}

		.column-2 .number{
			margin-bottom: 32px;
		}

		.column-2 .heading{
			margin-bottom: 20px;
		}

		.heading{
			font-size: 32px;
		}

		.numbered-block .column-2 p{
			font-size: 16px;
		}

		.numbered-block .column-2{
			padding-bottom: 54px;
		}

		.numbered-block{
			gap: 40px;
		}

		.numbered-block .heading{
			font-size: 40px;
			margin-bottom: 32px;
		}
		
		.numbered-block p, 
		.numbered-block li, 
		.numbered-block ol{
			font-size: 16px;
		}

		.numbered-block .btn-wrap{
			margin-top: 10px;
		}
	}

	.numbered-block.media-right{
		flex-direction: row-reverse;
	}

	.numbered-block.align-center{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}


	@media (min-width: 768px) and (max-width: 1200px) {
		.numbered-block .column-1{
			width: 50%;
			min-width: 0 !important;
		}

		.numbered-block .column-2{
			width: 50%;
		}
	}


.extra-narrow-container{
	max-width: 835px;
	margin: 0 auto;
}

.heading-description-pattern.is-style-heading-gradient{
	margin-bottom: 32px !important;
}


@media (min-width: 1201px) {
	body.page .numbered-block .column-1{
		min-width: 692px !important;
	}

}


/*#step-item__pic-wrap-spec {
	overflow: visible !important;
}

.step-item__pic-wrap-panel-def-2{
	overflow: visible !important;
}*/

/*.panel-block-1{
	width: 52% ;
    height: 45%;
}*/

.numbered-block .animation-3{
	overflow:hidden;
}

.numbered-block .step-item--pin-section{
	min-height: fit-content;
}

.numbered-block .animation-2 #step-item--5{
	padding-top: 0;
	padding-bottom: 0;
}

.small-cards-items-wrapper .s-steps__mob-item-wrap{
	opacity: 0;
	transform: translateY(25px);
}

.step-item__pic-wrap-0{
	opacity: 0;
}

.panel-block-2__input-arrow{
	position: absolute;
}

.top-section-block .step-item__panel-line-1 {
    top: 140px;
}

.top-section-block .step-item__panel-line-2 {
    top: 192px;
}

.top-section-block .step-item__panel-line-3 {
    top: 243px;
}

.unique-id-container{
	position: relative;
}

.top-section-block .step-item__pic-wrap--1{
	opacity: 0;
}

.top-section-block .step-item__pic-wrap--2{
	opacity: 0;
}

.unique-id-container.animation-2{
	opacity: 0;
}

.top-section-block .unique-id-container.animation-5 #panel-block-2{
	left: 51% !important;
    top: 18.3% !important;
	width: 245px !important;
    height: 398px !important;
}

.top-section-block .unique-id-container.animation-5 .panel-block-2__body{
	padding-bottom: 78px;
}

.top-section-block .step-item__pic-wrap--1{
	margin-left:50%;
	transform: translateX(-50%);
}

.top-section-block .step-item__col-2{
	width: 50%;
}

/*.numbered-block .step-item__panel-line-1{
	top: 127px;
}


.numbered-block .step-item__panel-line-2{
	top: 174px;
}

.numbered-block .step-item__panel-line-3{
	top: 220px;
}*/

@media (max-width: 768px) {
	.top-section-block .column-1{
		min-width: 100% !important;
	}

	.numbered-block.original .column-1{
		min-width: fit-content !important;
	}
}


.card-flip {
	perspective: 1000px; /* Adjust as needed */
}

.card-flip-inner {
	transition: transform 0.6s;
	transform-style: preserve-3d;
	position: relative;
	min-height: 500px;
	transform: translateY(0) !important;
}

.card-flip.active .card-flip-inner {
	transform: rotateY(180deg) !important;
}

.card-front, .card-back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 37px 27px;
}

.card-back{
	padding: 0;
}

.card-back .close-video{
	position: absolute;
	top: 20px;
	right: 30px;
	z-index:30;
	background: none; /* Remove default background */
	color: inherit; /* Use the current font color */
	border: none; /* Remove default border */
	padding: 0; /* Remove default padding */
	font: inherit; /* Use the current font */
	cursor: pointer; /* Reset to pointer cursor */
	outline: inherit; /* Use default outline from the context */
	width: 30px;
	height: 30px;
}

.video-js .vjs-modal-dialog{
	background: transparent !important;
}

.numbered-block{
	display: flex;
}

.features-slider-block #step-item__pic-wrap-0{
	opacity: 0;
}

.card-back .video-js{
	height: 100%;
}

.card-back .feedback-video-wrapper{
	height: 100%;
}

.card-back .video-wrapper{
	height: 100%;
}

.card-back .video-js{
	height: 100% !important;
}

.card-back .feedback-video-wrapper video{
	height: 100%;
}

.card-back{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.card-back {
	transform: rotateY(180deg);
}




.home #video-hero-2{
	position: absolute;
    transform: scale(1.45);
    top: 12%;
    left: 3%;
	opacity: 0;
}

 #video-hero{
	opacity: 0;
}

#globe-behind{
	min-height: 800px;
	position: relative;
	margin-top: -30px;
}

#globe-behind .globe-video{
	z-index: -1;
}

#globe-behind .globe-behind-wrapper {
	position: absolute;
	top: 0;
	left:0;
	z-index: -1;
}

#globe-behind #globe-video-js_html5_api{
	transform:translateY(-300px);
}

#globe-behind .vjs-big-play-button{
	display: none;
}

.narrow-container{
	padding-left:20px;
	padding-right: 20px;
}


.round-edge-disabled{
	border-radius: 0 !important;
}

@media (min-width: 1400px) {
	.numbered-blocks-wrapper.two-columns .numbered-block .column-1{
		min-width: 100% !important;
	}
}

@media (max-width: 1400px) {
	.column-1 .unique-id-container.animation-7{
		width: 100% !important;
	}

	.choose-between-tabs-block{
		width: calc(100% - 60px) !important;

	}
}


@media (min-width: 768px) and (max-width: 1400px) {
	.unique-id-container.animation-8{
		transform: scale(0.9);
		transform-origin: top left;
	}

	.unique-id-container.animation-7 .text-wrapper{
		transform: scale(0.8);
		transform-origin: top left;
	}
}


@media (max-width: 1000px) {
	.hide-mobile{
		display: none !important;
	}

	.column-1 .unique-id-container.animation-7{
		width: 100%;
	}

	.top-section-interactive-prototype{
		height: fit-content !important;
	}


	.numbered-block{
		flex-direction: column !important;
	}

	.numbered-block.original .column-2{
		width: 100% !important;
		max-width: 100% !important;

	}

	.max-width-1250.is-style-heading-gradient{
		font-size: 30px;
	}

	.numbered-block.original .column-1{
		width: 100% !important;
		padding-bottom: 0 !important;
		max-width: 100% !important;
	}
}

@media (min-width: 1000px) {
	.hide-desktop{
		display: none !important;
	}
}


.storylane-infographic-wrapper{
	width: 100%;
}

/*
.unique-id-container.animation-6 .step-item__panel-line-1{
	top: 114px;
}

.unique-id-container.animation-6 .step-item__panel-line-2{
	top: 163px;
}

.unique-id-container.animation-6 .step-item__panel-line-3{
	top: 200px;
}*/



.unique-id-container {
    transform-origin: top left;
}

.animation-1 .step-item__pic-wrap-part-3{
	bottom: 35px;
}

@media (min-width: 1000px) {

	.unique-id-container.animation-4{
		width: 717px !important;
	}
	
	.unique-id-container.animation-1{
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 604px;
	}

	.unique-id-container.animation-2{
		width: 604px;
	}

	.unique-id-container.animation-4{
		width: 604px;
	}

}


#step-item__pic-wrap-spec-scale{
	width: 717px;
}

.numbered-block .animation-4{
	transform: scale(0.9);
	transform-origin: top left;
}

.unique-id-container.animation-6{
	width: 100%;

}


.unique-id-container.animation-5{
	width: 760px;
	transform: scale(0.8);
	transform-origin: top left;
}



@media (min-width: 1200px) and (max-width: 1400px) {
	.unique-id-container.animation-1{
		transform: scale(0.7);
	}

	.unique-id-container.animation-2{
		transform: scale(0.7);
	}

	.unique-id-container.animation-4{
		transform: scale(0.65);
		transform-origin: top left;
	}

	.panel-block-1{
		width: 440px !important;
		height:220px;
		margin-top: 9px;
	}

	.unique-id-container.animation-5{
		width: 760px;
		transform: scale(0.65);
		transform-origin: top left;
	}

	.unique-id-container.animation-5 #panel-block-2-panel{
		width: 700px;
	}

	.unique-id-container.animation-6 .step-item__panel-line-1{
		top: 95px;
	}

	.unique-id-container.animation-6 .step-item__panel-line-2{
		top: 128px;
	}

	.unique-id-container.animation-6 .step-item__panel-line-3{
		top: 160px;
	}

	.unique-id-container.animation-6 .step-item__panel-line{
		left: 40px;
	}

	/*.unique-id-container.animation-5{
		panel
	}*/
}


@media (min-width: 1000px) and (max-width: 1200px) {
	.unique-id-container.animation-1{
		transform: scale(0.7);
	}

	.unique-id-container.animation-4{
		transform: scale(0.65);
		transform-origin: top left;
	}

	.unique-id-container.animation-5{
		width: 760px;
		transform: scale(0.6);
		transform-origin: top left;
	}

	.unique-id-container.animation-5 .panel-block-2{
		transform: translateX(28%) translateY(15.5%) scale(1);
		height: 358px;
	}

	.unique-id-container.animation-6 .step-item__panel-line-1{
		top: 90px;
	}

	.unique-id-container.animation-6 .step-item__panel-line-2{
		top: 120px;
	}

	.unique-id-container.animation-6 .step-item__panel-line-3{
		top: 145px;
	}



	/*.unique-id-container.animation-5 .panel-block-2{
		top: 7.4%;
		height: 540px;
		left:50%;
		width: 335px;
	}

	.unique-id-container.animation-5 .panel-block-2__body{
		padding-bottom:270px;
	}*/

	
	.unique-id-container.animation-5 #panel-block-2-panel{
		width: 700px;
	}

	.unique-id-container.animation-2{
		transform: scale(0.7);
	}


	.panel-block-1{
		width: 560px !important;
		height:220px;
		margin-top: 9px;
	}
}



.wp-block-button__link {
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none !important;
    position: relative;
	background: rgba(47,43,67, 1) !important;
	border: 2px solid var(--dark-color-900) !important;
	padding: 7px 32px !important;
	line-height: 1.2;
}

.wp-block-button__link {
	transition: 0.3s ease-out;
}

.wp-block-button__link:hover{
	background: rgba(255,255,255, 1) !important;
	color: rgba(47,43,67, 1);
}


.wp-block-button__link::after {
    background: var(--dark-color-900);
}

.wp-block-button__link::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(353deg, #d85fec 18.54%, #7482ff 108.51%);
    background: linear-gradient(97deg, #d85fec 18.54%, #7482ff 108.51%);
}

.wp-block-jetpack-contact-form{
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.wp-block-jetpack-contact-form .wp-block-button {
	margin-top: 20px;
}

.wp-block-jetpack-contact-form input{
	width: 100%;
	border-radius: 6px;
	border: 1px solid #A2A1DB;
	background: linear-gradient(149deg, rgba(249, 248, 255, 0.70) 28.9%, rgba(255, 255, 255, 0.50) 121.86%);
	box-shadow: 4px -5px 15.6px -4px rgba(116, 110, 183, 0.10) inset, 0px 0px 9.24px 0px rgba(78, 134, 159, 0.10);
	padding: 14px 18px;
	height: 53px;
	color: #524D6D;
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}


.hero__title {
	opacity: 0;
	transform: translateY(100px);
}


.category-filters{
	max-width: calc( 100% - 75px) !important;
	flex-wrap: wrap !important;
}


.top-part-container .column-1{
	width: 100%;
}

.features-slider-block-new .numbered-block.original{
	display: flex;
}

@media (max-width: 500px) {
	.competitor-comparison-block .top-section h3{
		font-size: 15px !important;
	}

	.competitor-comparison-block > .inner{
		width: 500px;
		transform: scale(0.8);
		padding-left:30px;
		transform-origin: left;
	}

	.competitor-comparison-block{
		padding-left:10px !important;
		padding-right: 10px !important; 
	}
}

@media (max-width: 430px) {
	
	.competitor-comparison-block > .inner{
		width: 500px;
		transform: scale(0.7);
		padding-left:20px;
		transform-origin: left;
	}
}