.service-banner{
  background: url(/assets/img/images/service/implementation/implementation-banner-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.img-col::before{
  content: url(/assets/img/images/service/support/rectangle-big.png);
  height: 100%;
  width: auto;
  position: absolute;
  display: inline-block;
  left: -50px;
  z-index: 1;
}

.img-2{
  bottom: 230px;
  width: 58%;
  left: 121px;
}

.shade-card::after{
  content: url(/assets/img/images/service/support/rectangle-shade.png);
  position: relative;
  display: inline-block;
  bottom: 220px;
  left: 380px;
  z-index: 1;
}

.support-sec-2{
  height: 712px;
}


.custom-card {
  background: transparent !important;
  transition: all 0.3s ease-in-out;
  border: 1px solid #FFFFFF!important;
  border-radius: 0 !important;
}

.custom-card:hover {
  background: #fff !important;
  box-shadow: 2px 2px 174px -56px #00fdfd;
}

.custom-card h5,
.custom-card p{
  color: #fff;
}

.custom-card:hover h5,
.custom-card:hover p {
  background-image: linear-gradient(92.06deg, #072e49 -13.04%, #184585 93.76%) !important;
  color: transparent !important;
  background-clip: text !important;
}

.menu-card{
  border: 1px solid #D2E6F7!important;
}

.menu-card:hover{
  border: 1px solid #D2E6F7!important;
  background: #DDEFFF!important;
}

/* .last-banner-img::after{
  content: url(/assets/img/images/service/support/doll.png);
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  bottom: 237px;
  left: 300px;
  z-index: 1;
} */

.support-last-sec{
  height: 690px;
}

@media (min-width: 1400px){
  .shade-card::after{
    left: 465px;
  }
}
  
@media (max-width: 1200px){
  .shade-card::after{
    display: none;
  }
}
  
/* @media (max-width: 1200px) and (min-width: 992px){
  .last-banner-img::after{
    left: 239px!important;
  }
} */
  
@media (max-width: 992.98px){
  .support-sec-2 {
    height: auto;
  }

  .img-1{
    width: 85%;
  }

  .img-2{
    display: none;
  }
  
  /* .last-banner-img::after{
    display: none!important;
  } */
}
  
@media (max-width: 377.98px){
  .img-col::before{
    display: none;
  }
 
  .img-1{
    width: 100%!important;
  }
}

@media (max-width: 768.98px){
  .support-last-sec{
    height: auto;
  }
}

@media (min-width: 1400.98px){
  .support-last-sec {
    height: 756px;
  }

  /* .last-banner-img::after {
    left: 360px;
  } */
}