.blog {
  display       : flex;
  flex-direction: column;
  align-items   : flex-start;
  margin-bottom: 60px;
}

.categories-box a:first-child {
  inset: 0;
  z-index: 1;
}

.body-blog {
  width         : 100%;
}

.home_banner_area {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}

.primary-image{
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 840px;
  height: 474px;
  border-radius: 32px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.blog_text_slider {
  display: flex;
  align-items: center;
  position: absolute;
  padding: 36px 60px;
  border-radius: 0 0 32px 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  max-width: 600px;
}

.blog_text {
  display        : flex;
  height         : 250px;
  padding        : 36px 60px;
  flex-direction : column;
  align-items    : flex-start;
  justify-content: space-between;
  align-self     : stretch;
  border-radius  : var(--spacing-s, 16px);
  background     : #FFF;
  box-shadow     : 0px 0px 0px 0px rgba(0, 0, 0, 0.16);
}

.blog_text .cat {
  display       : flex;
  flex-direction: column;
  align-items   : flex-start;
  gap           : 6px;
  align-self    : stretch;
}

.blog_text .cat .cat_btn {
  align-self : stretch;
  color      : var(--Common-Tertiary, #61666C);
  font-family: var(--Typography-Family);
  font-size  : 14px;
  font-style : normal;
  font-weight: 700;
  line-height: 16px;
}

.blog_text .cat h4 {
  align-self : flex-end;
  color      : var(--Content-Primary, #243434);
  font-size  : 28px;
  font-style : normal;
  font-weight: 900;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  margin-bottom: 0;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 99px;
  border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08));
  background: var(--Brand-Primary, #FCD447);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.body-blog a:hover{
  color: var(--g-purple-esx);
}

.blog_btn {
  align-self               : stretch;
  color                    : var(--Brand-Secondary, #5337AE);
  font-family              : var(--Typography-Family);
  font-size                : 14px;
  font-style               : normal;
  font-weight              : 700;
  line-height              : 20px;
  text-decoration-line     : underline;
  text-decoration-style    : solid;
  text-decoration-skip-ink : none;
  text-decoration-thickness: auto;
  text-underline-offset    : auto;
  text-underline-position  : from-font;
}

/* Owl Carousel Custom Styles */
.blog_text_slider .owl-carousel,
.blog_text_slider .owl-carousel .owl-item {
  height       : auto;
  display      : flex;
  flex         : 1 0 auto;
  border-radius: 12px;
}

.blog_text_slider .owl-carousel .owl-stage {
  display      : flex;
  height       : 100%;
  border-radius: 12px;
}

.blog_text_slider .owl-carousel .owl-stage-outer {
  border-radius: 15px;
  height       : auto;
  min-height   : 115px;
  box-shadow   : 0px 0px 32px 0px rgba(0, 0, 0, 0.16);
}

.blog_text_slider .owl-carousel .owl-item {
  display       : flex;
  flex-direction: column;
  align-items   : stretch;
  height        : 100%;
}

.blog_text_slider .owl-nav {
  display    : flex;
  align-items: center;
  gap        : 40px;
  position   : absolute;
  bottom: -80px;
  left: 25%;
}

.category-img{
  border-radius: 12px;
}


@media screen and (max-width: 1200px){
  .home_banner_area {
    display        : flex;
    width          : 100%;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    margin-bottom: -80px;
  }

  .primary-image {
    height             : 360px;
    width              : 100%;
    align-self         : stretch;
    border-radius      : var(--spacing-l, 12px);
    background-image   : url('../img/blog/822dbf77567999d7705a2f8d391133f9.png');
    background-position: center;
    background-size    : cover;
  }

  .blog_text_slider {
    width      : 100%;
    height     : auto;
    position: static;
    max-width: 550px;
    padding: 12px;
  }

  .blog_text_slider .owl-nav {
    top: 50%;
    bottom: inherit;
    width: 130%;
    justify-content: space-between;
    transform: translateY(-50%);
    left: -15%;
  }

  .blog_text_slider .owl-nav .owl-prev,
  .blog_text_slider .owl-nav .owl-next {
    display        : flex;
    padding        : 6px 8px;
    justify-content: center;
    align-items    : center;
    gap            : 8px;
    border-radius  : 99px;
  }

  
}
@media screen and (max-width: 767px) {
  .body-blog {
    width         : 100%;
  }

  .home_banner_area {
    display        : flex;
    width          : 100%;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    margin-bottom: -80px;
  }

  .primary-image {
    height             : auto;
    aspect-ratio: 16 / 6;
    width              : 100%;
    align-self         : stretch;
    border-radius      : var(--spacing-l, 12px);
    background-image   : url('../img/blog/822dbf77567999d7705a2f8d391133f9.png');
    background-position: center;
    background-size    : cover;
  }

  .blog_text_slider {
    width      : 100%;
    height     : auto;
    position: static;
    max-width: 274px;
    padding: 12px;
  }

  .articles > * {
    position: relative;
  }

  .blog_text {
    display        : flex;
    min-height     : 115px;
    height         : auto;
    padding        : 12px;
    flex-direction : column;
    align-items    : flex-start;
    justify-content: space-between;
    gap            : 4px;
    align-self     : stretch;
    border-radius  : var(--spacing-s, 12px);
    background     : #FFF;
  }

  .blog_text .cat {
    display       : flex;
    flex-direction: column;
    align-items   : flex-start;
    gap           : 4px;
    align-self    : stretch;
  }

  .blog_text .cat .cat_btn {
    align-self : stretch;
    color      : var(--Common-Tertiary, #61666C);
    font-family: var(--Typography-Family);
    font-size  : 12px;
    font-style : normal;
    font-weight: 700;
    line-height: 16px;
  }

  .blog_text .cat h4 {
    align-self : flex-end;
    color      : var(--Content-Primary, #243434);
    font-family: var(--Typography-Family);
    font-size  : 14px;
    font-style : normal;
    font-weight: 700;
    line-height: 16px;
  }

  .blog_btn {
    align-self               : stretch;
    color                    : var(--Brand-Secondary, #5337AE);
    font-family              : var(--Typography-Family);
    font-size                : 14px;
    font-style               : normal;
    line-height              : 20px;
    text-decoration-line     : underline;
    text-decoration-style    : solid;
    text-decoration-skip-ink : none;
    text-decoration-thickness: auto;
    text-underline-offset    : auto;
    text-underline-position  : from-font;
  }

  /* Owl Carousel Mobile Styles */
  .blog_text_slider .owl-carousel .owl-stage-outer {
    height       : 115px;
    border-radius: 12px;
  }

  /* .owl-nav {
    position       : absolute;
    top            : -200px;
    display        : flex;
    width          : 115%;
    padding        : 0px 8px;
    justify-content: space-between;
    align-items    : center;
    bottom         : 0;
    right          : 0;
    gap            : 230px;
  } */

  .blog_text_slider .owl-nav .owl-prev,
  .blog_text_slider .owl-nav .owl-next {
    display        : flex;
    padding        : 6px 8px;
    justify-content: center;
    align-items    : center;
    gap            : 8px;
    border-radius  : 99px;
  }
}

/* razvan edit */
.categories-style-03 .categories-box .category-title span {
  font-weight: 700;
}

.circle-box {
  border-radius: 99px;
  padding: 6px 12px;
}

.blog .box-layout h2 {
  color: var(--Content-Primary, #243434);
  text-align: center;
  font-size: 68px;
  font-weight: 700;
  line-height: 1.17;
  margin-top: 58px;
  margin-bottom: 58px;
}

.articles {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}

.categories .category-img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.categories {
  display: flex;
  gap: 24px;
}

.categories > div {
  flex-grow: 1;
  width: 25%;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .blog_text_slider .owl-nav {
    left: 60%;
  }
}

@media screen and (max-width: 1200px) {
  .categories {
    flex-wrap: wrap;
  }

  .categories > div {
    min-width: 45%;
  }

  .categories .category-img {
    height: auto;
    aspect-ratio: 16 / 10;
  }

  .blog .box-layout h2 {
    font-size: 48px;
  }
}

@media screen and (max-width: 768px) {
  .blog .box-layout h2 {
    font-size: 24px;
    margin-bottom: 32px;
    margin-top: 32px;
  }

  .categories > div {
   width: calc(50% - 12px);
  }

  .categories {
    gap: 16px;
  }
  .categories .category-img {
    aspect-ratio: 1;
  }

  .box-layout .articles {
    gap: 24px !important;
  }

  .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  width: 32px;
  height: 32px;
}
}

@media screen and (max-width: 576px) {
  .categories-style-03 .categories-box .category-title span {
    font-size: 12px;
  }
}