.app {
	box-shadow: 0px 16px 40px rgba(90, 90, 90, 0.16);
	background-color: #fff;
	margin-top: 200px;
	position: relative;

	@media (max-width: 576px) {
		margin-top: 100px;
		padding: 30px 30px 340px;
	}

	.app-wrapper {
		height: 400px;
		display: flex;
		justify-content: space-between;
		direction: rtl;
		align-items: center;
		flex-direction: row;

		@media (max-width: 576px) {
			flex-direction: column-reverse;
			height: 100%;
		}

		.app-content {
			width: 70%;
			text-align: center;

			@media (max-width: 576px) {
				width: 100%;
			}

			h3 {
				font-weight: bold;
				font-size: 25px;
				color: #455464;

				@media (max-width: 576px) {
					font-size: 16px;
				}
			}

			p {
				font-weight: normal;
				font-size: 16px;
				color: #546e7a;
				margin-top: 30px;
				text-align: justify;

				@media (max-width: 576px) {
					font-size: 13px;
					margin-top: 20px;
				}
			}

			.app-market {
				justify-content: space-between;
				// width: 673px;
				align-items: center;
				display: flex;
				margin: 30px auto 0;

				img {
					margin: 5px;
				}

				@media (max-width: 576px) {
					position: absolute;
					flex-direction: column;
					bottom: 30px;
					width: 100%;
					left: 0;

					img {
						margin: 5px auto;
					}
				}
			}

			.direct-app-image {
				width: 156px;
			}
		}

		.app-image {
			width: 250px;
			height: 553px;
			background-image: url('/assets/images/phone.png');
			background-repeat: no-repeat;

			@media (max-width: 576px) {
				width: 160px;
				height: 350px;
				background-size: cover;
			}
		}
	}
}