/* #slide-related *******************************/

#slide-related {
 	background: var(--color-light);
 	background: url('../../../assets/images/art/mountains.webp');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;

  .art {
    display: none;
  }

 	.panel {

		.main {
			max-width: 1200px;
			text-align: center;
		}
	}
}

@media (min-width: 1000px) {

	#slide-related {
		position: sticky;
		top: 75px;
		z-index: 1;

  	.art {
  	  display: block;
  	  position: absolute;
			right: 40px;
  	  top: 60px;
	    z-index: 3;

  	  img {
  	    height: auto;
  	    width: 7vw;
		  }
		}

	  .art-cloud {
	    right: 0;
	    top: 0;
	    z-index: 2;

	    img {
	      height: auto;
	      transform: rotate(180deg);
	      width: 35vw;
	    }
	  }
	}
}

/* #slide-related .services *******************************/

#slide-related {

	.services {
		align-items: center;
		display: flex;
		gap: 40px;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 60px;

		button {
			align-items: center;
			background: transparent;
			border: 0;
			color: var(--color-text);
			display: flex;
			flex-direction: column;
			gap: 20px;
			outline: 0;
			padding: 0;
			width: calc((100% - 40px) / 2);

			img {
				height: 70px;
				width: auto;
			}
		}
	}
}

@media (min-width: 1000px) {

	#slide-related {

		.services {

			button {
				width: auto;
			}
		}
	}
}