.height_change {
    height: calc(100vh - (100px + 40px));
    overflow-y: auto;
}

.modal{
    padding: 10%;
}


.ReactModal__Overlay.ReactModal__Overlay--after-open {
    background-color: rgb(0 0 0 / 56%) !important;z-index: 1111;
  }
  .ReactModal__Content.ReactModal__Content--after-open {
    inset:0px 0px 40px 0px !important;
    /* position: static !important;
    padding: 20px 0 20px  0!important; */
    /* height: fit-content !important; */
}
.ReactModal__Content.ReactModal__Content--after-open::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.ReactModal__Content.ReactModal__Content--after-open::-webkit-scrollbar
{
	width: 0;
	background-color: #F5F5F5;
}

.ReactModal__Content.ReactModal__Content--after-open::-webkit-scrollbar-thumb
{
	background-color: transparent;
}
  
.romin_hover:hover {
    transform: scale(1.05); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
  }

  .courses_hover:hover {
    transform: scale(1.05); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
  }