.depicter-revert .depicter-1-element-17{
	background-color:rgba(255, 255, 255, 0.3);
	border-width:2px;
	border-style:solid;
	border-color:rgba(255, 255, 255, 0.01);
	border-radius:50% 50% 50% 50%;
}
.depicter-1-element-17 .depicter-symbol-container{
	fill:rgba(255, 255, 255, 0.8);
	transform:scale( 1.5 );
}
.depicter-1-element-17:hover .depicter-symbol-container{
	transform:scale( 1.5 );
}
.depicter-revert .depicter-1-element-18{
	background-color:rgba(255, 255, 255, 0.3);
	border-width:2px;
	border-style:solid;
	border-color:rgba(255, 255, 255, 0.01);
	border-radius:50% 50% 50% 50%;
}
.depicter-1-element-18 .depicter-symbol-container{
	fill:rgba(255, 255, 255, 0.8);
	transform:scale( 1.5 );
}
.depicter-1-element-18:hover .depicter-symbol-container{
	transform:scale( 1.5 );
}
.depicter-1-element-22 .depicter-bullet-item{
	background-color:rgba(255, 255, 255, 0.5);
	border-radius:0px 0px 0px 0px ;
	width:9px;
	height:9px;
}
.depicter-1-element-22 .depicter-bullet-item.depicter-bullet-active{
	background-color:#FFF;
}
.depicter-1-element-22 .depicter-bullets-wrapper{
	gap:5px;
	flex-direction:row;
}
.depicter-revert .depicter-1-element-29{
	font-size:20px;
	color:#0B9444;
	font-family:"Kanit";
	font-weight:500;
	line-height:120%;
	text-transform:capitalize;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-29:not(.depicter-hover-off){
	transition-property:none;
}
.depicter-revert .depicter-1-element-31{
	transform:rotate(270deg);
	background-color:#FFF;
	border-radius:0px;
}
.depicter-revert .depicter-1-element-30{
	transform:rotate(180deg);
	background-color:#FFF;
	border-radius:0px;
}
.depicter-revert .depicter-1-element-28{
	background-color:#0B9444;
	border-radius:50%;
}
.depicter-revert .depicter-1-element-27{
	background-color:#FFF;
	border-radius:50px;
}
.depicter-revert .depicter-1-element-27:not(.depicter-hover-off){
	transition:all cubic-bezier(0.5, 1, 0.89, 1) 0.5s;
}
.depicter-revert .depicter-1-element-27:not(.depicter-hover-off):hover {
	background-color:#23272A;
	border-color:#000;
}
.depicter-revert .depicter-1-element-26{
	font-size:25px;
	color:#FFF;
	font-family:"Kanit";
	font-weight:300;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-25{
	font-size:80px;
	color:#FFF;
	font-family:"Kanit";
	font-weight:600;
	line-height:110%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-41{
	opacity:0.7;
}
.depicter-revert .depicter-1-section-23 .depicter-section-background{
	background-color:#000;
}
.depicter-revert .depicter-1-element-11{
	font-size:20px;
	color:#0B9444;
	font-family:"Kanit";
	font-weight:500;
	line-height:120%;
	text-transform:capitalize;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-11:not(.depicter-hover-off){
	transition-property:none;
}
.depicter-revert .depicter-1-element-21{
	transform:rotate(270deg);
	background-color:#FFF;
	border-radius:0px;
}
.depicter-revert .depicter-1-element-19{
	transform:rotate(180deg);
	background-color:#FFF;
	border-radius:0px;
}
.depicter-revert .depicter-1-element-10{
	background-color:#0B9444;
	border-radius:50%;
}
.depicter-revert .depicter-1-element-5{
	background-color:#FFF;
	border-radius:50px;
}
.depicter-revert .depicter-1-element-5:not(.depicter-hover-off){
	transition:all cubic-bezier(0.5, 1, 0.89, 1) 0.5s;
}
.depicter-revert .depicter-1-element-5:not(.depicter-hover-off):hover {
	background-color:#23272A;
	border-color:#000;
}
.depicter-revert .depicter-1-element-4{
	font-size:25px;
	color:#FFF;
	font-family:"Kanit";
	font-weight:300;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-3{
	font-size:80px;
	color:#FFF;
	font-family:"Kanit";
	font-weight:600;
	line-height:110%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-2{
	opacity:0.7;
}
.depicter-revert .depicter-1-section-1 .depicter-section-background{
	background-color:#000;
}
.depicter-revert .depicter-1-element-38{
	font-size:20px;
	color:#0B9444;
	font-family:"Kanit";
	font-weight:500;
	line-height:120%;
	text-transform:capitalize;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-38:not(.depicter-hover-off){
	transition-property:none;
}
.depicter-revert .depicter-1-element-40{
	transform:rotate(270deg);
	background-color:#FFF;
	border-radius:0px;
}
.depicter-revert .depicter-1-element-39{
	transform:rotate(180deg);
	background-color:#FFF;
	border-radius:0px;
}
.depicter-revert .depicter-1-element-37{
	background-color:#0B9444;
	border-radius:50%;
}
.depicter-revert .depicter-1-element-36{
	background-color:#FFF;
	border-radius:50px;
}
.depicter-revert .depicter-1-element-36:not(.depicter-hover-off){
	transition:all cubic-bezier(0.5, 1, 0.89, 1) 0.5s;
}
.depicter-revert .depicter-1-element-36:not(.depicter-hover-off):hover {
	background-color:#23272A;
	border-color:#000;
}
.depicter-revert .depicter-1-element-35{
	font-size:25px;
	color:#FFF;
	font-family:"Kanit";
	font-weight:300;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-34{
	font-size:80px;
	color:#FFF;
	font-family:"Kanit";
	font-weight:600;
	line-height:110%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-42{
	opacity:0.7;
}
.depicter-revert .depicter-1-section-32 .depicter-section-background{
	background-color:#000;
}

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

.depicter-1-element-22 .depicter-bullet-item{
	background-color:rgba(255, 255, 255, 0.5);
	width:5px;
	height:5px;
}
.depicter-1-element-22 .depicter-bullet-item.depicter-bullet-active{
	background-color:#FFF;
}
.depicter-1-element-22 .depicter-bullets-wrapper{
	gap:10px;
}
.depicter-revert .depicter-1-element-29{
	font-size:13px;
}
.depicter-revert .depicter-1-element-31{
	transform:rotate(270deg);
}
.depicter-revert .depicter-1-element-30{
	transform:rotate(180deg);
}
.depicter-revert .depicter-1-element-26{
	font-size:15px;
}
.depicter-revert .depicter-1-element-25{
	font-size:32px;
	line-height:100%;
}
.depicter-revert .depicter-1-element-11{
	font-size:13px;
}
.depicter-revert .depicter-1-element-21{
	transform:rotate(270deg);
}
.depicter-revert .depicter-1-element-19{
	transform:rotate(180deg);
}
.depicter-revert .depicter-1-element-4{
	font-size:15px;
}
.depicter-revert .depicter-1-element-3{
	font-size:32px;
	line-height:100%;
}
.depicter-revert .depicter-1-element-38{
	font-size:13px;
}
.depicter-revert .depicter-1-element-40{
	transform:rotate(270deg);
}
.depicter-revert .depicter-1-element-39{
	transform:rotate(180deg);
}
.depicter-revert .depicter-1-element-35{
	font-size:15px;
}
.depicter-revert .depicter-1-element-34{
	font-size:32px;
	line-height:100%;
}

}