.topics-discussion{

	position: relative;

}

.topics-discussion h3 span {

    color: #fff;

    font-weight: 400;

}

.topics-discussion-list{ width: 55%; margin: 0 auto; }

.topics-discussion .icon-box{ display: flex; align-items: center; flex-direction: column; text-align: center; }

.topics-discussion .icon-box span{

    height: 120px;

    width: 120px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    background-color:transparent;

    border-radius: 50%;

    border: 1px solid #50505017;

}

.topics-discussion .icon-box img {

    height: auto;

    width: auto;

    filter: brightness(1) invert(0);

    transition: transform 0.6s;

    transform-style: preserve-3d;

}

.topics-discussion .icon-box h4{

	font-size: 15px;

	font-weight: 500;

    text-transform: uppercase;

    margin-top: 1rem;

    margin-bottom: 0;

    color: var(--dark-color);
	/*
    background: #fff;

    background: linear-gradient(to left, #fff 0%, #fff 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
	*/

}

.topics-discussion .icon-box:hover img{
	/*
	filter: none;
	*/
    transition: 0.9s;

    transform: rotateY(180deg);

}
/*
.topics-discussion .icon-box:hover h4{

	background: #c4ff68;

	background: linear-gradient(to left, #c4ff68 0%, #c4ff68 100%);

	-webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}
*/
.topics-discussion .icon-box:hover span{
	/*
	border: 1px solid #c4ff68;
	*/

}

.topics-discussion .topics-discussion-column{

    display: grid;

    grid-gap: 60px 30px;

    grid-template-columns: repeat(4, 1fr);

}
/*
.topics-discussion .icon-box:hover {

    -webkit-filter: drop-shadow(0px 0px 30px rgba(255, 74, 23, 0.5));

    filter: drop-shadow(0px 0px 30px rgba(255, 74, 23, 0.5));

}
*/
/*
.topics-discussion .icon-box:hover span{
	background-color: var(--dark-color);
}
.topics-discussion .icon-box:hover img{
	filter: brightness(1) invert(0);
}
*/
.topics-discussion.cs-shape_wrap_4 .cs-shape_4{

	background-color:#181818;

}

.topics-discussion.cs-shape_wrap_4 .cs-shape_4:nth-child(2){

	top:24%;

}

.topics-discussion.cs-shape_wrap_4 .cs-shape_4:nth-child(1){

	left: 5%;

	top:8%;

}

.topics-discussion.cs-shape_wrap_4 .cs-shape_4:nth-child(3){

	right: 20%;

	top:60%;

	height: 100px;

 width: 100px;

}

.topics-discussion.cs-shape_wrap_4 .cs-shape_4:nth-child(4){

	right: -3%;

	bottom: 5%;

	height: 286px;

 width: 286px;

}

