/*--------------------------------------------------------------
  08. General
----------------------------------------------------------------*/
.cs-logi-arrow-wrap {
  .logi-arrow-in {
    display: flex;
    gap: 15px;
    i {
      font-size: 20px;
      line-height: 0px;
    }
    .logi-nvigate {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      cursor: pointer;
    }
    .cs-arrow-left {
      transform: rotate(-180deg);
    }
  }
}


// Image Animation
.reveal-img-wrap {
  overflow: hidden;
  .reveal-img-inner {
    overflow: hidden;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
  .preloader-img-inner{
    overflow: hidden;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}

.reveal {
  visibility: hidden;
  overflow: hidden;
  position: relative;
  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform-origin: left;
  }
}

// Bootstrap Customization
.container-fluid {
  margin: 0px;
  padding: 0px;
}
.container{
  .row{
    .row{
      padding: 0px;
      margin: 0px;
      .col-lg-6,
      .col-lg-4,
      .col-lg-3,
      .col-lg-2{
        margin: 0px;
        padding: 0px;
      }
      .row{
        padding: 0px;
        margin: 0px;
      }
    }
  }
}

.cs-max-width-200 {
  max-width: 200px;
}

.cs_row_gap_20 {
  margin-left: -10px;
  margin-right: -10px;
  > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.cs_row_gap_150 {
  margin-left: -70px;
  margin-right: -70px;
  > div {
    padding-left: 70px;
    padding-right: 70px;
  }
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #f2f1ff;
}

.cs_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.cs_vertical_middle {
  display: flex;
  align-items: center;
  min-height: 100%;
}

.cs_vertical_middle_in {
  flex: none;
  width: 100%;
}
.cs-flex {
  display: flex;
}

.cs_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

label {
  margin-bottom: 12px;
}


//end cs_back_to_services_btn
@media screen and (max-width: 991px) {
  .cs_column_reverse_lg {
    flex-direction: column-reverse;
  }

  .cs_row_gap_150 {
    > div {
      margin-bottom: -30px;
    }
  }
}


.cs_toggle {
  position: relative;
  font-size: 18px;
  cursor: pointer;
  z-index: 10000;
  .setting_mode {
    position: fixed;
    right: 0;
    top: 40%;
    -webkit-transition: all 0.2s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.2s;
    button {
      border: none;
      background-color: #2b2b2f;
      padding: 10px;
      img {
        width: 100%;
        height: 30px;
      }
    }
    #clecel {
      display: none;
    }
  }
  .cs_mode_btn {
    position: fixed;
    right: -120px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    mix-blend-mode: exclusion;
    button {
      border: none;
      background-color: #2b2b2f;
      color: #8f8f8fee;
      padding: 10px;
    }
    .active {
      color: #fff;
    }
  }
}

.cs-common-icon-style {
  ul {
    display: flex;
    align-items: center;
    justify-content: center;
    li {
      list-style: none;
      margin-right: 15px;
      :last-child {
        margin-right: 0px;
      }
      a {
        svg {
          path {
            fill: $black;
          }
        }
      }
    }
  }
}

.cs-container-border {
  width: 1320px;
  margin: auto;
  height: 1px;
  background: $border;
}


// Scrollbar Style
::-webkit-scrollbar {
  width: 5px;
  background: rgba($color: $dark-bg, $alpha: 0.1);
  opacity: 0.2;
  transition: all 0.4s ease;
}

::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: $dark-bg;
  border-radius: 10px;
  transition: all 0.4s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: $accent;
  transition: all 0.4s ease;
}


.cs-icon20-0 {
  font-size: 20px;
  line-height: 0px;
}
