@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;700&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

:root {
  --color-primary: #54595f;
  --color-footer-background: #dfdfdf;
  --color-text: #808080;
  --color-border: #796060;
  --color-border-box: #ebdbdb;
}

body {
  font-family: "Host Grotesk", sans-serif;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}

ul,
li,
p {
  list-style: none;
  padding: 0;
  margin: 0;
}

figure {
  margin: 0;
}

h1 {
  font-size: 40px;
  font-weight: 600;
  color: #1f2347;
}

h2 {
  font-size: 36px;
  font-weight: 600;
  color: #1f2347;
}

button {
  border: none;
  outline: none;
}

.section-title {
  font-size: 36px;
  color: #1f2347;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 45px;
}

/* Content Wrapper START*/

.content-wrapper {
  margin-bottom: 50px;
  padding: 40px 15px;
  border-radius: 10px;
}

.content-wrapper p {
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: #1f2347;
  font-size: 16px;
}

.content-wrapper img {
  max-width: 100%;
  width: auto;
  height: 100%;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.content-wrapper-title {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 10px;
}

.content-wrapper ul {
  padding: 0 20px 20px 20px;
}

.content-wrapper li {
  padding-bottom: 5px;
  color: #000;
  font-weight: 300;
  position: relative;
  margin-left: 20px;
  padding-bottom: 5px;
  color: var(--color-content-wrapper);
}

.content-wrapper li:not(.contact-page .content-wrapper li):before {
  content: "✔";
  color: red;
  font-size: 18px;
  margin-inline: 10px;
}

.content-wrapper h1 {
  font-size: 40px;
  color: #1f2347;
}

.content-wrapper h2 {
  font-size: 36px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #1f2347;
  line-height: 1.2;
}

.content-wrapper h3 {
  font-size: 28px;
  color: #1f2347;
  font-weight: 600;
}

.content-wrapper .button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 10px 16px;
  font-size: 18px;
  transition: all 0.3s ease;
}

.content-wrapper .button:hover {
  background-color: #000;
  color: #fff;
}

.content-wrapper .button i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.content-wrapper .button:hover i {
  transform: translateX(5px);
}

/* Content Wrapper END*/

/* HEADER START */
.header-logo {
  max-width: 100%;
  width: 75px;
  object-fit: cover;
  background-color: transparent;
}

header {
  z-index: 100;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

header.sticky {
  position: fixed;
  background-color: #1f2347;
  padding: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.header-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.menu-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.menu-list a {
  font-size: 18px;
  line-height: 1;
  color: #fff;
  transition: all 0.4s;
  padding: 8px;
  border-radius: 4px;
}

.menu-list a:hover {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #89898933;
}

.buttons-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.header-button-right {
  background-color: #fff;
  color: #000;
  font-size: 18px;
  padding: 12px 16px;
  border-radius: 4px;
  line-height: 1;
  min-height: 48px;
  display: inline-flex;
}

/* FORM SEARCH INPUT */
.search-form input {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #89898933;
  min-height: 46px;
  min-width: 300px;
  padding: 16px;
  margin-bottom: 0;
  border: none;
  outline: none;
  border-radius: 5px;
}

/* Placeholder rengi */
.search-form input::placeholder {
  color: #fff9;
  font-size: 18px;
}

.search-button-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.search-form input {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #89898933;
  min-height: 46px;
  min-width: 300px;
  padding: 14px;
  margin-bottom: 0;
  border: none;
  outline: none;
  border-radius: 5px;
}

.search-icon {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 16px;
  color: #fff;
}

.search-form input::placeholder {
  color: #fff9;
  font-size: 18px;
}

.header-button-right {
  background-color: #fff;
  color: #000;
  font-size: 18px;
  padding: 12px 16px;
  border-radius: 4px;
  line-height: 1;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  gap: 8px;
}

.header-button-right i {
  font-size: 10px;
}

.header-button-right:hover {
  background-color: #000;
  color: #fff;
}

.header-button-right i {
  margin-left: 5px;
  font-size: 10px;
  transition: transform 0.3s ease-in-out;
  margin-bottom: -5px;
}

.header-button-right:hover i {
  transform: translateX(5px);
}

.header-mobile {
  display: none;
}

@media (max-width: 992px) {
  .header-mobile {
    display: block;
  }

  .desktop-header,
  .hero-slider {
    display: none;
  }
}

@media (max-width: 820px) {
  .buttons-wrapper {
    display: flex;
    justify-content: center;
  }

  .footer-left {
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
  }

  .menu-list {
    justify-content: center;
  }
}

/* Header Mobile */
.header-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 20px 0;
  background: url("path-to-your-background-image.jpg") no-repeat center center;
  background-size: cover;
}

.header-mobile .row {
  display: flex;
  justify-content: space-between;
}

.header-mobile .mobile-logo {
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.header-mobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  padding: 15px 29px;
  /* background: rgba(0, 0, 0, 0.6); */
}

.btn-block {
  width: 200px;
  padding: 30px;
}
.openbtn {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.openbtn span {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: 13px;
  height: 2px;
  width: 50%;
  transition: all 0.4s;
}

.openbtn span:nth-of-type(1) {
  top: 12px;
}

.openbtn span:nth-of-type(2) {
  top: 22px;
}

.openbtn span:nth-of-type(3) {
  top: 32px;
}

.openbtn.active span:nth-of-type(1) {
  top: 22px;
  transform: rotate(45deg);
  width: 60%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 22px;
  transform: rotate(-45deg);
  width: 60%;
}

/* HEADER END */
/* Hamburger Butonu */

/* Modal */
.header-modal {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  color: white;
  z-index: 1000;
  transition: left 0.5s ease;
}

.header-modal.active {
  left: 0;
}

/* İçerik */
.modal-content {
  padding: 30px;
  background: rgb(0, 0, 0, 0);
}

.menu-list {
  list-style: none;
  padding: 0;
  margin: 100px 0 0;
}

.menu-list li {
  margin: 15px 0;
  padding: 10px 0;
}

/* HERO SLIDER START */
.hero-slider {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-image {
  width: 100%;
  height: 100vh;
  position: relative;
  padding: 0;
  top: 0;
  left: 0;
}

.hero-image img {
  width: 100%;
  height: 100vh;
  min-height: 50vh;
  object-fit: cover;
  padding: 0;
  margin: 0;
}

.hero-image .overlay {
  position: absolute;
  top: 0;
  min-height: 85vh;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.7);
}

.header-top-block {
  position: absolute;
  top: 58%;
  left: 51%;
  transform: translateX(-44%);
  color: #fff;
  width: 100%;
  z-index: 2;
}

.hero-top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: -217px;
  flex-wrap: wrap;
}

.buttons-list a {
  color: white;
  background-color: #89898933;
  margin: 10px;
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
}

.date {
  color: white;
  font-size: 16px;
}

.hero-title {
  font-size: 40px;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 110px;
  margin-top: 10px;
}

.hero-bottom .desc {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  width: 35%;
  margin-bottom: 20px;
}

.hero-btn {
  margin-top: 30px;
}

.hero-btn a {
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  min-height: 48px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  transition: color 0.4s, border-color 0.4s, background-color 0.4s;
  top: 22px;
  position: relative;
}

.hero-btn a:hover {
  background-color: #000;
  color: #fff;
}

.hero-btn a i {
  margin-left: 5px;
  font-size: 10px;
  transition: transform 0.3s ease-in-out;
  margin-bottom: -5px;
}

.hero-btn a:hover i {
  transform: translateX(5px);
}

.hero-btns {
  position: absolute;
  bottom: 100px;
  right: 40px;
  display: flex;
  gap: 10px;
  z-index: 3;
}

.right-arrow,
.left-arrow {
  background-color: #89898933;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  font-size: 8px;
  transition: all 0.3s ease;
}

.right-arrow:hover,
.left-arrow:hover {
  opacity: 0.6;
}

.hero-row {
  padding-inline: 0;
}

.hero-bottom .person {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hero-bottom .person img {
  width: 40px;
  height: 40px;
  background-color: #dcc1a7;
  border-radius: 50%;
  overflow: clip;
  padding: 4px;
}

@media (max-width: 1024px) {
  .hero-btns {
    bottom: 103px;
  }

  .hero-bottom .desc {
    width: 68%;
    margin-top: 11px;
    margin-bottom: 30px;
  }
}

@media (max-width: 820px) {
  .hero-bottom .desc {
    width: 95%;
    margin-top: 11px;
    margin-bottom: 30px;
    padding: 10px 0;
  }

  .hero-title {
    margin-bottom: 10px;
    width: 80%;
    font-size: 50px;
  }

  .hero-image img {
    min-height: 650px;
  }

  .hero-image .overlay {
    min-height: auto;
    height: 100%;
  }

  .header-top-block {
    left: 47%;
  }
}

@media (max-width: 576px) {
  .hero-btns {
    bottom: 18px;
    left: 38%;
  }

  .header-top-block {
    left: 47%;
    top: 23%;
  }

  .hero-title {
    margin-bottom: 0;
    width: 80%;
    font-size: 50px;
    line-height: 1.1;
  }

  .hero-image img {
    min-height: 750px;
  }

  .hero-image .overlay {
    /* min-height: 780px; */
    height: 100%;
  }

  .hero-top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: -125px;
    flex-wrap: wrap;
  }
}

/* HERO-SLIDER END */

.desktop-header {
  width: 100%;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  padding: 0;
  transition: background-color 0.2s ease-in-out, padding 0.2s ease-in-out;
}

.desktop-header.sticky {
  background-color: #1f2347;
  padding: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.desktop-header-sticky {
  position: sticky;
  top: 0;
  padding: 10px 0;
  background-color: #1f2347;
}

@media (max-width: 1200px) {
  .desktop-header {
    padding: 15px 0;
  }

  .desktop-header.sticky {
    position: sticky;
    top: 0;
    background-color: #1f2347;
    /* padding: 30px 0; */
  }
}

/* NEWS SECTION START */

.news-section {
  margin-top: 100px;
}

.category-list {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.category-list li {
  margin-bottom: 40px;
}

.category-list a {
  padding: 12px 16px;
  background-color: #f3f3f3;
  border-radius: 5px;
}

/* NEWS SECTION END */

/* BLOG CARD START */
.news-section .row:last-child > div {
  margin-bottom: 50px;
}

.blog-card {
  position: relative;
}

.blog-wrapper .image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.button-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  gap: 16px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px;
}

.button-wrapper .button {
  padding: 4px 8px;
  background-color: #89898933;
  backdrop-filter: blur(8px);
  color: #fff;
  border-radius: 4px;
  z-index: 2;
}

.blog-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  height: 230px;
}

.blog-wrapper .image-container {
  position: relative;
  display: inline-block;
  transition: all 0.5s ease;
  /* height: 200px; */
}

.blog-wrapper .image-container .image {
  width: 100%;
  height: auto;
  display: block;
}

.blog-wrapper .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.5s ease;
  height: 300px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Hover durumu */
.blog-card:hover .image-container {
  transform: scale(1.2);
  overflow: hidden;
}

.blog-card:hover .image-container::after {
  background: rgba(0, 0, 0, 0.5);
}

.blog-card .date {
  color: #1f2347;
  font-size: 14px;
  margin-block: 8px;
  opacity: 0.6;
}

.blog-card .title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  color: #1f2347;
  margin-bottom: 8px;
}

