.main-footer-box {
display:grid;
grid-template-rows: auto 1fr auto;
min-height: 100dvh;
max-height: 100dvh;
}

.side-and-main-box {
display: grid;
grid-template-columns: 250px 1fr;
height: 100%;
overflow: hidden;
background: var(--control-background-color);
}

.main {
overflow: scroll;
height: 100%;
}
.main-side {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 10px;
        max-width: 275px;
	transition: all 0.5s;

}
.side-section {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--font-color);
	border-radius: 10px;
background: var(--control-background-color);
}
.side-option {
	height: 40px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	padding: 5px;
	color: var(--font-color);
background: var(--control-background-color);
border-radius: 10px;

}
.side-option:hover {
	background-color: var(--header-background-color1);
	cursor: pointer;
        border-radius: 10px;
        color: var(--btn-font-hover-color);
}
.side-img {
	padding: 2px;
	display: flex;
	align-items: center;
}
#arrow-right {
	background-color: transparent;
        height: 20px; 
        width: 20px;
}
#forms {
	background-color: transparent;
}
.side-img img,.side-img svg {
	width: 30px;
	height: 30px;
	padding: 5px;
	border-radius: 10px;

	border-color: var(--btn-border-color);
        background-color: var(--dark-color);

}
.side-text{
	flex: 1;
	display: flex;
	align-items: center;
	padding-left: 2px;
}
.main-content {
	#background-color: orange;
}

@media (max-width: 1000px)
{
 .main {
       grid-template-columns: auto;
       } 

.main-side {
	display: none;
	}

.moblink {
	display: inline;
	}

.fulllink {
	display: none;
	}

.side-and-main-box {
	grid-template-columns: auto;
	min-height: calc(100%);
	max-height: calc(100%);
	}
}