/*********************
START: BLOGS
*********************/
.blogs--content {
  font-family: var(--font-familyNum);
}

.blogs--content>ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blogs--content>ul>li {
  width: 48%;
  padding-block-end: 2.5rem;
  position: relative;
  margin-block-end: 2rem;
}

.blogs--content>ul>li>a>img {
  height: 330px;
  object-fit: cover;
  width: 100%;
  display: block;
  border-radius: var(--border-radius10);
}

.blogs--content>ul>li .blogs--card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 1.25rem;
  font-size: var(--txt14);
  border-bottom: 1px solid var(--primary-color);
}

.blogs--content>ul>li .blogs--card__header>div {
  display: flex;
  align-items: center;
}

.blogs--content>ul>li .blogs--card__header>div:last-child>div:not(:last-child) {
  margin-inline-end: 1rem;
}

.blogs--content>ul>li .blogs--card__header>div:last-child>div:not(:last-child)>img,
.blogs--content>ul>li .blogs--card__header>div:first-child>img {
  margin-inline-end: 3px;
  vertical-align: baseline;
}

.blogs--content>ul>li .blogs--card__body>h6 {
  font-size: var(--txt18);
  margin-block-start: 1.5rem;
}

.blogs--content>ul>li .blogs--card__body>p {
  font-size: var(--txt16);
  line-height: var(--line-height160);
  margin-block: 1rem;
  text-align: justify;
}

.blogs--content>ul>li .blogs--card__body>a.btn--primary__borderles {
  position: absolute;
  bottom: 25px;
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
}

/*********************
END: BLOGS
*********************/

/*********************
START: CONTENT
*********************/
.content {
  display: flex;
  justify-content: space-between;
}

.content--title {
  border-top: 1px solid var(--grayLight-color);
  border-bottom: 1px solid var(--grayLight-color);
  padding-block: 1.25rem;
  margin-block: 2rem;
  font-family: var(--font-familyNum);
}

.content--title>h1 {
  font-size: var(--txt20);
}

.content--title>h2 {
  font-size: var(--txt16);
}

.content--showCase {
  width: 69%;
}

.content--side {
  width: 29%;
}

.content--category:first-child ul {
  padding: 1.5rem;
  border-radius: var(--border-radius10);
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/icons/Rectangle-aside-blue.svg);
}

.content--category ul li {
  position: relative;
  font-size: var(--txt18);
  padding-inline-start: 1.75rem;
  width: 90%;
}

.content--category:first-child ul li::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 3px;
  right: 0;
  background-image: url(../img/icons/rightDark-gandom.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.content--category ul li:not(:last-child) {
  margin-block-end: 2rem;
}

.content--category:nth-child(2) ul {
  padding: 1.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--border-radius10);
  background-image: url(../img/icons/Rectangle-aside-purpel.svg);
}

.content--category:nth-child(2) ul li {
  width: 90%;
  font-size: var(--txt16);
}

.content--category:nth-child(2) li:not(:last-child) {
  margin-block-end: 1.25rem;
}

/*********************
END: CONTENT
*********************/
@media screen and (min-width: 2560px) {

  .content--title>h1,
  .content--title>h2, 
  .whatContract--search h2 {
    font-size: var(--txt30);
  }

  .blogs--content>ul>li .blogs--card__body>h6, 
  .blogs--content>ul>li .blogs--card__body>p, 
  .woocommerce ul.products li.product a h2, 
  .widgetTitle h3{
    font-size: var(--txt25) !important;
  }

  .blogs--card__header div p, 
  .blogs--card__header div span, 
  .content--category ul li,
  .whatContract p,
  .sortbyShop ul.dropdownMenu li,
  .sortbyShop span,
  .woocommerce ul.products li.product span.price,
  .woocommerce-result-count,
  .widgetBody ul li,
  .blogs--content>ul>li .blogs--card__body>a.btn--primary__borderles{
    font-size: var(--txt20) !important;
  }

  .whatContract .form--group button img,
  .blogs--card__header img{
    width: 1.5rem;
  }

  .content--category ul li{
    width: 85%;
  }
}

@media screen and (min-width: 1920px) and (max-width: 2559px) {

  .content--title>h1,
  .content--title>h2{
    font-size: var(--txt25);
  }

  .blogs--content>ul>li .blogs--card__body>h6, 
  .blogs--content>ul>li .blogs--card__body>p, 
  .woocommerce ul.products li.product a h2, 
  .widgetTitle h3{
    font-size: var(--txt20) !important;
  }

  .blogs--card__header div p, 
  .blogs--card__header div span,
  .content--category ul li,
  .whatContract p,
  .sortbyShop ul.dropdownMenu li,
  .sortbyShop span,
  .woocommerce ul.products li.product span.price,
  .woocommerce-result-count,
  .widgetBody ul li,
  .blogs--content>ul>li .blogs--card__body>a.btn--primary__borderles{
    font-size: var(--txt18) !important;
  }

  .whatContract .form--group button img,
  .blogs--card__header img{
    width: 1.25rem;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {}

@media screen and (max-width: 1200px) {
  .content--subject ul li {
    width: 85%;
  }
	
	.content--category:first-child ul{
		background-image: unset;
		background-color: var(--blueLight1-color);
	}
	
	.content--category ul li{
		font-size: var(--txt16) !important;
	}
	
	.content--category:nth-child(2) ul{
	    background-image: unset;
		background-color: var(--purpleLight2-color);
	}
	
	.content--category ul{
		padding: 1rem 0 1rem 1rem !important;
	}

  .blogs--content>ul>li .blogs--card__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .blogs--content>ul>li .blogs--card__header>div:first-child {
    margin-block-end: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .content {
    flex-direction: column-reverse;
  }

  .content--showCase,
  .content--side {
    width: 100%;
  }

  .content--subject ul,
  .content--category ul {
    min-height: auto;
  }
	
	.content--category ul li:not(:last-child), 
	.content--category:nth-child(2) li:not(:last-child){
		margin-block-end: 1rem;
	}
}

@media screen and (max-width: 576px) {
  .blogs--content>ul>li {
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
	.content--category ul li{
		font-size: var(--txt14)
	}
}