/* width */
::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #dc2626;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #b82020;
  }


html {
    scroll-behavior: smooth;
}


/* hambarger icon css start here  */

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
}

.ham1 .top {
    stroke-dasharray: 40 139;
}

.ham1 .bottom {
    stroke-dasharray: 40 180;
}

.ham1.active .top {
    stroke-dashoffset: -98px;
}

.ham1.active .bottom {
    stroke-dashoffset: -138px;
}

/* hambarger icon css end here  */


/* .overlay{
    background-color: #c5c5c599;
} */

/* #about{
    background: url(asset/images/lines.svg);
} */


.revel{
    transform: translateY(100px);
    opacity: 0;
    transition: all 1s ease;
}

.revel.active{
    opacity: 1;
    transform: translateY(0px);
}

.gallery::-webkit-scrollbar{
    height: 5px;
}

.gallery{
    scroll-behavior: smooth;
}