.recomendations-main-container {
  background-color: #fff; }
  .recomendations-main-container .recomendations-container {
    padding: 63px 0 20px 0;
    max-width: 1366px;
    margin: auto;
    display: grid; }
    .recomendations-main-container .recomendations-container .recomendations-headings {
      text-align: center; }
      .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
        font-family: Poppins;
        font-size: 48px;
        font-weight: 600;
        line-height: 1.29;
        margin: 0 20px; }
        @media (max-width: 1080px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
            font-size: 40px; } }
        @media (max-width: 860px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
            font-size: 32px; } }
        @media (max-width: 692px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
            font-size: 24px; } }
        @media (max-width: 369px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
            font-size: 20px; } }
        @media (max-width: 340px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
            font-size: 19px;
            padding: 0 10px 0 0; } }
      .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
        font-family: ProximaNova-Regular;
        font-size: 18px;
        width: 620px;
        margin: 1px auto 0;
        line-height: 22px; }
        @media (max-width: 1080px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
            font-size: 16px; } }
        @media (max-width: 860px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
            font-size: 15px; } }
        @media (max-width: 692px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
            font-size: 13px;
            width: 90%;
            margin: auto; } }
        @media (max-width: 369px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
            font-size: 12px; } }
        @media (max-width: 340px) {
          .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
            font-size: 11px;
            padding: 0 10px 0 0; } }
    .recomendations-main-container .recomendations-container .all-recommendations {
      max-width: 1075px;
      margin: 10px auto 0; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
        width: 330px;
        height: 286px;
        padding: 23px 25px 28px 29px;
        background-color: #f6fcff;
        margin: 14px;
        float: left; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
          font-family: Poppins;
          font-size: 20px;
          font-weight: 600; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
          font-family: ProximaNova-Regular;
          font-size: 13px;
          margin-top: -2px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub span {
            font-weight: bold; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
          font-family: ProximaNova-Regular;
          font-size: 16px;
          font-weight: bold;
          line-height: 1.88;
          margin-top: 10px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each {
          margin: 0 0 5px 0;
          display: flex; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon {
            margin-right: 5px;
            width: 12px; }
            .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon img {
              width: 100%; }
            .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .dollar-icon-img {
              height: 15px;
              width: 9px; }
            .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .map-icon-img {
              width: 10px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .map-icon {
            width: 37px; }
            @media (max-width: 1366px) {
              .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .map-icon {
                width: 30px; } }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
            font-family: ProximaNova-regular;
            font-size: 16px; }
            @media (min-width: 1366px) {
              .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
                line-height: 20px; } }
@media (max-width: 1280px) {
  .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
    font-size: 45px; }
  .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
    margin-top: 0;
    font-size: 17px; }
  .recomendations-main-container .recomendations-container .all-recommendations {
    margin-top: 6px;
    max-width: 1010px; }
    .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
      width: 308px;
      height: 266px;
      padding: 21px 19px 28px 27px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
        font-size: 19px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
        font-size: 12px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
        font-size: 15px;
        margin-top: 8px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each {
        margin: 0 0 3px 0; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
          font-size: 15px;
          line-height: 19px; } }

@media (max-width: 1024px) {
  .recomendations-main-container .recomendations-container {
    width: 90%; }
    .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
      font-size: 40px; }
    .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
      margin-top: 0;
      font-size: 15px; }
    .recomendations-main-container .recomendations-container .all-recommendations {
      margin-top: 0;
      max-width: 100%; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
        width: 287px;
        height: 266px;
        padding: 21px 19px 28px 27px;
        margin: 10px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
          font-size: 18px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
          font-size: 11px;
          margin-top: 0; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
          font-size: 14px;
          margin-top: 6px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
          font-size: 14px; } }

@media (max-width: 1024px) {
  .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
    font-size: 30px; }
  .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
    font-size: 11px;
    width: 55%;
    line-height: 18px; }
  .recomendations-main-container .recomendations-container .all-recommendations {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap; }
    .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
      width: 287px;
      height: 266px;
      padding: 21px 19px 28px 27px;
      margin: 10px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
        font-size: 18px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
        font-size: 11px;
        margin-top: 0; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
        font-size: 14px;
        margin-top: 6px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
        font-size: 14px; } }

