@import '../../styles.scss';
#home-screen{
  background-color: #b4e8fd;
  .main-container {
    background: #b4e8fd;
    padding: 0%;
    margin-bottom: 20%;
    overflow-x: clip;
    .content {
      background: $clr-grey;
      width: 100%;
      @include flex-box(column, center, center);
      .clear-content{
        width: 90%;
        align-items: left;
  
        &.margin-top5{
          margin-top: 5%;
         }
      }
      .card {
        width: 100%;
        background: #b4e8fd;
        float: left;
  
        ul{
          display: flex;  
          height: auto;
          flex-wrap: wrap;
          padding-top: 10%;
  
          li {
               @include flex-box(row, center, right);
              margin-bottom:10%;
              flex: 1 1 50%;
              .icon{
                  width: 150px;
                  height: 150px;
              }
          }
        }
        
        .input-left-align {
          padding: 1%;
          margin-bottom: 1%;
          .input-wrapper {
            margin: 2% 3%;
            width: 94%;
            .clickIcon {
              position: absolute;
              right: 2%;
            }
          }
        }
        &.card-noborder {
          border-radius: 0px;
          box-shadow: 0px 2px 8px rgba(96, 97, 112, 0.16);
        }
      }
  
      .onRoadPriceContainer{
        width: 98%;
      }
  
      .card-accordion {
        @include flex-box(row, left, center);
        font-size: 1rem;
        margin: 3%;
        .icon-align {
          flex: 1;
          justify-content: flex-end;
          font-size: 1.875em;
        }
      }
      .card > div {
        padding: 5%;
        flex: 9;
      }
    }
    button {
      margin: 5% 0%;
      width: 90%;
      box-sizing: border-box;
    }
    .bottom-section {
      @include flex-box(column, center, center);
      padding: 5% 5% 7% 5%;
      .details {
        color: $clr-grey-noresults;
        .contact {
          color: $clr-blue;
        }
      }
      .disclaimer {
        color: $clr-grey-light;
        text-align: center;
      }
      p {
        padding: 3%;
      }
    }
  }
}