.region_btn_container{
    display: flex;
    flex-direction: column;
    height: 1560px;
    justify-content: space-evenly;
    width: 80%;
    margin: auto;
    align-items: center;
}

.region_btn{
    width: 100%;
    height: 500px;
    font-size: 136px;
    text-transform: uppercase;
    font-family: Arial,sans-serif;
    font-weight: 400;
    color: white;
    border: none;
    box-shadow: 22px 22px 5px 0px #00000082;
}

#region_office_Agenda_Container {
	z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow-y: hidden;
	pointer-events: none;
}
#region_office_Agenda {
	z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border: none;
	pointer-events: none;
	/*animation: 30s ease 5s infinite both running slideUp;*/
}

@keyframes slideUp {
  0% { transform: translateY(0%); margin-top:0%;height:100%; }
  10% { transform: translateY(0%); margin-top:0%;height:100%; }
  90%   { transform: translateY(-60%); margin-top:0%;height:160%;}
  95%   { transform: translateY(-60%); margin-top:0%;height:160%; }
  100%   { transform: translateY(0%); margin-top:0%;height:100%; }
}
/*
@keyframes slideUp {
  0% { transform: translateY(00%); margin-top:0;height:800%; }
  95%   { transform: translateY(-60%); margin-top:0;height:800%; }
  100%   { transform: translateY(00%); margin-top:0%;height:800%; }
}*/


#region_office_embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 1080px;
    height: 1750px;
    background-color: white;
    border: none;
} 
#region_product_embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 1080px;
    height: 1920px;
    background-color: white;
    border: none;
}
#region_office_btn{
    background-color: var(--pink-narbonne);
}
#region_office_btn:active, #region_office_btn:focus{
    background-color: #ff95ce;
    outline: none;
}
#region_product_btn{
    background-color: #0061ff;
}
#region_product_btn:active, #region_product_btn:focus{
    background-color: #75a1e9;
    outline: none;
}