@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12,
.lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12,
.md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12,
.sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12,
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 576px) {
  .sm-1 {
    width: calc(100% / 12); }
  .sm-2 {
    width: calc(100% / 12 * 2); }
  .sm-3 {
    width: calc(100% / 12 * 3); }
  .sm-4 {
    width: calc(100% / 12 * 4); }
  .sm-5 {
    width: calc(100% / 12 * 5); }
  .sm-6 {
    width: calc(100% / 12 * 6); }
  .sm-7 {
    width: calc(100% / 12 * 7); }
  .sm-8 {
    width: calc(100% / 12 * 8); }
  .sm-9 {
    width: calc(100% / 12 * 9); }
  .sm-10 {
    width: calc(100% / 12 * 10); }
  .sm-11 {
    width: calc(100% / 12 * 11); }
  .sm-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 768px) {
  .md-1 {
    width: calc(100% / 12); }
  .md-2 {
    width: calc(100% / 12 * 2); }
  .md-3 {
    width: calc(100% / 12 * 3); }
  .md-4 {
    width: calc(100% / 12 * 4); }
  .md-5 {
    width: calc(100% / 12 * 5); }
  .md-6 {
    width: calc(100% / 12 * 6); }
  .md-7 {
    width: calc(100% / 12 * 7); }
  .md-8 {
    width: calc(100% / 12 * 8); }
  .md-9 {
    width: calc(100% / 12 * 9); }
  .md-10 {
    width: calc(100% / 12 * 10); }
  .md-11 {
    width: calc(100% / 12 * 11); }
  .md-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 992px) {
  .lg-1 {
    width: calc(100% / 12); }
  .lg-2 {
    width: calc(100% / 12 * 2); }
  .lg-3 {
    width: calc(100% / 12 * 3); }
  .lg-4 {
    width: calc(100% / 12 * 4); }
  .lg-5 {
    width: calc(100% / 12 * 5); }
  .lg-6 {
    width: calc(100% / 12 * 6); }
  .lg-7 {
    width: calc(100% / 12 * 7); }
  .lg-8 {
    width: calc(100% / 12 * 8); }
  .lg-9 {
    width: calc(100% / 12 * 9); }
  .lg-10 {
    width: calc(100% / 12 * 10); }
  .lg-11 {
    width: calc(100% / 12 * 11); }
  .lg-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 1200px) {
  .xl-1 {
    width: calc(100% / 12); }
  .xl-2 {
    width: calc(100% / 12 * 2); }
  .xl-3 {
    width: calc(100% / 12 * 3); }
  .xl-4 {
    width: calc(100% / 12 * 4); }
  .xl-5 {
    width: calc(100% / 12 * 5); }
  .xl-6 {
    width: calc(100% / 12 * 6); }
  .xl-7 {
    width: calc(100% / 12 * 7); }
  .xl-8 {
    width: calc(100% / 12 * 8); }
  .xl-9 {
    width: calc(100% / 12 * 9); }
  .xl-10 {
    width: calc(100% / 12 * 10); }
  .xl-11 {
    width: calc(100% / 12 * 11); }
  .xl-12 {
    width: calc(100% / 12 * 12); } }

@media (max-width: 576px) {
  .xs-1 {
    width: calc(100% / 12); }
  .xs-2 {
    width: calc(100% / 12 * 2); }
  .xs-3 {
    width: calc(100% / 12 * 3); }
  .xs-4 {
    width: calc(100% / 12 * 4); }
  .xs-5 {
    width: calc(100% / 12 * 5); }
  .xs-6 {
    width: calc(100% / 12 * 6); }
  .xs-7 {
    width: calc(100% / 12 * 7); }
  .xs-8 {
    width: calc(100% / 12 * 8); }
  .xs-9 {
    width: calc(100% / 12 * 9); }
  .xs-10 {
    width: calc(100% / 12 * 10); }
  .xs-11 {
    width: calc(100% / 12 * 11); }
  .xs-12 {
    width: calc(100% / 12 * 12); } }

/** ---- midea query objects ----**/
a {
  text-decoration: none;
  color: #003057;
  font-family: 'Brother 1816';
  font-size: 13px;
  transition: all .35s; }

