.sideBr{
		position: fixed;
		background-color: black;
		height: 100vh;
		width: 100px;
		top: 0;
		left: 0;
		z-index: 9999;
		visibility: hidden;
		display: flex;
		/*justify-content: center;*/
		/*align-items: center;*/
		/*flex-wrap: wrap;*/
		overflow: scroll;
		flex-direction: column;
		transition: 0.2s ease;
	}
	
	.seideBr.sactive{
		width: 100%;
		visibility: visible;
	}
	.sideBr .sidData{
		position: relative;
		height: 20px
		width: 80%;
		margin-right: 100px;
		padding: 0px 0;
		margin: 10px 0;
	}
	.sideBr .sidData .text{
		position: relative;
		height: 80px;
		width: 90%;
		font-size: 50px;
		padding: 20px 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: black;
		color: white;
		border: 1px solid white;
	}
	.sideBr .sidData .mainDetails{
		position: relative;
		height: 0;
		overflow: hidden;
		background: black;
	}
	.sideBr .sidData.active .mainDetails{
		visibility: visible;
		height: auto;
	}
	.sideBr .sidData .details{
		position: relative;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		padding: 50px 0;
		background: white;
	}
	.sideBr .sidData .details .sideImg{
		position: relative;
		height: 100px;
		width: 100px;
		/*background: blue;*/
	}
	.sideBr .sidData .details .sideImg img{
		position: relative;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.sideBr .sidData .details .deText{
		/*background-color: orange;*/
		width: 700px;
	}
	.sideBr .sidData .details .sideIcon{
		position: relative;
		width: 50px;
		height: 100%;
		background: white;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 40px;
	}