::-webkit-scrollbar {
        width: 4px;
      }
      
      /* Track */
      ::-webkit-scrollbar-track {
        background: lightgrey; 
      }
       
      /* Handle */
      ::-webkit-scrollbar-thumb {
        background: black; 
      }
      
      /* Handle on hover */
      ::-webkit-scrollbar-thumb:hover {
        background: black; 
      }



.gallerysize{
    width:"100%";
   
}

.body{
    background-color:white;
    height: 100%;
    
}


body{
    width: 100vw;
    overflow-x: hidden;   
}
  .parentImg{
    position: relative;


  }

  .parent{
    width: 99vw !important;
    margin: auto !important;
}





.img1 {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    word-spacing: 4px;
    z-index: 1;
    color: white;
    font-size: calc(2vw + 3vh + 1.5vmin);
    font-family: fantasy;
    font-weight: 400;
    
  }

  .circle_icon{
    color:"red";
  }

  .load{
    cursor: pointer;
    color: white ;
    padding: 15px;
    text-align: center;
  }
  .split{

width: 100%;

  }
  .dot{
    color: yellow;
    font-size: 100px;
    align-items: center;
  }

  .last{
display: flex;
justify-content: center;
padding: 20px;
cursor: pointer;
  }
  .last > p {
    color:black;
    border: 1px solid black;
    padding:8px 12px;
    display: flex;
    align-items: center;
  }

  
  .centerimage{
    height:450px;
  }


  .container {
    position: relative;
    width: 100%;
    /* padding:0 !important; */
  }
  
  .image {
    display: block;
    width: 97%;
    height: auto;
    max-height: 270px;
    min-height: 269px !important;
  }
  .image1 {
    display: block;
    width: 100%;
    height: auto;
    max-height: 270px;
    min-height: 269px !important;
    
  }

  .BigImg{
    min-height: 393px;
    max-height: 393px;
  }
  .overlay {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 0;
    box-sizing: border-box;

    background-color: black;
    opacity: 0.7;
    overflow: hidden;
    width: 0;
    height: 92%;
    bottom:12px;
    transition: .5s ease;
  }
  .container:hover .overlay {
    width: 90%;
    left: 10px;
  }
  .overlayy {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 0;
    box-sizing: border-box;

    background-color: black;
    opacity: 0.7;
    overflow: hidden;
    width: 0;
    height: 92%;
    bottom:12px;
    transition: .5s ease;
  }
  .container:hover .overlayy {
    width: 90%;
    left: 20px;
  }


  .overlayRight {
    position: absolute;
    bottom: 0;
    left: 100%;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
  }
  
  .container:hover .overlayRight {
    width: 100%;
    left: 0;
  }

  .container:hover .bigimageHead {
bottom:18px;
width:100% !important;
  }

  
  .container:hover .bigImage>div {
    left: 25%;
  }
  
  .text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 82%;
    left: 30% ;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  .textt {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 82%;
    left: 28% ;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  .textteam {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 82%;
    left: 28% ;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  .textt2 {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 82%;
    left: 33% ;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  .textt3 {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 82%;
    left: 49% ;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }

  
/*   
  .col-12{
    padding: 0 4px !important;
  } */



  .morecontent{
    transition: display 3s ease-in-out;
  }
 


  @media  (max-width: 768px){
    .BigImg{
      min-height: 293px;
    }
    .text {
      top: 80%;
      left: 31% ;
      
    }
    .textt2 {
      top: 80%;
      left: 35% ;
      
    }
    .textt3 {
      top: 80%;
      left:52% ;
      
    }
    .textt {
      top: 79%;
      left: 43% ;
      
    }
    .textteam {
      top: 79%;
      left: 28% ;
      
    }
    .container:hover .overlay {
      width: 90%;
      left: 12px;
    }
    .container:hover .overlayy {
      width: 5%;
      left: 10px;
    }
    .parent{
        width: 100vw !important;
        margin: auto !important;
    }
    .overlay {
        bottom:11px;
      }
    
.bigimageHead {
    bottom:10px !important;
}

.container:hover .bigimageHead {
    width:89% !important;
      }

      .container:hover .bigImage>div {
        left: 48%;
      }


    }

    @media screen and (min-width: 768px) and (max-width: 900px) {

      .textt2 {
        left: 40%;
      }
  
    }