/*--------------------------------------------------------------
  13. Widget Style
----------------------------------------------------------------*/
.cs-widget-download {
    background: $border;
    height: 120px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    .cs-download-card-in {
      display: flex;
      align-items: center;
      .cs-download-icon {
        i {
          font-size: 32px;
          color: $accent;
        }
      }
      .cs-download-text {
        padding-left: 15px;
        h6 {
          margin-top: -5px;
        }
      }
    }
  }

  .cs-widget-get-touch {
    p {
      padding-bottom: 20px;
    }
    .email-phone-widget {
      :first-child {
        padding-bottom: 2px;
      }
    }
  }

  .cs-widget-leftborder{
    padding-left: 20px;
    position: relative;
  }
  .cs-widget-leftborder::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 2.5px solid $border;
    clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
  }
  .cs-widget-item{
    margin-bottom: 50px;
    &:last-child{
      margin-bottom: 0px;
    }
    .cs-widget-title{
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      i{
        color: $accent;
        font-size: 22px;
        line-height: 0px;
      }
    }
  }

  //Widget
.cs-single-widget-wrap{
  .cs-widget-in{
    .cs-link-list{
      ul{
        margin: 0;
        padding: 0;
        li{
          list-style: none;
          line-height: 230%;
        }
        .cs-text_b_line{
          display: inherit;
        }
      }
    }
  }
}
@media screen and (min-width: 1350px) {
  .cs-single-widget-wrap{
    padding-left: 50px;
  }
}
.cs-search-widget{
  .cs-search-content{
    position: relative;
    input {
      width: 100%;
      height: 60px;
      padding-left: 20px;
      border: 1px solid #ccc;
      transition: border-color 0.3s ease;
  
      &:focus,
      &:active,
      &:focus-visible,
      &:focus-within {
        border: 1px solid $accent;
        outline: none;
      }
    }
    .cs-icon-search{
      position: absolute;
      right: 20px;
      top: 16px;
      cursor: pointer;
      i{
        font-size: 28px;
        color: $accent;
      }
    }
  }
}
.cs-tag-items-wrap{
  ul{
    margin: 0;
    padding: 0;
    li{
      list-style: none;
      display: inline-block;
      border: 1px solid $border;
      border-radius: 25px;
      padding: 2px 10px;
      margin-bottom: 10px;
      transition: all 0.4s ease;
      a{
        font-size: 16px;
      }
      &:hover{
        background: $accent;
        transition: all 0.4s ease;
        border: 1px solid $accent;
        a{
          color: $white;
        }
      }
    }
  }
}
  