.horizontal_slider{
    display: block;
    width: 100%;
    overflow-x: scroll;
}

.slider_container{
    display: block;
    white-space: nowrap;
}

.item_slider{
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
}

.item_slider2{
  display: inline-block;
  margin-bottom: 1px;
}

.bg-gradient11 {
  background-image: linear-gradient(0deg, #ffffff, #bdbaba);
  color: #000;
  height: 100%;
}

.bg-gradient12 {
  background-image: radial-gradient(#4e4e4e,#000);
  color: #000;
  height: 100%;
}

.bg-gradient1 {
    background-image: linear-gradient(-50deg, #00ffbf, #008cff);
    color: #fff;
  }
  
  .bg-gradient6 {
    background-image: linear-gradient(-50deg, #ff00f2, #00a2ff);
    color: #fff;
  }
  
  .bg-gradient3 {
    background-image: linear-gradient(-50deg, #ff3300, #ffd000);
    color: #000000;
  }

  .bg-gradient4 {
    background-image: linear-gradient(-50deg, #eeff00, #33ff00);
    color: #000000;
  }

  .bg-gradient5 {
    background-image: linear-gradient(-50deg, #ff5e00, #ff0000);
    color: #fff;
  }

  .bg-gradient2 {
    background-image: linear-gradient(-50deg, #8ed8f8, #0095da);
    color: #000;
  }

  .bg-pattern1 {
    background-color: #3b71ca;
    opacity: 1;
    background-image: radial-gradient(#ffffff 0.8px, #3b71ca 0.8px);
    background-size: 16px 16px;
    }
    .fixed_toast {
      top:0;
      left: 50%;
      position: fixed;
      transform: translate(-50%, 0px);
      z-index: 11;
  }

  .btn2 {
    width: 100%;
    font-size: 12px;
    padding: 5px;
    outline: none;
    border-radius: 20px;
    border: 1px solid transparent;
    transition: 0.5s;
  }
  .btn2:hover {
    transition: 0.5s;
  }
  .btn2:focus {
    box-shadow: 0 0 0 5px rgba(0, 85, 255, 0.5)
  }

  .bg-one{
    background-color: #013A6B;
    background-image: -webkit-linear-gradient(30deg, #013A6B 50%, #004E95 50%);
    min-height: 500px;
  }
  .bg-two{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(150deg, #34ADFF 35%, #4CBFFF 35%);
    min-height: 400px;
  }
    
  .bg-three{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(30deg, #34ADFF 45%, #4CBFFF 45%);
    min-height: 400px;
  }
  .bg-four{
    background-color: #013A6B;
    background-image: -webkit-linear-gradient(150deg, #013A6B 35%, #004E95 35%);
    min-height: 200px;
  }
  .feature-list{
    border-radius: 0.375rem;
    color: #000;
    text-decoration: none;
    border: 2px solid #fff;
  }
  .feature-list:hover{
    border-radius: 0.375rem;
    border: 2px solid #3b71ca;
    text-decoration: none;
  }
  .feature-icon{
    background-color: #3b71ca;
    text-decoration: none;
  }
  .feature-icon:hover{
    background-color: #ffd000;
    text-decoration: none;
  }
  @media (max-width: 767.98px) {
    .main-footer {
      display: inline-block;
      }
    .sidebar {
      display: none;
    }
    .backimage {
      background-image: url('../images/pattern-4.svg');
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #d2d2d2;
    }
    .siicon {
      width: 60px;
      height: 60px;
      padding: 10px;
    }
    .siicon2 {
      width: 60px;
      height: 60px;
    }
    .siicontext {
      font-size: xx-small;
    }
    .leftnav {
    }
    .ismobile {
      display: none;
    }
    .desktoplogo {
      display: none;
    }
    .isproject {
      width: 260px;
    }
  }
  @media (min-width: 767.98px) {
    .main-footer {
      display: none;
    }
    .sidebar {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      padding: 58px 0 0; /* Height of navbar */
      box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
      width: 300px;
      z-index: 1031;
    }
    .backimage {
      background-color: #fff;
    }
    .siicon {
      width: 120px;
      height: 120px;
      padding: 20px;
    }
    .siicon2 {
      width: 120px;
      height: 120px;
      fill: #59b7ed;
    }
    .siicontext {
      font-size: medium;
    }
    .leftnav {
      padding-left: 300px;
    }
    .ismobile {
    }
    .desktoplogo {
      position: fixed;
      top: 0;
      left: 0;
      width: 300px;
      z-index: 1032;
    }
    .isproject {
      width: 500px;
    }
  }
  .siiconcolor {
    fill: #004E95;
  }
  .siiconcolor:hover {
    fill: #ffd000;
  }
  .siiconcolor2 {
    fill: #59b7ed;
  }
  .siiconcolor2:hover {
    fill: #ff7300;
  }
  .siiconcolor3 {
    fill: #004E95;
  }
  .siiconcolor3:hover {
    fill: #59b7ed;
  }
  .sidebar .active {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  }
  
  .sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  }    
  .textshadow {
    text-shadow: 2px 2px 4px #525252;
  }