body {
      margin: 0;
      color: #262626;
      background-color: #fff;
      font-family: "Inter", Arial, sans-serif;
    }



    .container {
      max-width: 1620px;
      margin: 0 auto;
      padding: 0 16px;
    }

    .blog-section {
      padding: 100px 0;
    }
    .blog .global-hero__section .scroll-down-btn:after {
    background: url(../image/scroll-down-arrow-bg.svg) no-repeat center center;
}

    .blog-label {
      color: #6F7945;
      text-align: center;
      margin-bottom: 20px;
      font-family: Inter;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.6px;
      text-transform: uppercase;
    }

    .blog-title {
      margin: 0 0 40px;
      text-align: center;
      color: #a15d40;
      font-family: "EB Garamond", Georgia, serif;
      font-size: 50px;
      font-weight: 500;
      line-height: 1.1;
    }

    .blog-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 40px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .blog-card {
      display: block;
      text-decoration: none;
      color: inherit;
    }

    .blog-media {
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
    }

    .blog-image {
      width: 100%;
      aspect-ratio: 4.1 / 2.92;
      object-fit: cover;
      display: block;
      margin-bottom: 0;
      transform: scale(1);
      transition: transform 0.45s ease;
    }

    .blog-card:hover .blog-image {
      transform: scale(1.08);
    }

    .blog-arrow {
      position: absolute;
      right: 20px;
      bottom: 20px;
      width: 34px;
      height: 34px;
      background: #004d75;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transform: translateX(12px);
      transition: opacity 0.25s ease, transform 0.25s ease;
      pointer-events: none;
    }

    .blog-arrow svg {
      height: 24px;
      width: 24px;
    }

    .blog-card:hover .blog-arrow {
      opacity: 1;
      transform: translateX(0);
    }

    .blog-date {
      color: #788157;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.12px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .blog-card-title {
      color: var(--Primary-One, #A05B3F);
      font-family: "EB Garamond";
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 10px;

    }

    .blog-excerpt {
      color: #555;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
    }

    .blog-readmore {
      display: none;
      margin-top: 12px;
      background-color: #A05B3F;
      color: #fff;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.96px;
      text-transform: uppercase;
      padding: 14px 20px;

    }

    .blog-actions {
      text-align: center;
      margin-top: 60px;
    }

    .blog-btn {
      display: inline-block;
      padding: 16px 20px;
      color: #FFF;
      text-align: center;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.44px;
      text-transform: uppercase;
      background: #A05B3F;
    }



    .blog-right {
      margin-left: 0;
      margin-right: -10%;
      float: right;
    }

    .blog-listing {
      padding-top: 100px;
    }

    .blog-listing::after {
      background: none;

      background: #FBF5E5;
    }

    .top-blog-main .unique_information {
      padding-left: 0;
    }

    .top-blog-main h2 {
      max-width: 95%;
    }

    .top-blog-main .blog-date {
      color: #6F7945;
      font-family: Inter;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      margin-bottom: 12px;
    }

    .latest-update {
      background: #CFA98E;
      padding: 10px;
      color: #FBF5E5 !important;
      font-family: Inter;
      font-size: 16px !important;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.28px !important;
      text-transform: uppercase;
      display: inline-block;
    }
    .blog-grid>li.blog-item-hidden {
      display: none;
    }
    .border{
             max-width: 1620px;
    margin: 0 auto;
    padding: 0 16px;
    border-bottom: 1px solid #918F86;
    }
    p.blog-date {
    color: #788157;
}
.blog-title{
  /*  text-align:left;*/
}
h1.blog-title{
    text-align:left;
}
.margin-image {
    margin-bottom: 20px;
}
.bullet-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    background-image: url("../image/Vector.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.unique.blog-listing{
	overflow-x:hidden;
}
    @media only screen and (max-width: 1799px) {

    }

    @media only screen and (max-width: 1599px) {}

    @media only screen and (max-width: 1439px) {}

    @media only screen and (max-width: 1365px) {
      .blog-title {
        font-size: 46px;
      }
      .blog-right {
    margin-right: -2%;
}

      .blog-listing::after {
        bottom: 0;
      }

      .blog-label {
        font-size: 18px;
      }

      .blog-card-title {
        font-size: 32px;
      }

      .blog-excerpt {
        font-size: 16px;
      }
      .latest-update{
        font-size: 14px !important;
      }
            .top-blog-main .blog-date{
font-size: 16px;
      }
    }

    @media only screen and (max-width: 1279px) {
      .blog-section {
        padding: 80px 0;
      }


    }

    @media only screen and (max-width: 1023px) {
      .blog-arrow {
        display: none;
      }

      .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .blog-excerpt {
        font-size: 16px;
      }

      .blog-title {
        font-size: 42px;
      }

      .blog-label {
        font-size: 16px;
      }

      .blog-readmore {
        display: inline-block;
      }

      .blog-actions {
        margin-top: 50px;
      }

      .blog-btn {
        font-size: 16px;
        padding: 14px 20px;
      }
    }

    @media only screen and (max-width: 801px) {
      .blog-section {
        padding-top: 70px;
      }

      .top-blog-main {
        flex-direction: column-reverse;
      }

      .blog-card-title {
        font-size: 30px;
      }

      .blog-date {
        font-size: 12px;
        margin-bottom: 7px;
      }

      .blog-listing {
        padding-top: 60px;
      }
            .top-blog-main .blog-date{

font-size: 12px;

letter-spacing: 0.96px;
      }
          .latest-update{
font-size: 10px !important;
padding: 8px;
letter-spacing: 0.8px !important;
    }
				.image_position {
    top: -40px;
}
    }

    @media only screen and (max-width: 767px) {
      .blog-grid {
        grid-template-columns: 1fr;

      }

      .blog-title {
        font-size: 38px;
      }

      .blog-btn {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 1.12px;
        padding: 14px 20px;
        text-transform: uppercase;
      }

      .blog-actions {
        margin-top: 40px;
      }
    }

    @media only screen and (max-width: 639px) {
      .blog-section {
        padding: 60px 0;
      }

      .blog-label {
        font-size: 14px;
      }

      .blog-title {
        font-size: 34px;
        margin-bottom:20px;
      }

    }

    @media only screen and (max-width: 539px) {
      .blog-card-title {
        font-size: 28px;
      }

      .blog-excerpt {
        font-size: 14px;
      }
    }

    @media only screen and (max-width: 413px) {
      .blog-title {
        font-size: 32px;
      }




    }