@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,500;0,600;1,400&display=swap');
html, body {
    height: 100% !important;
     /* font-family: 'Kanit', sans-serif !important; */
     font-family: 'Exo 2', sans-serif !important;
     color:#f44336 !important;
     overflow-x: hidden;
}
/* =====================================      media qury start   ============================================== */
@media only screen and (max-width:768px) {
  .palyers{
    width: 50% !important;
  }
 
  .mobile-view{
    display:  block !important;
  }
  .lap-view{
    display: none;
  }
}
/* =====================================      media qury end   ============================================== */
.mobile-view{
  display: none;
}

/* =======================================  banner div start ===========================================*/
.mainFoto{
    width:100% !important;
    height:100% !important;
    background: url('./img/bg2.jpg') no-repeat  !important; 
    
  background-size: cover !important;
    
    
}
.mainFoto2{
  width:100% !important;
  height:100% !important;
  background: url('./img/mob1.jpg') no-repeat  !important; 
  
background-size: cover !important;
  }

.pinkpik{
  width:100%;
  height:100%;
  background: url('./img/gree-red.jpeg') no-repeat ; 
  
background-size: cover ;
}
.green{
  width:100%;
  height:100%;
  background: url('./img/greenn.jpg') no-repeat ; 
  
background-size: cover ;
}
/* ===========================   mai foto div end   ====================================== */
.navbar .navbar-nav .nav-link:hover{
  color:#ed1b76  !important;
}
.active{
  color:#ed1b76 !important;
  font-size: 19px;
  padding: 0.5em 1em;
    font-weight: 900;
  /* color: #3d85c6; */
}
.navbar-brand img {
    width: 80px;
  }
  .navbar-nav {
    align-items: center;
  }
  
  .navbar .navbar-nav .nav-link {
    color: #fff;
    font-size: 19px;
    padding: 0.5em 1em;
    font-weight: 900;
  }
  @media screen and (min-width: 768px) {
    .navbar-brand img {
      width: 100px;
    }
    .navbar-brand {
      margin-right: 0;
      padding: 0 1em;
    }
  }
  /* =======================================  banner div end ===========================================*/
  .con-1{
    background-color: #007473 !important;
  }
  .imgg{
    width: 100%;
  }
.com-pink{
  color: #ed1b76;
}

/* =============================    slide start =================================*/

  .slide-left {
    width: 100%;
  }
  
/***** Slide Left *****/
.slide-left {
  animation: 3s slide-left;
}
@keyframes slide-left {
  from {
    margin-left: 60%;
  }
  to {
    margin-left: 0%;
  }
}
/* =============================    slide end =================================*/