.depicter-1-display .depicter-backdrop{
background-color:rgba(0, 0, 0, 0.5);
backdrop-filter:blur( 5px );
}
.depicter-revert.depicter-1 .depicter-section{
min-height:300px;
}
.depicter-revert .depicter-1-element-27:not(.depicter-hover-off){
transition:all ease 0.5s;
}
.depicter-revert .depicter-1-element-27:not(.depicter-hover-off):hover {
border-color:#000;
}
.depicter-1-element-27 .depicter-symbol-container{
fill:#000;
transform:scale( 1.3 );
transition:all ease 0.5s;
}
.depicter-1-element-27:hover .depicter-symbol-container{
fill:#23A2B4;
transform:scale( 1.3 );
}
.depicter-revert .depicter-1-element-22{
padding:0px;
font-size:16px;
text-align:center;
color:#FFF;
font-family:"dnpro";
font-weight:400;
background-color:#23A2B4;
border-radius:30px;
}
.depicter-revert .depicter-1-element-21{
padding:10px;
font-size:18px;
text-align:center;
color:#000;
font-family:"dnpro";
font-weight:400;
line-height:110%;
background-color:transparent;
}
.depicter-revert .depicter-1-element-20{
padding:10px;
font-size:26px;
text-align:center;
color:#000;
font-family:"dnpro";
font-weight:500;
line-height:100%;
background-color:transparent;
}
.depicter-revert .depicter-1-section-17 .depicter-section-background{
background-color:#FFF;
} @media screen and (max-width: 1024px){
.depicter-revert.depicter-1 .depicter-section{
min-height:300px;
}
.depicter-1-element-27 .depicter-symbol-container{
transform:scale( 1.2 );
}
.depicter-1-element-27:hover .depicter-symbol-container{
fill:#23A2B4;
transform:scale( 1.2 );
}
} @media screen and (max-width: 767px){
.depicter-revert.depicter-1 .depicter-section{
min-height:300px;
}
.depicter-1-element-27:hover .depicter-symbol-container{
fill:#23A2B4;
}
.depicter-revert .depicter-1-element-21{
padding:0px;
font-size:14px;
}
.depicter-revert .depicter-1-element-20{
font-size:20px;
overflow-wrap:break-word;
}
}