.mainContImgBlog{
    height: 55vh;width: 100%;
}
.mainContContentBlog{
    height: 300vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainContCardBlog{
    width: 80%;
    height: 280vh;
    background:linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);
}
.mainContcardTxtblog{
    width: 100%;
    height: 15vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
}
/* //form */
.gameContComm{
    background:url(./image/bg/bgWallpaper.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;
  } 
  .commMainCont{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
  }
  .commMainCont2{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
  }
  .formCont{
    width: 90%;
    height: 75vh;
    background: rgba(208, 208, 208, 0.599);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .txtCont{
    font-size: 18px;
  }

@media screen and (max-width: 650px) {
    .mainContImgBlog{
        height: auto;
        width: 100%;
    }
    .mainContContentBlog{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .mainContCardBlog{
        width: 95%;
        height: auto;
        background:linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);
    }
    .mainContcardTxtblog{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 10px;
    }
    
     /* form */
.gameContComm{
    background:url(./image/bg/bgWallpaper.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;
  } 
  
  .commMainCont{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85vh;
  }
  .commMainCont2{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 78vh;
  }
  .commMainCont2 img{
    width: 50vw;
  }
  .formCont{
    width: 90%;
    height: 70vh;
    background: rgba(208, 208, 208, 0.599);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .txtCont{
    font-size: 14px;
  }
  .navbar-collapse{
    background: #0C0127;
    padding: 20px;
    }
}



.modal-backdrop.show {
  z-index: auto;
}

.modalCss{
  z-index: 99;
}