/* virtual staging */

.image_to_video {
	box-shadow: rgb(17 15 15 / 42%) 0px 2px 6px;
    background: white;
	position: relative;

	#image_to_video__logo{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url(/common/images/pages/image_to_video/header.jpg) center center no-repeat;
		background-size: cover;
		height: calc( 100vh );
		position: relative;
		overflow: hidden;

		.image_to_video__logo {
			display: flex;
			flex-direction: column;
			gap: 16px;
			align-items: start;

			@media (max-width:767px){
				gap: 24px;
			}

			.image_to_video__logo--title {
				text-align: left;
			}
			.image_to_video__logo--description {
				text-align: left;
			}
			.image_to_video__logo--buttons {
				display: flex;
				flex-direction: row;
				gap: 16px;
				
				@media (max-width:767px){
					flex-direction: column-reverse;
					align-items: start;
				}
			}
		}
	}

	#image_to_video__converting {
		position: relative;
		padding: 0;
		
		.bg-converting  {
			width: 100%;
			position: relative;
   			z-index: 1;
		}

		.converting-background {
			position: absolute;
			bottom: 0;
			left: 0;

			video {
				width: calc(100vw - 16px);
				height: 41vw;
				object-fit: cover;
				border: 0px;
			}
		}
	}

	#image_to_video__aparts {
		.image_to_video__aparts {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 48px;

			.image_to_video__column { 
				display: flex;
				flex-direction: column;
				align-items: start;
				text-align: left;
				gap: 16px;

				.image_to_video__features {
					display: flex;
					flex-direction: column;
					gap: 8px;

					.li {
						padding-right: 16px;
					}
				}
			}
		}

	}

	#image_to_video__pricing {
		@media (max-width:767px){
			padding: 0;
		}

		.self_capture__column {
			img {
				width: 100vw;
			}
		}

		.container {
			padding: 80px 15px 0 15px;

			@media (max-width:767px){
				padding: 0 15px 0 15px;
			}
		}

		.image_to_video__pricing {
			.flex {
				display: flex;
				justify-content: space-between;
				align-items: start;
				position: relative;
				gap: 2vw;

				@media (max-width:767px){
					flex-direction: column-reverse;
					gap: 32px;
				}
			}

			.section-title {
				font-size: 2.75rem;
			}

			.text-base {
				font-size: 1.25rem;
			}

			.text-xxl {
				font-size: 2rem
			}
		}
		
		.image_to_video__column{
			display: flex;
			flex-direction: column;
			gap: 8px;

			.image_to_video__features {
				display: flex;
				flex-direction: column;
				gap: 8px;

				img {
				  margin-right: 8px;
			    }

				.text {
					text-align: start;
					text-wrap: nowrap;
					position: absolute;
					padding-left: 107px;
					top: 4%;
				}
	    	}
		}	
	}

	section {
		@media (max-width:767px){
			padding-top: 0 !important;
		}
	}
}