/*-------------- 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: #3A3A3C;
      text-align: center;
      font-family: "Barlow", sans-serif;
      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(
        180deg,
        #E69B2D 0%,
        #E5902D 2%,
        #E57D2D 6%,
        #E5702D 11%,
        #E5692D 18%,
        #E5672D 32%,
        #E0642C 41%,
        #D45E29 51%,
        #BF5324 61%
    );
}

/* Pink/Purple background */
.inspiration__single__row .row > div:nth-child(6n+2) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(
        180deg,
        #F17BB0 0%,
        #E464A7 6%,
        #D94F9E 14%,
        #D14098 22%,
        #CC3795 32%,
        #CB3594 47%,
        #C63390 55%,
        #BA3086 63%,
        #A52974 71%,
        #88215C 79%,
        #63153D 87%,
        #360817 96%,
        #1B0000 100%
    );
}

/* Purple background */
.inspiration__single__row .row > div:nth-child(6n+3) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(
        180deg,
        #A05BA4 0%,
        #9C58A3 2%,
        #7C459A 18%,
        #693995 32%,
        #623594 42%,
        #5F338F 51%,
        #562F83 61%,
        #49276E 70%,
        #351D51 80%,
        #1D0F2D 90%,
        #000001 100%
    );
}

/* Red background */
.inspiration__single__row .row > div:nth-child(6n+4) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(
        180deg,
        #EF5322 0%,
        #DF3824 12%,
        #D42626 23%,
        #D12027 32%,
        #CC1F26 42%,
        #C01C23 52%,
        #AB191E 63%,
        #8E1318 73%,
        #690D0F 84%,
        #3C0405 94%,
        #220000 100%
    );
}

/* Blue background */
.inspiration__single__row .row > div:nth-child(6n+5) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(
        180deg,
        #A4DEF8 0%,
        #4AC2C2 32%,
        #48BEBF 42%,
        #44B2B7 52%,
        #3C9FA9 62%,
        #328596 71%,
        #25627D 80%,
        #15385E 90%,
        #02073B 99%,
        #000036 100%
    );
}

/* Green background */
.inspiration__single__row .row > div:nth-child(6n) .inspiration__card .inspiration__thumb::after {
    background: linear-gradient(
        180deg,
        #72C068 0%,
        #4DB159 15%,
        #35A850 28%,
        #2DA54D 35%,
        #2BA04A 46%,
        #289444 56%,
        #217F3A 67%,
        #19622B 78%,
        #0E3D18 89%,
        #001001 99%,
        #000E00 100%
    );
}
        @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; } }