.web-section{
    background:linear-gradient(180deg,#0B162E 0%,#0A0B19 100%)
  }
  
  .web-card{
    border-radius:13px;
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.72) 100%);
    box-shadow:0 3px 9.7px #0000000d;
    -webkit-backdrop-filter:blur(18.2000007629px);
    backdrop-filter:blur(18.2000007629px);
    position:relative;
    left:156px
  }
  
  .web-card
  .card-body{
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.7216) 100%)
  }
  
  .custom-mobile{
    width:30%
  }
  
  .webdevelop{
    border-radius:8px;
    border:1px solid rgba(255,255,255,.15);
    background:linear-gradient(0deg,#0B162E 0%,#0A0B19 12%)
  }
  
  @keyframes webbanner{
    0%{
    transform:scale(1)
  }
  
  50%{
    transform:scaleX(.9)
  }
  
  to{
    transform:scale(1)
  }
  
  
  }
  
  .webbanner{
    animation: webbanner 2s ease-out infinite;
  }
  
  .webdevelop:before{
    background:linear-gradient(82.8deg,#21D496 -95.89%,#054A91 180.46%);
    content:"";
    position:absolute;
    width:100%;
    height:4px;
    top:0;
    left:0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    rotate: 180deg;
  }
  
  .list-grp-card{
    border-radius:8px;
    border:1px solid rgba(255,255,255,.1490196078);
    color:#f8f9ff;
    background:linear-gradient(180deg,rgba(10,9,21,.78) -11.65%,rgb(0,0,0) 35.92%,rgba(10,96,185,.13) 109.63%),linear-gradient(0deg,rgba(255,255,255,.15),rgba(255,255,255,.15))
  }
  
  .active-card{
    background:linear-gradient(180deg,#FAFAFF -3.44%,#B6DAFF 100%)!important;
    color:#1e1e1e!important;
    border:none!important
  }
  
  .card-container{
    max-height:570px;
  
    overflow-y:auto
  }
  
  .list-left-border{
    border-left:1px solid #FFFFFF
  }
  
  ::-webkit-scrollbar{
    width:3px!important
  }
  
  ::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,#15435b 4.29%,#293A75 105.74%)!important;
    border-radius:20px!important
  }
  
  .cms-img-1{
    rotate:-7.57deg;
    border-radius:12px;
    border:5px solid #ffffff
  }
  
  .cms-img-2{
    background:url(../assets/img/services/cms-img-back.png);
    background-size:cover;
    background-repeat:no-repeat;
    z-index:1;
    width:45%;
    position:relative;
    right:6rem;
    top:4rem
  }
  
  .icon-card{
    width:40px
  }
  
  .techno-cards{
    background:linear-gradient(180deg,rgba(10,96,185,.21) -11.65%,rgba(0,0,0,.01) 64.68%,rgba(10,9,21,0) 115.22%);
    border:1px solid rgba(255,255,255,.1490196078);
    border-radius:10px
  }
  
  .nav-link.active{
    /* // background:linear-gradient(82.8deg,#21D496 -95.89%,#054A91 180.46%)!important; */
    background:  linear-gradient(180deg, #FFFFFF 8.93%, #5fcfb8 110.71%) !important;
    /* // color:var(--secondary-color)!important */
    color:var(--primary-color-highlight)!important ;
  
  }
  .nav-link{
    background:linear-gradient(82.8deg,#21D496 -95.89%,#054A91 180.46%)!important;
    /* // color:var(--primary-color-highlight)!important ; */
    color:var(--secondary-color)!important
    /* // border: 1px solid #8c949d29 !important; */
    /* // background-color: #ffffff !important; */
    /* // background:  linear-gradient(180deg, #FFFFFF 8.93%, #9bffea 110.71%); */
  
  }

  .item-nav {
    width: 25%;
  }
  
  .tab-cards{
    box-shadow:0 4px 20.1000003815px #8c949d29!important;
    border-radius:12px!important;
    background-color: #21d49614 !important;
    border:1px solid rgba(33,212,150,.53)!important
  }
  
  .font-color{
    background:linear-gradient(82.8deg,#21D496 -95.89%,#054A91 180.46%);
    color:transparent;
    -webkit-background-clip:text;
    background-clip:text;
    display:inline-block
  }
  
  @media (max-width: 992px){
    .web-card{
    left:0
  }
  .disscuss{
    width:100% !important;
  }
  .active-card{
    border-radius:8px !important;
    border:1px solid rgba(255,255,255,.1490196078) !important;
    color:#f8f9ff !important;
    background:linear-gradient(180deg,rgba(10,9,21,.78) -11.65%,rgb(0,0,0) 35.92%,rgba(10,96,185,.13) 109.63%),linear-gradient(0deg,rgba(255,255,255,.15),rgba(255,255,255,.15)) !important;
  }
  }
  
  @media (max-width: 509px){
    .nav-item{
    width:100%!important
  }
  }
  @media (max-width: 575.98px) {
    .banner-height {
        height: 990px !important;
    }
    .nav-item {
      width: 50% !important;
    }
  }
  @media (max-width:992px) and (min-width: 576px){
    .banner-height {
        height: 925px !important;
    }
  }
  
  /* // @media (max-width: 575.98px){
  //   .banner-height {
  //       height: 929px;
  //   }
  // } */
  .custom-dropdown-btn{
    background: linear-gradient(111.72deg, #21D496 -49.04%, #0074EB 123.4%);
    padding: 12px 24px;
    color: #FFFFFF;
  }
  .custom-dropdown-btn img{
    margin-top: 11px;
  }
  .dropdown-menu.show{
    z-index: 3 !important;
    inset: 4px auto auto 0px !important;
  }

  .owl-item {
    margin-right: 20px !important;
  }
  
  .owl-carousel .owl-stage {
    display: flex !important;
  }
  
  .owl-carousel .owl-item {
    display: flex !important;
    flex: 1 0 auto !important;
  }
  
  .owl-carousel .thumbnail {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 15px !important;
  }
  
  .owl-carousel .thumbnail .caption {
    display: flex !important;
    flex: 1 0 auto !important;
    flex-direction: column !important;
  }
  
  .owl-carousel .thumbnail .caption .flex-text {
    flex-grow: 1 !important;
  }
  .owl-theme .owl-nav {
    position: absolute;
    bottom: -25px;
    right: 0;
    display: flex;
  }
  
  .owl-dots {
    position: absolute;
    bottom: -18px;
    left: 0;
  }