body{
	border:none;
	margin:0;
	overflow-x: hidden;
}

/* Override users agent stylesheet */
h1{
	display: block;
	font-size: 2em;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: normal;
}

.slide{
	height:110vh;
	border:0 1px solid #cccccc;
	margin:auto;
	padding-bottom: 10vh;
}

.slide_70vh{
	height:70vh;
}

.slide_dark{
	background-color:black;
}

.slide_light{
	background-color:#F3F3FD;
}


.slide_content{
	max-width:90vw;
	height:100vh;
	border:0 1px solid #cccccc;
	margin:auto;
}

.slide_content_half{
	max-width:90vw;
	height:50vh;
	border:0 1px solid #cccccc;
	margin:auto;
}


.slide_content_wide{
	max-width:100vw;
}

.slide_content_bigger{
	height:170vh;
}

.slide_content_adaptative{
	height: fit-content;
}
 
.slide_bigger{
	height: 170vh;
}

.slide_adaptative{
	height: fit-content;
}
 
.slide_content_bigger{
	height: inherit;
}

.hidden{
	display:none;
}


/****************************************************
 * GENERAL
 ****************************************************/
 
 
 
.panel_column{
	display:inline-block;
}

.panel_2c{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
    column-gap: 3vw;
}

.c2_width{
	width:42vw;
	min-width:450px;
}

.text_center{
	text-align:center;
}

.wave{
	background-color: #F3F3FD;
	display: block;
	position: relative;
	height: 17vh;
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1366 121" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(0, 0, 0, 1)" d="M 0 50 C 157.60000000000002 50 236.39999999999998 94 394 94 L 394 94 L 394 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(0, 0, 0, 1)" d="M 393 94 C 652.6 94 782.4 32 1042 32 L 1042 32 L 1042 0 L 393 0 Z" stroke-width="0"></path> <path fill="rgba(0, 0, 0, 1)" d="M 1041 32 C 1171 32 1236 50 1366 50 L 1366 50 L 1366 0 L 1041 0 Z" stroke-width="0"></path></svg>');
	background-size: cover;
	background-repeat: no-repeat;
 }

.wave_inverted{
	background: black;
	display: block;
	position: relative;
	height: 17vh;
	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1366 121" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(243, 243, 253, 1)" d="M 0 50 C 157.60000000000002 50 236.39999999999998 94 394 94 L 394 94 L 394 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(243, 243, 253, 1)" d="M 393 94 C 652.6 94 782.4 32 1042 32 L 1042 32 L 1042 0 L 393 0 Z" stroke-width="0"></path> <path fill="rgba(243, 243, 253, 1)" d="M 1041 32 C 1171 32 1236 50 1366 50 L 1366 50 L 1366 0 L 1041 0 Z" stroke-width="0"></path></svg>');
	background-size: cover;
	background-repeat: no-repeat;
 }

