/*-------------- Inspiration Area Start  ---- --------*/
.inspiration-area {
    padding-top: 160px; }
    @media (min-width: 1368px) and (max-width: 1499px) {
      .inspiration-area {
        padding: 100px 0; } }
    @media (min-width: 1200px) and (max-width: 1367px) {
      .inspiration-area {
        padding: 140px 0 80px;
        padding-bottom: 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .inspiration-area {
        padding-top: 50px; }
      .inspiration-area {
  padding: 75px 0 80px;
    padding-bottom: 80px;
  padding-bottom: 0;
}

}
    @media (min-width: 768px) and (max-width: 991px) {
      .inspiration-area {
        padding-top: 100px; } }
    @media only screen and (max-width: 767px) {
      .inspiration-area {
        padding-top: 30px; } }
    .inspiration-area .inspiration__single__row {
      padding: 80px 0; }
      @media only screen and (max-width: 767px) {
        .inspiration-area .inspiration__single__row {
          padding-bottom: 20px;
          padding-top: 60px; } }
      .inspiration-area .inspiration__single__row.wrapper--bg {
        background-color: #F9FAFF; }
  
  /*-------------- Inspiration Area End  ---- --------*/
  /*----- Page Title Component ----*/
.inspiration__card {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .inspiration__card {
        margin-bottom: 50px; } }
    .inspiration__card h2 {
      color: #000;
      text-align: center;
      
      font-size: 45px;
      font-weight: 700;
      line-height: 18px;
      /* 118.519% */ }
      @media (min-width: 1368px) and (max-width: 1499px) {
        .inspiration__card h2 {
          font-size: 40px;
          line-height: 50px; } }
      @media (min-width: 1200px) and (max-width: 1367px) {
        .inspiration__card h2 {
          font-size: 36px;
          line-height: 45px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .inspiration__card h2 {
          font-size: 32px;
          line-height: 36px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .inspiration__card h2 {
          font-size: 30px;
          line-height: 36px; } }
      @media only screen and (max-width: 767px) {
        .inspiration__card h2 {
          font-size: 28px;
          line-height: 34px; } }
    .inspiration__card .inspiration__thumb {
      margin-top: 40px;
      position: relative;
      z-index: 1;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .inspiration__card .inspiration__thumb {
          max-width: 300px;
          margin: 0 auto;
          margin-top: 20px; } }
      .inspiration__card .inspiration__thumb img {
        max-height: 650px;
        width: auto; }
        @media (min-width: 1200px) and (max-width: 1367px) {
          .inspiration__card .inspiration__thumb img {
            max-height: 550px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .inspiration__card .inspiration__thumb img {
            max-height: 450px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .inspiration__card .inspiration__thumb img {
            max-height: 400px; } }
        @media only screen and (max-width: 767px) {
          .inspiration__card .inspiration__thumb img {
            max-height: 320px; } }
      .inspiration__card .inspiration__thumb::after {
    border-radius: 15px;
    position: absolute;
    content: '';
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 480px;
}

/* Orange/Yellow background */
.inspiration__single__row .row > div:nth-child(6n+1) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #FFBF00 0%, #B38600 100%)
}

/* Pink/Purple background */
.inspiration__single__row .row > div:nth-child(6n+2) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #BAD6E9 0%, #7BA3B5 100%)
}

/* Purple background */
.inspiration__single__row .row > div:nth-child(6n+3) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #34AD65 0%, #1F6E3F 100%)
}

/* Red background */
.inspiration__single__row.wrapper--bg .row > div:nth-child(6n+1) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #F8991D 0%, #B35E00 100%) !important
}
.inspiration__single__row.wrapper--bg .row > div:nth-child(6n+2) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #872B3E 0%, #601F2C 100%) !important
}
.inspiration__single__row.wrapper--bg .row > div:nth-child(6n+3) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #D2B9D5 0%, #9C87A0 100%) !important
}


.inspiration__single__row.single__row__three .row > div:nth-child(1) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #BAD6E9 0%, #7BA3B5 100%) !important
}
.inspiration__single__row.single__row__three .row > div:nth-child(2) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #34AD65 0%, #1F6E3F 100%) !important
}
.inspiration__single__row.single__row__three .row > div:nth-child(3) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(to bottom, #FFBF00 0%, #B38600 100%) !important
}


        @media (min-width: 1200px) and (max-width: 1367px) {
          .inspiration__card .inspiration__thumb::after {
            height: 400px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .inspiration__card .inspiration__thumb::after {
            height: 350px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .inspiration__card .inspiration__thumb::after {
            height: 300px; } }
        @media only screen and (max-width: 767px) {
          .inspiration__card .inspiration__thumb::after {
            height: 240px; } }