/* ## Featured
--------------------------------------------- */
.blog .featured-articles {
  background-color: #05070f;
  padding: 200px 0 50px;
  border-bottom: 1px solid #22242b;
}

.blog .featured-articles .container,
.blog .articles .container {
  max-width: 1220px;
}

.blog .featured-articles .swiper-slide {
  cursor: pointer;
}

.blog .featured-articles .swiper-slide img {
  flex: none;
  max-width: 48.4%;
  border-radius: 16px;
  border: 1px solid #1b1f2f;
}

.blog .featured-articles .swiper-slide span {
  font-size: 12px;
  letter-spacing: 4.8px;
  color: #c4c4c4a1;
}

.blog .featured-articles .swiper-slide h3 {
  font-size: 48px;
  line-height: 1.2;
}

.blog .featured-articles .swiper-slide p {
  margin-bottom: 0;
  font-weight: 500;
}

.blog .featured-articles .swiper-pagination {
  position: static;
  display: block;
  margin-top: 60px;
}

.blog .featured-articles .swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin-left: 6px;
  margin-right: 6px;
  background-color: #3e3f46;
}

.blog .featured-articles .swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(
    90deg,
    #fc935a 3.28%,
    #31d6fd 51.1%,
    #1c69fd 97.98%
  );
}

/* ## Articles
--------------------------------------------- */
.blog .articles {
  background-color: #05070f;
  padding: 50px 0 100px;
}