/****************************************************
 * TOP MENU
 ****************************************************/
 
 #top{
	width:100vw;
	position:fixed;
	z-index:99;
	top:0;
 }
 
 #top_container{
	max-width:90vw;
	margin:auto;
	margin-left:10vw;
	padding-top:30px;
 }
 
 #top_menu_container{
	display: inline-block;
    height: 35px;
    vertical-align: bottom;
    margin-left: 3vw;
 }
 
 #top_menu_logo{
	display:inline-block;
    max-width:214px;
	max-height: 45px;
 }
 
 #img_top_menu_logo{
	max-width:214px;
	max-height: 45px;
 }
 
 #top_menu{
	display:flex;
	grid-template-columns: repeat(7, 1fr);
 }
 
 .top_menu_item{
	color:white;
	font-family: Poppins;
	font-size: 20px;
	line-height: 30px;
	margin-right:2vw;
	display:inline-block;
	text-decoration: none;
	cursor:pointer;
 }
 
 .top_menu_button{
	margin-right:2vw;
	text-decoration: none;
	width: 140px;
    height: 26px;
    background: #13111A;
    border-radius: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 
 .button_expert{
    width: 140px;
    height: inherit;
    margin-right: 2vw;
	background: #302C3F;
 }
 
 .button_demo{
	height: inherit;
    background: linear-gradient(89.93deg, #FF6610 0.06%, #FF2E00 98.63%);
}

.button_demo:hover{
	background: linear-gradient(270deg, #FF6610 0.06%, #FF2E00 98.63%);
}
 
.button_expert:hover{
	background: #232226; !important
}
 
 .top_menu_item:hover{
	color:#cccccc;
 }

/****************************************************
 * SLIDE INTRO
 ****************************************************/



.intro_title1{
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 41px;
	line-height: 53px;
	/* identical to box height */

	color: #FFFFFF;
}

.intro_title2{
	background-image: linear-gradient(89.93deg, #FF6610 0.06%, #FF2E00 98.63%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 41px;
	line-height: 53px;
	/* identical to box height */
}

.intro_description{
	width:35vw;
	color:rgba(229, 229, 229, 0.5);
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin-top: 2vh;
}



.fake_image{
	width:30vw;
	height:15vw;
	background-color:red;
}

.panel_intro_signup{
	
}

.input_intro{
	background: #9E9E9E40;
    border-radius: 4px;
    border: 0;
    /* display: inline; */
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #C4C4C4;
    width: 354px;
	height: 48px;
	padding: 6px 10px 6px 10px;
	margin-top: 4vh;
}

#img_intro{
	margin-left:5vw;
}

.signup_line{
	position: relative;
}

.button_signup {
    width: 140px;
    height: 38px;
    border-radius: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: linear-gradient(#13111A, #13111A) padding-box, linear-gradient(
90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
    border: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 2vw;
}

.button_signup:hover{
	background: linear-gradient(transparent, transparent) padding-box, linear-gradient(
90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
}

.gradient_border {
	background: linear-gradient(90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%);
    border-radius: 50px;
    width: 205.24px;
	height: 55px;
	padding: 2px;
    display: inline-block;
}

.gradient_border_small {
    width: 140px;
    height: 38px;
    position: absolute;
    top: 4.5vh;
    margin-left: 30px;
}

#slide_intro{
    padding-top: 30vh;
	margin-left:5vw;
	margin-right:5vw;
}

@media (max-width: 1024px){
	#slide_intro{
		padding-top:10vh;
	}
}

/****************************************************
 * SLIDE WHY
 ****************************************************/
 
 .card_why{
	width:600px;
	height:220px;
	background: #1D1A27;
	box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.5);
	border-radius: 30px;
 }
 
 .card_why_container{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 3vh;
    column-gap: 3vw;
    justify-items: center;
	width: fit-content;
    margin-left: auto;
    margin-right: auto;
 }
 
 .card_why_header{
	margin-left: auto;
    margin-right: auto;
    width: 90%;
	margin-top: 15px;
	position: relative;
 }

 
 .card_why_text{
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 25px;
	text-align: left;
	color: #ffffff;
    opacity: 0.5;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
 }
 
 .card_why_title{
	font-family: Poppins;
	font-style: 25px;
	font-weight: 600;
	font-size: 19px;
    line-height: 29px;
	color: #FFFFFF;
	width: 300px;
	display: inline-block;
	vertical-align: middle;
 }
 
 .card_why_image{
	display: inline-block;
    width: 90px;
    height: 90px;
    margin-right: 6px;
	background: #5E5B71;
	border-radius: 20px;
	vertical-align: middle;
 }
 
 .card_why_image_icon{
	width: -webkit-fill-available;
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
 }

 
 #slide_why{
	margin-left:auto;
	margin-right:auto;
	min-width:70vw;
	width:auto;
}

 .title_white{
	 font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 41px;
	line-height: 61px;
	/* identical to box height */

	text-align: center;

	color: #FFFFFF;
	margin-bottom: 7vh;
 }




 
 /****************************************************
 * SLIDE ALTERNATIVE
 ****************************************************/
 
 #slide_alternative{
	background-color:#F3F3FD;
	height: inherit;
 }
 
 svg {
    stroke: transparent;
    stroke-width: 0px;
}
 
 
 .title_black_grad{
	background-image: linear-gradient(89.93deg, #1D1A27 0.06%, #6B657D 98.63%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 66px;
 }
 
 .card_alternative_container{
	padding-top: 3vh;
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	width:1040px;
	margin:auto;
    justify-items: center;
 }
 
 .card_alternative{
	width:330px;
	height:fit-content;
	margin:8px;
 }
 
 .card_alternative_image{
	background-image: url(../images/alternative_icon.svg);
	background-size:100% 100%;
	margin-left: auto;
    margin-right: auto;
    top: 30px;
    left: 100px;
    position: relative;
 }
 
 .card_alternative_text{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 27px;
	line-height: 30px;
	text-align: center;

	color: #1D1A27;
 }
 
 
 /****************************************************
 * SLIDE PRODUCTS
 ****************************************************/
 #slide_products{
	background-color:#F3F3FD;
	height:77vh;
 }
 
 
 
 .dash {
    display: inline-block;
    width: 8vw;
    height: 0px;
    border-top: 3px solid rgba(0, 0, 0, 0.25);
}

