/* News start */

#news {
  padding: 96px;
  margin: auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

#news h2 {
  color: var(--Blue, #1e3c72);
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 96px;
  text-transform: uppercase;
}

#news .link-arrow {
  display: inline-block;
  flex: 0 auto;
  -webkit-box-flex: 0;
  min-width: 30%;
  position: relative;
  text-align: left;
  text-decoration: none;
  color: var(--Blue, #1e3c72);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 14px;
  border-bottom: 1px solid #1e3c72;
}

#news .link-arrow:hover {
  color: var(--Red, #ca202e);
  border-bottom: 1px solid var(--Red, #ca202e);
}

#news .link-arrow::before,
#news .link-arrow::after {
  content: url("images/arrow-right.svg");
  display: block;
  font-family: Inter;
  font-size: inherit;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0%, -50%);
  transition: all 0.5s cubic-bezier(0.25, 0.25, 0.08, 1.08);
}

#news .link-arrow:hover::before {
  content: url("images/arrow-right-red.svg");
}

#news .link-arrow.font-reg::before,
#news .link-arrow.font-reg::after {
  font-weight: 300;
}

#news .link-arrow::before {
  opacity: 0;
  transform: translate(-100%, -50%);
}

#news .link-arrow:hover::before {
  opacity: 1;
  transform: translate(0, -50%);
}

#news .link-arrow:hover::after {
  opacity: 0;
  transform: translate(100%, -50%);
}

#news .custom-margin {
  margin-top: 48px;
}

#news .card {
  border-radius: 30px;
  background-color: #f5f8ff;
  border: none;
}

#news .card-body {
  padding-top: 0px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

#news .card .card-img-top {
  padding: 24px;
  border-radius: 40px !important;
  height: 255px !important;
  object-fit: cover !important;
  object-position: center !important;
}

#news .card h5 {
  color: var(--Blue, #1e3c72);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

#news .date {
  color: #7b8491;
}

@media screen and (max-width: 1200px) {
}

@media screen and (min-width: 768px) {
  .blog-slider-navigation {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #news {
    padding: 96px 24px;
  }

  #news h2 {
    color: var(--Blue, #1e3c72);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 65px */
    text-transform: uppercase;
  }

  #news .link-arrow {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 48px;
  }

  #news .card h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
  }

  #news .date {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }


  #news .card .card-img-top {
    border-radius: 40px !important;
    height: 208px !important;

  }

}

  @media screen and (max-width: 992px) {
  /* Container for the slider */
  #news .blog-slider-container {
    position: relative;
    width: 100%; /* Adjust as needed */
    margin: 0 auto;
  }

  /* Adjusting the arrows and dots container */
  #news .slick-prev,
  #news .slick-next {
    background: none;
    border: none;
    font-size: 20px; /* Adjust size as needed */
    cursor: pointer;
    padding: 5px;

    z-index: 1;
  }

  #news .slick-prev {
    left: -25px; /* Adjust this value for your design */
  }

  #news .slick-next {
    right: -25px; /* Adjust this value for your design */
  }

  #news .slick-dots-wrapper {
    display: flex;
    justify-content: center;
  }

  #news .slick-dots {
    display: flex !important;
    gap: 0px;
    position: relative;
  }

  #news .slick-dots li {
    margin: 0px;
  }

  #news .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bbc5d5; /* Default dot color */
  }

  #news .slick-dots li.slick-active button {
    background: var(--Blue); /* Active dot color */
  }

  #news .slick-prev,
  #news .slick-next {
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    width: auto;
  }

  #news .slick-dots {
    position: relative !important;
    bottom: 0px;
    display: flex;
    width: fit-content;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  #news .slick-dots li button::before {
    font-size: 0px;
  }

  /* Custom arrows styling */
  #news .slick-prev,
  #news .slick-next {
    background-color: white;
    height: 48px;
    width: 48px;
    padding: 12px;
    border-radius: 50px;
    border: 1px solid var(--Blue);
    position: relative;
    margin-top: 50px;
  }

  #news .slick-prev:hover,
  #news .slick-next:hover {
    opacity: 0.5;
    transition: 0.5s;
  }

  #news .slick-prev::before {
    content: url("images/arrow-left-slider.svg");
  }

  #news .slick-next::before {
    content: url("images/arrow-right-slider.svg");
  }

  #news .slick-dots li {
    margin-bottom: 7px;
    display: flex !important;
    justify-content: center;
    align-items: center; /* Align dots vertically */
  }

  #news .slick-dots {
    padding-top: 7px;
  }

  /* Container for the slider navigation */
  .blog-slider-navigation {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 20px;
  }

  .blog-slick-prev,
  .blog-slick-next {
    background-color: white;
    height: 48px;
    width: 48px;
    padding: 12px;
    border-radius: 50px;
    border: 1px solid var(--Blue);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .blog-slick-prev:hover,
  .blog-slick-next:hover {
    opacity: 0.5;
    transition: 0.5s;
  }

  .blog-slick-prev::before {
    content: url("images/arrow-left-slider.svg");
  }

  .blog-slick-next::before {
    content: url("images/arrow-right-slider.svg");
  }

  .blog-slick-dots-wrapper {
    display: flex;
    justify-content: center;
    gap: 5px; /* Adjust the gap between dots */
  }

  #news .slick-dots {
    display: flex !important;
    gap: 8px;
    padding: 0px 8px;
    margin: 0;
    list-style: none;
  }

  #news .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bbc5d5; /* Default dot color */
  }

  #news .slick-dots li.slick-active button {
    background: var(--Blue); /* Active dot color */
  }

  /* Styling for the blog slider navigation */
  .blog-slider-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Adjust spacing between arrows and dots */
    margin-top: 32px;
  }

  .blog-nav-prev,
  .blog-nav-next {
    background-color: white;
    height: 48px;
    width: 48px;
    padding: 12px;
    border-radius: 50px;
    border: 1px solid var(--Blue);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .blog-nav-prev:hover,
  .blog-nav-next:hover {
    opacity: 0.5;
    transition: 0.5s;
  }

  .blog-nav-prev::before {
    content: url("images/arrow-left-slider.svg");
  }

  .blog-nav-next::before {
    content: url("images/arrow-right-slider.svg");
  }

  .blog-nav-dots-wrapper {
    display: flex;
    justify-content: center;
    gap: 5px; /* Adjust the gap between dots */
  }

  .blog-nav-dots-wrapper .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bbc5d5; /* Default dot color */
  }

  .blog-nav-dots-wrapper .slick-dots li.slick-active button {
    background: var(--Blue); /* Active dot color */
  }
}

/* News end */