.stretch-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch; 
   }

    .stretch-card > .card {
      width: 100%;
      min-width: 100%; }

      .card {
        border: 0;
        background: #fff; }
        .card .card-body {
          padding: 2.5rem 2.5rem; }
          .card .card-body + .card-body {
            padding-top: 1rem; }
        .card .card-title {
          color: #343a40;
          margin-bottom: 0.75rem;
          text-transform: capitalize;
          font-family: "ubuntu-medium", sans-serif;
          font-size: 1.125rem; }
        .card .card-subtitle {
          font-family: "ubuntu-regular", sans-serif;
          margin-top: 0.625rem;
          margin-bottom: 0.625rem; }
        .card .card-description {
          color: #76838f;
          margin-bottom: 1.5rem;
          font-family: "ubuntu-regular", sans-serif; }
        .card.card-outline-success {
          border: 1px solid theme-color("success"); }
        .card.card-outline-primary {
          border: 1px solid theme-color("primary"); }
        .card.card-outline-warning {
          border: 1px solid theme-color("warning"); }
        .card.card-outline-danger {
          border: 1px solid theme-color("danger"); }
        .card.card-rounded {
          border-radius: 5px; }
        .card.card-faded {
          background: #b5b0b2;
          border-color: #b5b0b2; }
        .card.card-circle-progress {
          color: #ffffff;
          text-align: center; }
        .card.card-img-holder {
          position: relative; }
          .card.card-img-holder .card-img-absolute {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%; }
        .card.bg-blue-gradient {
          background: -webkit-gradient(linear, left top, right top, from(#065efd), color-stop(#3169fd), to(#6f79fc));
          background: linear-gradient(to right, #065efd, #3169fd, #6f79fc);
          color: #fff; }
        .card.bg-orange-gradient {
          background: -webkit-gradient(linear, left top, right top, from(#0a0639), to(#0a0639));
          background: linear-gradient(to right, #0a0639, #0a0639);
          color: #fff; }
        .card.bg-green-gradient {
          background: -webkit-gradient(linear, left top, right top, from(#24e8a6), to(#09cdd1));
          background: linear-gradient(to right, #24e8a6, #09cdd1);
          color: #fff; }
        .card.card-no-shadow {
          -webkit-box-shadow: none;
          box-shadow: none; }

          .bg-gradient-primary {
            background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff)) !important;
            background: linear-gradient(to right, #da8cff, #9a55ff) !important; }
          
       
          
          .bg-gradient-success {
            background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
            background: linear-gradient(to right, #84d9d2, #07cdae) !important; }
          
          .bg-gradient-info {
            background: -webkit-gradient(linear, left top, right top, from(#0a0639), color-stop(99%, #0a0639)) !important;
            background: linear-gradient(to right, #0a0639, #0a0639 99%) !important; }
          
          .bg-gradient-warning {
            background: -webkit-gradient(linear, left top, right top, from(#1b4637), to(#1b4637)) !important;
            background: linear-gradient(to right, #1b4637, #1b4637) !important; }
          
          .bg-gradient-danger {
            background: -webkit-gradient(linear, left top, right top, from(#1b4637), to(#1b4637)) !important;
            background: linear-gradient(to right, #1b4637, #1b4637) !important; }

            .bg-gradient-secondary {
              background: -webkit-gradient(linear, left top, right top, from(#6F0000), to(#6F0000)) !important;
              background: linear-gradient(to right, #6F0000, #6F0000) !important; }
          
          .bg-gradient-light {
            background: -webkit-gradient(linear, left top, left bottom, from(#ac1c1c), to(#ac1c1c)) !important;
            background: linear-gradient(to bottom, #ac1c1c, #ac1c1c) !important; }

            .bg-gradient-dark {
              background: -webkit-gradient(linear, left top, left bottom, from(#6F0000), to(#6F0000)) !important;
              background: linear-gradient(to bottom, #6F0000, #6F0000) !important; }
          
         

            h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
                margin-top: 0;
                margin-bottom: 0.5rem;
                font-weight: 500;
                line-height: 1.2; }

                h1, .h1 {
                    font-size: calc(1.375rem + 1.5vw);
                    color: #e9ecef; }
                    @media (min-width: 1200px) {
                      h1, .h1 {
                        font-size: 2.5rem; 
                        color: #e9ecef;} }
                  
                  h2, .h2 {
                    font-size: calc(1.325rem + 0.9vw); 
                    color: #e9ecef;}
                    @media (min-width: 1200px) {
                      h2, .h2 {
                        font-size: 2rem; 
                        color: #e9ecef;} }
                  
                  h3, .h3 {
                    font-size: calc(1.3rem + 0.6vw); }
                    @media (min-width: 1200px) {
                      h3, .h3 {
                        font-size: 1.75rem; } }
                  
                  h4, .h4 {
                    font-size: calc(1.275rem + 0.3vw); 
                     color:#e9ecef;}
                    @media (min-width: 1200px) {
                      h4, .h4 {
                        font-size: 1.5rem; 
                        color:#e9ecef;} }
                  
                  h5, .h5 {
                    font-size: 1.25rem; 
                     color: #000;}
                  
                  h6, .h6 {
                    font-size: 1rem;
                    color: #000;}
                  
                  p {
                    margin-top: 0;
                    margin-bottom: 1rem; }

                    .footer {
                        background: #f2edf3;
                        color: color(dark);
                        border-top: 1px solid #e7dee9;
                        padding: 30px 1rem;
                        transition: all 0.25s ease;
                        -moz-transition: all 0.25s ease;
                        -webkit-transition: all 0.25s ease;
                        -ms-transition: all 0.25s ease;
                        font-size: calc(0.875rem - 0.05rem);
                        font-family: "ubuntu-regular", sans-serif; }
                        .footer a {
                          color: #1bcfb4;
                          font-size: inherit; }
                        @media (max-width: 991px) {
                          .footer {
                            margin-left: 0;
                            width: 100%; } }