div.services-list
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    float: left;
    width: 100%;
    row-gap: 40px;
    column-gap: 20px;
}

	div.service-card-big
	{
		position: relative;
		width: 100%;
	}
	
	div.service-card-big:hover div.settings_menu
	{
		display: block;
	}
	
		a.service-big-img-wrap
		{
			position: relative;
			display: block;
			width: 100%;
			padding-top: 100%;
			border-radius: 10px;
			overflow: hidden;
		}
		
			div.service-big-img
			{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0px;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				transform: scale(1);
				transition: 0.3s;
				-o-transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			
			div.service-card-big:hover div.service-big-img
			{
				transform: scale(1.1);
			}
		
			div.service-big-bg
			{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0px;
				background: radial-gradient(ellipse at top left, rgb(255 255 255 / 0%) 20%, #fff 80%);
			}
			
			div.service-big-icon
			{
				position: absolute;
				right: 0px;
				bottom: 0px;
				margin: 20px;
			}
			
				div.service-big-icon i.moon-service
				{
					position: absolute;
					right: 0px;
					bottom: 0px;
					font-size: 60px;
					color: rgb(245 108 58 / 10%);
				}
				
				div.service-big-icon i.mdi
				{
					font-size: 28px;
					color: #f56c3a;
				}
				
		div.service-big-info
		{
			margin-top: 20px;
		}
		
			a.service-big-name
			{
				display: inline-block;
				margin-bottom: 10px;
				font-size: 20px;
				font-weight: 600;
				color: #000;
			}
			
			span.service-big-desc
			{
				display: block;
				font-size: 16px;
			}