.dash_small {
    display: inline-block;
    width: 4vw;
    height: 0px;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align:middle;
    border-top: 3px solid rgba(0, 0, 0, 0.25);
}

.dash_div{
	width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
 
 .title_orange_grad{
	background-image: linear-gradient(90.08deg, #FF2E01 22.38%, #FF5C00 56.53%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-family: Poppins;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: 78px;
	letter-spacing: 0em;
	text-align: center;
 }
 
 .products_container_header{
	margin-top: 5vh;
	width: 79vw;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
	display: grid;
    grid-template-columns: repeat(9, 1fr);
    align-items: center;
 }
 
 .products_container_header_text{
	 display: inline-block;
	 font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 42px;
	text-align: center;
	color: rgba(114, 108, 134, 0.5);
 }
 
 .card_products_container{
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 2vw;
	width:85vw;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5vh;
    justify-items: center;
 }
 
 .card_products_title{
	width: inherit;
	height: fit-content;
	padding: 0 1vh;
	margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	background-image: linear-gradient(90deg, #FF5F56 7.46%, #FF8A00 93.86%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Russo One;
	font-style: normal;
	font-weight: normal;
	font-size: 34px;
	line-height: 41px;
 }
 
 .card_products_text{
	padding: 12px 29px 29px 29px;
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	color: rgba(29, 26, 39, 0.67);
}
 
 .card_products{
	background: rgba(243, 243, 253, 0.5);
	box-shadow: 0px 4px 43px -15px rgba(0, 0, 0, 0.13);
	border-radius: 21px;
	height: auto;
	width: 15vw;
	border-radius: 21px;

 }
 
 
 
 /****************************************************
 * SLIDE BUILD
 ****************************************************/
 #slide_build{
	height:auto;
 }
 
 .build_content{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding-top: 30vh;
}
 
 
 .build_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 42px;
	line-height: 63px;
	color: #FFFFFF;
	margin-bottom: 4vh;
}

.build_content_text{
    margin-left: 10vw;
}

.build_content_imageColumn{
	display: flex;
    justify-content: end;
	overflow-x: hidden;
}

.build_content_image_card{
	width: 589px;
	height: 589px;
	background: linear-gradient(90deg, #FF7B0D 0%, #FF2E01 100%);
	border-radius: 20px;
    position: relative;
    display: flex;
    right: -1vw;
    align-items: center;
}

.build_content_image{
    position: relative;
    right: -1vw;
}


.build_textLine{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 23px;
	line-height: 34px;
	color: #FFFFFF;
	margin-bottom: 1.5vh;
}

.build_observationText{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0em;
	text-align: left;
	display: inline-block;
}


.build_checkBox{
	display: inline-block;
    width: 50px;
	height: 50px;
    margin-right: 1vw;
	background: #5E5B71;
	border-radius: 10px;
	vertical-align: middle;
	text-align: center;
 }
 
.build_checkImage{
	margin-top: 17px;
}
 
 .build_buttonLine{
	margin-top: 5.5vh;
 }
 
 .button_learnMore {
    width: 205.24px;
	height: 55px;
    border-radius: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: linear-gradient(#13111A, #13111A) padding-box, linear-gradient(90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
    border: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.button_learnMore:hover{
	background: linear-gradient(transparent, transparent) padding-box, linear-gradient(90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
}

.side_videos{
		width:41vw; height:23vw; padding-top:10vh;
	}
 
 
/****************************************************
 * SLIDE AUTOMATIONS
 ****************************************************/
 
 #slide_automations{
	height:auto;
	padding-bottom: 20vh;
    padding-top: 20vh;
 }
 
 .automations_header{
	width: 45vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20vh;
	padding-bottom: 10vh;
}
 
 .automations_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 45px;
	line-height: 67px;
	text-align: center;
	color: #FFFFFF;
}

.automations_subtitle{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
}

.automations_content{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	margin-left: auto;
	margin-right: auto;
	justify-items: center;
    row-gap: 10vh;
}

.automations_card{
	width: 558.82px;
	height: 312.69px;
	position: relative;
	background: linear-gradient(138.58deg, rgba(206, 77, 164, 0.7) 1.52%, rgba(255, 123, 13, 0.7) 100%);
	border-radius: 21px;
}

.automations_card::before{
	width: 558.82px;
    position: absolute;
    height: 312.69px;
    margin-left: 1vw;
    top: -1.5vh;
    background: linear-gradient(330.45deg, rgba(206, 77, 164, 0.3) 11.9%, rgba(255, 123, 13, 0.3) 83.71%);
    border-radius: 26px;
    display: block;
    content: '';
}

.automations_card_image{
	width: 558.82px;
    position: absolute;
    height: 312.69px;
    margin-left: -1vw;
    top: 1.5vh;
    background: linear-gradient(330.45deg, rgba(206, 77, 164, 1) 11.9%, rgba(255, 123, 13, 1) 83.71%);
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}

.automations_card_image img{
	width: inherit;
    height: inherit;
}

.mobile_img img{
	width: auto !important;
}

.automations_buttonLine{
	margin-left: auto;
    margin-right: auto;
    width: fit-content;
    margin-top: 10vh;
}
 
.button_getStarted {
    width: 205.24px;
	height: 55px;
    border-radius: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: linear-gradient(#13111A, #13111A) padding-box, linear-gradient(90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
    border: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.button_getStarted:hover{
	background: linear-gradient(transparent, transparent) padding-box, linear-gradient(90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
}
 
/****************************************************
 * SLIDE VISION
 ****************************************************/
 
 
 .vision_content{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding-top: 30vh;
}
 
 
 .vision_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 42px;
	line-height: 63px;
	color: #FFFFFF;
	margin-bottom: 4vh;
}

.vision_content_text{
    margin-left: 10vw;
}

.vision_content_imageColumn{
	display: flex;
    justify-content: end;
	overflow-x: hidden;
}

.vision_content_image_card{
	width: 42vw;
    height: 42vh;
    margin-right: 4vw;
    margin-top: 12vh;
}

iframe{
	width:inherit;
	height:inherit;
}

.vision_textLine{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 23px;
	line-height: 34px;
	color: #FFFFFF;
	margin-bottom: 4vh;
}

.vision_checkBox{
	display: inline-block;
    width: 50px;
	height: 50px;
    margin-right: 1vw;
	background: #5E5B71;
	border-radius: 10px;
	vertical-align: middle;
	text-align: center;
 }
 
 .vision_textBlock{
	display: inline-block;
    width: 30vw;
    vertical-align: middle;
 }
 
.vision_checkImage{
	margin-top: 17px;
}

/****************************************************
 * SLIDE DOCS
 ****************************************************/
 
 #slide_docs{
	height:auto;
 }
 
 .docs_title{
	background-image: linear-gradient(90.08deg, #E4E4E4 22.38%, #E1E1E1 56.53%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 52px;
	line-height: 78px;
	text-align: center;
	width: 75vw;
    margin-left: auto;
    margin-right: auto;
}

.docs_content{
	display: flex;
    width: 80vw;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    margin-top: 10vh;
}

.docs_image_doc {
    background: blue;
    width: 681px;
    height: 308px;
    margin-left: 45px;
    box-shadow: 0px 4px 35px 14px rgb(0 0 0 / 83%);
    position: relative;
    margin-bottom: 120px;
}

.docs_image_doc::before {
    content: '';
    background: green;
    width: 681px;
    height: 308px;
    box-shadow: 0px 4px 35px 14px rgb(0 0 0 / 83%);
    margin-left: -30px;
    top: 30px;
    position: absolute;
}

.docs_image_docLayer {
    width: 681px;
    height: 308px;
    box-shadow: 0px 4px 35px 14px rgb(0 0 0 / 83%);
    margin-left: -60px;
    top: 60px;
    background: red;
    position: relative;
}

.docs_image_json{
	background: green;
	width: 528px;
	height: 347px;
	box-shadow: 0px 4px 34px 9px rgba(0, 0, 0, 0.25);
}

/****************************************************
 * SLIDE MAESTRO
 ****************************************************/
 
 #slide_maestro{
	height:auto;
 }
 
 .maestro_header{
	width: 80vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15vh;
 }
 
 .maestro_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 50px;
	line-height: 75px;
	color: #13111A;
	text-align: center;
}

.maestro_subtitle{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	color: #726C86;
	text-align: center;
}

.maestro_section{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 15vh;
    justify-items: center;
}

.maestro_section_image_card{
	width: inherit;
	height: 530px;
	background: linear-gradient(90deg, #FF5F56 0%, #CE4DA4 100%);
	border-radius: 20px;
    position: relative;
    display: flex;
    align-items: center;
	justify-content: center;
}

.maestro_section_text{
	display: grid;
    align-items: center;
	align-content: center;
	width: inherit;
}

.maestro_section_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 43px;
	line-height: 64px;
	color: #13111A;
	margin-bottom: 4vh;
}

.maestro_textLine{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 23px;
	line-height: 34px;
	color: #726C86;
	margin-bottom: 3vh;
}

.maestro_checkBox{
	display: inline-block;
    width: 50px;
	height: 50px;
    margin-right: 1vw;
	background: #5E5B71;
	border-radius: 10px;
	vertical-align: middle;
	text-align: center;
 }
 
.maestro_checkImage{
	margin-top: 17px;
}

.maestro_textBlock{
	display: inline-block;
    width: 30vw;
    vertical-align: middle;
 }
 
 /****************************************************
 * CONTACT
 ****************************************************/

#slide_contact{
	width: 80vw;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 10vh;
}

.card_contact {
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
    height: 90vh;
    background: #13111A;
    border-radius: 20px;
}

.card_contact_blur{
	background: linear-gradient(90deg, rgba(138, 121, 255, 0.8) 0%, rgba(206, 77, 164, 0.8) 100%);
    filter: blur(60px);
    border-radius: 20px;
    width: 80vw;
    height: 90vh;
}

.card_contact_container {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
 
 .contact_title{
    color: #13111A;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 78px;
    text-align: center;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5vh;
 }
 
 .contact_form{
	width: 80vw;
    margin-left: auto;
    margin-right: auto;
 }
 
 .hs-form-required{
	 color: red;
 }
 
 .hs-input{
	width: 80vw;
    height: 7vh;
    border-radius: 8px;
    margin-bottom: 2vh;
	font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
 }
 
 .hs-form-checkbox{
	margin-bottom: 1vh;
 }
 
 .hs-form-checkbox input[type='checkbox']{
	width: 20px;
    height: 20px;
    margin-bottom: 0;
    margin-right: 3vw;
 }
 
 .hs-form-field{
	font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #13111A;
}

.hs-button{
	margin-top: 2vh;
	margin-left: auto;
    margin-right: auto;
    width: 10vw;
    height: 10vh;
    border-radius: 10px;
    border: 0;
    border-radius: 4px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    color: #C4C4C4;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(89.93deg, #FF6610 0.06%, #FF2E00 98.63%);
    cursor: pointer;
	transition: ease-in 0.7s;
}

.hs-button:hover{
	background-image: linear-gradient(270deg, #FF6610 0.06%, #FF2E00 98.63%);
}

.inputs-list{
	list-style-type: none;
	padding-inline-start: 0;
}

 
  /****************************************************
 * SLIDE LETS CREATE A BOT
 ****************************************************/
 /*
 #carousel_dev{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	position:sticky;
	top:0;
	background-color:green;
	height:100vh;
	overflow-x: hidden;
    overflow-y: hidden;
}

#carousel_dev_container{
	height:500vh;
}
*/

#create_bot_panel{
	width:90vw;
	margin:auto;
	position:sticky;
	top:0;
	height:100vh;
}

#create_bot_container{
	height:600vh;
}

#create_bot_panel_top{
	padding-top:10vh;
}

#create_bot_panel_center{
	display:flex;
}

