body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.background-image-mr {
  
  width: 100vw;     
  height: 100%;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}

.background-image-mr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-position: center;
}

/*
.button-group{
    display: flex;
    gap:78px;
    justify-content: center;
    margin: 40px 0;
    padding-top: 650px;
    margin-left: 24px;
    
}

.animated-bttn a {
    color: rgb(161, 53, 53);
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
    background-color: rgb(209, 198, 255);
    padding: 20px;
    border-radius: 8px;
    font-size: 16px;
 
  }

  .animated-bttn a span{

    position: relative;
    
  }
  
  .animated-bttn a span::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(192, 61, 61);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
  }
  
  .animated-bttn a:hover {
    color: pink; 
  }
  
  .animated-bttn a:hover span::before {
    transform: scaleX(1);
  }