.masthead__wrap { padding-top: 64px; padding-bottom: 64px; }

.masthead__cards { padding: 16px; }

.masthead__cards .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0; }

.masthead__cards .items .item { -webkit-flex: 0 0 calc(100%); -ms-flex: 0 0 calc(100%); flex: 0 0 calc(100%); width: 100%; padding: 24px; border-radius: 16px; border: 1px solid #D0D6DD; background: #FFF; box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }

.masthead__cards .items .item__img { width: 100%; height: 354px; max-height: 354px; margin-bottom: 24px; display: block; text-decoration: none; }

.masthead__cards .items .item__img img { height: 100%; width: 100%; object-fit: cover; border-radius: 12px; }

.masthead__cards .items .item__title { font-size: 20px; line-height: 28px; margin-bottom: 0; }

.masthead__cards .items .item__title a { color: #232933; text-decoration: none; transition: all linear .3s; }

.masthead__cards .items .item__title:hover a { text-decoration: underline; transition: all linear .3s; }

.masthead__cards .items .item__action { margin-top: 16px; }

.masthead__thumbs { margin-top: 24px; }

.masthead__thumbs .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 24px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 460px; width: 100%; margin: 0 !important; padding: 0; }

.masthead__thumbs .items .item { -webkit-flex: 0 0 calc((100%/3) - 6px); -ms-flex: 0 0 calc((100%/3) - 6px); flex: 0 0 calc((100%/3) - 6px); width: calc((100%/3) - 6px); display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; height: 56px; padding: 0 12px; }

.masthead__thumbs .items .item img { height: auto; width: auto; max-height: 56px; max-width: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all linear .3s; }

.masthead__thumbs .items .item.swiper-slide-thumb-active img { -webkit-filter: grayscale(0); filter: grayscale(0); transition: all linear .3s; }

@media (max-width: 425px) { .masthead__cards .items .item__img { height: 206px; } }

.cs-cards { padding: 64px 0; }

.cs-cards__filter { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 16px; margin-bottom: 32px; }

.cs-cards__filter .f-dropdown { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex: 0 0 205px; -ms-flex: 0 0 205px; flex: 0 0 205px; }

.cs-cards__filter .f-dropdown .bootstrap-select > .dropdown-toggle { border-color: #626B79; border-radius: 200px; padding: 8px 16px; }

.cs-cards__filter .f-dropdown .bootstrap-select > .dropdown-toggle .filter-option-inner-inner { color: #626B79; font-weight: 600; }

.cs-cards .cards { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 24px; position: relative; }

.cs-cards .cards.loading::before { content: ''; position: absolute; z-index: 3; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; }

.cs-cards .cards.loading::after { content: ''; position: absolute; z-index: 4; width: 80px; height: 80px; background: url(../images/loading.svg) no-repeat center; background-size: contain; top: calc(50% - 40px); left: calc(50% - 40px); }

.cs-cards .cards .card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 0 0 calc((100% / 3) - 16px); -ms-flex: 0 0 calc((100% / 3) - 16px); flex: 0 0 calc((100% / 3) - 16px); width: calc((100% / 3) - 16px); padding: 24px; border-radius: 16px; background: #F1F5F9; text-decoration: none; transition: all linear .3s; border: 1px solid #F1F5F9; }

.cs-cards .cards .card__img { width: 100%; height: 228px; margin-bottom: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.cs-cards .cards .card__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }

.cs-cards .cards .card__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.cs-cards .cards .card__category ul { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; list-style: none; padding: 0; margin: -4px; }

.cs-cards .cards .card__category ul li { padding: 4px; }

.cs-cards .cards .card__category ul li a, .cs-cards .cards .card__category ul li span { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 4px 8px; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #C02A34; border: 1px solid #C02A34; border-radius: 200px; background: transparent; }

.cs-cards .cards .card__category ul li a:hover, .cs-cards .cards .card__category ul li span:hover { text-decoration: none; }

.cs-cards .cards .card__logo img { height: 56px; width: auto; }

.cs-cards .cards .card__title { font-size: 20px; line-height: 28px; color: #232933; margin-bottom: 0; }

.cs-cards .cards .card__title a { color: #232933; }

.cs-cards .cards .card__action { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: auto; }

.cs-cards .cards .card:hover { box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); background: #FFF; transition: all linear .3s; border: 1px solid #D0D6DD; }

.cs-cards .cards .post-not-found { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 300px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; }

.cs-cards .pagination-row { margin-top: 32px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.cs-cards .pagination-row .pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; }

.cs-cards .pagination-row .pagination .page-item { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 32px; height: 32px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 87.5px; margin: 0; cursor: pointer; }

.cs-cards .pagination-row .pagination .page-item.disable { pointer-events: none; }

.cs-cards .pagination-row .pagination .page-item.disable svg path { stroke: #D0D6DD; }

.cs-cards .pagination-row .pagination .page-item.disable:hover { cursor: not-allowed; pointer-events: none; }

.cs-cards .pagination-row .pagination .page-item.active { background: #EAECFB; }

.cs-cards .pagination-row .pagination .page-item.active .page-link { color: #4B61DD; }

.cs-cards .pagination-row .pagination .page-item .page-link { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; color: #626B79; font-size: 16px; line-height: 24px; font-weight: 600; }

.cs-cards .pagination-row .pagination .page-item .page-link.disabled { pointer-events: none; opacity: 0.5; }

.cs-cards .pagination-row .pagination .page-item .prev, .cs-cards .pagination-row .pagination .page-item .next { position: relative; }

.cs-cards .pagination-row .pagination .page-item .prev span, .cs-cards .pagination-row .pagination .page-item .next span { position: absolute; color: transparent; opacity: 0; visibility: hidden; }

@media (max-width: 991px) { .cs-cards { padding: 32px 0; }
  .cs-cards__filter .f-dropdown { -webkit-flex: 0 0 calc((100% / 4) - 4px); -ms-flex: 0 0 calc((100% / 4) - 4px); flex: 0 0 calc((100% / 4) - 4px); width: calc((100% / 4) - 4px); }
  .cs-cards .cards .card { -webkit-flex: 0 0 calc(50% - 16px); -ms-flex: 0 0 calc(50% - 16px); flex: 0 0 calc(50% - 16px); width: calc(50% - 16px); } }

@media (max-width: 425px) { .cs-cards__filter { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 40px; }
  .cs-cards__filter .f-dropdown { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; }
  .cs-cards .cards .card { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; }
  .cs-cards .cards .card__img { height: 228px; } }

.about-block { padding: 64px 0; }

.about-block__head { text-align: center; }

.about-block__title { margin-bottom: 8px; }

.about-block__desc { margin-bottom: 24px; }

.about-block__action { padding: 8px; }

.about-block .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 16px; max-width: 1100px; width: 100%; margin: 0 auto 24px auto; }

.about-block .items .item { -webkit-flex: 0 0 calc((100%/4) - 12px); -ms-flex: 0 0 calc((100%/4) - 12px); flex: 0 0 calc((100%/4) - 12px); width: calc((100%/4) - 12px); padding: 16px 16px 16px 56px; border: 1px solid #D0D6DD; border-radius: 8px; position: relative; }

.about-block .items .item__icon { position: absolute; left: 16px; top: 16px; width: 24px; height: 24px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.about-block .items .item__meta { margin-bottom: 4px; }

.about-block .items .item__number { font-weight: 600; font-size: 32px; line-height: 150%; color: #232933; }

@media (max-width: 1200px) { .about-block .items .item { padding: 16px; }
  .about-block .items .item__icon { position: relative; left: unset; top: unset; margin-bottom: 16px; } }

@media (max-width: 991px) { .about-block { padding: 32px 0; }
  .about-block .items .item { -webkit-flex: 0 0 calc((100%/2) - 12px); -ms-flex: 0 0 calc((100%/2) - 12px); flex: 0 0 calc((100%/2) - 12px); width: calc((100%/2) - 12px); padding-left: 56px; }
  .about-block .items .item__icon { position: absolute; left: 16px; top: 16px; } }

@media (max-width: 425px) { .about-block .items .item { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } }

.about-block.gartner { background: #F1F5F9; }

.about-block.gartner .about-block__head { margin-bottom: 24px; }

.about-block.gartner .about-block__gartner strong { font-size: 14px; line-height: 20px; font-weight: 600; margin-bottom: 8px; display: block; }

.about-block.gartner .about-block__gartner .score { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 16px; }

.banner-block { padding: 64px 0; }

.banner-block__wrapper { padding: 24px; background: #EDFAFF; border-radius: 8px; }

.banner-block__meta { font-weight: 600; }

.banner-block__meta span.badge { margin-left: 4px; background: #009BDE; }

.banner-block__title { font-weight: 600; font-size: 32px; line-height: 48px; margin-bottom: 8px; padding-right: 30px; }

.banner-block__desc { padding-right: 30px; }

.banner-block__desc p:last-child { margin-bottom: 0px; }

.banner-block__action { margin-top: 24px; }

.banner-block__action a { margin-right: 16px; }

.banner-block__action a:last-child { margin-right: 0; }

.banner-block__img { text-align: center; }

.banner-block__img img { display: inline-block; margin: 0 auto; }

.banner-block.banner-block--alt .banner-block__wrapper { padding: 32px 64px; background: #F1F5F9; border-radius: 8px; }

@media (max-width: 991px) { .banner-block { padding: 32px 0; }
  .banner-block__title { font-size: 28px; line-height: 36px; padding-right: 0; }
  .banner-block__desc { padding-right: 0; }
  .banner-block__action a { margin-right: 16px; }
  .banner-block__action a:last-child { margin-bottom: 0; }
  .banner-block__img { margin-top: 24px; } }

@media (max-width: 425px) { .banner-block__wrapper { margin-left: 0; margin-right: 0; padding: 24px 12px; }
  .banner-block.banner-block--alt .banner-block__wrapper { padding: 24px 12px; }
  .banner-block__action a { margin-right: 0; margin-bottom: 16px; width: 100%; }
  .banner-block__action a:last-child { margin-bottom: 0; } }

/*# sourceMappingURL=case-study.css.map */