.blog-listing { display: inline-block; vertical-align: top; width: 100%; padding: 333px 0 87px 0; position: relative; z-index: 1; overflow: hidden; }
.blog-listing:before { background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Greenland_2025/Images/green-blue-circle.png); background-position: 0; background-repeat: no-repeat; background-size: contain; content: ""; height: 250px; position: absolute; right: -50px; top:90px; width: 250px; z-index: 1; }
.blog-listing .dots:before { background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Greenland_2025/Images/dots.png); background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; height: 80px; position: absolute; left: calc(50% - 1280px / 2); top: 155px; width: 130px; z-index: 1; }
.blog-listing .dots:after { background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Greenland_2025/Images/dots.png); background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; height: 80px; position: absolute; right: calc(50% - 1280px / 2); bottom: 280px; width: 130px; z-index: 1; }
.blog-listing .circle:before { background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Greenland_2025/Images/circle-with-plus.png); background-position: 0; background-repeat: no-repeat; background-size: contain; content: ""; height: 380px; position: absolute; right: -190px; bottom: 450px; width: 380px; z-index: 1; }
.blog-listing .circle:after { background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Greenland_2025/Images/circle-two-line-with-dot-1.png); background-position: 100%; background-repeat: no-repeat; background-size: contain; top:250px; content: ""; height: 300px; left: -170px; position: absolute; width: 350px; z-index: 1; }
.blog-listing:after { content: ''; position: absolute; top: 170px; left: 0; bottom: 330px; background: #F5F5F5; width: calc(100% - 140px); height: calc(100% - 500px); z-index: -1; border-bottom-right-radius: 43px; border-top-right-radius: 43px; }
.blog-listing .plus:before { background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Greenland_2025/Images/blue-plus.png); background-position: center; background-repeat: no-repeat; background-size: contain; top: 120px; content: ""; height: 48px; right: calc(50% - 1200px / 2); position: absolute; width: 48px; z-index: 1; }