h1, h2, h3 {
  font-family: 'Brother 1816';
  color: #000000; }

h4, h5 {
  font-family: 'Brother 1816';
  color: #000000; }

p {
  color: #727272;
  font-family: 'Brother 1816';
  font-size: 13px; }

h1 {
  font-size: 29px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 29px; }

.body {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2rem; }
  @media (max-width: 540px) {
    .body {
      margin-bottom: 0; } }

.blog-listing-page {
  float: left;
  width: 100%; }
  .blog-listing-page nav[aria-label='Breadcrumb'] {
    max-width: 100%;
    width: 100%; }
    @media (max-width: 991px) {
      .blog-listing-page nav[aria-label='Breadcrumb'] {
        max-width: 100%;
        display: block; } }
  .blog-listing-page .breadcrumbs {
    text-align: left; }
    @media (max-width: 991px) {
      .blog-listing-page .breadcrumbs {
        text-align: left;
        display: block; } }
    .blog-listing-page .breadcrumbs .breadcrumb a {
      color: #727272;
      font-size: 15px;
      letter-spacing: -0.07px; }
      @media (max-width: 540px) {
        .blog-listing-page .breadcrumbs .breadcrumb a {
          font-size: 13px; } }
    .blog-listing-page .breadcrumbs .breadcrumb.is-active .breadcrumb-label {
      color: #303030;
      letter-spacing: -0.07px;
      font-weight: 600; }
      .blog-listing-page .breadcrumbs .breadcrumb.is-active .breadcrumb-label span {
        text-transform: capitalize; }
    .blog-listing-page .breadcrumbs .breadcrumb:not(:first-child)::before {
      transform: none; }
  .blog-listing-page .page {
    margin-top: -50px; }
    @media (max-width: 767px) {
      .blog-listing-page .page {
        margin-top: 0px; } }
  .blog-listing-page .page-heading {
    font-size: 28px;
    line-height: 42px;
    font-family: "Brother 1816";
    font-weight: 600;
    margin-bottom: 48px;
    color: #221E20; }
    @media (max-width: 767px) {
      .blog-listing-page .page-heading {
        font-size: 24px;
        margin-bottom: 20px; } }
  .blog-listing-page .blog-filter-by {
    display: flex;
    align-items: center;
    margin: 0 0 30px 5px; }
    @media (max-width: 767px) {
      .blog-listing-page .blog-filter-by {
        margin: 0 12px 30px 12px;
        flex-direction: column; } }
    .blog-listing-page .blog-filter-by h4 {
      letter-spacing: 0.16px;
      color: #303030;
      font-family: "Brother 1816";
      font-size: 16px;
      line-height: 25px;
      font-weight: 500;
      margin: 0 12px 0 6px; }
      @media (max-width: 767px) {
        .blog-listing-page .blog-filter-by h4 {
          background-color: #003057;
          border-radius: 25px;
          border: #003057 solid;
          padding: 0.65rem 1rem 0.65rem 1.5rem;
          width: 165px;
          color: #fff;
          font-size: 16px;
          line-height: 24px;
          font-weight: 500;
          margin: 0 auto;
          cursor: pointer; }
          .blog-listing-page .blog-filter-by h4.is-active .icon {
            transform: rotate(-180deg); } }
      .blog-listing-page .blog-filter-by h4 .icon {
        display: none; }
        @media (max-width: 767px) {
          .blog-listing-page .blog-filter-by h4 .icon {
            display: block;
            float: right;
            width: 24px;
            height: 24px; }
            .blog-listing-page .blog-filter-by h4 .icon svg {
              fill: #fff; } }
    .blog-listing-page .blog-filter-by .tags {
      margin-top: 0px;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .blog-listing-page .blog-filter-by .tags {
          display: none; }
          .blog-listing-page .blog-filter-by .tags.is-active {
            display: block;
            padding: 8px 8px 0 8px;
            border: 1px solid #e5e5e5;
            margin-top: 16px;
            width: 100%; } }
      .blog-listing-page .blog-filter-by .tags .tag {
        display: inline-block;
        padding: 0 5px; }
        @media (max-width: 767px) {
          .blog-listing-page .blog-filter-by .tags .tag {
            padding: 0 5px 8px; } }
        @media (max-width: 540px) {
          .blog-listing-page .blog-filter-by .tags .tag {
            width: 100%; } }
        .blog-listing-page .blog-filter-by .tags .tag .tag-link {
          border-radius: 20px;
          background-color: #f8f8f8;
          border-color: #f8f8f8;
          font-family: "Brother 1816";
          font-size: 15px;
          line-height: 23px;
          font-weight: 500;
          color: #303030;
          padding: 10px 17px;
          margin-bottom: 0; }
          .blog-listing-page .blog-filter-by .tags .tag .tag-link:hover {
            background-color: #00AEC7;
            color: #fff; }
          @media (max-width: 540px) {
            .blog-listing-page .blog-filter-by .tags .tag .tag-link {
              font-size: 12px;
              line-height: 20px;
              padding: 8px 12px;
              display: block; } }
          .blog-listing-page .blog-filter-by .tags .tag .tag-link.is-active {
            background: #003057;
            color: #fff; }
  .blog-listing-page .blog-grid {
    float: left;
    width: 100%;
    padding-bottom: 10px; }
    .blog-listing-page .blog-grid > .grid {
      margin: 0; }
      .blog-listing-page .blog-grid > .grid .grid-list {
        width: 20%;
        float: left;
        padding: 0 2px 16px 2px; }
        @media (max-width: 1200px) {
          .blog-listing-page .blog-grid > .grid .grid-list {
            width: 25%; } }
        @media (max-width: 991px) {
          .blog-listing-page .blog-grid > .grid .grid-list {
            width: 33.33%; } }
        @media (max-width: 767px) {
          .blog-listing-page .blog-grid > .grid .grid-list {
            width: 50%; } }
        .blog-listing-page .blog-grid > .grid .grid-list .blog {
          border: 1px solid #adadad;
          margin-bottom: 0; }
          .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-figure {
            width: 100%; }
            .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-figure .blog-thumbnail {
              max-width: 100%;
              margin: 0; }
              .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-figure .blog-thumbnail a {
                display: block;
                width: 100%;
                height: 100%; }
                .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-figure .blog-thumbnail a img {
                  height: 188px;
                  -o-object-fit: cover;
                  object-fit: cover; }
                  @media (max-width: 540px) {
                    .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-figure .blog-thumbnail a img {
                      height: 125px; } }
          .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body {
            width: 100%;
            padding: 16px;
            text-align: left; }
            @media (max-width: 540px) {
              .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body {
                padding: 12px; } }
            .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-header .blog-title {
              margin: 0 0 14px 0;
              font-size: 15px;
              line-height: 24px;
              min-height: 96px; }
              @media (max-width: 767px) {
                .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-header .blog-title {
                  font-size: 12px;
                  line-height: 16px;
                  letter-spacing: -0.06px;
                  min-height: 55px;
                  height: 55px;
                  overflow: hidden; } }
              .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-header .blog-title a {
                letter-spacing: -0.07px;
                color: #000000;
                text-transform: capitalize;
                font-size: 15px;
                line-height: 24px;
                font-weight: 600;
                min-height: 70px;
                display: block; }
                .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-header .blog-title a:hover {
                  color: #00AEC7; }
                @media (max-width: 767px) {
                  .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-header .blog-title a {
                    font-size: 12px;
                    line-height: 18px;
                    letter-spacing: -0.06px;
                    min-height: 55px; } }
            .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-header .blog-date, .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-header .blog-author {
              display: none; }
            .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-btn {
              color: #000000;
              text-transform: capitalize;
              font-size: 16px;
              line-height: 25px;
              font-weight: 500;
              text-decoration: underline; }
              @media (max-width: 767px) {
                .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-btn {
                  font-size: 14px;
                  line-height: 22px; } }
              @media (max-width: 540px) {
                .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-btn {
                  font-size: 12px;
                  line-height: 16px;
                  letter-spacing: -0.06px; } }
              .blog-listing-page .blog-grid > .grid .grid-list .blog .blog-post-body .blog-btn:hover {
                color: #00AEC7; }
  .blog-listing-page .blog-show-more {
    background: #003057;
    border-radius: 24px;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 48px;
    font-weight: 600;
    padding: 0;
    width: 160px;
    margin: 0 auto;
    transition: all .5s ease;
    text-align: center;
    display: block; }
    .blog-listing-page .blog-show-more:hover {
      background-color: #00AEC7;
      border-color: #00AEC7;
      color: #fff; }
    @media (max-width: 767px) {
      .blog-listing-page .blog-show-more {
        margin-bottom: 20px; } }
    @media (max-width: 540px) {
      .blog-listing-page .blog-show-more {
        width: 100%;
        margin-bottom: 40px;
        font-size: 14px; } }

/*** Blog Details Page ***/
.blog-details-page ol.breadcrumbs {
  text-align: left;
  display: block; }

.blog-details-page .blg-detail-inner .blog-post-body {
  width: 100%;
  text-align: left; }
  .blog-details-page .blg-detail-inner .blog-post-body .blog-title {
    margin: 0 0 16px 0; }
    @media (max-width: 767px) {
      .blog-details-page .blg-detail-inner .blog-post-body .blog-title {
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 540px) {
      .blog-details-page .blg-detail-inner .blog-post-body .blog-title {
        margin: 0 0 12px 0; } }
    .blog-details-page .blg-detail-inner .blog-post-body .blog-title a {
      font-size: 24px;
      line-height: 32px;
      font-weight: 600;
      color: #221E20; }
      @media (max-width: 767px) {
        .blog-details-page .blg-detail-inner .blog-post-body .blog-title a {
          font-size: 16px;
          line-height: 24px; } }
  .blog-details-page .blg-detail-inner .blog-post-body .blog-date, .blog-details-page .blg-detail-inner .blog-post-body .blog-author {
    color: #727272;
    text-align: left;
    font-size: 16px;
    line-height: 24px; }
    @media (max-width: 767px) {
      .blog-details-page .blg-detail-inner .blog-post-body .blog-date, .blog-details-page .blg-detail-inner .blog-post-body .blog-author {
        font-size: 14px;
        line-height: 22px; } }
  .blog-details-page .blg-detail-inner .blog-post-body .blog-post iframe {
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .blog-details-page .blg-detail-inner .blog-post-body .blog-post iframe {
        height: 400px; } }
    @media (max-width: 540px) {
      .blog-details-page .blg-detail-inner .blog-post-body .blog-post iframe {
        height: 300px; } }
  .blog-details-page .blg-detail-inner .blog-post-body .blog-post p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #272727; }
    @media (max-width: 767px) {
      .blog-details-page .blg-detail-inner .blog-post-body .blog-post p {
        font-size: 14px;
        line-height: 22px; } }
  .blog-details-page .blg-detail-inner .blog-post-body .tags {
    margin-bottom: 0; }
    @media (max-width: 540px) {
      .blog-details-page .blg-detail-inner .blog-post-body .tags {
        margin-top: 2rem; } }
    .blog-details-page .blg-detail-inner .blog-post-body .tags .tag {
      display: inline-block;
      padding: 0 5px; }
      @media (max-width: 767px) {
        .blog-details-page .blg-detail-inner .blog-post-body .tags .tag {
          padding: 0 5px 8px; } }
      .blog-details-page .blg-detail-inner .blog-post-body .tags .tag .tag-link {
        border-radius: 20px;
        background-color: #f8f8f8;
        border-color: #f8f8f8;
        font-family: "Brother 1816";
        font-size: 15px;
        line-height: 23px;
        font-weight: 500;
        color: #303030;
        padding: 10px 17px;
        margin-bottom: 0; }
        .blog-details-page .blg-detail-inner .blog-post-body .tags .tag .tag-link:hover {
          background-color: #00AEC7;
          color: #fff; }
        @media (max-width: 540px) {
          .blog-details-page .blg-detail-inner .blog-post-body .tags .tag .tag-link {
            font-size: 12px;
            line-height: 20px;
            padding: 8px 12px; } }
        .blog-details-page .blg-detail-inner .blog-post-body .tags .tag .tag-link.is-active {
          background: #003057;
          color: #fff; }

.blog-details-page .sidebar-sec .recent-blg-sec {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .blog-details-page .sidebar-sec .recent-blg-sec {
      margin-top: 20px; } }
  @media (max-width: 540px) {
    .blog-details-page .sidebar-sec .recent-blg-sec {
      margin-top: 10px;
      margin-bottom: 40px; } }
  .blog-details-page .sidebar-sec .recent-blg-sec > h3 {
    border-radius: 5px 5px 0 0;
    background-color: #003057;
    padding: 20px;
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase; }
    @media (max-width: 1399px) {
      .blog-details-page .sidebar-sec .recent-blg-sec > h3 {
        font-size: 18px;
        line-height: 24px;
        padding: 16px 20px; } }
    @media (max-width: 767px) {
      .blog-details-page .sidebar-sec .recent-blg-sec > h3 {
        font-size: 16px;
        padding: 16px; } }
  .blog-details-page .sidebar-sec .recent-blg-sec .recent-blogs {
    list-style-type: none;
    margin-left: 0px;
    margin-bottom: 0px;
    border-radius: 0 0 5px 5px; }
    .blog-details-page .sidebar-sec .recent-blg-sec .recent-blogs .recent-blog {
      border: 1px solid #ccc;
      border-top-width: 0;
      padding: 12px 20px 8px; }
      @media (max-width: 767px) {
        .blog-details-page .sidebar-sec .recent-blg-sec .recent-blogs .recent-blog {
          padding: 12px 12px 8px; } }
      .blog-details-page .sidebar-sec .recent-blg-sec .recent-blogs .recent-blog .blog-post-figure {
        width: 100%; }
        .blog-details-page .sidebar-sec .recent-blg-sec .recent-blogs .recent-blog .blog-post-figure .blog-thumbnail {
          max-width: 100%;
          margin: 0 auto 1rem; }
          .blog-details-page .sidebar-sec .recent-blg-sec .recent-blogs .recent-blog .blog-post-figure .blog-thumbnail a {
            display: block; }
    .blog-details-page .sidebar-sec .recent-blg-sec .recent-blogs .recent-blog:last-child {
      border-radius: 0 0 5px 5px; }
  .blog-details-page .sidebar-sec .recent-blg-sec .blog-title {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 22px;
    margin: 0 0 8px; }
    @media (max-width: 767px) {
      .blog-details-page .sidebar-sec .recent-blg-sec .blog-title {
        font-size: 14px;
        line-height: 20px; } }
  .blog-details-page .sidebar-sec .recent-blg-sec .blog-title a {
    color: #000000;
    font-weight: 500;
    font-size: 14px; }
    .blog-details-page .sidebar-sec .recent-blg-sec .blog-title a:hover {
      color: #00AEC7; }
  .blog-details-page .sidebar-sec .recent-blg-sec .readmore {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: normal;
    color: #444444;
    font-weight: 400; }
    .blog-details-page .sidebar-sec .recent-blg-sec .readmore:hover {
      text-decoration: underline;
      color: #00AEC7; }
  .blog-details-page .sidebar-sec .recent-blg-sec ul.tags {
    list-style-type: none;
    margin: 0px;
    border-radius: 0 0 5px 5px;
    text-align: left !important; }
  .blog-details-page .sidebar-sec .recent-blg-sec li.tag {
    border: 1px solid #ccc;
    border-top-width: 0;
    padding: 12px 20px 8px;
    display: block; }
    @media (max-width: 767px) {
      .blog-details-page .sidebar-sec .recent-blg-sec li.tag {
        padding: 12px 12px 8px; } }
  .blog-details-page .sidebar-sec .recent-blg-sec li.tag a {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
    padding: 0.35714rem 0rem; }
    .blog-details-page .sidebar-sec .recent-blg-sec li.tag a:hover {
      color: #e0004d; }
  .blog-details-page .sidebar-sec .recent-blg-sec li.tag:last-child {
    border-radius: 0 0 5px 5px; }