body, html{
    height: 100%;
    margin: 0;
    padding: 0;
}

.background-container{
    height:100vh ;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
 .menu-box{
    background-color: red;
    grid-template-columns: repeat(4,1fr);
        
}


.h-color{
    color:white;
}
.p-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-j{
color: seashell;
}
.b-radius{
    border-bottom-right-radius: 48px;
    border-top-right-radius:  48px;
}
.p-margin{
    margin: 7px;
}
p a:link{
    color:yellow;
    background-color: transparent;
}

/* center containers */
.centered-container {
    position:relative;
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100vh; /* Full viewport height */
    /* border: 2px solid blue; */
    top: -60px;
}
.centered-container-mob{
    position:relative;
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100vh; /* Full viewport height */
    /* border: 2px solid blue; */
    top: -80px;
}
.centered {
padding: 20px;
background-color: lightgray;
}
.style-logo-direct{
  position :relative;
  border-radius: 15px 0px 0px 15px;
  font-weight:bold;
  background:white;
  color:Black;
  padding-left:5px;
  padding-bottom:3px;
  padding-right:2px;
}
.style-logo-i{
  font-weight:bold;
  position:absolute;
  position:fixed;
  z-index:99999;
  color:rgb(89, 241, 89);
  left:35px;
  top:11px;
  font-size:12px;
}
.style-logo-pay{
  border: .5px solid white;
  padding-left:2px;
  padding-top:9px;
  padding-bottom:3px;
  padding-right:2px;
  border-radius:15px 0 0 0px;
}