.depicter-1-display .depicter-backdrop{
background-color:rgba(22, 194, 70, 0.8);
backdrop-filter:blur( 3px );
}
.depicter-revert .depicter-1-element-9{
background-color:#FFFFFF;
border-radius:50%;
}
.depicter-revert .depicter-1-element-9:not(.depicter-hover-off){
transition:all ease 0.5s;
}
.depicter-revert .depicter-1-element-9:not(.depicter-hover-off):hover {
background-color:#16C246;
border-color:#000000;
}
.depicter-1-element-9 .depicter-symbol-container{
fill:#000000;
transform:scale( 1.2 );
transition:all ease 0.5s;
}
.depicter-1-element-9:hover .depicter-symbol-container{
fill:#000000;
transform:scale( 1.2 );
}
.depicter-revert .depicter-1-element-11{
font-size:32px;
color:#FFF;
font-family:"Sarabun";
font-weight:700;
line-height:120%;
background-color:transparent;
}
.depicter-revert .depicter-1-element-10{
font-size:32px;
color:#FFF;
font-family:"Sarabun";
font-weight:700;
line-height:120%;
background-color:transparent;
}
.depicter-revert .depicter-1-element-3{
font-size:32px;
color:#FFF;
font-family:"Sarabun";
font-weight:700;
line-height:120%;
background-color:transparent;
}
.depicter-revert .depicter-1-element-7{
font-size:15px;
text-align:center;
color:#0A0A0A;
font-family:"Sarabun";
font-weight:400;
background-color:#16C246;
}
.depicter-revert .depicter-1-element-7:not(.depicter-hover-off){
transition:all ease 0.5s;
}
.depicter-revert .depicter-1-element-7:not(.depicter-hover-off):hover {
color:#000000;
background-color:#FFFFFF;
border-color:#000000;
}
.depicter-revert .depicter-1-section-1 .depicter-section-background{
background-color:#FFF;
} @media screen and (max-width: 1024px){
.depicter-1-element-9 .depicter-symbol-container{
transform:scale( 1 );
}
.depicter-1-element-9:hover .depicter-symbol-container{
transform:scale( 1 );
}
.depicter-revert .depicter-1-element-7{
font-weight:400;
}
.depicter-revert .depicter-1-section-1 .depicter-section-background{
background-color:#000000;
}
} @media screen and (max-width: 767px){
.depicter-1-element-9 .depicter-symbol-container{
transform:scale( 1.1 );
}
.depicter-1-element-9:hover .depicter-symbol-container{
transform:scale( 1.1 );
}
.depicter-revert .depicter-1-element-11{
font-size:30px;
}
.depicter-revert .depicter-1-element-10{
font-size:30px;
}
.depicter-revert .depicter-1-element-3{
font-size:30px;
}
.depicter-revert .depicter-1-element-7{
font-size:13px;
font-weight:400;
}
}