/**=====================
  5.9 Box-layout CSS start
==========================**/

.box-layout {
  background-image: url(../../images/other-images/boxbg.jpg);
  background-blend-mode: overlay;
  background-color: rgba($white, 0.5);
  overflow: hidden;

  @media only screen and (min-width: 1280px) {
    .page-wrapper {
      .page-header {
        .header-wrapper {
          .nav-right {
            >ul {
              >li {
                .form-group {
                  .Typeahead {
                    .u-posRelative {
                      input {
                        width: 96px !important;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    .learning-filter {
      order: -1;
    }

    .artist-table {
      .appointment-table.customer-table {
        table {
          tr {
            td {
              &:last-child {
                min-width: 100px;
              }
            }
          }
        }
      }
    }

    .md-sidebar {
      .md-sidebar-toggle {
        display: block;
      }

      .md-sidebar-aside {
        position: absolute;
        top: 40px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        width: 280px;

        &.open {
          opacity: 1;
          visibility: visible;
        }
      }
    }

    .job-sidebar {
      background-color: var(--white);
      padding: 20px;
    }

    .widget-1 {
      &.mb-xl-0 {
        margin-bottom: 25px !important;
      }
    }

    .radial-progress-card {
      .radial-chart-wrap {
        margin-right: -10px;
      }
    }

    .currency-widget {
      div[class*=bg-light-] {
        display: none;
      }
    }

    .box-order {
      .order-1 {
        order: 1 !important;
      }
    }

    .activity-card {
      .appointment-table {
        &.customer-table {
          height: 187px;
        }
      }
    }

    .transaction-table {
      tr {
        td {
          &:first-child {
            min-width: 150px;
          }
        }
      }
    }

    .welcome-card {
      .welcome-img {
        height: 170px;
        bottom: -22px;
      }
    }

    .purchase-card {
      img {
        margin: -210px auto 0;
        width: 80%;
      }

      &.discover {
        margin-top: 90px;

        img {
          margin-top: -90px;
          width: 64%;
        }
      }
    }

    .apache-cotainer-large,
    #line-visual,
    #line-visulH {

      >div,
      canvas {
        width: 100% !important;
      }
    }

    .page-wrapper,
    &.page-wrapper {
      &.box-layout {
        padding-top: 40px;
        margin-top: 0 !important;
      }

      &.compact-wrapper {
        margin-top: $box-layout-space;

        .page-body-wrapper {
          .sidebar-wrapper {
            width: 230px;
            top: $box-layout-space;
            border-radius: 10px 0 0 10px;
            overflow: hidden;

            &.close_icon {
              ~footer {
                width: 1200px;
                left: 48%;
              }

              ~.footer-fix {
                padding-left: 0;
              }

              .sidebar-main {
                .sidebar-links {
                  height: calc(100vh - 180px);
                }
              }
            }

            .logo-wrapper {
              box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1);
            }

            .sidebar-main {
              .sidebar-links {
                margin-top: 10px;
                margin-bottom: 20px;
                height: calc(100vh - 182px);
              }
            }
          }

          .page-body {
            min-height: calc(100vh - 130px);
            margin-top: 0;
            top: 105px;
            overflow: scroll;
            max-height: calc(100vh - 220px);
            padding-bottom: 80px;
            margin-left: 230px;

            &::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px $light-gray;
            }

            &::-webkit-scrollbar {
              width: 6px;
            }

            &::-webkit-scrollbar-thumb {
              background-color: rgba(68, 102, 242, 0.15);
            }
          }
        }
      }

      &.compact-sidebar {
        .page-header {
          padding-left: 148px;
        }

        .page-body-wrapper {
          margin-top: 40px;

          div.sidebar-wrapper {
            top: 40px;

            &.close_icon {
              display: none;
              transition: 0.5s;
            }

            .sidebar-main {
              .sidebar-links {
                height: calc(100vh - 166px);
                margin: 0;

                li {

                  .sidebar-submenu,
                  .mega-menu-container {
                    left: 470px;
                    top: 40px;
                    height: calc(100vh - 84px);
                  }

                  a {
                    &.active {

                      ~.sidebar-submenu,
                      ~.mega-menu-container {
                        animation: unset;
                      }
                    }
                  }
                }
              }
            }

          }

          .footer {
            margin-left: 0;
          }

          .page-body {
            min-height: calc(100vh - 90px);
            margin-top: 0;
            top: 80px;
            overflow: scroll;
            max-height: calc(100vh - 170px);
            padding-bottom: 80px;

            &::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px $light-gray;
            }

            &::-webkit-scrollbar {
              width: 6px;
            }

            &::-webkit-scrollbar-thumb {
              background-color: rgba(68, 102, 242, 0.15);
            }
          }
        }

        &.compact-small {
          .page-header {
            padding-left: 90px;

            &.close_icon {
              padding-left: 0;
            }
          }

          .page-body-wrapper {
            div.sidebar-wrapper {
              .sidebar-main {
                .sidebar-links {
                  li {

                    .sidebar-submenu,
                    .mega-menu-container {
                      left: 410px;
                    }
                  }
                }
              }
            }
          }
        }
      }

      &.horizontal-wrapper {
        &:before {
          display: none;
        }

        .page-body-wrapper {
          margin-top: 40px;

          .page-body {
            margin-top: 106px;
            min-height: calc(100vh - 310px);
            max-height: calc(100vh - 242px);
            overflow: scroll;

            &::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px $light-gray;
            }

            &::-webkit-scrollbar {
              width: 6px;
            }

            &::-webkit-scrollbar-thumb {
              background-color: rgba(68, 102, 242, 0.15);
            }
          }

          .footer {
            padding-left: 15px;
          }

          .sidebar-wrapper {
            width: 1280px;
            top: 75px;
            margin: 0;
            overflow-x: unset;
            position: relative;

            .sidebar-main {
              #sidebar-menu {
                left: 0%;
                transform: translate(0, 0);
                top: 125px;
                background-color: $white;
              }
            }
          }
        }

        .page-header {
          padding-left: 0;
        }
      }

      &.modern-type {
        .page-header {
          padding-left: 0px;

          .header-wrapper {
            .left-header {
              width: 36%;
            }

            .nav-right {
              width: 46%;
            }
          }
        }

        .page-body-wrapper {
          .page-body {
            margin-left: 260px;
          }

          .sidebar-wrapper {
            top: 120px;

            .sidebar-main {
              .sidebar-links {
                height: calc(100vh - 311px);
              }
            }

            &.close_icon {
              .sidebar-main {
                .sidebar-links {
                  height: calc(100vh - 316px);
                }
              }

              ~footer {
                width: 1280px;
                left: 50%;
                margin-left: 0;
              }
            }
          }

          .footer {
            margin-left: 0;
          }
        }
      }

      .page-header {
        max-width: 1280px;
        margin: 0 auto;
        left: 0;
        right: 0;
        transition: $sidebar-transition;
        padding-left: 230px;
        margin-top: $box-layout-space;
        border-radius: 10px;
        width: unset;

        &.close_icon {
          padding-left: 100px;
          margin-left: auto;
          width: calc(100% - 0px);
          transition: $sidebar-transition;
        }

        .header-wrapper {
          border-radius: 10px 10px 0 0;
        }
      }

      &.horizontal-wrapper {
        .page-header {
          .header-wrapper {

            .nav-right,
            .left-header {
              width: 36%;
            }
          }
        }
      }

      &.material-type {
        .page-body-wrapper {
          margin-top: 0;

          .page-body {
            margin-top: 0;
          }

          .sidebar-wrapper {
            top: 0;
          }
        }
      }

      &.material-icon {
        .page-header {
          &.close_icon {
            margin-top: 40px !important;
          }
        }

        .page-body-wrapper {
          margin-top: 0;

          .page-body {
            top: 0;
            min-height: calc(100vh - 170px);
            padding-bottom: 40px;
          }
        }
      }

      &.advance-layout {
        .page-header {
          box-shadow: 0px 0px 10px rgba($black, 0.07);
        }

        .page-body-wrapper {
          margin-top: 0;
        }
      }

      .page-body-wrapper {
        width: 1280px;
        box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
        margin: 0 auto;
        overflow: hidden;

        .todo {
          .todo-list-wrapper {
            #todo-list {
              li {
                .task-responsive {
                  min-width: 1087px;
                  overflow: auto;
                }
              }
            }
          }
        }

        .active-order-table {
          max-width: 443px;
          overflow: auto;

          table {
            tbody {
              tr {
                td {
                  p {
                    width: 100px;
                  }
                }
              }
            }
          }
        }

        .activity {
          .d-flex {
            .gradient-round {
              &.gradient-line-1 {
                &:after {
                  height: 57px;
                  bottom: -64px;
                }
              }

              &.small-line {
                &:after {
                  height: 36px;
                  bottom: -43px;
                }
              }

              &.medium-line {
                &:after {
                  height: 40px;
                  bottom: -48px;
                }
              }
            }
          }
        }

        footer {
          width: 1280px;
          margin: 0 auto;
          padding-left: 230px;
          margin-bottom: 40px !important;
          position: fixed;
          left: 50%;
          z-index: 7;
          transform: translate(-50%, 0);
          border-radius: 0 0 10px;
        }

        .blockquote-footer {
          margin-left: 0;
          width: 100%;
        }

        .footer-fix {
          padding-left: 230px;
        }

        .chat-box {
          .chat-history {
            .call-content {
              display: flex;
              align-items: center;
              justify-content: center;
              min-width: 300px;

              >div {
                z-index: 8;
                background-color: rgba(255, 255, 255, 0.75);
                background-blend-mode: overlay;
                width: 100%;
                padding: 30px;
                left: 15px;
              }

              button {
                width: 40%;
                font-size: 14px;
                margin: 0 auto;
              }
            }

            .call-icons {
              margin-top: 20px;
              margin-bottom: 20px;

              ul {
                li {
                  border: 1px dashed #717171;
                  width: 50px;
                  height: 50px;
                  padding: 8px;
                }
              }
            }

            .receiver-img {
              margin-top: 30px;
              margin-bottom: 30px;

              img {
                width: 38%;
              }
            }

            .total-time {
              h2 {
                font-size: 28px;
                color: #717171;
              }
            }
          }
        }

        canvas {
          &#myLineCharts {
            width: 100%;
          }
        }

        .chat-right-aside {
          flex: 0 0 60%;
          max-width: 60%;
          overflow: hidden;
        }

        .caller-img {
          position: absolute;
          width: 100%;
          max-width: 100%;
          left: 15px;

          img {
            opacity: 0.7;
          }
        }

        .browser-widget {
          img {
            height: 65px;
          }
        }

        .custom-card {
          .card-header {
            img {
              margin-top: -73px;
            }
          }

          .card-profile {
            img {
              height: 130px;
              top: -17px;
            }
          }
        }

        .select2 {
          width: 901.781px;
        }

      }


      ul {
        &.close_icon {
          >li {
            label {
              padding: 0;

              &:after {
                display: none;
              }
            }
          }
        }
      }

      .bookmark {
        ul {
          margin-right: -1px;
        }
      }

      #batchDelete {
        .jsgrid-grid-header {
          .jsgrid-table {
            tr {
              th {
                .btn {
                  padding-left: 20px;
                  padding-right: 20px;
                }
              }
            }
          }
        }
      }

      .btn-group-showcase {
        .btn-radio {
          .btn-group {
            .radio {
              input[type="radio"] {
                display: none;
              }
            }
          }
        }
      }

      .d-flex.bitcoin-graph {
        display: block;

        .top-bitcoin {
          display: inline-block;
          vertical-align: middle;
        }

        .flex-grow-1 {
          margin-top: 30px;

          .bitcoin-content {
            .bitcoin-numbers {
              h6 {
                font-size: 14PX;
              }
            }

            &.text-right {
              text-align: center !important;
            }
          }
        }
      }

      .alert {
        &.inverse {
          p {
            max-width: 238px;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }

      .auth-bg-effect {
        .second-effect {
          left: 55%;
        }
      }

      .auth-bg-video {
        video {
          min-width: 67%;
          width: 67%;
        }
      }

      .page-builder {
        .ge-canvas.ge-layout-desktop {
          margin-top: $box-layout-space;
        }

        .ge-addRowGroup {
          margin-bottom: 10px;
        }
      }

      .pricing-wrapper-card {
        padding: 50px 20px;
      }

      .card {
        .blog-box {
          &.blog-grid {
            &.set-min-height {
              min-height: 400px;
            }
          }
        }
      }

      .flot-chart-placeholder {
        &#donut-color-chart-morris-daily {
          min-height: 430px;
        }
      }

      .flot-chart-placeholder {
        &#donut-color-chart-morris {
          min-height: 430px;
        }
      }

      .box-col-12 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .box-col-6 {
        flex: 0 0 50%;
        max-width: 50%;
      }

      .box-col-3 {
        flex: 0 0 25%;
        max-width: 25%;
      }

      .box-col-7 {
        flex: 0 0 60%;
        max-width: 60%;
      }

      .box-col-5 {
        flex: 0 0 40%;
        max-width: 40%;
      }

      .box-col-8 {
        flex: 0 0 70%;
        max-width: 70%;
      }

      .box-col-4-end {
        flex: 0 0 30%;
        max-width: 30%;
      }


      .box-col-4 {
        flex: 0 0 33.33%;
        max-width: 33%;
      }

      .box-col-8-end {
        flex: 0 0 66.67%;
        max-width: 66.67%;
      }

      .box-col-none {
        display: none !important;
      }

      .chat-box {
        .chat-right-aside {
          .chat {
            .chat-header {
              .chat-menu-icons {
                li {
                  a {
                    i {
                      font-size: 19px;
                    }
                  }
                }
              }
            }
          }

          flex: 0 0 100%;
          max-width: calc(100% - 15px);
          overflow: hidden;
        }

        .toogle-bar {
          display: inline-block;
          margin-right: 0 !important;
        }
      }

      .chat-menu {
        right: 0;
        border-top: 1px dashed #ddd;
        opacity: 0;
        transform: translateY(-30px);
        visibility: hidden;
        top: 81px;
        position: absolute;
        z-index: 9;
        background-color: #fff;
        transition: all linear 0.3s;

        &.show {
          opacity: 1;
          visibility: visible;
          transform: translateY(0px);
          transition: all linear 0.3s;
          padding-bottom: 25px;
        }
      }

      .ct-10.total-chart {
        .ct-chart-bar {
          .ct-series {
            .ct-bar {
              stroke-width: 23px !important;
            }
          }
        }
      }

      .social-app-profile {
        #friends {
          .box-col-4 {
            flex: 0 0 30%;
            max-width: 30%;
          }
        }
      }

      .email-wrap {
        .email-body {
          .email-compose {
            .cke_contents {
              &.cke_reset {
                max-height: 165px;
              }
            }
          }
        }

        .row {
          .col-xl-6 {
            padding-left: 12px;
          }

          .col-xl-3 {
            +.col-xl-3 {
              padding-right: 12px;
            }
          }
        }

        .email-right-aside {
          .email-body {
            .inbox {
              height: 644px;
            }
          }
        }

        .email-content {
          .email-top {
            .user-emailid {
              &:after {
                right: -10px;
              }
            }
          }
        }
      }

      .todo {
        .notification-popup {
          right: 320px;
        }
      }

      .touchspin {
        padding: 0 10px;
      }

      .vertical-menu-main {
        width: 1280px;
        margin: 0 auto;
        left: 0;
        right: 0;

        .mega-menu {
          width: 1050px !important;
          max-width: 1050px !important;
          left: -320px !important;
        }
      }

      .comingsoon {
        video {
          min-width: 67%;
          width: 67%;
        }
      }
    }

    .proorder-xl-1 {
      order: 1;
    }

    .proorder-xl-2 {
      order: 2;
    }

    .proorder-xl-3 {
      order: 3;
    }

    .proorder-xl-4 {
      order: 4;
    }

    .proorder-xl-5 {
      order: 5;
    }

    .proorder-xl-6 {
      order: 6;
    }

    .proorder-xl-7 {
      order: 7;
    }

    .proorder-xl-8 {
      order: 8;
    }

    .proorder-xl-9 {
      order: 9;
    }

    .proorder-xl-10 {
      order: 10;
    }


    .proorder-xl-11 {
      order: 11;
    }

    .proorder-xl-12 {
      order: 12;
    }

    .proorder-xl-13 {
      order: 13;
    }

    .col-xl-100 {
      flex: 0 0 auto;
      width: 100%;
    }

    .col-xl-50 {
      flex: 0 0 auto;
      width: 50%;
    }

    .col-xl-40 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }

    .col-xl-33 {
      flex: 0 0 auto;
      width: 33.333333%;
    }

    .col-xl-70 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }

    .proorder-4-xl-1 {
      order: 1;
    }

    .default-dashboard {
      .profile-greeting {
        .card-body {
          height: 240px;
        }

        .img-overlay {
          background: rgba(122, 112, 186, 0.25);
          backdrop-filter: blur(4px);
          -webkit-backdrop-filter: blur(4px);
          border-radius: 10px;
          height: auto;
          display: flex;
          flex-direction: column;
          padding: 15px;

          p {
            margin: 0 auto;
            width: 275px;
            text-align: center;
          }

          .btn {
            margin: 10px auto 0;

            &:hover {
              background-color: $primary-color;
              color: $white;
            }
          }
        }
      }

      .shifts-char-box {
        .col-5 {
          width: 100%;
        }
      }

      .shifts-overview {
        display: none;
      }

      .projects {
        table {
          thead {
            tr {
              th {
                &:nth-child(5) {
                  display: none;
                }
              }
            }
          }

          tbody {
            tr {
              td {
                &:nth-child(5) {
                  display: none;
                }
              }
            }
          }
        }
      }

      .notification-box {
        li {
          &.d-flex {
            .flex-grow-1 {
              p {
                display: block;
                width: 50%;
              }
            }
          }
        }
      }

      .active-members {
        table {
          thead {
            tr {
              th {
                &:nth-child(2) {
                  display: none;
                }
              }
            }
          }

          tbody {
            tr {
              td {
                &:nth-child(2) {
                  display: none;
                }
              }

              p {
                &.members-box {
                  padding: 7px 24px;
                }
              }
            }
          }
        }
      }

      .appointments {
        .datepicker-here {
          .datepicker-inline {
            .datepicker {
              .datepicker--nav {
                top: -22px;
              }
            }
          }
        }

        .appointments-user {
          li {
            &.d-flex {
              .flex-grow-1 {
                p {
                  display: none;
                }
              }
            }
          }
        }
      }

      .sales-product {
        table {
          tbody {
            tr {
              &:nth-child(4) {
                td {
                  border-bottom: none;
                }
              }

              &:last-child {
                display: none;
              }
            }
          }
        }
      }

      .sale-statistic {
        .statistic-icon {
          .balance-card {
            gap: 0px;
          }
        }
      }

      .opening-box {
        .d-flex {
          display: none !important;
        }
      }

      .location-menu {
        display: none !important;
      }
    }

    .dashboard-2 {
      .projects {
        table {
          thead {
            tr {
              th {
                &:nth-child(5) {
                  display: none;
                }
              }
            }
          }
        }

        tbody {
          tr {
            td {
              &:nth-child(5) {
                display: none;
              }
            }
          }
        }
      }

      .total-project {
        ul {
          li {
            padding: 12px 4px;
          }
        }
      }

      .upcoming-box {
        p {
          font-size: 14px;
        }
      }

      .designer-card {
        .design-button {
          .btn {
            padding: 6px 12px;
          }
        }
      }

      .running-box {
        .d-flex {
          .flex-shrink-0 {
            >.customers {
              display: none;
            }
          }
        }

        >ul {
          li {
            padding: 2px 6px;
          }
        }

        div {
          .btn {
            padding: 6px 10px;
          }
        }
      }

      .back-bar-container {
        bottom: 44px;
      }
    }

    .dashboard-3 {

      .total-sells,
      .total-sells-4,
      .total-sells-3,
      .total-sells-2 {
        .d-flex {
          .flex-shrink-0 {
            width: 45px;
            height: 45px;

            img {
              width: 28px;
            }
          }

          .flex-grow-1 {
            h2 {
              font-size: 22px;
            }

            .total-icon {
              display: none !important;
            }

            p {
              display: block;
              width: 50%;
            }
          }
        }
      }

      .recent-customers {
        li {
          padding: 5px 0px;

          &.d-flex {
            .active-status {
              top: 9px;
              left: 25px;
            }

            .flex-shrink-0 {
              img {
                height: 32px;
              }
            }

            .flex-grow-1 {
              p {
                width: 50%;
              }
            }

            div.recent-text {
              display: none;
            }
          }
        }
      }

      .product-slider {
        .product-page-main {
          .row {

            .col-3 {
              order: 1 !important;
              width: 100%;

              .pro-slide-right {
                div {
                  margin: 0 2px !important;

                  &:first-child {
                    margin-left: 0px !important;
                  }
                }

                .slick-list {
                  height: 91px !important;

                  .slick-track {
                    height: 81px !important;
                    display: flex;


                  }
                }
              }
            }

            .col-9 {
              width: 100%;
            }
          }
        }

        .pro-slide-right {
          img {
            height: 70px;
          }
        }

        .product-details {
          margin: 0 !important;

          a {
            h4 {
              display: block;
              width: 90%;
            }
          }

          h3 {
            display: block;
            width: 90%;
          }

          >.countdown {
            ul li {
              padding: 3px 2px !important;
              margin: 0 2px 0 !important;
            }
          }
        }
      }

      .user-continent {
        .user-map-menu {
          border-bottom: none;
          display: none !important;

          .user-items {
            display: none;
          }

          .map-items {
            display: none;
          }
        }

        .contries-sale {
          margin-top: 8px;

          .map-value {
            display: none;

            ul {
              li {
                .d-flex {
                  span {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }

      .revenue-category {
        #pie-chart {
          min-height: 220px !important;
        }

        .donut-legend {
          display: none;
        }

        .donut-legend>span {
          margin-bottom: 0px;
          margin-right: 10px;
        }
      }

      .recent-orders {
        table {
          thead {
            tr {
              th {

                &:nth-child(4),
                &:nth-child(5) {
                  display: none;
                }
              }
            }
          }
        }

        tbody {
          tr {
            td {

              &:nth-child(4),
              &:nth-child(5) {
                display: none;
              }
            }
          }
        }
      }

      .top-sellers {
        h4 {
          display: block;
          width: 135px;
        }
      }

      .seller-month {
        table {
          thead {
            tr {
              th {
                &:nth-child(3) {
                  display: none;
                }

                &:last-child {
                  display: none;
                }
              }
            }
          }

          tbody {
            tr {

              td {
                &:nth-child(3) {
                  display: none;
                }

                &:last-child {
                  display: none;
                }
              }
            }
          }
        }
      }
    }

    .dashboard-4 {

      .student,
      .student-2,
      .student-3,
      .student-4 {
        .d-flex {
          .flex-grow-1 {
            >p {
              display: block;
              width: 88px;
            }

            .student-arrow {
              display: none !important;
            }
          }
        }
      }

      .enrolled-class {
        li {
          &.d-flex {
            .flex-grow-1 {
              a {
                h5 {
                  display: block;
                  width: 140px;
                }
              }
            }
          }
        }
      }

      .live-meet {
        .live-metting {
          .star-img {
            img {
              &:first-child {
                top: 35%;
                left: 6%;
                width: 56px;
              }
            }
          }
        }
      }

      .assignments-table {
        table {
          thead {
            tr {
              th {
                &:nth-child(6) {
                  display: none;
                }

                &:last-child {
                  display: none;
                }
              }
            }
          }

          tbody {
            tr {
              &:last-child {
                display: none;
              }

              td {
                &:nth-child(6) {
                  display: none;
                }

                &:last-child {
                  display: none;
                }
              }
            }
          }
        }

      }

      .featured-table {
        table {
          thead {
            tr {
              th {
                &:nth-child(4) {
                  display: none;
                }
              }
            }
          }

          tbody {
            tr {
              &:nth-child(3) {
                display: none;
              }

              td {
                &:nth-child(4) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }

    // general-widget
    .total-sells,
    .total-sells-4,
    .total-sells-3,
    .total-sells-2 {
      .d-flex {
        .flex-shrink-0 {
          width: 45px;
          height: 45px;

          img {
            width: 28px;
          }
        }

        .flex-grow-1 {
          h2 {
            font-size: 22px;
          }

          .total-icon {
            display: none !important;
          }

          p {
            display: block;
            width: 50%;
          }
        }
      }
    }

    .student,
    .student-2,
    .student-3,
    .student-4 {
      .d-flex {
        .flex-grow-1 {
          >p {
            display: block;
            width: 88px;
          }

          .student-arrow {
            display: none !important;
          }
        }
      }
    }

    .designer-card {
      .d-flex {
        margin-bottom: 10px;
      }

      .design-button {
        margin-bottom: 10px;

        .btn {
          padding: 6px 10px;
        }
      }

      .ratting-button {
        margin-bottom: 8px;
        gap: 2px;
      }
    }
  }

}

/**=====================
  5.9 Box-layout CSS Ends
==========================**/