div.block-services
{
	position: relative;
	float: left;
    width: 100%;
	padding: 50px 0px;
}

	div.services-line
	{
		margin-bottom: 20px;
	}
	
		span.services-title
		{
			font-size: 40px;
			font-weight: 600;
		}
		
			span.services-title span
			{
				color: #f56c3a;
			}
		
		span.services-slogan
		{
			display: block;
			width: 400px;
			font-size: 16px;
		}
	
	div.services-grid
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		float: left;
		width: 100%;
		row-gap: 1px;
		column-gap: 1px;
		margin-top: 20px;
		background: #eee;
	}
	
		div.service-card
		{
			background: #fff;
		}
		
			div.service-wrap
			{
				position: relative;
				padding: 50px 30px 30px;
			}
			
				span.service-name
				{
					position: relative;
					display: flex;
					align-items: center;
					width: 100%;
					margin-bottom: 10px;
					padding-left: 30px;
					font-size: 20px;
					font-weight: 600;
				}
				
					span.service-name a
					{
						color: #000;
					}
				
					span.service-name i.moon-service
					{
						position: absolute;
						left: 0px;
						bottom: 0px;
						font-size: 60px;
						color: rgb(245 108 58 / 10%);
					}
					
					span.service-name i.mdi
					{
						margin-right: 10px;
						font-size: 28px;
						color: #f56c3a;
					}
					
				span.service-desc
				{
					display: block;
					font-size: 16px;
				}
				
				div.service-card:hover div.settings_menu
				{
					display: block;
				}