section.body-area-grid {
  padding: 91px 0 74px;
  background-color: #F9F9F9; }
  @media (max-width: 1200px) {
    section.body-area-grid {
      padding: 80px 0 74px; } }
  @media (max-width: 992px) {
    section.body-area-grid {
      padding: 60px 0; } }
  @media (max-width: 768px) {
    section.body-area-grid {
      padding: 40px 0; } }
  @media (max-width: 576px) {
    section.body-area-grid {
      padding: 24px 0 18px; } }
  section.body-area-grid .top-holder {
    text-align: center;
    margin-bottom: 44px; }
    @media (max-width: 992px) {
      section.body-area-grid .top-holder {
        margin-bottom: 35px; } }
    @media (max-width: 768px) {
      section.body-area-grid .top-holder {
        margin-bottom: 30px; } }
    @media (max-width: 576px) {
      section.body-area-grid .top-holder {
        margin-bottom: 26px; }
        section.body-area-grid .top-holder .custom-btn-3 {
          display: none; } }
    section.body-area-grid .top-holder h2 {
      text-align: center;
      margin-bottom: 16px; }
      @media (max-width: 576px) {
        section.body-area-grid .top-holder h2 {
          margin-bottom: 0; } }
  section.body-area-grid .pages {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center; }
    @media (max-width: 1200px) {
      section.body-area-grid .pages {
        margin: 0 -10px; } }
    @media (max-width: 576px) {
      section.body-area-grid .pages {
        margin: 0; } }
    section.body-area-grid .pages .page-item {
      width: 18%;
      max-width: 280px;
      margin: 0 10px 30px; }
      @media (max-width: 1200px) {
        section.body-area-grid .pages .page-item {
          width: calc(33.33% - 20px);
          max-width: 100%; } }
      @media (max-width: 992px) {
        section.body-area-grid .pages .page-item {
          width: calc(50% - 20px); } }
      @media (max-width: 576px) {
        section.body-area-grid .pages .page-item {
          width: 100%;
          margin: 0 0 21px; } }
      section.body-area-grid .pages .page-item .holder {
        background-color: #fff;
        border-radius: 15px;
        padding: 23px 20px 31px; }
        @media (max-width: 576px) {
          section.body-area-grid .pages .page-item .holder {
            padding: 23px 15px 22px; } }
      section.body-area-grid .pages .page-item .image {
        margin-bottom: 17px; }
        section.body-area-grid .pages .page-item .image img {
          display: block;
          width: 100%;
          border-radius: 5px; }
          @media (max-width: 576px) {
            section.body-area-grid .pages .page-item .image img {
              height: 145px;
              object-fit: cover; } }
      section.body-area-grid .pages .page-item .title {
        font-family: "Times Sans Serif", sans-serif;
        margin: 0;
        text-align: center; }
        @media (max-width: 576px) {
          section.body-area-grid .pages .page-item .title {
            text-align: center; } }
      section.body-area-grid .pages .page-item .subtitle {
        color: #27353F; }
        @media (max-width: 576px) {
          section.body-area-grid .pages .page-item .subtitle {
            text-align: center;
            margin-top: 4px; } }
      section.body-area-grid .pages .page-item .description {
        color: #686868;
        font-size: 15px;
        line-height: 160%;
        letter-spacing: 0.015em;
        margin-top: 13px; }
        @media (max-width: 576px) {
          section.body-area-grid .pages .page-item .description {
            margin-top: 3px;
            text-align: center; }
            section.body-area-grid .pages .page-item .description br {
              display: none; } }
      section.body-area-grid .pages .page-item .custom-btn-3 {
        margin-top: 15px; }
        @media (max-width: 576px) {
          section.body-area-grid .pages .page-item .custom-btn-3 {
            width: 100%;
            margin-top: 12px; } }

/*# sourceMappingURL=body_area_grid.css.map */