.blog-content-outer > .readmore {

  margin: 0px 0px 20px 0px;

}



/**Fold3**/

.fold3 .splide.is-initialized:not(.is-active) ul.splide__list {

  display: flex;

  align-items: stretch;

}



.blog-pagination {

    font-family: "Century Gothic";

    color: #333;

    display: flex;

    gap: 20px;

    flex: 0 0 100%;

}



.blog-content iframe {

    width: 100%;

}



.blog-pagination a {

    color: #333;

}



.blog-pagination .current {

    color: var(--primary);

    font-weight: bold;

}



.fold3 li.splide__slide {

  flex: calc(100% / 3);

}



.fold3-item {

  box-sizing: border-box;

  display: block;

  flex: 0 0 calc((100% / 3) - 20px);

  transition: all 0.5s ease;

  /* height: 340px; */

  position: relative;

  background: white;

}

.fold3-item-front {

  position: absolute;

  top: 50%;

  left: 50%;

  height: calc(100% - 20px);

  width: calc(100% - 20px);

  text-align: left;

  padding: 20px;

  box-sizing: border-box;

  transform: translate(-50%, -50%);

}



.fold3-item-background {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.fold3-item-background img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.fold3-item-back {

  /* position: absolute; */

  /* top: 0; */

  /* left: 0; */

  display: flex;

  flex-direction: column;

  text-align: left;

  align-items: flex-end;

  justify-content: flex-end;

  height: 100%;

  width: 100%;

  /* padding: 370px 30px 30px; */

  box-sizing: border-box;

  color: white;

  gap: 0px;

  opacity: 0;

  transition: all 0.5s ease;

  z-index: 6;

  position: relative;

  padding: 20px;

}



.fold3-item-back::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, transparent, var(--darkblue));

  opacity: 0.7;

}



.fold3-item-front::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: black;

  opacity: 0.5;

  z-index: 3;

}



.fold3-item-back * {

  position: relative;

  z-index: 3;

  margin: 0;

}



.fold3-item-back .smalltitle {

  color: var(--primary) !important;

}



.fold3-item-front * {

  margin: 0;

}



.blog-wrapper .row-container {

  max-width: 1460px;

}



.blog-wrapper {

  padding: 70px 0px;

}



.blog-wrapper p span {

  color: inherit;

}



.fold3-item-front-content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: flex-end;

  justify-content: flex-start;

  color: white;

  transition: all 0.5s ease;

  z-index: 4;

  padding: 20px;

  box-sizing: border-box;

}



.fold3-item:hover .fold3-item-back {

  opacity: 1;

}



.fold3-item:hover .fold3-item-front-content {

  opacity: 0;

}



.fold3-item-back-inner {

  padding-left: 0px;

  position: relative;

  width: 100%;

}



.fold3-item-back-inner::before {

  top: 0;

  left: 0;

  height: 70px;

  width: 4px;

  background: var(--lightblue);

  content: "";

  position: absolute;

}



.container-fold-c-wrapper {

  display: flex;

  padding: 70px 0px;

  flex-wrap: wrap;

  gap: 30px;

}



.blog-inner {

  display: flex;

  gap: 40px;

}



.blog-related {

  flex: 0 0 400px;

  display: flex;

  flex-direction: column;

  gap: 20px;

  width: 400px;

}



.blog-related .subtitle{

  text-align: left;

  margin: 0;

}



.blog-related .fold3-item p{

  font-size: 14px;

  line-height: 20px;

  color: white;

}



.blog-related .fold3-item p.subtitle{

  font-size: 20px;

  line-height: 28px;

}



.blog-related .fold3-item{

  padding: 0;

  flex: 0 0 auto;

  height: 300px;

}



.blog-content {

  text-align: left;

}



.blog-related .fold3-item-front {

  position: absolute;

  top: 50%;

  left: 50%;

  height: calc(100% - 0px);

  width: calc(100% - 0px);

  text-align: left;

  padding: 20px;

  box-sizing: border-box;

  transform: translate(-50%, -50%);

}



.blog-new-img {

  margin-bottom: 30px;

  max-height: 500px;

  overflow: hidden;

}



.blog-content-outer {

  background: whitesmoke;

  padding: 20px;

  box-sizing: border-box;

  width: calc(100% - 440px);

}



.container-fold-c {

    background: whitesmoke;

}



.fold3-item-img > img {

  max-height: 260px;

  width: 100%;

  object-fit: cover;

  height: 260px;

}



.fold3-item:hover {

  box-shadow: 0px 0px 5px 2px #00000022;

  scale: 1.05;

}



.fold3-item-title > .subtitle {

    font-size: 22px;

    line-height: 26px;

    color: #000;

    margin-top: 10px;

}



.fold3-item-content p, .fold3-item-content h2 {

    font-weight: 300;

    color: #000;

    line-height: 22px;

    font-size: 13px;

}



.fold3-item > .readmore {

    /* background: transparent; */

    /* padding: 0px; */

    width: 150px;

    /* color: var(--lightblue); */

    font-size: 14px;

    /* border-bottom: 1px solid var(--lightblue); */

    display: flex;

    gap: 5px;

    text-align: center;

    justify-content: center;

    box-sizing: border-box;

}



.fold3-item > .readmore::after {

    content: '\f178';

    color: var(--lightblue);

    font-size: 10px;

    font-family: 'Font Awesome 6 Pro';

}



.fold3-item:hover > .readmore {

    gap: 10px;

}



.blog-new-img > img {

  object-fit: cover;

  object-position: center;

  width: 100%;

  height: 100%;

}



.blog-content a {

  color: var(--secondary);

  overflow-wrap: break-word;

}



.blog-content h3 {

  color: #333;

}



.fold3-item-content-outer {

    padding: 20px;

    box-sizing: border-box;

}



.gallery {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

    margin: 10px auto;

}



figure.gallery-item {

    margin: 0;

}



.blog-wrapper .blog-content-outer img {

    height: auto;

    object-fit: contain;

}