
.send-instantaneous-wrapper {
    background-color: #941b80;
  }
  
  .send-instantaneous-right {
    background: url("./../../../assets/images/digikala/plus-widget.png") bottom right no-repeat;
    -webkit-background-size: 372px 279px;
    -moz-background-size: 372px 279px;
    -o-background-size: 372px 279px;
    background-size: 372px 279px;
    max-width: 392px;
    margin-right: 12px;
  }
  
  .send-instantaneous-right .sub-title {
    font-size: 14px;
    line-height: 30px;
  }
  
  .send-instantaneous-right .btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
  }
  
  .send-instantaneous-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
    padding-bottom: 20px;
  }
  
  .send-instantaneous-left .title {
    color: #080a38;
    line-height: 34px;
  }
  
  .send-instantaneous-left .title svg {
    width: 24px;
    height: 24px;
    fill: #b12ba4;
  }
  
  .send-instantaneous-left .link-more {
    color: #b12ba4;
    font-size: 12px;
    line-height: 18px;
  }
  
  .send-instantaneous-left .link-more i {
    font-size: 8px;
  }
  
  .send-instantaneous-items {
    gap: 28px;
  }
  
  .send-instantaneous-items li {
    max-width: -webkit-calc(16.666667% - 23.4px);
    max-width: -moz-calc(16.666667% - 23.4px);
    max-width: calc(16.666667% - 23.4px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  @media only screen and (max-width: 1399px) {
    .send-instantaneous-right {
        max-width: 300px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
  }
  
  @media only screen and (max-width: 1199px) {
    .send-instantaneous-right {
        max-width: 250px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .send-instantaneous-right {
        max-width: 100%;
        margin-right: 0;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .send-instantaneous-items {
        gap: 28px 20px;
    }
  
    .send-instantaneous-items li {
        max-width: -webkit-calc(16.666667% - 16.7px);
        max-width: -moz-calc(16.666667% - 16.7px);
        max-width: calc(16.666667% - 16.7px);
    }
  }
  
  @media only screen and (max-width: 575px) {
    .send-instantaneous-wrapper {
        margin: 0 -12px;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }
  
    .send-instantaneous-right {
        background: unset;
    }
  
    .send-instantaneous-items li {
        max-width: -webkit-calc(25% - 15px);
        max-width: -moz-calc(25% - 15px);
        max-width: calc(25% - 15px);
    }
  }
  