
.depicter-3-display .depicter-backdrop{
	background-color:rgba(0, 0, 0, 0.7);
	backdrop-filter:blur( 3px );
}
.depicter-revert .depicter-3-element-9:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-3-element-9:not(.depicter-hover-off):hover {
	transform:scale(1.05);
	border-color:#000;
}
.depicter-3-element-9 .depicter-symbol-container{
	fill:#000;
	transition:all ease 0.5s;
}
.depicter-3-element-9:hover .depicter-symbol-container{
	fill:#F6BE1F;
}
.depicter-revert .depicter-3-element-13{
	padding:0px;
	font-size:15px;
	text-align:center;
	color:#000;
	font-family:"Raleway";
	font-weight:600;
	text-transform:capitalize;
	background-image:linear-gradient(90deg, #F0A622 0%, #F6BE1F 100%);
	border-radius:30px;
}
.depicter-revert .depicter-3-element-13:not(.depicter-hover-off){
	transition:all ease 0.3s;
}
.depicter-revert .depicter-3-element-13:not(.depicter-hover-off):hover {
	color:#000;
	box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.15);
	transform:scale(1.04);
	background-color:#222;
	border-color:#000;
}
.depicter-revert .depicter-3-element-11{
	padding:0px;
	background-color:transparent;
	display:flex;
	align-items:start;
	justify-content:start;
	flex-direction:column;
	gap:10px;
}
.depicter-revert .depicter-3-element-11 .depicter-text-input{
	padding:12px 12px 12px 20px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-style:italic;
	font-weight:400;
	background-color:#533FEC;
	border-width:1px;
	border-style:solid;
	border-color:#DFDFDF;
	border-radius:30px;
}
.depicter-revert .depicter-3-element-11 .depicter-text-input:focus{
	border-width:1px;
	border-style:solid;
	border-color:#F5BC1F;
}
.depicter-revert .depicter-3-element-11 .depicter-choice-input::before{
	background-color:#FFF;
}
.depicter-revert .depicter-3-element-11 .depicter-choice-input:checked::before{
	background-color:#007BFF;
	border-width:1px;
	border-style:solid;
	border-color:#FFF;
}
.depicter-revert .depicter-3-element-11 .depicter-text-input::placeholder{
	color:rgba(255, 255, 255, 0.6);
}
.depicter-revert .depicter-3-element-11 .depicter-field-label{
	color:#333;
}
.depicter-revert .depicter-3-element-10{
	padding:0px;
	font-size:17px;
	color:rgba(255, 255, 255, 0.7);
	font-family:"Open Sans";
	font-weight:400;
	line-height:140%;
	text-transform:capitalize;
	letter-spacing:0px;
	background-color:transparent;
	border-radius:0px;
}
.depicter-revert .depicter-3-element-8{
	box-shadow:0px 10px 35px 0px rgba(0, 0, 0, 0.2);
	border-radius:17px;
}
.depicter-revert .depicter-3-element-7{
	background-image:linear-gradient(0deg, #FFAE23 0%, #FFC520 100%);
	border-radius:12px;
}
.depicter-revert .depicter-3-element-6{
	opacity:0.15;
	transform:rotate(48deg);
	background-color:#DBDBDB;
	border-radius:65px;
}
.depicter-revert .depicter-3-element-5{
	transform:rotate(48deg);
	background-image:linear-gradient(130deg, #383838 0%, #181818 46%, #000 100%);
	border-radius:65px;
}
.depicter-revert .depicter-3-element-4{
	padding:0px;
	font-size:17px;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:600;
	line-height:120%;
	text-transform:uppercase;
	letter-spacing:0px;
	background-color:transparent;
	border-radius:0px;
}
.depicter-revert .depicter-3-element-3{
	padding:4px 5px 4px 15px;
	font-size:17px;
	color:#111;
	font-family:"Open Sans";
	font-weight:600;
	line-height:120%;
	text-transform:uppercase;
	letter-spacing:0px;
	background-image:linear-gradient(90deg, #F0A522 0%, #F4BD20 100%);
	border-radius:10px 0px 0px 10px;
}
.depicter-revert .depicter-3-element-2{
	font-size:36px;
	color:#FFF;
	font-family:"Raleway";
	font-weight:700;
	line-height:120%;
	letter-spacing:-1px;
	background-color:transparent;
}
.depicter-revert .depicter-3-section-1 .depicter-section-background{
	background-image:linear-gradient(80deg, #5C1ACE 26%, #0559E9 100%);
}
.depicter-revert .depicter-3-element-32{
	font-size:15px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:600;
	background-image:linear-gradient(90deg, #343434 0%, #191919 100%);
	border-radius:20px;
}
.depicter-revert .depicter-3-element-32:not(.depicter-hover-off){
	transition:all ease 0.3s;
}
.depicter-revert .depicter-3-element-32:not(.depicter-hover-off):hover {
	color:#FFF;
	transform:scale(1.04);
	background-color:#222;
	border-color:#000;
}
.depicter-revert .depicter-3-element-31{
	box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.2);
	background-image:linear-gradient(110deg, #FFD81E 0%, #FFA224 100%);
	border-radius:50%;
}
.depicter-revert .depicter-3-element-26{
	font-size:24px;
	text-align:center;
	color:#FFF;
	font-family:"Raleway";
	font-weight:400;
	line-height:120%;
	text-transform:capitalize;
	letter-spacing:-1px;
	background-color:transparent;
}
.depicter-revert .depicter-3-element-15{
	font-size:44px;
	text-align:center;
	color:#FFF;
	font-family:"Raleway";
	font-weight:700;
	line-height:120%;
	text-transform:capitalize;
	letter-spacing:-1px;
	background-color:transparent;
}
.depicter-revert .depicter-3-element-27{
	background-image:linear-gradient(90deg, #5C1ACE 0%, #0A56E8 100%);
	border-radius:18px;
}
.depicter-revert .depicter-3-section-14 .depicter-section-background{
	background-color:transparent;
}

/***** Tablet *****/
@media screen and (max-width: 1024px){

.depicter-revert .depicter-3-element-13{
	font-size:14px;
}
.depicter-revert .depicter-3-element-11{
	gap:8px;
}
.depicter-revert .depicter-3-element-11 .depicter-text-input{
	font-size:13px;
}
.depicter-revert .depicter-3-element-10{
	font-size:15px;
}
.depicter-revert .depicter-3-element-6{
	transform:rotate(48deg);
}
.depicter-revert .depicter-3-element-5{
	transform:rotate(48deg);
}
.depicter-revert .depicter-3-element-4{
	font-size:15px;
}
.depicter-revert .depicter-3-element-3{
	font-size:15px;
}
.depicter-revert .depicter-3-element-2{
	font-size:29px;
}
.depicter-revert .depicter-3-element-32{
	border-radius:40px;
}
.depicter-revert .depicter-3-element-26{
	font-size:18px;
	letter-spacing:0px;
}
.depicter-revert .depicter-3-element-15{
	font-size:29px;
}

}
/***** Mobile *****/
@media screen and (max-width: 767px){

.depicter-revert .depicter-3-element-11 .depicter-text-input{
	padding:10px 12px 10px 20px;
}
.depicter-revert .depicter-3-element-10{
	text-align:center;
}
.depicter-revert .depicter-3-element-6{
	transform:rotate(48deg);
}
.depicter-revert .depicter-3-element-5{
	transform:rotate(48deg);
}
.depicter-revert .depicter-3-element-2{
	text-align:center;
}
.depicter-revert .depicter-3-element-26{
	text-align:center;
}
.depicter-revert .depicter-3-element-15{
	font-size:31px;
	text-align:center;
}

}