@media (max-width: 767px) {
  .recomendations-main-container .recomendations-container {
    padding-top: 36px; }
    .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
      margin: 0;
      width: 100%;
      font-size: 28px; }
    .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
      line-height: 23px;
      font-size: 15.8px;
      margin-top: 3px;
      width: 100%; }
    .recomendations-main-container .recomendations-container .all-recommendations {
      margin-top: 15px;
      width: 100%; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
        width: 100%;
        height: max-content;
        padding: 27px 25px 28px 32px;
        margin: 10px 0; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
          font-size: 22.3px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
          font-size: 14.5px;
          margin-top: 5px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
          font-size: 18px;
          margin-top: 6px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each {
          margin: 5px 0 3px 0; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon {
            width: 15px;
            margin-left: -3px; }
            .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .dollar-icon-img {
              width: 11px; }
            .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .map-icon-img {
              width: 12px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .location-icon {
            width: 12px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .arrow-icon {
            width: 13px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .map-icon {
            width: 24px;
            margin-right: 9px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
            font-size: 16.7px;
            line-height: 21px; } }

@media (max-width: 414px) {
  .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
    font-size: 26.9px; }
  .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
    line-height: 22px;
    font-size: 15px;
    width: 98%; }
  .recomendations-main-container .recomendations-container .all-recommendations {
    margin-top: 15px; }
    .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
      padding: 27px 25px 28px 32px;
      margin: 10px 0; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
        font-size: 21.4px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
        font-size: 14px;
        margin-top: 4px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
        font-size: 17px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each {
        margin: 5px 0 3px 0; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon {
          width: 14px;
          margin-left: -4px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .dollar-icon-img {
            height: 16px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .map-icon-img {
            width: 12px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .location-icon {
          width: 12px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .arrow-icon {
          width: 13px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .map-icon {
          width: 27px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
          font-size: 16.3px;
          line-height: 20px; } }

@media (max-width: 384px) {
  .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
    font-size: 25px; }
  .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
    line-height: 21px;
    font-size: 14px;
    width: 98%; } }

@media (max-width: 375px) {
  .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
    font-size: 24px; }
  .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
    font-size: 13.5px;
    width: 94%; }
  .recomendations-main-container .recomendations-container .all-recommendations {
    margin-top: 15px; }
    .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
      padding: 20px 25px 28px 28px;
      margin: 10px 0 5px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
        font-size: 19px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
        font-size: 12.5px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
        font-size: 16px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each {
        margin: 3px 0 3px 0; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon {
          width: 12px;
          margin-left: -4px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .dollar-icon-img {
            height: 16px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .map-icon-img {
            width: 12px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .location-icon {
          width: 11px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .arrow-icon {
          width: 12px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .map-icon {
          width: 24px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
          font-size: 14.5px;
          line-height: 20px; } }

@media (max-width: 360px) {
  .recomendations-main-container .recomendations-container {
    padding-top: 34px; }
    .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
      font-size: 23px; }
    .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
      font-size: 13px;
      width: 94%;
      line-height: 18px; }
    .recomendations-main-container .recomendations-container .all-recommendations {
      margin-top: 15px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
        padding: 20px 25px 28px 28px;
        margin: 10px 0 5px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
          font-size: 18.5px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
          font-size: 12px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
          font-size: 15px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each {
          margin: 3px 0 3px 0; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon {
            width: 12px;
            margin-left: -4px; }
            .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .dollar-icon-img {
              height: 16px;
              width: 9px; }
            .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .map-icon-img {
              width: 12px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .location-icon {
            width: 11px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .arrow-icon {
            width: 12px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .map-icon {
            width: 22px;
            margin: 0 7px 0 -5px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
            font-size: 14px;
            line-height: 17px; } }

@media (max-width: 320px) {
  .recomendations-main-container .recomendations-container .recomendations-headings .main-heading {
    font-size: 20px; }
  .recomendations-main-container .recomendations-container .recomendations-headings .sub-heading {
    font-size: 12px;
    width: 94%;
    line-height: 16px; }
  .recomendations-main-container .recomendations-container .all-recommendations {
    margin-top: 15px; }
    .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each {
      padding: 20px 25px 28px 28px;
      margin: 10px 0 5px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-main {
        font-size: 18.5px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .headings .heading-sub {
        font-size: 12px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .details .heading {
        font-size: 15px; }
      .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each {
        margin: 3px 0 3px 0; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon {
          width: 12px;
          margin-left: -4px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .dollar-icon-img {
            height: 16px;
            width: 9px; }
          .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-icon .map-icon-img {
            width: 12px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .location-icon {
          width: 10px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .arrow-icon {
          width: 11px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .map-icon {
          width: 22px; }
        .recomendations-main-container .recomendations-container .all-recommendations .recomendation-each .detail-each .detail-text {
          font-size: 14px;
          line-height: 17px; } }