html::-webkit-scrollbar {
	display: none;
}

html {
	-ms-overflow-style: none;
}

html {
	overflow: -moz-scrollbars-none;
}

body::-webkit-scrollbar {
	display: none;
}

body {
	-ms-overflow-style: none;
}

body {
	overflow: -moz-scrollbars-none;
}

.app::-webkit-scrollbar {
	display: none;
}

.app {
	-ms-overflow-style: none;
}

.app {
	overflow: -moz-scrollbars-none;
}

html body {
	width: 100%;
	margin: 0;
	padding: 0;
}

.app {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #E3F1FF;
  	position: relative;
  	padding-top: 80px;
}

.case {
	width: 90%;
	padding: 30px 0;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 45% 45%;
	align-items: center;
	justify-content: space-around;
	grid-row-gap: 50px;
	padding-top: 65px;
}

.case a{
  justify-items: center;
    align-content: space-around;
}

.case-item {
	width: 100%;
}

.case-item .image-box {
	background-color: rgba(166, 210, 255, 0.75);
	padding: 10px;
	position: relative;
}

.case-item .image-box img {
	width: 100%;
	height: 100%;
}

.case-item .image-box .image-title {
	background: linear-gradient(to bottom, #167BFD, #0056DC);
	position: absolute;
	padding: 5px 40px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	left: 50%;
	transform: translate(-50%);
	bottom: 0px;
	text-shadow: 1px 2px 1px #000000;
}

.case-item .text {
	background-color: #fff;
	padding: 10px;
  	height: 40px;
}