.blog-card .blog-desc {
  color: #1f2347;
  font-size: 16px;
  margin: 8px 0 30px;
  opacity: 0.6;
  font-weight: 400;
}

.image-wrapper {
  width: 40px;
  height: 40px;
  background-color: #dcc1a7;
  border-radius: 50%;
  overflow: clip;
  padding: 4px;
}

.image-wrapper img {
  width: 100%;
}

.blog-inline-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-inline-wrapper .person {
  color: #1f2347;
}

.cta-background {
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: all 0.3s ease-out;
}

.cta-background {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.image-cover {
  width: 100%;
  height: 600px;
  transform: scale(1);
  transition: transform 0.3s ease-out;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .blog-wrapper .image-container .image {
    height: 100%;
  }

  .blog-wrapper .image-container::after {
    height: 100%;
  }
}

/* CTA SECTION START */
.cta-section {
  position: relative;
}

.cta-box {
  position: absolute;
  top: 38%;
  text-align: center;
  left: 0%;
}

.cta-box .title {
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 25px;
}

.cta-box .desc {
  color: gainsboro;
  font-size: 18px;
  margin-bottom: 32px;
}

.cta-button {
  background-color: #000;
  color: #fff;
  padding: 14px 19px;
  border-radius: 4px;
  display: inline-block;
  align-items: center;
  transition: all 0.3s ease;
  font-size: 18px;
  line-height: 1;
}

.cta-button i {
  font-size: 10px;
  transition: transform 0.3s ease-in-out;
  margin-bottom: 5px;
}

.cta-button:hover {
  background-color: #fff;
  color: #000;
}

.cta-button:hover i {
  transform: translateX(5px);
}
/* CTA SECTION END */

/* FOOTER START */
footer {
  background-color: #1f2347;
}

.footer-left {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
}

.footer-left span {
  opacity: 0.6;
}

.footer-top .row {
  border-bottom: 1px solid #525252;
  padding-block: 100px;
  margin-bottom: 50px;
}

.footer-search {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* width: 100%; */
}

.footer-search div {
  color: #fff;
  padding: 5px;
  font-size: 16px;
}

.footer-search span {
  color: #fff;
  padding: 5px;
  opacity: 0.6;
  font-size: 14px;
}

.footer-logo {
  max-width: 100%;
  width: 120px;
}

.footer-center .row {
  border-bottom: 1px solid #525252;
  display: flex;
  align-items: center;
  padding-bottom: 50px;
}

.footer-bottom {
  padding-block: 80px;
}

.fb-left {
  font-size: 14px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  color: #fff;
  opacity: 0.6;
}

.social-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}

.social-list a {
  opacity: 0.6;
  background-color: #89898966;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 48px;
  height: 52px;
  min-height: 48px;
  transition: opacity 0.2s;
  display: flex;
  border-radius: 50%;
}

.social-list a:hover {
  opacity: 1;
}

.footer-top .buttons-wrapper {
  padding-left: 10px;
}

@media (max-width: 820px) {
  .fb-left {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .social-list {
    display: flex;
    justify-content: center;
    margin-top: 25px;
  }
}
/* FOOTER END */

/* BREADCRUMB START */

.breadcrumb {
  background-color: #0e0e0e;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
}

.links-wrapper .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 120px 0 30px 0;
  font-weight: 600;
  color: #fff;
}

.links-wrapper .text {
  text-align: center;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  opacity: 0.6;
  font-size: 18px;
}
/* BREADCRUMB END */

/* CONTACT START */
.contact-page {
  display: flex;
  align-items: center;
}

.contact-page .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 150px;
}

.contact-page .left span {
  color: #fff;
  opacity: 0.6;
  margin: 20px 0 30px 0;
}

.contact-form {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
}

.contact-form .title {
  color: #1f2347;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 35px;
}

.contact-form .column {
  display: flex;
  flex-direction: column;
}

.contact-form label {
  color: #1f2347;
  padding-bottom: 5px;
  display: block;
}