#create_bot_panel_center_left{
	width:50vw;
	display:inline-block;
}

#create_bot_panel_center_right{
	display:inline-block;
	width:40vw;
}

#create_bot_tittle{
	color:#D6D6D6;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size:43px;
}

#create_bot_tittle_2{
	color:#D6D6D6;
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-size:19px;
}

#grid_create_bot_steps{
	display: grid;
	grid-template-columns: 4vw 40vw;
	place-items:center;
}

#create_bot_panel_center_right{
	font-family: Poppins;
	font-size:18px;
	color:#99A2AF;
}

.create_bot_step_name{
	width:40vw;
	line-height:40px;
}

.create_bot_step_selected_bullet{
	color:#FF5F56;
	font-size:30px;
}

.create_bot_step_selected{
	color:#FF5F56;
	font-weight:bold;
}

.slide_create_bot{
	width:100vw;
	height:100vh;
	display:inline-block;
	background-color:white;
}

.slide_create_left{
	position: absolute;
    top: 24vh;
    width: 42vw;
    height: 25vw;
}

#create_bot_slide_0{
	background-image: url(../images/create_1_code.png);
    background-size: cover;
    background-position: center;
	z-index:99;
}

#create_bot_slide_1{
	background-image: url(../images/create_2_deploy.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: black;
    z-index: 98;
}

