@charset "UTF-8";

@import url(./bs-bundle/bootstrap.min.css);

@import url(./base.css);

/* BG IGS GRADIENT */

.case-banner.bg-igs-gradient {
  background: #5a2b6d;

  background: linear-gradient(270deg, #5a2b6d 0, #1d195f 100%);
}

.case-banner.bg-igs-gradient .case-banner__title {
  position: relative;

  font: var(--font-f40B);

  max-width: 690px;

  color: var(--igsWhite);

  line-height: 44px;

  margin-bottom: 0;

  z-index: 0;
}

.case-banner__sub {
  letter-spacing: 1px;

  font: var(--font-f14R);

  color: #dbdbdb;
}

.case-banner__divider {
  display: block;

  width: 192px;

  height: 6px;

  background: linear-gradient(114.44deg, #624af2, #50ddc3);

  margin-top: 20px;

  border-radius: 999px;
}

.page-title {
  position: relative;

  font: var(--font-f50B);

  color: var(--igsDarkBlue2);
}

.page-title::after {
  position: absolute;

  content: "";

  width: 60px;

  height: 2px;

  background-color: var(--igsOrange);

  bottom: -18px;

  left: 0;

  z-index: 0;
}

.page-description {
  position: relative;

  font: var(--font-f18R);

  color: var(--igsLightBlue);

  max-width: 700px;
}

/* FILTER */

.sidebar-filters--title {
  font: var(--font-f30B);

  color: var(--igsDarkBlue2);
}

.filter-sort {
  border-bottom: 1px solid #eaeaea;

  margin-bottom: 0;
}

.filter-sort.active .filter-sort--title a {
  color: var(--igsSoftBlue2);
}

.filter-sort--title {
  margin-bottom: 0;
}

.filter-sort--title a {
  font: var(--font-f18B);

  color: var(--igsBlue);

  text-decoration: none;

  display: inline-block;

  padding: 1.2rem 0;
}

.filter-sort--label a {
  text-decoration: none;

  font: var(--font-f16R);

  color: var(--igsBlue);
}

.filter-sort--label a.active {
  color: var(--igsSoftBlue2);
}

.filter-sort--label > .filter:hover {
  color: var(--igsSoftBlue2);
}

.filter-data {
  transition: 0.3s ease-in-out;

  max-width: 340px;

  margin: 0 0 0 auto;

  height: 100%;
}

.filter-data > a {
  text-decoration: none;

  display: block;

  border: 1px solid #eaeaea;

  border-radius: 8px;

  overflow: hidden;

  height: 100%;
}

.filter-data > a > img {
  max-height: 190px;

  overflow: hidden;

  width: 100%;

  object-fit: cover;

  object-position: top;
}

.filter-data:hover {
  transform: translateY(-5px);

  box-shadow: 0px 20px 20px 0px rgb(235, 239, 244);
}

.filter-data:hover:focus {
  transform: translateY(0);

  box-shadow: unset;
}

.filter-data .filter-data-content {
  padding: 1.4rem 1rem;
}

.filter-data .filter-data-content .content-date {
  font: var(--font-f14R);

  color: var(--igsLightBlue);

  margin-bottom: 0.5rem;
}

.filter-data a:visited .filter-data-content .content-title {
  color: var(--igsMidBlue);
}

.filter-data .filter-data-content .content-title {
  font: var(--font-f16B);

  color: var(--igsMid4Blue);

  text-decoration: none;

  line-height: 24px;

  display: inline-block;

  margin-bottom: 0.5rem;
}

.filter-data .filter-data-content .content-text {
  font: var(--font-f16R);

  color: var(--igsLightBlue);

  margin-bottom: 0;
}

.filter-meta {
  text-transform: uppercase;

  font: var(--font-f13R);

  color: var(--igsLightBlue);

  letter-spacing: 0.1rem;

  position: relative;

  z-index: 0;
}

.filter-data:hover .filter-meta::after {
  background-color: #ced6e2;
}

.filter-meta::after {
  position: absolute;

  content: "";

  background-color: #e9e9e9;

  width: 168px;

  height: 1px;

  right: 0;

  top: 50%;

  z-index: 0;
}

.cs-latest-stories {
  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  overflow: hidden;

  max-width: 340px;

  margin-left: auto;
}

.cs-latest-stories .title {
  background: rgb(214, 219, 242);

  color: #102952;

  padding: 15px 30px;

  font: var(--font-f20B);

  margin-bottom: 0px;
}

.cs-latest-stories .list {
  padding: 20px;
}

.cs-latest-stories .list,
.cs-latest-stories .list li {
  list-style-type: none;
}

.cs-latest-stories .list a {
  background: url(../media/icons/submenuArrow.png) no-repeat left 15px;

  font: var(--font-f16R);

  color: #535c82;

  padding: 6px 0 6px 16px;

  text-decoration: none;

  display: inline-block;

  line-height: 22px;

  transition: 0.1s ease-in-out;
}

.cs-latest-stories .list a:hover {
  background: url(../media/icons/submenuArrow.png) no-repeat 2px 15px;

  font-weight: bold;

  text-decoration: underline;
}

.cs-action-layout {
  background: url(../media/layer-1.png) no-repeat 0 0;

  padding: 25px 30px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  background-size: contain;

  max-width: 340px;

  margin-left: auto;
}

.cs-action-layout .small-text {
  font: var(--font-f20B);

  color: #102952;

  margin-bottom: 4px;
}

.cs-action-layout .larger-text {
  font: var(--font-f30B);

  color: #102952;

  margin-bottom: 0;
}

.cs-action-layout .description-text {
  font: var(--font-f16R);

  color: var(--igsLightBlue);

  line-height: 24px;

  margin-top: 80px;

  margin-bottom: 0;
}

.cs-action-layout .action-btn {
  border: 0;

  cursor: pointer;

  outline: none;

  width: 100%;

  background: var(--igsOrange);

  color: var(--igsWhite);

  font: var(--font-f20B);

  text-decoration: none;

  padding: 12px 25px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  display: inline-block;

  text-align: center;

  margin-top: 30px;
}

.cs-category ul,
.cs-category li {
  list-style-type: none;
}

.cs-category {
  padding: 25px 30px;

  border-radius: 10px;

  max-width: 340px;

  margin-left: auto;
}

.cs-category-title {
  color: var(--igsSoftBlue2);

  font: var(--font-f18B);

  text-decoration: none;

  display: inline-block;

  padding: 1.2rem 0;
}

.cs-category li a {
  text-decoration: none;

  font: var(--font-f16R);

  color: var(--igsBlue);

  margin: 3px 0;

  display: inline-block;
}

.cs-category li a.active {
  color: var(--igsSoftBlue2);
}

.page-case-details li ul li::before {
  display: none;
}

.css-form {
  position: sticky;

  top: 40px;

  border-radius: 10px;

  max-width: 340px;

  margin-left: auto;
}

.css-form-header {
  font: var(--font-f20R);

  background-color: var(--igsDarkBlue2);

  color: var(--igsWhite);

  padding: 15px 30px;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;
}

.css-form-holder {
  padding: 25px 30px;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  border-top: 0;
}

.css-form-holder .btn {
  padding: 12px 20px;

  font: var(--font-f18B);

  box-shadow: rgb(0 0 0 / 25%) 0px 2px 2px 0px;
}

.css-form-holder .btn:hover {
  color: var(--igsWhite);
}

.css-form-holder .btn img {
  display: none;

  visibility: hidden;

  opacity: 0;
}

.news_details h4 {
  font: var(--font-f25B);
  color: var(--igsMid4Blue);
}

@media (min-width: 1280px) {
  .sidebar-filters {
    margin-right: 2rem;
  }
}

@media (min-width: 992px) {
  .sidebar-filters {
    position: sticky;

    top: 110px;
  }
}

@media (max-width: 991px) {
  .filter-data {
    max-width: 100%;
  }

  .cs-action-layout,
  .cs-category,
  .aboutInner__form {
    margin-left: auto;

    margin-right: auto;

    max-width: 390px !important;
  }
}

/* .newspage-pagination ul li a.page-link {
  color: #43649a;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #43649a;
} */