.blog .articles h2 .gradient-text-primary {
  background: linear-gradient(
    90deg,
    #fc935a 3.28%,
    #31d6fd 51.1%,
    #1c69fd 97.98%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.blog .articles .col {
  flex: 0 0 auto;
}

.blog .articles .row:first-child .col:first-child {
  width: 31%;
}

.blog .articles .row:first-child .col:last-child {
  width: 69%;
}

.blog .articles .articles-grid {
  width: 72.87%;
}

.blog .articles .articles-categories {
  width: 27.13%;
}

.blog .articles .articles-grid .articles-item:not(:first-child) {
  margin-top: 40px;
}

.blog .articles .articles-grid .articles-item img {
  flex: none;
  max-width: 50%;
  border-radius: 16px;
  border: 1px solid #1b1f2f;
}

.blog .articles .articles-grid .articles-item .articles-item-category {
  padding: 3px 14px;
  font-size: 9px;
  background: linear-gradient(91deg, #fc935a -9.54%, #1c69fd 137.68%);
}

.blog .articles .articles-grid .articles-item .articles-item-content h3 {
  font-size: 23px;
}

.blog .articles .articles-grid .articles-item .articles-item-content p,
.blog .articles .articles-grid .articles-item .articles-item-content a {
  font-size: 15px;
}

.blog .articles .articles-grid .articles-item .articles-item-content p {
  margin-bottom: 0;
}

.blog .articles .articles-grid .articles-item .articles-item-content a {
  color: #ffffff;
}

.blog .articles .articles-grid .articles-item .articles-item-content a:focus,
.blog .articles .articles-grid .articles-item .articles-item-content a:hover {
  color: #fc9c4b;
}

.blog .articles .articles-categories div {
  position: sticky;
  top: 120px;
}

.blog .articles .articles-categories h3 {
  font-size: 22px;
}

.blog .articles .articles-categories ul li:not(:first-child) {
  margin-top: 12px;
}

.blog .articles .articles-categories ul li a {
  font-size: 14px;
  color: #6a6a6a;
  text-decoration: none;
}

.blog .articles .articles-categories ul li a:focus,
.blog .articles .articles-categories ul li a:hover {
  color: #ffffff;
}

/* ## Contact Form
--------------------------------------------- */
.blog .book-consultation h2 {
  margin-bottom: 30px !important;
  color: #ffffff;
}

.blog .book-consultation .book-consultation-text {
  margin-bottom: 30px !important;
}

.blog .book-consultation .book-consultation-text p:not(:last-of-type) {
  margin-bottom: 10px;
}

.blog .book-consultation a.email,
.blog .book-consultation a.phone-number {
  margin-bottom: 20px !important;
}

/* ## Media Query
--------------------------------------------- */
@media only screen and (min-width: 1025px) {
  .blog .articles .row:first-child p {
    max-width: 406px;
  }
}

@media only screen and (max-width: 1024px) {
  /* Featured */
  .blog .featured-articles {
    padding: 170px 0 40px;
  }

  .blog .featured-articles .swiper-slide h3 {
    font-size: 40px;
  }

  .blog .featured-articles .swiper-slide p {
    font-size: 17px;
  }

  .blog .featured-articles .swiper-slide .btn {
    font-size: 15px;
    padding: 12px 24px;
  }

  .blog .featured-articles .swiper-pagination {
    margin-top: 40px;
  }

  /* Articles */
  .blog .articles {
    padding: 40px 0 75px;
  }

  .blog .articles .row:first-child p {
    font-size: 17px;
  }

  .blog .articles .row:first-child .col:first-child,
  .blog .articles .row:first-child .col:last-child {
    width: 50%;
  }

  .blog .articles .articles-grid {
    width: 71%;
  }

  .blog .articles .articles-categories {
    width: 29%;
  }

  .blog .articles .articles-grid .articles-item:not(:first-child) {
    margin-top: 35px;
  }

  .blog .articles .articles-grid .articles-item img {
    max-width: 100%;
  }

  .blog .articles .articles-grid .articles-item .articles-item-content h3 {
    font-size: 22px;
  }

  .blog .articles .articles-grid .articles-item .articles-item-content p,
  .blog .articles .articles-grid .articles-item .articles-item-content a {
    font-size: 14px;
  }

  .blog .articles .articles-grid .btn-outline-info {
    font-size: 15px;
    padding: 12px 24px;
  }

  .blog .articles .articles-categories h3 {
    font-size: 21px;
  }

  .blog .articles .articles-categories ul li:not(:first-child) {
    margin-top: 10px;
  }

  .blog .articles .articles-categories ul li a {
    font-size: 13px;
  }

  /* Contact Form */
  .blog .book-consultation h2 {
    margin-bottom: 25px !important;
  }

  .blog .book-consultation .book-consultation-text {
    margin-bottom: 25px !important;
  }

  .blog .book-consultation a.email,
  .blog .book-consultation a.phone-number {
    margin-bottom: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  /* Featured */
  .blog .featured-articles {
    padding: 140px 0 30px;
  }

  .blog .featured-articles .swiper-slide img {
    max-width: 100%;
  }

  .blog .featured-articles .swiper-slide h3 {
    font-size: 32px;
  }

  .blog .featured-articles .swiper-slide p {
    font-size: 16px;
  }

  .blog .featured-articles .swiper-slide .btn {
    font-size: 14px;
    padding: 10px 20px;
  }

  .blog .featured-articles .swiper-pagination {
    margin-top: 20px;
  }

  /* Articles */
  .blog .articles {
    padding: 30px 0 50px;
  }

  .blog .articles .row:first-child p {
    font-size: 16px;
  }

  .blog .articles .row:first-child .col:first-child,
  .blog .articles .row:first-child .col:last-child,
  .blog .articles .articles-grid,
  .blog .articles .articles-categories {
    width: 100%;
  }

  .blog .articles .articles-grid .articles-item:not(:first-child) {
    margin-top: 30px;
  }

  .blog .articles .articles-grid .articles-item img {
    max-width: 50%;
  }

  .blog .articles .articles-grid .articles-item .articles-item-content h3 {
    font-size: 21px;
  }

  .blog .articles .articles-grid .articles-item .articles-item-content p,
  .blog .articles .articles-grid .articles-item .articles-item-content a {
    font-size: 13px;
  }

  .blog .articles .articles-grid .btn-outline-info {
    font-size: 14px;
    padding: 10px 20px;
  }

  .blog .articles .articles-categories div {
    position: static;
  }

  .blog .articles .articles-categories h3 {
    font-size: 20px;
  }

  .blog .articles .articles-categories ul {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog .articles .articles-categories ul li:not(:first-child) {
    margin-top: 8px;
  }

  .blog .articles .articles-categories ul li a {
    font-size: 12px;
  }

  /* Contact Form */
  .blog .book-consultation h2 {
    margin-bottom: 20px !important;
  }

  .blog .book-consultation .book-consultation-text {
    margin-bottom: 20px !important;
  }

  .blog .book-consultation a.email,
  .blog .book-consultation a.phone-number {
    margin-bottom: 10px !important;
  }
}

@media only screen and (max-width: 575px) {
  /* Articles */
  .blog .articles .articles-grid .articles-item img {
    max-width: 100%;
  }
}