.contact-form input,
.contact-form textarea {
  background-color: #89898933;
  border: none;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.form-btn {
  background-color: #000;
  color: #fff;
  margin-top: 30px;
  padding: 12px 16px;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s ease;
}

.form-btn:hover {
  background-color: #f8f3ed;
  color: #000;
}
/* CONTACT END */

/* ARTICLES PAGE START */
.articles-page .category-list {
  margin-top: 50px;
}

.articles-page .title:first-child {
  margin-top: 50px;
}

.articles-page .row > div {
  margin-bottom: 80px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  font-size: 18px;
}

.page-info {
  font-weight: bold;
}

.pagination-chevron {
  font-size: 12px;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

@media (max-width: 820px) {
  .category-list {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 60px 0 30px 0;
    flex-wrap: wrap;
  }

  .news-section {
    margin-top: 60px;
  }
}
/* ARTICLES PAGE END */

/* SINGLE ARTICLE START */
.single-article {
  position: relative;
}

.single-article .header-top-block {
  position: absolute;
  top: 75%;
  left: 48%;
  transform: translateX(-43%);
  color: #fff;
  z-index: 2;
}

.single-article .hero-bottom .desc {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 10px 250px 10px 0;
  margin-top: 5px;
  margin-bottom: 20px;
  opacity: 0.8;
}

.single-article .hero-image {
  height: 900px;
}

.single-article-wrapper h3 {
  margin-bottom: 20px;
}

.article-sticky {
  position: sticky;
  top: 100px;
  z-index: 10;
}

.post-aside {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: 4px;
  background-color: #f8f3ed;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.divider {
  background-color: var(--color--border);
  width: 100%;
  height: 1px;
}

.aside-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
}

.post-hero-image {
  opacity: 0.6;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.post-hero-background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.post-hero-overlay {
  background-image: linear-gradient(0deg, #0e0e0ecc, #0e0e0e00);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.post-aside {
  margin-top: 50px;
}

.aside-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid lightgray;
  padding-bottom: 50px;
}

.text-style-muted {
  opacity: 0.6;
  font-weight: 600;
}

.aside-social {
  border-bottom: 1px solid lightgray;
  padding-bottom: 50px;
}

.aside-social .social-list {
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
}

.aside-social .social-list li a {
  background-color: #0e0e0e;
  font-size: 18px;
}

.aside-person {
  border-bottom: 1px solid lightgray;
  padding-bottom: 50px;
}

.detail-button {
  background-color: #000;
  color: #fff;
  padding: 12px 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
  transition: all .3s ease;
}

.aside-form input {
  margin-top: 20px;
  color: #1f2347;
  width: 100%;
}

.aside-form .footer-search input::placeholder {
  color: #fff9;
  font-size: 18px;
}

.expand-post-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.expand-post-item {
  opacity: 0.6;
  flex-basis: 33.3333%;
  transition: opacity 0.4s, flex 0.6s;
}

.expand-post-item:first-child {
  opacity: 1;
  flex-basis: 50%;
}

.expand-post-item:hover {
  opacity: 1;
  flex-basis: 66.6667%;
}

.expand-post-card {
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 500px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}

.expand-background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.expand-overlay {
  background-image: linear-gradient(#0e0e0e00, #090909cc);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  z-index: 9;
}

.post-content-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 0.5fr;
  align-items: start;
}

.post-aside {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: 4px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.similar-articles {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='1440' height='939' viewBox='0 0 1440 939' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4241_2341)'%3E%3Cg opacity='0.1' clip-path='url(%23clip1_4241_2341)'%3E%3Cpath d='M-14.1731 186.705C4.26607 209.694 15.2085 240.059 39.5272 255.974C79.0121 281.823 132.588 273.798 176.192 276.341C277.053 282.236 427.297 323.969 474.502 441.605C514.935 542.366 388.927 670.515 383.471 775.747C381.375 816.129 387.277 850.644 391.792 890.045C393.532 905.207 393.75 924.98 398.299 939.498C403.402 955.798 423.124 962.57 436.249 963.788C440.981 964.227 445.834 964.062 450.581 964.141C452.782 964.177 457.627 966.728 457.185 964.227C448.481 914.708 419.752 873.704 418.672 821.326C417.019 741.098 459.994 686.394 488.145 618.515C529.387 519.063 499.747 431.88 629.212 419.921C786.641 405.38 779.846 565.87 918.187 586.908C1004.31 600.004 1070.15 548.013 1145.5 508.546C1176.38 492.367 1210.43 482.164 1243.82 476.204C1284.54 468.936 1325.79 466.319 1366.96 466.88C1387.29 467.158 1427.67 480.156 1444.75 478.222C1456.16 476.926 1467.64 447.282 1468.29 435.793C1468.34 434.88 1463.35 433.767 1462.51 433.658C1445.66 431.463 1428.43 434.245 1411.57 435.258C1410.26 435.336 1408.95 435.414 1407.64 435.467C1382.13 436.427 1356.55 429.007 1331.36 425.138C1285.76 418.13 1235.01 414.517 1190.41 429.685C1119.03 453.955 975.604 551.518 903.004 521.593C848.674 499.201 815.254 439.718 765.109 409.931C731.809 390.156 673.024 398.328 652.62 359.938C607.946 275.884 845.557 258.626 863.017 255.053C958.234 235.564 997.41 227.213 1061.16 139.538C1083.43 108.903 1098.59 72.6648 1121.91 42.4951C1141.26 17.4768 1167.04 3.72218 1192.69 -10.615C1204.59 -17.2749 1216.8 -22.6481 1228.96 -28.5951C1229.56 -28.8907 1234.3 -31.3686 1234.06 -32.0294C1232.36 -36.8591 1215.25 -39.1545 1213.05 -39.5718C1140.02 -53.3351 1110.85 -5.81126 1064.33 50.5244C1028.08 94.4226 999.866 156.505 952.417 186.332C906.225 215.371 849.787 204.986 799.762 209.785C751.196 214.445 694.815 230.408 650.246 254.287C585.296 289.091 612.675 382.552 546.124 396.263C471.307 411.679 462.349 355.839 417.416 310.323C404.966 297.708 389.812 288.996 374.563 281.923C361.777 275.993 348.548 270.976 334.825 268.903C311.316 265.351 221.548 269.185 222.389 230.752C223.636 173.79 285.597 155.479 320.799 135.139C347.252 119.858 371.33 99.0699 391.826 74.3994C415.954 45.3512 445.86 -3.29854 431.22 -45.8187C431.059 -46.2795 428.977 -55.4217 426.27 -55.5304C370.489 -57.7736 411.004 -3.65934 369.35 39.339C337.81 71.8954 294.671 87.0715 259.316 113.45C242.986 125.636 222.891 140.677 212.176 160.161C203.8 175.39 202.661 192.196 188.734 203.047C151.426 232.117 35.5091 217.036 4.6954 179.846C-3.75747 169.643 -8.34713 157.51 -12.576 144.446' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M353.428 -20.2786C361.762 57.7931 278.176 71.0435 232.389 98.0962C217.339 106.991 194.196 120.267 184.94 137.647C177.614 151.402 176.397 178.085 162.968 186.675C128.73 208.585 10.0372 202.716 -9.88206 155.097C-30.8385 104.995 55.0473 162.705 57.6993 163.631C70.9203 168.234 87.1829 170.825 100.509 166.748C126.568 158.775 132.519 112.294 147.283 91.9362C185.872 38.7349 259.293 46.2903 281.314 -27.3733' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M264.153 -41.5889C253.43 -20.7353 244.645 -0.00332566 227.752 15.3076C198.46 41.8604 154.022 35.5265 125.653 65.9788C108.514 84.3719 107.835 120.858 82.9121 130.526C79.8993 131.696 3.31872 119.393 -2.71878 110.973C-6.61162 105.539 -7.01298 100.904 -7.05296 93.8532C-7.33083 45.3165 50.5687 86.8803 71.2826 88.5757C73.9691 88.7974 76.9012 89.6755 79.3612 88.4018C98.6951 78.4032 95.6366 47.0728 115.829 37.3219C136.148 27.5059 155.074 22.5327 162.175 -4.41572C162.474 -5.55035 158.23 -49.2052 157.563 -50.405' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M146.345 -29.4817C139.251 -9.68884 130.744 17.2162 125.61 21.7764C112.218 33.6661 96.381 30.962 81.9806 38.7653C68.8362 45.8904 62.2887 61.1101 48.1129 65.5355C39.3582 68.2699 29.1233 62.8533 20.7686 60.4058C1.97289 54.9022 -18.33 54.1241 -17.4014 23.8413C-17.2725 19.6376 -16.7771 7.54356 -11.9185 7.24795C6.85961 6.10028 20.9724 27.2365 39.9424 21.246C49.506 18.2247 55.8462 7.62179 64.9463 4.62221C75.7658 1.05748 85.9193 2.71378 95.8785 -4.50696' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M441.39 -12.6707C437.002 91.0106 377.355 127.662 302.496 160.384C283.321 168.765 216.831 186.784 231.927 226.114C244.063 257.735 359.195 238.642 390.99 254.001C443.959 279.589 441.787 375.341 520.181 371.48C571.792 368.937 592.612 303.911 621.045 263.765C633.431 246.28 651.236 232.708 667.987 221.679C729.251 181.341 800.614 187.223 868.114 180.468C892.26 178.051 916.504 169.521 939.63 161.523C953.212 156.828 968.175 152.115 979.706 142.086C1007.71 117.737 1027.02 81.4771 1046.54 48.5382C1060.3 25.3067 1070.08 -1.7244 1087.2 -22.0042C1088.59 -23.6474 1102.12 -34.1677 1101.88 -38.5062C1100.8 -57.9383 1025.58 -35.4415 1014.46 -30.0466C960.041 -3.65022 958.061 57.037 917.464 99.4311C846.191 173.856 725.887 129.723 640.106 188.145C599.572 215.754 581.55 300.521 522.78 290.752C478.522 283.388 518.61 202.052 490.166 187.31C457.616 170.443 414.514 187.545 381.915 196.326C354.452 203.725 326.659 216.402 298.246 217.341C293.937 217.484 286.352 213.82 287.694 207.738C292.554 185.724 354.698 176.116 370.913 171.099C439.192 149.968 525.521 84.0376 494.141 -13.814' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M517.534 -11.1495C518.764 22.6415 525.037 64.7791 511.646 96.7312C505.331 111.803 496.196 122.049 483.296 128.905C479.824 130.748 471.727 131.592 473.389 135.574C481.999 156.184 512.925 134.878 523.2 154.414C531.079 169.399 528.052 222.014 533.914 224.074C579.562 240.142 612.165 139.569 657.544 112.225C721.189 73.8691 811.556 154.236 860.179 96.7964C879.622 73.8213 893.745 40.3737 908.351 13.5123C917.381 -3.09847 939.776 -44.4449 939.27 -45.3578C935.509 -52.1264 921.236 -52.0438 915.33 -51.9178C849.322 -50.5266 882.934 10.2432 824.066 43.8863C761.467 79.664 695.482 -6.68051 659.186 7.75661C628.747 19.868 623.715 91.5101 590.415 117.733C582.502 123.962 573 126.449 563.471 125.075C540.679 121.793 545.872 104.282 546.161 83.2113C546.262 75.8341 544.279 66.9875 546.634 59.8667C558.896 22.7501 602.49 0.392348 622.271 -30.0469' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M639.634 -5.05901C617.374 4.61356 554.426 53.3503 562.556 88.2498C563.591 92.6839 567.72 95.2488 571.432 95.1836C610.069 94.5185 624.596 -0.363994 659.426 -17.279C718.965 -46.1968 752.985 35.1876 786.825 27.4191C815.932 20.733 824.171 -17.6399 850.841 -30.1642' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1275.06 -12.6709C1157.96 -7.21952 1118.41 135.222 1041.31 214.124C964.384 292.847 859.327 277.463 765.54 292.447C753.199 294.421 686.876 307.902 696.9 332.029C712.699 370.05 778.35 346.175 807.42 359.721C824.775 367.811 831.472 386.4 842.085 402.984C858.491 428.616 882.96 441.783 909.236 448.626C1004.66 473.479 1057.38 414.439 1132.81 361.838C1149.17 350.422 1168.05 336.68 1187.41 333.429C1260.7 321.122 1320.49 386.221 1389.54 401.006C1401 403.458 1451.46 404.775 1452.5 401.428C1454.17 396.059 1460.87 355.721 1458.25 352.448C1453.2 346.127 1436.51 354.178 1430.55 356.213C1395.71 368.115 1352.64 368.898 1318.72 352.83C1271.3 330.364 1221.3 286.318 1167.3 294.26C1083.58 306.58 1029.25 407.353 941.531 407.318C900.206 407.301 900.529 376.258 869.235 363.32C854.044 357.043 793.676 357.095 788.002 341.797C779.475 318.809 842.122 324.095 845.771 324.291C909.911 327.716 983.94 325.13 1042.78 291.682C1094.76 262.139 1106.82 198.343 1140.85 149.541C1212.33 47.0382 1262.76 9.19553 1381.46 -3.39837' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1458.71 30.5447L1458.85 -11.1495C1365.22 19.3898 1253.71 42.3344 1181.6 125.61C1145.99 166.73 1125.54 242.215 1092.75 272.272C1045.44 315.649 991.297 320.761 934.635 336.381C926.055 338.745 884.111 344.401 897.93 365.929C913.669 390.451 952.886 371.71 970.654 361.877C1038.9 324.104 1105.48 289.896 1178.49 266.234C1211.94 255.392 1241.74 245.554 1275.45 259.426C1296.7 268.168 1325.19 293.986 1343.34 308.541C1378.36 336.628 1420.15 311.836 1457.73 305.146L1457.9 257.165C1421.72 269.42 1376.88 283.166 1356.32 272.733C1332.15 260.469 1364.53 208.924 1301.36 203.534C1277.21 201.469 1192.5 220.51 1187.18 185.419C1180.98 144.507 1222.77 122.241 1249.08 110.199C1316.56 79.3206 1386.52 44.3298 1458.71 30.5447Z' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1450.98 75.6036C1434.21 79.8247 1243.88 126.331 1255.86 161.683C1269.72 202.612 1332.66 170.96 1358.14 179.728C1398.51 193.622 1357.59 250.301 1399.79 249.945C1410.52 249.858 1421.34 247.097 1431.73 244.263C1440.1 241.976 1458.56 240.429 1464.82 231.617C1499.86 182.258 1412.69 214.867 1409.4 211.002C1398.91 198.7 1422.67 175.129 1420.69 160.779C1418.16 142.533 1398.88 145.563 1388.19 140.103C1387.53 139.764 1387.34 138.817 1387.51 137.973C1391.81 116.389 1411.14 111.481 1427.69 108.299C1439.6 106.008 1444.97 106.586 1456.44 104.417' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1450.98 512.402C1325.53 486.243 1183.69 499.854 1067.24 561.98C1039.79 576.624 979.748 610.042 969.263 641.96C957.735 677.043 979.2 690.458 987.656 720.986C996.863 754.224 999.146 789.64 987.716 822.475C968.824 876.748 928.47 904.001 891.743 940.216C890.828 941.116 872.989 956.681 873.105 956.998C873.975 959.4 885.994 960.946 887.996 961.284C939.724 969.996 987.199 902.38 1005.98 853.212C1016.95 824.512 1020.33 793.153 1017.69 761.942C1015.06 730.865 984.034 680.581 1005.29 652.569C1060.8 579.403 1313.09 525.844 1387.65 560.778C1414.67 573.434 1429.84 600.826 1445.03 627.967' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M998.044 973.551C1019.95 908.853 1116.18 874.088 1117.77 801.53C1119.05 743.032 977.115 737.447 1048.54 666.774C1088.16 627.567 1288.24 570.466 1342.42 591.968C1374 604.5 1396.39 630.721 1418.15 658.599C1435.31 680.584 1451.56 705.289 1448.79 736.134C1448.46 739.789 1446.35 765.578 1442.92 766.611C1438.96 767.805 1387.8 698.31 1373.4 685.966C1324.8 644.32 1275.31 643.694 1218.3 657.972C1205.31 661.223 1192.59 665.617 1179.91 670.16C1166.49 674.963 1154.53 681.192 1142.67 689.887C1086.79 730.851 1246.42 746.019 1210.14 808.21C1191.42 840.292 1064.52 922.262 1067.47 947.757C1069.77 967.487 1091.91 966.396 1113.09 960.594' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1113.09 960.593C1130.25 955.893 1146.78 948.102 1151.62 945.781C1181.7 931.371 1256.83 850.545 1275.66 820.347C1314.5 758.085 1192.73 748.271 1218.65 713.926C1227.1 702.722 1239.66 696.041 1251.94 692.742C1270.51 687.756 1296.08 683.593 1314.61 689.313C1345.5 698.845 1388.45 750.536 1404.07 783.404C1411.99 800.053 1415.38 818.595 1419.01 836.93C1422.71 855.595 1443.82 953.564 1434.8 957.993C1429.72 960.489 1389.53 977.554 1382.71 971.719C1377.43 967.201 1373.86 958.851 1372.9 951.438C1371.05 937.235 1375.6 922.336 1376.3 908.058C1377.91 874.962 1376.67 837.728 1369.18 805.67C1362.01 774.935 1344.15 750.566 1316.74 744.422C1314.73 743.974 1309.38 741.592 1308.21 743.468C1294.12 765.921 1351.16 825.133 1302.81 879.47C1282.62 902.16 1251.88 917.679 1237.25 945.744' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1273.74 961.375C1303.44 935.324 1321.75 912.897 1330.92 870.809C1333.9 857.134 1335.78 839.602 1344.76 829.005C1346.84 826.543 1350.43 834.511 1350.76 835.44C1354.54 846.133 1350.12 863.86 1347.25 875.2C1339.63 905.324 1331.08 941.215 1314.7 966.548' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M524.1 955.288C509.479 935.612 499.099 913.023 487.001 891.254C443.047 812.159 431.73 765.656 489.574 697.573C504.165 680.398 523.954 662.415 530.985 638.75C549.776 575.53 518.254 532.196 575.501 486.312C590.91 473.962 610.856 467.032 629.287 464.754C732.667 451.978 738.589 546.354 816.904 584.154C865.192 607.461 921.379 583.6 956.051 640.614C974.464 670.891 961.301 699.543 962.449 731.612C963.127 750.552 970.86 767.074 969.172 786.416C967.954 800.342 962.377 813.607 956.092 825.367C936.637 861.766 901.571 885.39 873.735 911.814C842.636 941.335 815.569 1005.21 772.564 956.264C756.251 937.699 799.991 893.992 810.24 882.082C830.921 858.037 890.685 820.026 895.766 781.244C897.746 766.16 889.387 752.333 890.329 737.592C891.229 723.459 903.259 706.125 900.847 691.923C891.915 639.352 820.432 656.417 788.512 642.902C761.081 631.288 753.394 603.361 733.23 581.915C696.547 542.9 641.077 502.532 588.322 511.807C522.48 523.382 570.675 630.546 558.93 671.094C543.034 725.973 484.121 734.185 510.626 802.762C519.84 826.597 540.87 843.698 555.071 863.12C574.481 889.673 596.092 927.027 601.421 961.659' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M633.068 964.419C627.135 920.988 619.646 863.58 588.383 833.501C568.871 814.732 520.305 817.596 514.706 782.787C508.763 745.823 565.71 714.457 578.614 682.367C592.193 648.59 551.153 563.747 571.245 545.631C581.366 536.506 595.939 538.098 607.474 542.162C645.068 555.405 673.672 589.563 694.841 626.876C703.822 642.71 713.839 660.185 727.976 670.603C757.609 692.436 786.825 669.079 818.254 673.492C830.929 675.272 840.293 685.383 845.261 698.49C871.943 768.881 797.873 798.686 779.85 854.844C769.504 887.085 742.421 932.592 747.878 966.548C748.17 968.345 773.085 959.925 771.743 961.37C737.201 998.565 713.014 899.605 730.103 861.357C750.229 816.323 822.697 805.698 814.804 745.129C805.935 677.108 727.999 734.11 694.766 714.528C673.961 702.268 662.786 651.479 639.615 653.15C609.69 655.309 639.776 707.132 629.31 725C621.233 738.79 571.481 744.369 571.883 754.818C572.678 775.613 629.993 810.615 644.081 836.554C659.186 864.373 666.574 898.155 665.663 930.938C665.265 945.243 661.834 961.133 664.211 975.405' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M718.402 965.941C683.651 916.767 678.919 854.162 727.571 817.713C740.415 808.09 791.764 785.489 791.749 764.963C791.745 762.97 790.946 760.765 790.207 759.024C776.201 726.003 732.45 757.918 710.516 756.811C688.099 755.679 653.726 711.086 636.397 751.249C628.849 768.742 655.346 798.261 660.57 813.922C677.58 864.935 687.555 925.677 681.157 979.808' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M378.371 973.551C353.876 896.065 334.993 796.427 377.419 721.738C392.812 694.634 414.649 668.559 423.934 637.512C434.719 601.445 438.15 547.572 403.759 526.242C295.495 459.094 217.266 640.081 150.298 697.148C133.772 711.232 113.692 725.975 93.9224 733.18C80.6766 738.008 67.1631 743.336 53.6256 746.92C28.9566 753.451 -17.6686 753.58 -11.933 795.59C-11.2667 800.472 -11.3626 814.636 -8.37655 818.889C1.25729 832.608 75.7862 792.925 92.2086 784.624C140.071 760.431 176.965 723.523 209.428 677.102C233.853 642.176 253.652 611.318 287.534 587.488C303.021 576.595 359.132 547.5 375.889 561.051C385.136 568.53 391.616 581.565 394.575 593.934C411.446 664.406 331.919 708.234 308.759 761.382C274.732 839.466 291.282 869.026 323.776 940.646' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M307.478 964.42C294.152 930.934 264.128 825.309 266.767 789.396C267.85 774.66 272.68 758.692 280.487 746.856C303.242 712.355 344.046 701.072 363.388 663.291C376.852 636.995 378.754 590.914 349.798 579.694C319.393 567.914 283.524 608.339 264.081 629.593C207.745 691.176 163.741 768.209 98.4887 818.457C74.9833 836.557 46.096 846.412 19.2539 855.517C10.3835 858.526 -5.86629 855.969 -13.0067 862.756C-27.0437 876.098 -28.5673 941.986 -14.8557 957.646C8.89817 984.777 63.148 923.546 79.5298 905.583C127.985 852.452 165.626 786.337 206.671 725.676C221.742 703.402 234.424 681.064 254.425 663.753C266.19 653.569 319.747 615.36 334.179 627.298C360.676 649.218 268.289 719.077 256.096 730.289C246.908 738.737 238.945 748.333 233.017 760.139C198.348 829.183 245.905 914.349 279.651 966.548' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M75.1016 952.244C92.7026 930.002 113.175 911.095 130.228 888.223C146.707 866.122 158.601 841.116 173.463 817.841C176.461 813.146 181.947 804.678 187.323 803.634C205.608 800.083 203.234 879.01 204.553 889.968C207.083 910.977 240.893 937.605 231.246 954.633C227.544 961.166 218.066 965.252 212.076 967.546C175.755 981.452 191.102 915.153 163.061 915.989C146.642 916.479 135.981 955.678 129.552 967.306' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-25.989 726.996C149.716 741.188 162.246 589.555 283.398 509.49C316.376 487.694 356.598 478.591 393.281 491.237C404.122 494.976 448.061 524.973 457.211 513.918C489.975 474.344 391.447 402.437 371.827 387.013C353.844 372.871 337.926 356.752 318.586 344.805C239.695 296.069 151.726 322.13 67.1621 307.041C47.4543 303.524 29.4615 298.16 11.0156 289.2C4.97016 286.261 -3.55127 278.367 -9.93155 276.915C-11.4705 276.563 -27.078 311.497 -7.67701 331.446C16.0102 355.804 55.6668 364.403 85.0991 374.219C146.985 394.859 212.797 384.13 274.316 408.679C279.829 410.879 326.267 424.781 326.95 433.906C328.73 457.672 240.516 477.687 227.022 482.586C210.088 488.738 193.055 496.85 177.969 507.735C157.269 522.671 146.64 546.351 131.541 567.565C96.5186 616.772 49.5817 656.856 -7.61109 655.765' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-14.1732 628.069C66.9164 626.034 76.8876 599.869 125.367 530.959C135.79 516.144 145.372 501.506 159.281 490.803C189.944 467.21 227.6 460.772 261.338 444.596C264.122 443.262 273.688 439.532 271.083 435.102C249.378 398.216 139.924 423.973 105.296 422.373C64.42 420.491 32.0973 408.066 -5.96185 392.416C-6.70132 392.112 -9.7441 390.534 -10.5136 391.021C-13.6366 393.003 -16.0073 396.633 -17.3773 400.333C-49.0227 485.799 113.007 441.118 122.355 466.154C123.542 469.336 123.25 472.636 122.847 475.992C118.94 508.638 72.9546 513.024 52.7039 524.681C41.9796 530.855 35.3338 541.54 27.1049 551.167C21.8831 557.277 -10.3085 583.519 -17.5809 574.395' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-31.8308 579.612C-41.8696 567.018 -23.4155 550.555 -13.1727 540.505C15.1829 512.682 89.8184 494.032 36.654 481.356C28.6334 479.443 20.2064 480.365 12.0838 480.391C-0.349155 480.426 -10.2705 476.317 -22.2405 474.14' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4241_2341'%3E%3Crect width='1440' height='939' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_4241_2341'%3E%3Crect width='1440' height='939' fill='white' transform='translate(0 -0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 100px;
  background-color: #f8f3ed;
  padding: 40px 0;
}

.expand-post-card .title {
  z-index: 99;
  display: flex;
  position: relative;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}

.contact-page .left .title {
  color: #fff;
}

.breadcrumb,
.not-found-page {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='1440' height='939' viewBox='0 0 1440 939' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4241_2341)'%3E%3Cg opacity='0.1' clip-path='url(%23clip1_4241_2341)'%3E%3Cpath d='M-14.1731 186.705C4.26607 209.694 15.2085 240.059 39.5272 255.974C79.0121 281.823 132.588 273.798 176.192 276.341C277.053 282.236 427.297 323.969 474.502 441.605C514.935 542.366 388.927 670.515 383.471 775.747C381.375 816.129 387.277 850.644 391.792 890.045C393.532 905.207 393.75 924.98 398.299 939.498C403.402 955.798 423.124 962.57 436.249 963.788C440.981 964.227 445.834 964.062 450.581 964.141C452.782 964.177 457.627 966.728 457.185 964.227C448.481 914.708 419.752 873.704 418.672 821.326C417.019 741.098 459.994 686.394 488.145 618.515C529.387 519.063 499.747 431.88 629.212 419.921C786.641 405.38 779.846 565.87 918.187 586.908C1004.31 600.004 1070.15 548.013 1145.5 508.546C1176.38 492.367 1210.43 482.164 1243.82 476.204C1284.54 468.936 1325.79 466.319 1366.96 466.88C1387.29 467.158 1427.67 480.156 1444.75 478.222C1456.16 476.926 1467.64 447.282 1468.29 435.793C1468.34 434.88 1463.35 433.767 1462.51 433.658C1445.66 431.463 1428.43 434.245 1411.57 435.258C1410.26 435.336 1408.95 435.414 1407.64 435.467C1382.13 436.427 1356.55 429.007 1331.36 425.138C1285.76 418.13 1235.01 414.517 1190.41 429.685C1119.03 453.955 975.604 551.518 903.004 521.593C848.674 499.201 815.254 439.718 765.109 409.931C731.809 390.156 673.024 398.328 652.62 359.938C607.946 275.884 845.557 258.626 863.017 255.053C958.234 235.564 997.41 227.213 1061.16 139.538C1083.43 108.903 1098.59 72.6648 1121.91 42.4951C1141.26 17.4768 1167.04 3.72218 1192.69 -10.615C1204.59 -17.2749 1216.8 -22.6481 1228.96 -28.5951C1229.56 -28.8907 1234.3 -31.3686 1234.06 -32.0294C1232.36 -36.8591 1215.25 -39.1545 1213.05 -39.5718C1140.02 -53.3351 1110.85 -5.81126 1064.33 50.5244C1028.08 94.4226 999.866 156.505 952.417 186.332C906.225 215.371 849.787 204.986 799.762 209.785C751.196 214.445 694.815 230.408 650.246 254.287C585.296 289.091 612.675 382.552 546.124 396.263C471.307 411.679 462.349 355.839 417.416 310.323C404.966 297.708 389.812 288.996 374.563 281.923C361.777 275.993 348.548 270.976 334.825 268.903C311.316 265.351 221.548 269.185 222.389 230.752C223.636 173.79 285.597 155.479 320.799 135.139C347.252 119.858 371.33 99.0699 391.826 74.3994C415.954 45.3512 445.86 -3.29854 431.22 -45.8187C431.059 -46.2795 428.977 -55.4217 426.27 -55.5304C370.489 -57.7736 411.004 -3.65934 369.35 39.339C337.81 71.8954 294.671 87.0715 259.316 113.45C242.986 125.636 222.891 140.677 212.176 160.161C203.8 175.39 202.661 192.196 188.734 203.047C151.426 232.117 35.5091 217.036 4.6954 179.846C-3.75747 169.643 -8.34713 157.51 -12.576 144.446' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M353.428 -20.2786C361.762 57.7931 278.176 71.0435 232.389 98.0962C217.339 106.991 194.196 120.267 184.94 137.647C177.614 151.402 176.397 178.085 162.968 186.675C128.73 208.585 10.0372 202.716 -9.88206 155.097C-30.8385 104.995 55.0473 162.705 57.6993 163.631C70.9203 168.234 87.1829 170.825 100.509 166.748C126.568 158.775 132.519 112.294 147.283 91.9362C185.872 38.7349 259.293 46.2903 281.314 -27.3733' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M264.153 -41.5889C253.43 -20.7353 244.645 -0.00332566 227.752 15.3076C198.46 41.8604 154.022 35.5265 125.653 65.9788C108.514 84.3719 107.835 120.858 82.9121 130.526C79.8993 131.696 3.31872 119.393 -2.71878 110.973C-6.61162 105.539 -7.01298 100.904 -7.05296 93.8532C-7.33083 45.3165 50.5687 86.8803 71.2826 88.5757C73.9691 88.7974 76.9012 89.6755 79.3612 88.4018C98.6951 78.4032 95.6366 47.0728 115.829 37.3219C136.148 27.5059 155.074 22.5327 162.175 -4.41572C162.474 -5.55035 158.23 -49.2052 157.563 -50.405' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M146.345 -29.4817C139.251 -9.68884 130.744 17.2162 125.61 21.7764C112.218 33.6661 96.381 30.962 81.9806 38.7653C68.8362 45.8904 62.2887 61.1101 48.1129 65.5355C39.3582 68.2699 29.1233 62.8533 20.7686 60.4058C1.97289 54.9022 -18.33 54.1241 -17.4014 23.8413C-17.2725 19.6376 -16.7771 7.54356 -11.9185 7.24795C6.85961 6.10028 20.9724 27.2365 39.9424 21.246C49.506 18.2247 55.8462 7.62179 64.9463 4.62221C75.7658 1.05748 85.9193 2.71378 95.8785 -4.50696' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M441.39 -12.6707C437.002 91.0106 377.355 127.662 302.496 160.384C283.321 168.765 216.831 186.784 231.927 226.114C244.063 257.735 359.195 238.642 390.99 254.001C443.959 279.589 441.787 375.341 520.181 371.48C571.792 368.937 592.612 303.911 621.045 263.765C633.431 246.28 651.236 232.708 667.987 221.679C729.251 181.341 800.614 187.223 868.114 180.468C892.26 178.051 916.504 169.521 939.63 161.523C953.212 156.828 968.175 152.115 979.706 142.086C1007.71 117.737 1027.02 81.4771 1046.54 48.5382C1060.3 25.3067 1070.08 -1.7244 1087.2 -22.0042C1088.59 -23.6474 1102.12 -34.1677 1101.88 -38.5062C1100.8 -57.9383 1025.58 -35.4415 1014.46 -30.0466C960.041 -3.65022 958.061 57.037 917.464 99.4311C846.191 173.856 725.887 129.723 640.106 188.145C599.572 215.754 581.55 300.521 522.78 290.752C478.522 283.388 518.61 202.052 490.166 187.31C457.616 170.443 414.514 187.545 381.915 196.326C354.452 203.725 326.659 216.402 298.246 217.341C293.937 217.484 286.352 213.82 287.694 207.738C292.554 185.724 354.698 176.116 370.913 171.099C439.192 149.968 525.521 84.0376 494.141 -13.814' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M517.534 -11.1495C518.764 22.6415 525.037 64.7791 511.646 96.7312C505.331 111.803 496.196 122.049 483.296 128.905C479.824 130.748 471.727 131.592 473.389 135.574C481.999 156.184 512.925 134.878 523.2 154.414C531.079 169.399 528.052 222.014 533.914 224.074C579.562 240.142 612.165 139.569 657.544 112.225C721.189 73.8691 811.556 154.236 860.179 96.7964C879.622 73.8213 893.745 40.3737 908.351 13.5123C917.381 -3.09847 939.776 -44.4449 939.27 -45.3578C935.509 -52.1264 921.236 -52.0438 915.33 -51.9178C849.322 -50.5266 882.934 10.2432 824.066 43.8863C761.467 79.664 695.482 -6.68051 659.186 7.75661C628.747 19.868 623.715 91.5101 590.415 117.733C582.502 123.962 573 126.449 563.471 125.075C540.679 121.793 545.872 104.282 546.161 83.2113C546.262 75.8341 544.279 66.9875 546.634 59.8667C558.896 22.7501 602.49 0.392348 622.271 -30.0469' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M639.634 -5.05901C617.374 4.61356 554.426 53.3503 562.556 88.2498C563.591 92.6839 567.72 95.2488 571.432 95.1836C610.069 94.5185 624.596 -0.363994 659.426 -17.279C718.965 -46.1968 752.985 35.1876 786.825 27.4191C815.932 20.733 824.171 -17.6399 850.841 -30.1642' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1275.06 -12.6709C1157.96 -7.21952 1118.41 135.222 1041.31 214.124C964.384 292.847 859.327 277.463 765.54 292.447C753.199 294.421 686.876 307.902 696.9 332.029C712.699 370.05 778.35 346.175 807.42 359.721C824.775 367.811 831.472 386.4 842.085 402.984C858.491 428.616 882.96 441.783 909.236 448.626C1004.66 473.479 1057.38 414.439 1132.81 361.838C1149.17 350.422 1168.05 336.68 1187.41 333.429C1260.7 321.122 1320.49 386.221 1389.54 401.006C1401 403.458 1451.46 404.775 1452.5 401.428C1454.17 396.059 1460.87 355.721 1458.25 352.448C1453.2 346.127 1436.51 354.178 1430.55 356.213C1395.71 368.115 1352.64 368.898 1318.72 352.83C1271.3 330.364 1221.3 286.318 1167.3 294.26C1083.58 306.58 1029.25 407.353 941.531 407.318C900.206 407.301 900.529 376.258 869.235 363.32C854.044 357.043 793.676 357.095 788.002 341.797C779.475 318.809 842.122 324.095 845.771 324.291C909.911 327.716 983.94 325.13 1042.78 291.682C1094.76 262.139 1106.82 198.343 1140.85 149.541C1212.33 47.0382 1262.76 9.19553 1381.46 -3.39837' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1458.71 30.5447L1458.85 -11.1495C1365.22 19.3898 1253.71 42.3344 1181.6 125.61C1145.99 166.73 1125.54 242.215 1092.75 272.272C1045.44 315.649 991.297 320.761 934.635 336.381C926.055 338.745 884.111 344.401 897.93 365.929C913.669 390.451 952.886 371.71 970.654 361.877C1038.9 324.104 1105.48 289.896 1178.49 266.234C1211.94 255.392 1241.74 245.554 1275.45 259.426C1296.7 268.168 1325.19 293.986 1343.34 308.541C1378.36 336.628 1420.15 311.836 1457.73 305.146L1457.9 257.165C1421.72 269.42 1376.88 283.166 1356.32 272.733C1332.15 260.469 1364.53 208.924 1301.36 203.534C1277.21 201.469 1192.5 220.51 1187.18 185.419C1180.98 144.507 1222.77 122.241 1249.08 110.199C1316.56 79.3206 1386.52 44.3298 1458.71 30.5447Z' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1450.98 75.6036C1434.21 79.8247 1243.88 126.331 1255.86 161.683C1269.72 202.612 1332.66 170.96 1358.14 179.728C1398.51 193.622 1357.59 250.301 1399.79 249.945C1410.52 249.858 1421.34 247.097 1431.73 244.263C1440.1 241.976 1458.56 240.429 1464.82 231.617C1499.86 182.258 1412.69 214.867 1409.4 211.002C1398.91 198.7 1422.67 175.129 1420.69 160.779C1418.16 142.533 1398.88 145.563 1388.19 140.103C1387.53 139.764 1387.34 138.817 1387.51 137.973C1391.81 116.389 1411.14 111.481 1427.69 108.299C1439.6 106.008 1444.97 106.586 1456.44 104.417' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1450.98 512.402C1325.53 486.243 1183.69 499.854 1067.24 561.98C1039.79 576.624 979.748 610.042 969.263 641.96C957.735 677.043 979.2 690.458 987.656 720.986C996.863 754.224 999.146 789.64 987.716 822.475C968.824 876.748 928.47 904.001 891.743 940.216C890.828 941.116 872.989 956.681 873.105 956.998C873.975 959.4 885.994 960.946 887.996 961.284C939.724 969.996 987.199 902.38 1005.98 853.212C1016.95 824.512 1020.33 793.153 1017.69 761.942C1015.06 730.865 984.034 680.581 1005.29 652.569C1060.8 579.403 1313.09 525.844 1387.65 560.778C1414.67 573.434 1429.84 600.826 1445.03 627.967' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M998.044 973.551C1019.95 908.853 1116.18 874.088 1117.77 801.53C1119.05 743.032 977.115 737.447 1048.54 666.774C1088.16 627.567 1288.24 570.466 1342.42 591.968C1374 604.5 1396.39 630.721 1418.15 658.599C1435.31 680.584 1451.56 705.289 1448.79 736.134C1448.46 739.789 1446.35 765.578 1442.92 766.611C1438.96 767.805 1387.8 698.31 1373.4 685.966C1324.8 644.32 1275.31 643.694 1218.3 657.972C1205.31 661.223 1192.59 665.617 1179.91 670.16C1166.49 674.963 1154.53 681.192 1142.67 689.887C1086.79 730.851 1246.42 746.019 1210.14 808.21C1191.42 840.292 1064.52 922.262 1067.47 947.757C1069.77 967.487 1091.91 966.396 1113.09 960.594' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1113.09 960.593C1130.25 955.893 1146.78 948.102 1151.62 945.781C1181.7 931.371 1256.83 850.545 1275.66 820.347C1314.5 758.085 1192.73 748.271 1218.65 713.926C1227.1 702.722 1239.66 696.041 1251.94 692.742C1270.51 687.756 1296.08 683.593 1314.61 689.313C1345.5 698.845 1388.45 750.536 1404.07 783.404C1411.99 800.053 1415.38 818.595 1419.01 836.93C1422.71 855.595 1443.82 953.564 1434.8 957.993C1429.72 960.489 1389.53 977.554 1382.71 971.719C1377.43 967.201 1373.86 958.851 1372.9 951.438C1371.05 937.235 1375.6 922.336 1376.3 908.058C1377.91 874.962 1376.67 837.728 1369.18 805.67C1362.01 774.935 1344.15 750.566 1316.74 744.422C1314.73 743.974 1309.38 741.592 1308.21 743.468C1294.12 765.921 1351.16 825.133 1302.81 879.47C1282.62 902.16 1251.88 917.679 1237.25 945.744' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1273.74 961.375C1303.44 935.324 1321.75 912.897 1330.92 870.809C1333.9 857.134 1335.78 839.602 1344.76 829.005C1346.84 826.543 1350.43 834.511 1350.76 835.44C1354.54 846.133 1350.12 863.86 1347.25 875.2C1339.63 905.324 1331.08 941.215 1314.7 966.548' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M524.1 955.288C509.479 935.612 499.099 913.023 487.001 891.254C443.047 812.159 431.73 765.656 489.574 697.573C504.165 680.398 523.954 662.415 530.985 638.75C549.776 575.53 518.254 532.196 575.501 486.312C590.91 473.962 610.856 467.032 629.287 464.754C732.667 451.978 738.589 546.354 816.904 584.154C865.192 607.461 921.379 583.6 956.051 640.614C974.464 670.891 961.301 699.543 962.449 731.612C963.127 750.552 970.86 767.074 969.172 786.416C967.954 800.342 962.377 813.607 956.092 825.367C936.637 861.766 901.571 885.39 873.735 911.814C842.636 941.335 815.569 1005.21 772.564 956.264C756.251 937.699 799.991 893.992 810.24 882.082C830.921 858.037 890.685 820.026 895.766 781.244C897.746 766.16 889.387 752.333 890.329 737.592C891.229 723.459 903.259 706.125 900.847 691.923C891.915 639.352 820.432 656.417 788.512 642.902C761.081 631.288 753.394 603.361 733.23 581.915C696.547 542.9 641.077 502.532 588.322 511.807C522.48 523.382 570.675 630.546 558.93 671.094C543.034 725.973 484.121 734.185 510.626 802.762C519.84 826.597 540.87 843.698 555.071 863.12C574.481 889.673 596.092 927.027 601.421 961.659' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M633.068 964.419C627.135 920.988 619.646 863.58 588.383 833.501C568.871 814.732 520.305 817.596 514.706 782.787C508.763 745.823 565.71 714.457 578.614 682.367C592.193 648.59 551.153 563.747 571.245 545.631C581.366 536.506 595.939 538.098 607.474 542.162C645.068 555.405 673.672 589.563 694.841 626.876C703.822 642.71 713.839 660.185 727.976 670.603C757.609 692.436 786.825 669.079 818.254 673.492C830.929 675.272 840.293 685.383 845.261 698.49C871.943 768.881 797.873 798.686 779.85 854.844C769.504 887.085 742.421 932.592 747.878 966.548C748.17 968.345 773.085 959.925 771.743 961.37C737.201 998.565 713.014 899.605 730.103 861.357C750.229 816.323 822.697 805.698 814.804 745.129C805.935 677.108 727.999 734.11 694.766 714.528C673.961 702.268 662.786 651.479 639.615 653.15C609.69 655.309 639.776 707.132 629.31 725C621.233 738.79 571.481 744.369 571.883 754.818C572.678 775.613 629.993 810.615 644.081 836.554C659.186 864.373 666.574 898.155 665.663 930.938C665.265 945.243 661.834 961.133 664.211 975.405' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M718.402 965.941C683.651 916.767 678.919 854.162 727.571 817.713C740.415 808.09 791.764 785.489 791.749 764.963C791.745 762.97 790.946 760.765 790.207 759.024C776.201 726.003 732.45 757.918 710.516 756.811C688.099 755.679 653.726 711.086 636.397 751.249C628.849 768.742 655.346 798.261 660.57 813.922C677.58 864.935 687.555 925.677 681.157 979.808' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M378.371 973.551C353.876 896.065 334.993 796.427 377.419 721.738C392.812 694.634 414.649 668.559 423.934 637.512C434.719 601.445 438.15 547.572 403.759 526.242C295.495 459.094 217.266 640.081 150.298 697.148C133.772 711.232 113.692 725.975 93.9224 733.18C80.6766 738.008 67.1631 743.336 53.6256 746.92C28.9566 753.451 -17.6686 753.58 -11.933 795.59C-11.2667 800.472 -11.3626 814.636 -8.37655 818.889C1.25729 832.608 75.7862 792.925 92.2086 784.624C140.071 760.431 176.965 723.523 209.428 677.102C233.853 642.176 253.652 611.318 287.534 587.488C303.021 576.595 359.132 547.5 375.889 561.051C385.136 568.53 391.616 581.565 394.575 593.934C411.446 664.406 331.919 708.234 308.759 761.382C274.732 839.466 291.282 869.026 323.776 940.646' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M307.478 964.42C294.152 930.934 264.128 825.309 266.767 789.396C267.85 774.66 272.68 758.692 280.487 746.856C303.242 712.355 344.046 701.072 363.388 663.291C376.852 636.995 378.754 590.914 349.798 579.694C319.393 567.914 283.524 608.339 264.081 629.593C207.745 691.176 163.741 768.209 98.4887 818.457C74.9833 836.557 46.096 846.412 19.2539 855.517C10.3835 858.526 -5.86629 855.969 -13.0067 862.756C-27.0437 876.098 -28.5673 941.986 -14.8557 957.646C8.89817 984.777 63.148 923.546 79.5298 905.583C127.985 852.452 165.626 786.337 206.671 725.676C221.742 703.402 234.424 681.064 254.425 663.753C266.19 653.569 319.747 615.36 334.179 627.298C360.676 649.218 268.289 719.077 256.096 730.289C246.908 738.737 238.945 748.333 233.017 760.139C198.348 829.183 245.905 914.349 279.651 966.548' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M75.1016 952.244C92.7026 930.002 113.175 911.095 130.228 888.223C146.707 866.122 158.601 841.116 173.463 817.841C176.461 813.146 181.947 804.678 187.323 803.634C205.608 800.083 203.234 879.01 204.553 889.968C207.083 910.977 240.893 937.605 231.246 954.633C227.544 961.166 218.066 965.252 212.076 967.546C175.755 981.452 191.102 915.153 163.061 915.989C146.642 916.479 135.981 955.678 129.552 967.306' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-25.989 726.996C149.716 741.188 162.246 589.555 283.398 509.49C316.376 487.694 356.598 478.591 393.281 491.237C404.122 494.976 448.061 524.973 457.211 513.918C489.975 474.344 391.447 402.437 371.827 387.013C353.844 372.871 337.926 356.752 318.586 344.805C239.695 296.069 151.726 322.13 67.1621 307.041C47.4543 303.524 29.4615 298.16 11.0156 289.2C4.97016 286.261 -3.55127 278.367 -9.93155 276.915C-11.4705 276.563 -27.078 311.497 -7.67701 331.446C16.0102 355.804 55.6668 364.403 85.0991 374.219C146.985 394.859 212.797 384.13 274.316 408.679C279.829 410.879 326.267 424.781 326.95 433.906C328.73 457.672 240.516 477.687 227.022 482.586C210.088 488.738 193.055 496.85 177.969 507.735C157.269 522.671 146.64 546.351 131.541 567.565C96.5186 616.772 49.5817 656.856 -7.61109 655.765' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-14.1732 628.069C66.9164 626.034 76.8876 599.869 125.367 530.959C135.79 516.144 145.372 501.506 159.281 490.803C189.944 467.21 227.6 460.772 261.338 444.596C264.122 443.262 273.688 439.532 271.083 435.102C249.378 398.216 139.924 423.973 105.296 422.373C64.42 420.491 32.0973 408.066 -5.96185 392.416C-6.70132 392.112 -9.7441 390.534 -10.5136 391.021C-13.6366 393.003 -16.0073 396.633 -17.3773 400.333C-49.0227 485.799 113.007 441.118 122.355 466.154C123.542 469.336 123.25 472.636 122.847 475.992C118.94 508.638 72.9546 513.024 52.7039 524.681C41.9796 530.855 35.3338 541.54 27.1049 551.167C21.8831 557.277 -10.3085 583.519 -17.5809 574.395' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-31.8308 579.612C-41.8696 567.018 -23.4155 550.555 -13.1727 540.505C15.1829 512.682 89.8184 494.032 36.654 481.356C28.6334 479.443 20.2064 480.365 12.0838 480.391C-0.349155 480.426 -10.2705 476.317 -22.2405 474.14' stroke='%23525252' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4241_2341'%3E%3Crect width='1440' height='939' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_4241_2341'%3E%3Crect width='1440' height='939' fill='white' transform='translate(0 -0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

/* SINGLE ARTICLE END */

@media (max-width: 576px) {
  .footer-left {
    font-size: 40px;
    color: #fff;
  }

  .buttons-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .header-button-right {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .header-button-right i {
    display: none;
  }

  .search-form input {
    /* min-width: 300px; */
    width: 100%;
  }

  .search-form {
    width: 100%;
  }

  .menu-list {
    gap: 10px;
  }

  .menu-list a {
    font-size: 15px;
    color: #000;
  }

  .cta-background {
    position: relative;
    overflow: hidden;
    padding: 0;
  }
}

.header-mobile {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #1f2347;
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
  margin-top: 80px;
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.w-code-component > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* SUPPORT PAGE START */
.support-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 30px;
  margin-top: 32px;
  width: 55%;
  margin-right: auto;
  margin-left: auto;
}

.support-section .title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #1f2347;
}

.support-card {
  border: 1px solid #000;
  border-radius: 4px;
  margin-bottom: 25px;
  padding: 16px;
}

.support-card .price {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #1f2347;
  text-align: center;
}

.support-card a {
  background-color: #000;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  display: flex;
  justify-content: center;
  padding: 12px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.support-card a:hover {
  background-color: #f8f3ed;
  color: #1f2347;
}

.sss-section .page-title {
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  margin-top: 50px;
}

.sss-section .text {
  text-align: center;
  font-size: 17px;
  opacity: 0.8;
  font-weight: 500;
  padding: 20px 180px;
  margin-bottom: 50px;
}
/* SUPPORT PAGE END */

/* TEMPLATE ABOUT START */
.breadcrumb {
  background-image: url("https://cdn.prod.website-files.com/67c985e80d0dae59ef0c0d3a/67c985e80d0dae59ef0c0f61_Pattern%20Dark%20BG.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* TEMPLATE ABOUT END */

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px); /* Blur efekti */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

.popup-content {
  background: white;

  border-radius: 10px;
  text-align: center;
  width: 600px;
  position: relative;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.popup-content .title-box {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 30px;
  font-weight: 600;
  /* border-bottom: 1px solid lightgrey; */
  padding: 20px;
}

.popup-content .title-box i {
  color: #000;
  font-size: 20px;
}

.single-article .hero-bottom {
  margin-top: 15px;
}

.single-article .hero-title {
  font-size: 50px;
  font-weight: 600;
  display: block;
  width: 85%;
  line-height: 1.1;
  /* margin-bottom: 0px; */
  margin: 10px 0;
  /* margin-top: 10px; */
}

.single-article .hero-image .overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    #0e0e0eff 2%,
    #0e0e0ed9 15%,
    #0e0e0e00 100%
  );
}

.not-found-page {
  height: 100vh;
  width: 100vw;
  flex-direction: column;
  display: flex;
  z-index: 99999999;
  background-color: #0e0e0e;
  overflow: hidden;
  align-items: center;
  justify-content: space-around;
}

.page-logo img {
  max-width: 100%;
  width: 300px;
  min-height: 45px;
}

.not-found-content {
  background: #fff;
  padding: 30px;
  width: 40%;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.not-found-content .title {
  font-size: 47px;
  font-weight: 600;
  color: #1f2347;
  margin-bottom: 15px;
}

.not-found-content .desc {
  opacity: 0.6;
  color: #000;
  font-weight: 600;
  margin-bottom: 50px;
}

.not-found-btn {
  background-color: #000;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  justify-content: center;
}

.not-found-page {
  background-image: url("https://cdn.prod.website-files.com/67c985e80d0dae59ef0c0d3a/67c985e80d0dae59ef0c0f61_Pattern%20Dark%20BG.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Başlık Kutusu */
.title-box {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

.popup-form {
  color: #000;
}

/* Label Stilleri */
.popup-form label {
  display: block;
  font-weight: bold;
  margin: 10px 0 5px;
  text-align: left;
}

/* Input Alanları */
.popup-form input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
}

/* Bağış Butonu */
.pop-up-btn {
  background: #28a745;
  color: #fff;
  border: none;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 15px;
  width: 100%;
}

.pop-up-btn:hover {
  background: #218838;
}

/* Popup Açıldığında */
.popup.show {
  display: block;
}

/* Sepet Ürünleri */
.cart-items {
  margin-top: 15px;
}

.cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9f9f9;
  padding: 10px;
  margin-top: 5px;
  border-radius: 5px;
}

/* Sol tarafta fiyat */
.cart-item .price {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

/* SaÄŸ tarafta adet */
.cart-item .quantity {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

/* Toplam Tutar */
.total-box {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 2px solid #ddd;
}

.popup-overlay {
  display: none; /* Başlangıçta gizli */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Sayfanın arkasını karart */
  z-index: 9999; /* Popup'ın üstte görünmesini sağlar */
  align-items: center;
  justify-content: center;
}

.popup-content {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 600px;
  position: relative;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  background: none;
  border: none;
  color: #333;
  cursor: pointer;
}

.popup-text {
  font-size: 16px;
  margin-bottom: 20px;
}

.header-left {
  display: flex;
  align-items: center;
}

/* Menü Listeleme */
.header-left .menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.header-left .menu-item {
  position: relative;
  padding: 5px;
}

.header-left .menu-item a {
  text-decoration: none;
  color: white;
  padding: 10px 15px;
  display: block;
}

.header-left .menu-item .drop-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  min-width: 200px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
}

.header-left .menu-item .drop-menu li a {
  display: block;
  text-decoration: none;
  color: black;
  transition: 0.3s;
}

.header-left .menu-item .drop-menu li a:hover {
  background: #f4f4f4;
}

.header-left .menu-item:hover .drop-menu {
  transform: scaleY(1);
  opacity: 1;
}

.header-left .drop-menu.multi-column {
  display: flex;
  flex-wrap: wrap;
  min-width: 400px;
}

.header-left .drop-menu .column {
  flex: 1;
  padding: 10px;
}

.desktop-header .row {
  display: flex;
  align-items: center;
}

.desktop-header-sticky .row {
  display: flex;
  align-items: center;
}

.menu-item.active > a {
  background-color: red;
  color: white; /* Okunabilirlik için */
}

.drop-menu li.active > a {
  background-color: red;
  color: white;
}

.header-modal,
.openbtn {
  display: none;
}

@media (max-width: 820px) {
  .openbtn {
    display: block;
  }

  .header-modal {
    display: block;
    left: -100%;
    transition: left 0.5s ease;
  }

  .header-modal.active {
    left: 0;
  }
}

.modal-content .menu-list a {
  color: #fff;
}

.modal-content .menu-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.openbtn {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  z-index: 9999;
  position: relative;
}

.openbtn span {
  width: 100%;
  height: 3px;
  background-color: #fff;
  display: block;
  transition: all 0.3s ease;
}

/* Aktifken çarpı şeklini alan stil */
.openbtn.active span:nth-child(1) {
  transform: rotate(45deg) translate(3px, 3px);
}

.openbtn.active span:nth-child(2) {
  transform: rotate(-50deg) translate(6px, -5px);
}

/* Dropdown başlangıçta kapalı */
.header-modal .drop-menu {
  display: none;
}

/* Açılınca */
.header-modal .menu-item.open .drop-menu {
  display: block;
}

.header-modal .menu-list a {
  padding: 5px;
}

.header-modal .menu-list .drop-menu {
  display: none;
  list-style: none;
  padding-left: 15px;
}

.header-modal .menu-list .dropdown.active .drop-menu {
  display: block;
}

.header-modal .menu-list .menu-toggle {
  cursor: pointer;
  display: inline-block;
}

/* GİRİŞ: Aşağı doğru kutudan çıkıyormuş gibi */
/* .swiper-slide-active .buttons-list {
    animation: fadeInDown 0.6s ease forwards;
    animation-delay: 0.1s;
    
}
.swiper-slide-active .date {
    animation: fadeInDown 0.6s ease forwards;
    animation-delay: 0.2s;
}
.swiper-slide-active .hero-title {
    animation: fadeInDown 0.6s ease forwards;
    animation-delay: 0.3s;
}
.swiper-slide-active .person {
    animation: fadeInDown 0.6s ease forwards;
    animation-delay: 0.4s;
}
.swiper-slide-active .desc {
    animation: fadeInDown 0.6s ease forwards;
    animation-delay: 0.5s;
}
.swiper-slide-active .hero-btn {
    animation: fadeInDown 0.6s ease forwards;
    animation-delay: 0.6s;
} */

/* ÇIKIŞ: Aşağıya doğru düşerek kutuya giriyormuş gibi */
/* .swiper-slide-prev .buttons-list,
.swiper-slide-next .buttons-list {
    animation: fadeOutDown 0.4s ease forwards;
}
.swiper-slide-prev .date,
.swiper-slide-next .date {
    animation: fadeOutDown 0.4s ease forwards;
    animation-delay: 0.1s;
}
.swiper-slide-prev .hero-title,
.swiper-slide-next .hero-title {
    animation: fadeOutDown 0.4s ease forwards;
    animation-delay: 0.2s;
}
.swiper-slide-prev .person,
.swiper-slide-next .person {
    animation: fadeOutDown 0.4s ease forwards;
    animation-delay: 0.3s;
}
.swiper-slide-prev .desc,
.swiper-slide-next .desc {
    animation: fadeOutDown 0.4s ease forwards;
    animation-delay: 0.4s;
}
.swiper-slide-prev .hero-btn,
.swiper-slide-next .hero-btn {
    animation: fadeOutDown 0.4s ease forwards;
    animation-delay: 0.5s;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        visibility: hidden;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
    100% {
        opacity: 0;
        transform: translateY(40px);
        visibility: hidden;
    }
} */

.header-top-block > * {
  opacity: 1;
  /* transform: translateY(50px);
   transition: opacity 0.6s ease, transform 0.6s ease; */
}

.swiper-slide-active .header-top-block > * {
  opacity: 1;
  transform: translateY(0);
}

.swiper-slide-prev .header-top-block > * {
  opacity: 0;
  transform: translateY(80px);
}

@keyframes text-slide-up {
  from {
    padding-top: 4em;
    opacity: 0;
  }
  to {
    padding-top: 0;
    opacity: 1;
  }
}

.animate-btn {
  animation: text-slide-up 1s ease-in-out;
  overflow: hidden;
  height: 150px;
}

/* Başlık yukarıya kayarken animasyon */
.animate-title {
  animation: text-slide-up 1s ease-in-out;
  height: 1.3em;
  overflow: hidden;
}

@keyframes text-slide-up {
  from {
    padding-top: 4em;
    opacity: 0;
  }
  to {
    padding-top: 0;
    opacity: 1;
  }
}

@keyframes text-slide-down {
  from {
    padding-top: 0;
    opacity: 1;
  }
  to {
    padding-top: 4em;
    opacity: 0;
  }
}

.animate-title-slide-up {
  animation: text-slide-up 1s ease-in-out;
  height: 1.3em;
  overflow: hidden;
}

.animate-title-slide-down {
  animation: text-slide-down 1s ease-in-out;
  height: 1.3em;
  overflow: hidden;
}

.animate-top,
.animate-person {
  animation: text-slide-up 1s ease-in-out;
  height: 2.5em;
  overflow: hidden;
}

.animate-bottom {
  animation: text-slide-up 1s ease-in-out;
  overflow: hidden;
  height: 310px;
}

.animate-desc {
  animation: text-slide-up 1s ease-in-out;
  overflow: hidden;
  height: 10rem;
}

/* Başlangıç (aktif slide içeriği gösterilir) */
.swiper-slide .header-top-block > * {
  transition: all 0.5s ease;
  opacity: 1;
  transform: translateY(0);
}

/* Çıkış animasyonu - aşağı iniyor */
.swiper-slide.exit-content .header-top-block > * {
  opacity: 0;
  transform: translateY(100px);
}

/* Giriş animasyonu - yukarıdan geliyor */
.swiper-slide.enter-content .header-top-block > * {
  opacity: 0;
  transform: translateY(-100px);
}

/* Aktif olanın animasyonu sonunda görünür hale gelir */
.swiper-slide-active .header-top-block > * {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 820px) {
  .hero-btn {
    margin-top: -30px;
  }

  .links-wrapper .title {
    margin: 15px 0;
  }

  .links-wrapper .text {
    width: 100%;
  }

  .breadcrumb {
    padding: 20px 0;
  }

  .contact-page .left {
    margin-bottom: 75px;
    display: flex;
    align-items: center;
  }

  .desktop-header-sticky {
    display: none;
  }
}

.footer-center .menu-list {
  margin: 10px 0;
}

.footer-center .menu-list a {
  color: #fff;
}

@media (max-width: 576px) {
  .animate-title,
  .hero-top,
  .hero-bottom {
    height: auto;
  }

  .hero-bottom {
    margin-top: 30px;
  }
}

.category-image {
  width: 100%;
  height: 100%;
  min-height: 700px;
  object-fit: cover;
  padding: 0;
  margin: 0;
}

.category-img-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: static;
}

.category-title {
  margin-block: 30px;
  color: gainsboro;
}

.category-bottom .desc {
  color: gainsboro;
}

.category-page-row {
  padding: 10px 0;
  /* margin: -100px 0 -50px 0; */
}

.category-page-img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0px;
}

.footer-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none; /* Başlangıçta gizli */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.footer-popup-content {
  background-color: white;
  padding: 2rem;
  display: flex;
  align-items: center;
  border-radius: 10px;
  text-align: center;
  justify-content: space-between;
  max-width: 400px;
  width: 90%;
  flex-direction: column;
}

.popup-img {
  max-width: 100%;
  width: 200px;
}

.footer-popup-content .bold-text {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 10px;
}

.popup-img {
  margin-bottom: 20px;
}

.popup-btn {
  border: none;
  padding: 10px 30px;
  background-color: #1f2347;
  color: #fff;
}

.search-form {
  display: flex;
  align-items: center;
  gap: 16px;
}

.faq-box {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.faq-box.fade-in {
  opacity: 1;
  transform: translateY(0);
}

.no-scroll {
  overflow: hidden;
}

.single-column .column li {
  transition: all 0.3s ease;
  margin: 0;
}

.article-bold-title {
  font-size: 28px;
  font-weight: 600;
  color: #1f2347;
  padding-bottom: 20px;
}

blockquote {
  margin-bottom: 32px;
  border-left: 4px solid #0e0e0e;
  background-color: #dcc1a7;
  font-size: 18px;
  padding: 16px;
}

.writer-page {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.writer-page ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.writer-title {
  font-size: 55px;
  font-weight: 700;
  margin-bottom: 20px;
}

.writer-desc {
  opacity: 0.6;
  margin-bottom: 20px;
}

.writer-img {
  max-width: 100%;
  /* width: 100%; */
  margin-bottom: -100px;
}

.blog-card .title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  color: #1f2347;
  margin-bottom: 8px;
}

.writer-section {
  padding: 50px 0;
}

.location-card {
  background-color: #dcc1a7;
  color: #1f2347;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 500px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}

.location-map-background {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.posts-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slogan {
  font-weight: 600;
  font-size: 40px;
  color: #1f2347;
  text-align: center;
  padding-bottom: 25px;
  width: 60%;
  display: flex;
  margin-right: auto;
  margin-left: auto;
}

.slogan-desc {
  opacity: 0.6;
  text-align: center;
  font-size: 18px;
  width: 70%;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 50px;
}

.writer-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f8f3ed;
  margin-block: 30px;
  padding: 50px 0;
}

.writer-cta .title {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 20px;
}

.donation-img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}

.support-wrapper .title {
  font-size: 36px;
  font-weight: 600;
  margin: 60px 0 20px 0;
  color: #1f2347;
  text-align: center;
  display: flex;
  margin-right: auto;
  margin-left: auto;
}

.breadcrumb h1 {
  color: #fff;
  text-align: center;
  font-size: 45px;
  font-weight: 600;
}

.breadcrumb-text {
  opacity: 0.6;
  width: 70%;
  text-align: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.about-btn {
  padding: 12px 16px;
  border: 1px solid #000;
  border-radius: 4px;
  display: inline-block;
  font-size: 18px;
  transition: all 0.3s ease;
  margin-right: auto;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.about-btn:hover {
  background-color: #000;
  color: #fff;
}

.about-btn i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.about-btn:hover i {
  transform: translateX(7px);
}

.category-list a.active-category {
  background-color: #000;
  color: white;
  border-radius: 4px;
  display: inline-block;
}

.menu-list a {
  transition: background-color 0.2s ease, color 0.2s ease;
  -webkit-tap-highlight-color: transparent; /* mobil tıklama efektini kaldırır */
  background-color: transparent !important;
}

.menu-list a:focus,
.menu-list a:active {
  background-color: transparent !important;
  color: inherit !important;
  outline: none;
  box-shadow: none;
}

.menu-list a.active-category {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #000 !important;
  color: white !important;
  border-radius: 4px;
  display: inline-block;
}

* {
  margin: 0;
  padding: 0;
}

.location-card ul {
  margin: 30px auto;
  text-align: center;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.location-card li {
  list-style: none;
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
}

@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.round {
  display: block;
  position: absolute;
  left: 100%;
  top: 220%;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  text-decoration: none;
  text-align: center;
  font-size: 25px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  letter-spacing: -0.065em;
  font-family: "Hammersmith One", sans-serif;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  z-index: 1;
  border-width: 4px;
  border-style: solid;
}

.round:hover {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
  -webkit-transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

a.green {
  background-color: rgba(1, 151, 171, 1);
  color: rgba(0, 63, 71, 1);
  border-color: rgba(0, 63, 71, 0.2);
}

a.green:hover {
  color: rgba(1, 151, 171, 1);
}

.category-person .person {
  color: #fff;
  margin-bottom: 0;
}

.hero-bottom .category-writer {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hero-bottom .category-writer img {
  width: 40px;
  height: 40px;
  background-color: #dcc1a7;
  border-radius: 50%;
  overflow: clip;
  padding: 4px;
}

.content-box {
  padding-left: 50px;
}

.breadcrumb {
  padding: 250px 0px 70px 0;
}

@media (max-width: 1024px) {
  .contact-email-form {
    padding: 20px 0;
  }

  .blog-wrapper {
    height: auto;
  }

  .header-logo {
    width: 75px !important;
  }
}

@media (max-width: 820px) {
  .breadcrumb-text {
    width: 100%;
  }

  .breadcrumb {
    padding: 50px 0;
  }

  .contact-page .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 576px) {
  .search-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-input {
    width: 100%;
  }

  .section-title {
    margin-bottom: 0;
  }
}

/* SIKÇA SORULAN SORULAR START */
.sss-section {
  width: 75%;
  margin: 0 auto;
}

.sss-box {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.sss-box .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #1f2347;
  padding: 25px 0;
}

.answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease, margin 0.4s ease;
  opacity: 0;
  margin-top: 0;
}

.answer.open {
  max-height: 800px;
  opacity: 1;
  margin-top: 20px;
}

.toggle-btn {
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

.support-image {
  max-width: 100%;
  border-radius: 4px;
  display: flex;
  margin: 20px auto;
}

.support-btn {
  padding: 12px 16px;
  border: 1px solid #000;
  border-radius: 4px;
  display: flex;
  font-size: 18px;
  transition: all 0.3s ease;
  margin-right: auto;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.support-btn:hover {
  background-color: #000;
  color: #fff;
}

.support-btn i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.support-btn:hover i {
  transform: translateX(7px);
}

.numbers-list {
  display: flex;
  margin-top: 120px;
  margin-bottom: 50px;
}

.number-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f3f3f3;
}

.number-card .heading {
  font-size: 50px;
  font-weight: 600;
  color: #1f2347;
  padding-top: 15px;
}

.number-card .text {
  padding: 5px 20px 10px 20px;
  margin: 3px 0 10px 0;
}

.support-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.support-wrapper .text {
  font-size: 18px;
  opacity: 0.8;
  margin-bottom: 50px;
}

.support-page {
  margin-top: 100px;
}

.support-page .title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

.support-page .short-text {
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: rgb(116, 116, 116);
  padding: 0 95px;
  margin-bottom: 15px;
}

/* SIKÇA SORULAN SORULAR END */

.header-left .menu-item {
  position: relative;
  padding: 5px;
  color: #fff;
}

.search-form input[type="search"] {
  color: white;
}

.search-form input[type="search"]::placeholder {
  color: #ccc;
}

.search-page h1 {
  margin-top: 15px;
}

.form-group {
  position: relative;
  margin-bottom: 20px;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 16px 12px 12px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: none;
}

.form-group label {
  position: absolute;
  left: 20px;
  top: 16px;
  color: #888;
  background: white;
  padding: 0 4px;
  transition: 0.2s ease;
  pointer-events: none;
}

/* 🔹 Sadece tıklanınca (focus) yukarı çık */
.form-group input:focus + label,
.form-group textarea:focus + label {
  top: -8px;
  font-size: 12px;
  color: #333;
}

.news-container {
  margin-top: 100px;
}

.single-article-wrapper {
  margin-top: -150px;
}

.writer-image-box {
  display: flex;
  justify-content: flex-end;
}

.detail-button:hover {
    background: #fff;
    color: #000;
}

@media (hover: hover) and (pointer: fine) {
  .expand-post-item:hover {
    opacity: 1;
    flex-basis: 66.6667%;
  }
}


@media(max-width: 576px) {
  .expand-post-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .single-article .hero-bottom .desc {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 20px;
    opacity: 0.8;
  }

  .single-article .header-top-block {
    position: absolute;
    top: 52%;
    left: 48%;
    transform: translateX(-43%);
    color: #fff;
    z-index: 2;
  }

  .single-article-wrapper {
    margin-top: 40px;
  }
}