#create_bot_slide_2{
	background-image: url(../images/create_3_task_create.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: black;
	z-index:97;
}

#create_bot_slide_3{
	background-image: url(../images/create_4_queue.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: black;
	z-index:96;
}

#create_bot_slide_4{
	background-image: url(../images/create_5_running.png);
     background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: black;
	z-index:95;
}




 /****************************************************
 * PLUGINS
 ****************************************************/

.plugins_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 75px;
	text-align: center;
	color: #F3F3FD;
}

.plugins_title2{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	color: #67676B;
	width: 65vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vh;
    margin-bottom: 5vh;	
}

.plugins_container{
}

.plugins_content {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
}

.plugins_content_container{
	width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plugins_menu_container{
	width: 60vw;
	margin-left: auto;
	margin-right: auto;
}

.plugins_menu {
    display: flex;
    column-gap: 2vh;
    align-items: center;
    justify-content: space-evenly;
}

.plugins_menu_item{
	height: 90px;
    width: 90px;
	background: rgba(126, 125, 125, 0.4);
	box-shadow: 0px 4px 8px rgba(27, 27, 27, 0.16);
	backdrop-filter: blur(16px);
	border-radius: 16px;
}

.plugins_clicked{
	box-shadow:2px 2px 10px rgb(206 77 164 / 80%), 0px -1px 10px rgb(138 121 255 / 80%), -2px -1px 10px rgb(206 77 164 / 80%);
}

.plugins_menu_item_image{
	width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plugins_menu_item_image > img{
	width: calc(100% - 20px);
}
 /****************************************************
 * COMMUNITY
 ****************************************************/

#slide_community{
	height: fit-content !important;
	padding-top:10vh;
	padding-bottom:5vh;
    z-index: 0;
}

.community_content{
	width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.card_community {
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
    height: fit-content;
    background: #13111A;
    border-radius: 20px;
}

.card_community::before {
  content: "";
  background: linear-gradient(90deg, rgba(138, 121, 255, 0.8) 0%, rgba(206, 77, 164, 0.8) 100%);
  filter: blur(60px);
  border-radius: 20px;
  position: absolute;
  height: calc(100% - 15vh);
  width: inherit;
  z-index: -1;
}

.card_community_container {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.card_community_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 45px;
	line-height: 67px;
	color: #FFFFFF;
}

.card_community_itemGrid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	column-gap: 2vw;
	margin-top: 10vh;
}

.card_community_item{
	max-width: 357px;
	max-height: 514px;
	background: rgb(48 45 52);
	box-shadow: 0px 4px 8px rgba(27, 27, 27, 0.3);
	backdrop-filter: blur(22px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 16px;
}

.card_community_item_header{
	position: relative;
    top: -6vh;
}

.card_community_item_icon{
	height: 126px;
	width: 126px;
	border-radius: 40px;
	margin-left: auto;
    margin-right: auto;
    background: white;
	display: flex;
    justify-content: center;
    align-items: center;
}

.card_community_item_icon_image{
	
}

.card_community_item_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 45px;
	text-align: center;
	color: #F5F7F9;
	margin-top: 15px;
}

.card_community_item_content{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 230px;
    margin-bottom: 3vh;
}

.card_community_item_text{
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 37px;
	text-align: center;
	color: #D1D0D0;
}

.button_joinCommunity{
	width: 205.24px;
    height: 55px;
    border-radius: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: linear-gradient(#13111A, #13111A) padding-box, linear-gradient(90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
    border: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.button_joinCommunity:hover{
	background: linear-gradient(transparent, transparent) padding-box, linear-gradient(90deg, #FF6510 0%, #FF2E01 52.08%, #CE4DA4 100%) border-box;
}

.card_community_item_buttonLine{
	margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

/****************************************************
 * PRICING
 ****************************************************/
 
 #slide_pricing{
	 padding-top: 20vh;
 }

.pricing_container{
	background: #FFFFFF;
    border-radius: 26px;
    height: fit-content;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
}

.pricing_card_content{
	display: grid;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    grid-template-columns: repeat(3, 1fr);
	justify-items: center;
}

.pricing_card_column{
	width: 22vw;
}

.pricing_card_column_title{
	font-family: Poppins;
	font-style: normal;
	font-weight: 800;
	font-size: 43px;
	line-height: 5vh;
	color: #231D4F;
	margin-top: 3vh;
}

.pricing_card_column_title2{
	font-family: Nunito;
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 38px;
	color: #231D4F;
	margin-top: 1vh;
    margin-bottom: 2vh;
}

.pricing_enterprise{
	margin-top: 9vh;
}

.pricing_middle_column{
	width: 25vw;
    position: relative;
    background: #89D85D;
    box-shadow: 0px 42px 34px #89d85d;
    border-radius: 26px;
    top: -8vh;
    box-shadow: 0px 22px 34px 0px #89d85d;
}

.pricing_card_column_text{
	font-family: Nunito;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: #848199;
	width: fit-content;
}

.pricing_card_column_button{
	background: #f1f1f3;
	border-radius: 24px;
	width: 80%;
    height: 57.46px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 5vh;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	margin-bottom: 4vh;
}

.pricing_card_column_button_text{
	font-family: Nunito;
	font-style: normal;
	font-weight: 800;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #726C86;
}

.pricing_middle_button{
	background: #FFFFFF;
	margin-top: 3vh;
}

.pricing_card_column_button:hover{
	background: #c1c1c1;
}

.pricing_card_column_text_disabled{
	text-decoration: line-through;
}

.pricing_card_column_check{
	height: 26px;
	width: 26px;
	border-radius: 50%;
	background: rgba(82, 67, 194, 0.103693);
	display: flex;
    align-items: center;
    justify-content: center;
}

.pricing_card_column_textLine{
	display: flex;
    align-items: center;
    column-gap: 15px;
}

.pricing_card_column_textBlock{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.5vh;
}

.pricing_middle_text{
	color: #FFFFFF;
}

.pricing_middle_check{
	background: rgba(82, 67, 194, 0.103693);
}

.pricing_middle_popular_line{
	display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-right: 20px;
}

.pricing_middle_popular{
	height: 34.47603988647461px;
	width: 154.50372314453125px;
	border-radius: 13.5px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 13.5px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.pricing_middle_priceLine{
	display: flex;
    align-items: flex-end;
    justify-content: flex-start;
	padding-left: 2vw;
	margin-top: 0.5vh;
}

.pricing_middle_priceBig{
	font-family: Poppins;
	font-style: normal;
	font-weight: 800;
	font-size: 46px;
	line-height: 46px;
	color: #FFFFFF;
}

.pricing_middle_priceSmall{
	font-family: Nunito;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 23px;
	color: #FFFFFF;
}

.pricing_middle_title{
	color: #FFFFFF;
	padding-left: 2vw;
}

.pricing_middle_textBlock{
	padding-left: 2vw;
}

.pricing_middle_popular_text{
	font-family: Nunito;
	font-style: normal;
	font-weight: 800;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.833333px;
	color: #726C86;
}

  /****************************************************
 * INVESTORS
 ****************************************************/
 
 #text_investors{
	color:#82818b;
	width:100%;
	font-weight: 600;
	text-align:center;
	font-family: Poppins;
	line-height:45px;
	font-size:30px;
 }
 
 #panel_investor_logos{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	width:1166px;
	margin:auto;
	 place-items: center;
 }
 
 /****************************************************
 * FOOTER
 ****************************************************/
 
 .footer_container{
	padding-top: 10vh;
 }
 
 .footer_top{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 50%;
    justify-items: center;
 }
 
 .footer_top_column{
	display: flex;
    flex-direction: column;
    row-gap: 2vh;
    justify-content: flex-start;
 }
 
 .footer_top_header{
	font-family: DM Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.231818px;
	color: rgb(88 88 88);
 }
 
 .footer_top_link{
	font-family: DM Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.204545px;
	color: #FFFFFF;
	text-decoration: none;
 }
 
 .footer_top_link:hover{
	text-decoration: underline;
 }
 
 .footer_top_text{
	font-family: DM Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 29px;
	letter-spacing: -0.3px;
	color: #FFFFFF;
 }
 
 .footer_top_button{
	background: rgba(70, 50, 215, 0.3037);
	box-shadow: 0px 0px 17px rgba(82, 67, 194, 0.44);
	border-radius: 8px;
	height: 50px;
	width: 175px;
	font-family: DM Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.231818px;
	color: #5E4DCD;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
 }
 
 .footer_top_button:hover{
	 background:rgba(70, 50, 215, 1);
}
 
 
 
 .footer_bottom{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: end;
    height: 20%;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
 }
 
 .footer_bottom_link{
	font-family: DM Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.204545px;
	color: #FFFFFF;
	opacity: 0.4;
	margin-right: 2vw;
	text-decoration: none;
}

.footer_bottom_link:hover{
	text-decoration: underline;
 }

.footer_bottom_logo{
	width: 152px;
	height: 32px;
}

.footer_bottom_social{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer_bottom_socialLinks{
	display: flex;
    column-gap: 10px;
    justify-content: space-around;
    margin-top: 10px;
}

.footer_bottom_button{
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}

.footer_bottom_button > img{
	width: inherit;
    height: inherit;
}