* {
  margin: 0;
  padding: 0;
  /* font-family: s !important; */
}

.hero-img {
  background-image: url("c2.jpg");
  height: 625px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.brand-name {
  font-size: 23.745px;
  font-weight: 700;
}
.nav-hover:hover {
  text-decoration: underline #20c997 2px;
}

.media-p {
  margin-top: -0.8rem !important ;
}

.hero-text {
  margin-left: 10%;
  position: relative;
  top: 46%;
  /* left: 5%; */
  /* transform: translate(-50%, -50%); */
  color: white;
}
.h1-bg {
  font-size: 2.67rem;
  font-weight: 600;
  overflow: hidden;
}
.h2-bg {
  font-family: sans-serif !important;
  font-size: 1.59rem;
  font-weight: 400;
  line-height: 1.59rem;
  overflow: hidden;
}

@keyframes h2-bg {
  
  0%   {margin-left: -1000px;}

  
  /* 50% {margin-right: 1000px;} */
  
  100% {margin-right: 0px;}
}

/* The element to apply the animation to */
.h2-bg {
  animation-name: h2-bg;
  animation-duration: 2s;
}
.img-thum {
  border-radius: 25px;
  padding: 8px;
}
.ram{
  color: #002147;
  font-size: 21px;
  font-weight:bold ;
  font-family: 'Times New Roman', Times, serif;
}

@media screen and (max-width: 1199px) {
   
.ma-img{
  height: 300px;
  width: 100%;
  border-radius: 32px;
  margin-top: 10%;
  
}
.maa-img{
  margin-top: 10%;
  height: 300px;
    width: 100%;
    border-radius: 36px;
}
}
@media screen and (max-width: 1400px) and (min-width: 768px) {
  .img-con {
    height: 38vh;
    width: 20vw;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 50px;
    /* margin-left: 10px; */
  }
   .row-bar {
    display: flex;
    flex-direction:row-reverse;
    height: 39vh;
    width: 80vw;
    margin-top: 50px;
  } 
  .madhur{
    height: 31vh;
    border-radius:28px ;
  }
  .bo{
    border: 1px solid slategrey;
    text-align: center;
  }
.ramu{
  background-color: #dfe6e9;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif ;
}
.fontsize{
  font-size: x-small;
  
}
/* @media screen and (max-width: 1400px) and (min-width: 576px) {
  .row-bar {
    display: flex;
    
    height: 38vh;
    width: 80vw;

    margin-top: 50px;
  }
} */

strong {
  font-weight: bold;
}

.line-p {
  /* line-height: 28px;*/
  /* font-family: sans-serif; */
  font-family: inherit;
  font-weight: 400;
  line-height: 1.9;
}
.hra{
  
  border: #ffc107 solid 0.1rem;
  position: relative;
  left: 37% !important;
  bottom: 2rem;
  opacity: 1;
  
}
a{
  text-decoration: none;
}

.borde{
border: solid 1px gray;
border-radius: 10px;
}
}
.bord{
border: #ffc107 solid 2px;

}
.ma-img{
  height: 183px;
  width: 100%;
  border-radius: 32px;
}
.maa-img{
  
  height: 183px;
    width: 100%;
    border-radius: 36px;
}
@media screen and (max-width: 768px){
  
  .ma-img{
    height: 300px;
    width: 100%;
    border-radius: 32px;
  }
  .maa-img{
    
    height: 300px;
      width: 100%;
      border-radius: 36px;
  }
  .hra{
  
    border: #ffc107 solid 0.1rem;
    position: relative;
    left: 37% !important;
    bottom: 2rem;
    opacity: 1;
    
  }
  .ramu{
    background-color: #dfe6e9;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif ;
  }
}
.line-h {
  font-family: "Kaushan Script";
  font-weight: 700;
  font-size: 2.5rem;
}
/* .jpg-img {
  height: 430px;
  /* width: 79vw; */

p {
  margin-top: 10px;
  font-weight: 400;

  font-family: Poppins;
}
.clo {
  color: #002147;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: Poppins;
}

.kichen-img{
height: 350px;
width: 946px;
}
.gaming-img{

height: 350px;
width: 648px;
}
.faaf{
  color: #002147;
  font-weight: bold;
}
.three-img{
  height: 300px;
  width: 800px;

}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .ma-img{
    height: 300px;
    width: 100%;
    border-radius: 32px;
    margin-top: 10%;
    padding-bottom: 10%;
    
  }
  .maa-img{
    margin-top: 10%;
    height: 300px;
      width: 100%;
      border-radius: 36px;
  }
 
.paragrap{
font: size 10px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
}
.bar-butoon{
  position: relative;
  left: 40%;
}
.loca{
  height: 70vh;
  width: 100%;
}
.footer{
  height: 500px;
  width: 100%;
}
.fute{

  position: relative;
  top: 20%;
}
@media (max-width: 768px){
  .footer{
    height: 900px;
    width: 100%;
  }
  .fute{
  
    position: relative;
    top: 10%;
  }

}
.eventCard1{
  margin-top: 150px;
}
.bntu{
  border-radius: 10px;
  border: solid 2px orange;
}