
.depicter-revert .depicter-8-element-10:not(.depicter-hover-off){
	transition:all ease 0.3s;
}
.depicter-revert .depicter-8-element-10:not(.depicter-hover-off):hover {
	background-color:transparent;
}
.depicter-8-element-10 .depicter-symbol-container{
	fill:#000;
	transition:all ease 0.3s;
}
.depicter-8-element-10:hover .depicter-symbol-container{
	fill:#F5C518;
}
.depicter-revert .depicter-8-element-11:not(.depicter-hover-off){
	transition:all ease 0.3s;
}
.depicter-revert .depicter-8-element-11:not(.depicter-hover-off):hover {
	background-color:transparent;
}
.depicter-8-element-11 .depicter-symbol-container{
	fill:#000;
	transition:all ease 0.3s;
}
.depicter-8-element-11:hover .depicter-symbol-container{
	fill:#F5C518;
}
.depicter-revert .depicter-8-element-9{
	font-size:12px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:600;
	text-transform:uppercase;
	background-color:#F5C518;
	border-radius:6px;
}
.depicter-revert .depicter-8-element-9:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-8-element-9:not(.depicter-hover-off):hover {
	color:#101010;
	background-color:#FFF;
	border-color:#000;
}
.depicter-revert .depicter-8-element-6{
	font-size:27px;
	text-align:left;
	color:#f5c518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-8-element-5{
	font-size:29px;
	text-align:left;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
	letter-spacing:0px;
	background-color:transparent;
}
.depicter-revert .depicter-8-element-4{
	background-color:#101010;
	border-radius:0px 110px 0px 0px;
}
.depicter-revert .depicter-8-element-4:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-8-element-32{
	border-radius:370px 0px 370px 0px;
}
.depicter-revert .depicter-8-section-1 .depicter-section-background{
	background-image:linear-gradient(0deg, #FFF 11%, #FFE175 100%);
}
.depicter-revert .depicter-8-element-16{
	font-size:43px;
	text-align:left;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-8-element-20{
	font-size:12px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:600;
	text-transform:uppercase;
	background-color:#F5C518;
	border-radius:6px;
}
.depicter-revert .depicter-8-element-20:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-8-element-20:not(.depicter-hover-off):hover {
	color:#101010;
	background-color:#ffffff;
}
.depicter-revert .depicter-8-element-17{
	font-size:27px;
	text-align:left;
	color:#f5c518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-8-element-15{
	background-color:#101010;
	border-radius:0px 110px 0px 0px;
}
.depicter-revert .depicter-8-element-33{
	border-radius:370px 0px 370px 0px;
}
.depicter-revert .depicter-8-section-12 .depicter-section-background{
	background-image:linear-gradient(0deg, #FFF 12%, #FFE175 100%);
}
.depicter-revert .depicter-8-element-29{
	font-size:12px;
	text-align:center;
	color:#FFF;
	font-family:"Open Sans";
	font-weight:600;
	text-transform:uppercase;
	background-color:#F5C518;
	border-radius:6px;
}
.depicter-revert .depicter-8-element-29:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-8-element-29:not(.depicter-hover-off):hover {
	color:#101010;
	background-color:#ffffff;
}
.depicter-revert .depicter-8-element-26{
	font-size:27px;
	text-align:left;
	color:#f5c518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-8-element-25{
	font-size:43px;
	text-align:left;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-8-element-24{
	background-color:#101010;
	border-radius:0px 110px 0px 0px;
}
.depicter-revert .depicter-8-element-31{
	border-radius:370px 0px 370px 0px;
}
.depicter-revert .depicter-8-section-22 .depicter-section-background{
	background-image:linear-gradient(0deg, #FFF 11%, #FFE175 100%);
}

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

.depicter-revert .depicter-8-element-6{
	font-size:20px;
	text-align:left;
	color:#f5c518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
}
.depicter-revert .depicter-8-element-5{
	font-size:25px;
	text-align:left;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
}
.depicter-revert .depicter-8-element-32{
	border-radius:280px 0px 280px 0px;
}
.depicter-revert .depicter-8-element-16{
	font-size:34px;
	text-align:left;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
}
.depicter-revert .depicter-8-element-17{
	font-size:20px;
	text-align:left;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
}
.depicter-revert .depicter-8-element-33{
	border-radius:280px 0px 280px 0px;
}
.depicter-revert .depicter-8-element-26{
	font-size:20px;
	text-align:left;
	color:#f5c518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
}
.depicter-revert .depicter-8-element-25{
	font-size:34px;
	text-align:left;
	color:#f5c518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
}
.depicter-revert .depicter-8-element-31{
	box-shadow:10px 10px 25px -5px #000;
	border-radius:280px 0px 280px 0px;
}

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

.depicter-8-element-10 .depicter-symbol-container{
	fill:#F5C518;
}
.depicter-8-element-11 .depicter-symbol-container{
	fill:#F5C518;
}
.depicter-revert .depicter-8-element-9{
	font-size:10px;
	background-color:#EE0606;
}
.depicter-revert .depicter-8-element-9:not(.depicter-hover-off){
	transition:all ease 0.5s;
}
.depicter-revert .depicter-8-element-6{
	font-size:9px;
	text-align:center;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
}
.depicter-revert .depicter-8-element-5{
	font-size:12px;
	text-align:center;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
	text-transform:uppercase;
}
.depicter-revert .depicter-8-element-4{
	border-radius:0px 0px 0px 0px;
}
.depicter-revert .depicter-8-element-32{
	border-radius:0px 0px 0px 0px;
}
.depicter-revert .depicter-8-element-32:not(.depicter-hover-off){
	transition-property:none;
}
.depicter-revert .depicter-8-element-16{
	font-size:12px;
	text-align:center;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
	text-transform:uppercase;
}
.depicter-revert .depicter-8-element-20{
	font-size:10px;
	background-color:#EE0606;
}
.depicter-revert .depicter-8-element-17{
	font-size:9px;
	text-align:center;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
}
.depicter-revert .depicter-8-element-15{
	border-radius:0px 0px 0px 0px;
}
.depicter-revert .depicter-8-element-33{
	border-radius:0px 0px 0px 0px;
}
.depicter-revert .depicter-8-element-29{
	font-size:10px;
	background-color:#EE0606;
}
.depicter-revert .depicter-8-element-26{
	font-size:7px;
	text-align:center;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:300;
	line-height:120%;
}
.depicter-revert .depicter-8-element-25{
	font-size:12px;
	text-align:center;
	color:#F5C518;
	font-family:"Open Sans";
	font-weight:700;
	line-height:120%;
	text-transform:uppercase;
}
.depicter-revert .depicter-8-element-24{
	border-radius:0px 0px 0px 0px;
}
.depicter-revert .depicter-8-element-31{
	filter:brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
	box-shadow:none;
	border:none;
	border-radius:0px 0px 0px 0px;
}
.depicter-revert .depicter-8-section-22 .depicter-section-background{
	background-image:linear-gradient(0deg, #FFF 11%, #FFE175 100%);
}

}
/*** Custom styles ***/
.btn-3d-glow {
  position: relative;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(145deg, #1a1a1a, #000);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  letter-spacing: 0.5px;
  box-shadow: 
    0 6px 0 #000,
    0 10px 20px rgba(0,0,0,0.5),
    0 0 10px rgba(0, 255, 255, 0.5);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Neon Glow Layer */
.btn-3d-glow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(270deg, #00ffff, #ff00ff, #00ffff);
  background-size: 400% 400%;
  opacity: 0;
  transition: 0.4s;
  z-index: -1;
  filter: blur(12px);
  animation: glowMove 6s linear infinite;
}

/* Hover Effect */
.btn-3d-glow:hover::before {
  opacity: 1;
}

.btn-3d-glow:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 
    0 10px 0 #000,
    0 20px 30px rgba(0,0,0,0.6),
    0 0 25px rgba(0, 255, 255, 0.8);
}

/* Click Effect */
.btn-3d-glow:active {
  transform: translateY(4px) scale(0.96);
  box-shadow: 
    0 2px 0 #000,
    0 5px 10px rgba(0,0,0,0.5);
}

/* Animation */
@keyframes glowMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.btn-3d-glow {
  position: relative;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(145deg, #1a1a1a, #000);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  letter-spacing: 0.5px;
  box-shadow: 
    0 6px 0 #000,
    0 10px 20px rgba(0,0,0,0.5),
    0 0 10px rgba(0, 255, 255, 0.5);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Neon Glow Layer */
.btn-3d-glow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(270deg, #00ffff, #ff00ff, #00ffff);
  background-size: 400% 400%;
  opacity: 0;
  transition: 0.4s;
  z-index: -1;
  filter: blur(12px);
  animation: glowMove 6s linear infinite;
}

/* Hover Effect */
.btn-3d-glow:hover::before {
  opacity: 1;
}

.btn-3d-glow:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 
    0 10px 0 #000,
    0 20px 30px rgba(0,0,0,0.6),
    0 0 25px rgba(0, 255, 255, 0.8);
}

/* Click Effect */
.btn-3d-glow:active {
  transform: translateY(4px) scale(0.96);
  box-shadow: 
    0 2px 0 #000,
    0 5px 10px rgba(0,0,0,0.5);
}

/* Animation */
@keyframes glowMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.btn-3d-glow {
  position: relative;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(145deg, #1a1a1a, #000);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  letter-spacing: 0.5px;
  box-shadow: 
    0 6px 0 #000,
    0 10px 20px rgba(0,0,0,0.5),
    0 0 10px rgba(0, 255, 255, 0.5);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Neon Glow Layer */
.btn-3d-glow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(270deg, #00ffff, #ff00ff, #00ffff);
  background-size: 400% 400%;
  opacity: 0;
  transition: 0.4s;
  z-index: -1;
  filter: blur(12px);
  animation: glowMove 6s linear infinite;
}

/* Hover Effect */
.btn-3d-glow:hover::before {
  opacity: 1;
}

.btn-3d-glow:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 
    0 10px 0 #000,
    0 20px 30px rgba(0,0,0,0.6),
    0 0 25px rgba(0, 255, 255, 0.8);
}

/* Click Effect */
.btn-3d-glow:active {
  transform: translateY(4px) scale(0.96);
  box-shadow: 
    0 2px 0 #000,
    0 5px 10px rgba(0,0,0,0.5);
}

/* Animation */
@keyframes glowMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

