.scroll-block-section,
.scroll-block-section .scroll-flex-con{
	height: 70vh;
}

.scroll-block-section .scroll-flex-con{
	display: flex;
}

.scroll-block-section .scroll-flex-con .page-container,
.scroll-block-section .scroll-block-img-con {
	width: 50%;
}
.scroll-block-section .scroll-flex-con .page-container{
	overflow-y: scroll;
}


.scroll-block-section .scroll-flex-con .scroll-content{
	width: 80%;
}

.scroll-block-section .scroll-block-img-con img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.scroll-block-section .scroll-flex-con .page-container::-webkit-scrollbar {
  width: 15px;
}

.scroll-block-section .scroll-flex-con .page-container::-webkit-scrollbar-thumb {
	background: #ACACAC;
	border-radius: 20px;
}

.scroll-block-section .scroll-flex-con .page-container::-webkit-scrollbar-track {
	background: #D9D9D9;
}

.scroll-block-section .scroll-flex-con .page-container::-webkit-scrollbar-thumb:hover {
  background: #7A7A7A;
}


.scroll-block-section .brand-content{
	display: none;
}

.scroll-block-section .brand-content .main-title{
	color: var(--brand-blue-color);
	font-size: 2rem;
}



@media(max-width: 750px){
	.scroll-block-section .scroll-flex-con{
		flex-direction: column-reverse;
	}
	.scroll-block-section .scroll-flex-con .page-container, 
	.scroll-block-section .scroll-block-img-con,
	.scroll-block-section .scroll-flex-con .scroll-content{
		width: 100%;
	}
	.scroll-block-section{
		height: auto;
	}
	
	.scroll-block-section .scroll-block-img-con{
		height: 350px;
	}
	
	.scroll-block-section .scroll-flex-con{
		height: auto;
	}

}