:root :where(.wp-block-media-text) {
	&.is-style-media-style-1 {
		gap: 30px;

		.wp-block-media-text__content {
			padding-left: 0;
			padding-right: 0px;
			display: flex;
		    flex-direction: column;
		    justify-content: center;
		}

		.wp-block-media-text__media {
			height:-webkit-fill-available;
		}

		.wp-block-media-text__media img {
			border-radius: 12px 12px 12px 12px;
			height:-webkit-fill-available;
			object-fit: cover;
		}
	}

	&.is-style-media-style-2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;

		.wp-block-media-text__content {
			height: 100%;
			padding-left: 90px;
			padding-right: 90px;
			display: flex;
		    flex-direction: column;
		    justify-content: center;
		    background: linear-gradient(118deg, #273041 0.56%, #1E2737 100.38%);
		    border-radius: 12px 12px 12px 12px;    

		}

		.wp-block-media-text__media {
			height:-webkit-fill-available;
			height: 660px;
		}

		.wp-block-media-text__media img {			
			border-radius: 12px 12px 12px 12px;
			height:-webkit-fill-available;
		}

		@media(max-width: 425px){
			.wp-block-media-text__content {
				padding:0 30px;
			}		    
		    
		}
	}
	
	&.is-style-media-style-3 {

		gap: 20px;		

		.wp-block-media-text__content {
			height: 100%;
			padding:0 60px;	
		    background: #F5F6F8;
		    border-radius: 12px;		    
			flex-direction: column;
		    justify-content: space-between;
		}

		.wp-block-media-text__content .content{
			height: 100%;
		}

		.wp-block-media-text__media {
			height:-webkit-fill-available;
		}

		.wp-block-media-text__media img {
			border-radius: 12px 12px 12px 12px;
			height:-webkit-fill-available;
			object-fit: cover;
		}
	}

	&.is-style-media-style-5 {

	    .wp-block-media-text__content {
	        height: 100% !important;
	        padding-left: 0;
	        padding-right: 60px;
	        display: flex;
	        flex-direction: column;

	        p {
	            margin: 0;
	        }

	        .wp-block-image img {
	            vertical-align: top !important;
	        }
	    }

	    .wp-block-media-text__media img{
	    	object-fit: cover;
	    }
	    
	    @media (max-width: 1280px) and (min-width: 781px) {

	        & {
	            grid-template-columns: 1fr !important;
	            row-gap: 20px;
	        }

	        .wp-block-media-text__media {
	            grid-column: 1 !important;
	            grid-row: 1 !important;
	            width: 100%;
	        }

	        .wp-block-media-text__content {
	            grid-column: 1 !important;
	            grid-row: 2 !important;
	            
	        }
	    }

	    @media (max-width: 600px) {
	        & {
	            row-gap: 20px;
	            column-gap: 0;
	        }

	        .wp-block-media-text__content {
	            padding-right: 0;
	        }
	    }
	}

	&.is-style-media-style-4 {

		.wp-block-media-text__media img{
			border-radius: 12px;
			height:-webkit-fill-available;
		}

		.wp-block-media-text__media {
			height:-webkit-fill-available;
		}

		.wp-block-media-text__content {
			padding-left: 0px;
			padding-right: 0px;


			p{
				margin: 0px;
			}

			.wp-block-accordion {
				margin-top: 22px;
			}
		}

		@media (max-width: 992px) {
	  
		    display: flex;
		    flex-direction: column;
		    gap:20px;
	  

		    .wp-block-media-text__media {
		    	order: 1; 
		  	}

		  	.wp-block-media-text__content {
			    order: 2; 
			    width: 100%;
			    align-items: center;
		  		text-align: center
		  	}
		}
	}	
}

@media(max-width: 768px) {
	:root :where(.wp-block-media-text).is-style-media-style-2 .wp-block-media-text__content {				
		padding-right: 30px;
		padding-left: 30px;

		&> div {
			padding: 30px 0;
		}
	}

	:root :where(.wp-block-media-text).is-style-media-style-2 .wp-block-media-text__media {
		height: 100%;
	}
	
}

@media(max-width: 767px) {
	.is-style-media-style-1 .wp-block-media-text__content > div {
		min-height: 288px !important;
	}
}

@media(min-width: 1025px) {
	:root :where(.wp-block-media-text).is-style-media-style-1 {
		gap: 90px;
	}
}

@media(max-width: 1440px) {
	.is-style-media-style-2 .wp-block-media-text__media img  {				
		object-fit: cover;
	}
}