/* start gallery 1 css */
*{
  padding:0;
  margin:0;
  border:none;
  outline:none;
  box-sizing:border-box;
  }
  #gallery-container_1 *::selection{
  background-color:transparent;
  user-select:none;
  }
  #gallery-container_1{
  direction:ltr;
  height:300px;
  margin:auto;
  padding:8px;
  padding-bottom:70px;
  box-sizing:border-box;
  overflow:hidden;
  border:2px solid #ccc;
  background:linear-gradient(30deg,#009,#fff,#009);
  transition:all 0.8s ease;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  }
  #gallery-container_1 button{
  pointer-events:all;
  user-select:none;
  cursor:pointer;
  padding:8px;
  margin:auto 8px;
  width:3em;
  height:3em;
  box-sizing:border-box;
  transition:opacity 0.4s ease;
  /*  */
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  }
  #gallery-container_1 button:hover{
  transform:scale(1.1,1.1);
  }
  #nextBtn{float:right; background-image:url("../images/gallery/next.png");}
  #prevBtn{float:left; background-image:url("../images/gallery/prev.png");}
  /* Query */
  @media screen and (min-width:768px){
  #gallery-container_1{width:60vw;}
  .gallery-item_1{width:100%;}
  }
  @media screen and (max-width:768px){
  #gallery-container_1{width:90vw;}
  .gallery-item_1{width:100%;}
  }
  
  #gallery_1::-webkit-scrollbar{display:none;}
  
  #gallery_1{
  pointer-events:none;
  height:100%;
  padding:0px;
  white-space:nowrap;
  margin:auto;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  box-sizing:border-box;
  scroll-snap-type:x mandatory;
  text-align:center;
  }
  
  
  
  .gallery-item_1{
  pointer-events:none;
  height:100%;
  display:inline-block;
  scroll-snap-align:center;
  padding:8px;
  padding-bottom:20px;
  margin:auto 8px;
  box-sizing:border-box;
  overflow:hidden;
  text-shadow:0 0.4px 1px #000;
  /*  */
background-color:transparent;
  background-repeat:no-repeat;
  background-position:10px 70%;
  background-size:160px 160px;
  background-blend-mode:normal;
  }
  
  .g_animation{background-image:url("../images/gallery/animation.png");}
  .g_hesabdari1{background-image:url("../images/gallery/hesabdari1.png");}
  .g_icdl{background-image:url("../images/gallery/icdl.png");}
  .g_language{background-image:url("../images/gallery/language.png");}
  .g_site{background-image:url("../images/gallery/site.png");}
  .g_chortke{background-image:url("../images/gallery/chortke.png");}
  .g_math{background-image:url("../images/gallery/math.png");}
  .g_softwares{background-image:url("../images/gallery/softwares.png");}
  .g_office{background-image:url("../images/gallery/office.png");}
  .g_phyton{background-image:url("../images/gallery/phyton.png");}
  .g_network{background-image:url("../images/gallery/network.png");}
  
  .gallery-item_1 h2{color:#00f;}
  .des{
  width:100%;
  height:60%;
  color:#f00;
  text-align:right;
  font-size:1.3em;
  font-weight:bold;
  padding:4px 8px;
  border-radius:8px;
  margin:8px auto;
  white-space:pre;
  }
  .gallery-item_1 a{
  pointer-events:all;
  width:50%;
  text-align:center;
  display:block;
  margin:8px auto;
  padding:8px;
  text-decoration:none;
  color:#006;
  font-weight:bold;
  font-size:1.1em;
  border-top:4px solid;
  transition:all 0.3 ease;
  text-shadow:none;
  }
  .gallery-item_1 a:hover{
  color:#06f;
  }
  
  
  
  /* end gallery 1 css */