.blog-listing .blog-row { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 164px; position: relative; z-index: 2; }
.blog-listing .listing-wrap { width: calc(70% - 82px); display: inline-block; }
.blog-listing .listing-sidebar { width: calc(30% - 82px); display: inline-block; }
.blog-listing .blog-post { background-color: #fff; margin: 0 0 73px; padding: 0; position: relative; width: 100%; display: inline-block; vertical-align: top; border-radius: 12px; }
.blog-listing .blog-post .inner-post { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.blog-listing .blog-post .post-image { display: inline-block; line-height: 0; position: relative; width: calc(50% - 32px); }
.blog-listing .blog-post .post-image a { width: 100%; display: inline-block; height: 100%; }
.blog-listing .blog-post .post-image img { object-fit: cover; object-position: center; width: 100%; height: 100%; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.blog-listing .blog-post .post-caption { display: inline-block; padding: 16px 32px 16px 32px; width: calc(50% + 32px); box-shadow: 0px 0px 4.5px rgba(0, 0, 0, 0.13); border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.blog-listing .blog-post .post-title { padding: 0 0 20px; width: 100%; border-bottom: 0.05px solid #707070; display: flex; align-items: center; justify-content: flex-start; gap: 12px; }
.blog-listing .blog-post .post-title .date { width: auto; display: inline-block; font-family: 'Cabin'; font-size: 25px; font-weight: normal; line-height: 26px; font-style: normal; text-align: center; color: #ffffff; border-radius: 16px; background: #2e396b; padding: 14px; }
.blog-listing .blog-post .post-title .title { width: 100%; display: inline-block; }
.blog-listing .blog-post .post-title .title a { width: 100%; display: inline-block; transition: 0.3s ease-in-out; }
.blog-listing .blog-post .post-title .title a h3 { display: inline-block; margin: 0; width: 100%; font-family: 'Open Sans'; font-size: 18px; font-weight: bold; line-height: 25px; font-style: normal; text-align: left; color: #219d82; transition: 0.3s ease-in-out; }
.blog-listing .blog-post .post-sumery { width: 100%; display: inline-block; padding: 12px 0 12px; }
.blog-listing .blog-post .post-sumery p, .blog-listing .blog-post .post-sumery span { width: 100%; font-family: 'Open Sans'; font-size: 15px; font-weight: 900; line-height: 18px; font-style: normal; text-align: left; color: #1f3941; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.blog-listing .blog-post .post-sumery p strong { font-weight: 900; }
.blog-listing .blog-post .post-cta { width: auto; display: inline-block; padding: 0px; }
.blog-listing .blog-post .post-cta a { font-family: 'Open Sans'; font-size: 18px; font-weight: bold; line-height: 28px; font-style: normal; text-align: left; color: #2e396b; border-radius: 7px; background: #afcb37; padding: 8px 30px; width: auto; display: inline-block; transition: 0.3s ease-in-out; }
.blog-listing .blog-post .post-cta a:hover { color: #ffffff; background: #2e396b; }
.blog-listing .blog-post .post-title .title a:hover h3 { color: #2e396b; }

.blog-listing img { width: 100%; }

.blog-listing .side-box { width: 100%; display: inline-block; margin-bottom: 30px; border-radius: 12px; }
.blog-listing .side-box:last-child { margin-bottom: 0; }
.blog-listing .search-bar form { position: relative; z-index: 1; border: none; padding: 0; background: transparent; border-radius: 10px; }
.blog-listing .search-bar form input { width: 100%; display: inline-block; border: none; font-size: 16px; line-height: 26px; border-radius: 10px; background: #fff; color: #2e396b; padding: 12px 50px 12px 12px; box-shadow: 0px 0px 4.5px rgba(0, 0, 0, 0.13); }
.blog-listing .search-bar form button { padding: 0; background: transparent; border: none; border-radius: 10px; width: 24px; height: 24px; position: absolute; top: 12px; right: 12px; }
.blog-listing .tag-list ul { width: 100%; display: inline-block; margin: 0; padding: 12px 0; }
.blog-listing .tag-list ul li { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; }
.blog-listing .tag-list ul li a { width: 100%; display: inline-block; font-family: 'Open Sans'; font-size: 12px; font-weight: 900; line-height: 14px; font-style: normal; text-align: left; color: #ffffff; padding: 10px 10px 10px 0; }
.blog-listing .tag-list { background: #2e396b; }
.blog-listing .tag-list ul li span { font-family: "Open Sans"; font-size: 12px; font-weight: 900; line-height: 14px; font-style: normal; text-align: left; color: #ffffff; }
.blog-listing .tag-list ul li a:hover { color: #b0c949; }
.blog-listing .recent-list { border-radius: 12px; box-shadow: 0px 0px 4.5px rgba(0, 0, 0, 0.13); ); background: #ffffff; }
.blog-listing .recent-post { width: 100%; display: inline-block; padding: 30px; }
.blog-listing .recent-post .post-item { width: 100%; display: inline-block; margin: 0 0 24px 0; }
.blog-listing .recent-post .post { width: 100%; display: inline-block; }
.blog-listing .recent-post .image { width: 100%; display: inline-block; }
.blog-listing .recent-post .image a { width: 100%; display: inline-block; }
.blog-listing .recent-post .image a img { width: 100%; display: inline-block; height: 120px; max-width: 100%; object-fit: cover; object-position: center; border-radius: 12px; }
.blog-listing .recent-post .post-header { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding: 10px 0 0 0; }
.blog-listing .recent-post .date { width: auto; display: inline-block; background: #2e396b; padding: 10px; font-family: "Cabin"; font-size: 15px; font-weight: normal; line-height: 16px; font-style: normal; color: #ffffff; text-align: center; border-radius: 12px; }
.blog-listing .recent-post .title { width: auto; display: inline-block; }
.blog-listing .recent-post .title a { width: 100%; display: inline-block; font-family: "Open Sans"; font-size: 18px; font-weight: bold; line-height: 22px; font-style: normal; text-align: left; color: #219d82; }
.blog-listing .recent-post .title a:hover { color: #2e396b; }

.blog-listing .side-box .social-media { width: 100%; display: inline-block; background: #2e396b; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.blog-listing .side-box .social-media ul { width: 100%; display: inline-block; padding: 30px; margin: 0; }
.blog-listing .side-box .social-media ul li { width: 100%; display: inline-block; }
.blog-listing .side-box .social-media ul li a { width: auto; display: inline-block; }
.blog-listing .side-box .social-media ul li a img { width: 28px; height: 28px; object-fit: contain; object-position: center; border-radius: 50%; }
.blog-listing .side-box .social-media ul li + li { margin-top: 11px; }

.blog-listing .side-box .side-title { width: 100%; display: inline-block; text-align: center; }
.blog-listing .side-box .side-title h3 { width: 100%; display: inline-block; margin: 0; background: #afcb37; font-size: 20px; font-weight: bold; line-height: 22px; font-style: normal; color: #ffffff; font-family: Open Sans, sans-serif; padding: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; text-transform: uppercase; }



.blog-listing .form-wrap { width: 100%; display: inline-block; position: relative; z-index: 1; }
.blog-listing .form-wrap:after { background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Greenland_2025/Images/green-plus.png); background-position: center; background-repeat: no-repeat; background-size: contain; top: 98px; content: ""; height: 48px; left: 0; position: absolute; width: 48px; z-index: 1; }
.blog-listing .form-wrap .heading { max-width: 100%; margin: 0 auto; text-align: center; }
.blog-listing .form-wrap .heading h2 span { color: #afcb37; }
.blog-listing .form-wrap .main-form { position: relative; width: 100%; display: block; margin: 0 auto; max-width: 942px; }
.blog-listing .form-wrap .main-form h3 { display: none; }
.blog-listing .form-wrap .main-form form  fieldset.form-columns-2 { display: flex; gap: 46px; }
.blog-listing .form-wrap .main-form form .hs_submit.hs-submit { text-align: center; }
.blog-listing .form-wrap .main-form form label { font-weight: 900; font-size: 20px; }
.blog-listing .form-wrap .main-form form label .hs-form-required { color: #ffffff; }
.blog-listing .form-wrap form input[type=submit], .blog-listing .form-wrap .main-form form .hs-button { background-color: #fff; color: #1f3941; font-size: 20px; font-style: normal; font-weight: 700; padding: 10px 42px 10px; text-decoration: none; text-transform: none }
.blog-listing .form-wrap .main-form form textarea { width: 100% !important; height: 200px; border-radius: 23px; }
.blog-listing .form-wrap .main-form form .inputs-list>li { margin: 0; }
.blog-listing .form-wrap .main-form form .hs-error-msg { color: #ffffff; margin: 0; font-weight: 400; font-size: 16px; }
.blog-listing .form-wrap .main-form form ul.no-list.hs-error-msgs.inputs-list label { font-weight: 400; font-size: 18px; }

@media (max-width:1640px) {
  .blog-listing:after { width: calc(100% - 80px); height: calc(100% - 500px); }
  .blog-listing .circle:after { height: 220px; width: 280px; left: -160px; }
  .blog-listing:before { height: 220px; position: absolute; right: -100px; top: 100px; width: 220px; }
}

@media (max-width:1440px) {
  .blog-listing .blog-row { gap: 80px; }
  .blog-listing .listing-wrap { width: calc(70% - 40px); }
  .blog-listing .listing-sidebar { width: calc(30% - 40px); }
  .blog-listing:after { width: calc(100% - 30px); height: calc(100% - 420px); top: 100px; bottom: 150px; }
  .blog-listing .form-wrap:after { top: 38px; }
  .blog-listing .circle:before { display: none; }
  .blog-listing .circle:after { display: none; }
  .blog-listing .dots:before { left: 60px; height: 50px; width: 80px; }
  .blog-listing .dots:after { right: 60px; height: 50px; width: 80px; bottom: 300px; }
  .blog-listing .plus:before { right: 60px; }
  .blog-listing:before { display: none; }
  .blog-listing { padding: 250px 0 60px 0; }
}

@media (max-width: 1199px) {
  .blog-listing .dots:after { display: none; }
  .blog-listing { padding: 180px 0 60px 0; }
  .blog-listing .dots:before { top: 85px; }
  .blog-listing .plus:before { top: 50px; }
  .blog-listing .blog-row { gap: 30px; }
  .blog-listing .blog-post { margin: 0 0 32px; }
  .blog-listing .listing-wrap { width: calc(70% - 16px); }
  .blog-listing .listing-sidebar { width: calc(30% - 16px); }
}

@media (max-width:991px) {
  .blog-listing { padding: 120px 0 60px 0; }
  .blog-listing:after { width: 100%; height: calc(100% - 80px); top: 50px; bottom: 0; }
  .blog-listing .dots:before { top: 35px; }
  .blog-listing .plus:before { top: 30px; }
  .blog-listing .blog-row { flex-wrap: wrap; }
  .blog-listing .listing-wrap { width: 100%; }
  .blog-listing .listing-sidebar { width: 100%; }
  .blog-listing .form-wrap { padding: 40px 0 0 0; }
  .blog-listing .form-wrap .main-form form { padding: 36px 36px; }
}

@media (max-width: 767px) {
  .blog-listing .form-wrap .main-form form fieldset.form-columns-2 { flex-direction: column; gap: 0; }
  .blog-listing .form-wrap .main-form form .hs-form-field { width: 100% !important; }
  .blog-listing .form-wrap .main-form form { padding: 30px 15px;   }
  .blog-listing .form-wrap form input[type=email],
  .blog-listing .form-wrap form input[type=file],
  .blog-listing .form-wrap form input[type=number],
  .blog-listing .form-wrap form input[type=password],
  .blog-listing .form-wrap form input[type=search],
  .blog-listing .form-wrap form input[type=tel],
  .blog-listing .form-wrap form input[type=text],
  .blog-listing .form-wrap form select, form textarea { width: 100% !important; }

  .blog-listing .form-wrap:after { display: none; }
  .blog-listing .side-box .social-media ul li { width: auto; }
  .blog-listing .side-box .social-media ul li + li { margin: 0 5px; }
  .blog-listing .side-box .social-media ul { text-align: center; }
  .blog-listing .recent-post { padding: 30px 15px 0 15px; }
  .blog-listing .tag-list ul li { padding: 0 15px; }
  .blog-listing .blog-post .inner-post { flex-wrap: wrap; }
  .blog-listing .blog-post .post-image { width: 100%; }
  .blog-listing .blog-post .post-caption { width: 100%; padding: 16px; border-radius: 12px; }
  .blog-listing .blog-post .post-title .date { font-size: 18px; line-height: 20px; padding: 10px; }
  .blog-listing .blog-post .post-image img { border-bottom-left-radius: 0; border-top-right-radius: 12px; }
}