.everycookie {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }

.everycookie-container {
  max-width: 1194px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  text-align: left; }
  .everycookie-container--header {
    padding: 120px 0 40px; }
  .everycookie-container--what {
    padding: 65px 0 40px; }
  .everycookie-container--how {
    padding: 65px 0 40px; }
  .everycookie-container--safe {
    padding: 65px 0 40px;
    text-align: center; }
  @media screen and (max-width: 1220px) {
    .everycookie-container {
      padding-left: 15px;
      padding-right: 15px; } }

.everycookie-header {
  background-image: url(/images/backgrounds/dnsleak-bg.svg);
  color: #FFFFFF; }
  .everycookie-header__title {
    font-weight: 500;
    font-size: 42px;
    line-height: 57px;
    margin-bottom: 34px; }
  .everycookie-header__test-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 36px 41px 39px 57px;
    background: #134055;
    border-radius: 0 0 2px 2px;
    background-image: url(/images/backgrounds/everycookie_line_header.svg);
    background-repeat: no-repeat;
    background-position-y: bottom; }
    @media screen and (max-width: 660px) {
      .everycookie-header__test-wrapper {
        flex-direction: column;
        padding: 36px; } }
  .everycookie-header__test-text {
    max-width: 60%; }
    @media screen and (max-width: 660px) {
      .everycookie-header__test-text {
        max-width: 100%;
        margin-bottom: 30px; } }
  .everycookie-header__test-title, .everycookie-header__test-id {
    font-weight: 800;
    font-size: 56px;
    line-height: 64px;
    text-transform: uppercase; }
  .everycookie-header__test-id {
    margin-bottom: 12px; }
  .everycookie-header__test-uid-status {
    color: #38c0a1; }
  .everycookie-header__test-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 44px; }
  .everycookie-header__test-button {
    min-width: 278px;
    padding: 17px 10px;
    border: none;
    background: #FB434B;
    border-radius: 93px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    cursor: pointer; }
    .everycookie-header__test-button:hover {
      opacity: .8; }
  .everycookie-header__test-dataset {
    position: relative;
    max-width: 315px;
    width: 100%;
    list-style: none;
    margin: 0;
    padding-left: 40px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF; }
    @media screen and (max-width: 660px) {
      .everycookie-header__test-dataset {
        padding-left: 0; } }
  .everycookie-header__test-data {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px; }
    .everycookie-header__test-data:last-child, .everycookie-header__test-data:first-child {
      margin-bottom: 0; }
    .everycookie-header__test-data--divider {
      position: absolute;
      left: 0;
      top: -36px;
      width: 1px;
      background-color: #184D66;
      height: calc(100% + 75px); }
      @media screen and (max-width: 660px) {
        .everycookie-header__test-data--divider {
          display: none; } }
  .everycookie-header__test-result.found {
    color: #38c0a1; }

.everycookie-what {
  background-color: #FFFFFF; }
  .everycookie-what__title {
    font-weight: 500;
    font-size: 42px;
    line-height: 57px;
    color: #333333;
    margin-bottom: 31px; }
  .everycookie-what__desc {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #555555;
    margin-bottom: 34px; }

.list-mechanisms {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap; }
  .list-mechanisms__mechanism {
    max-width: 280px;
    margin-right: 16px;
    width: 100%;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    padding: 51px 32px 31px; }
    .list-mechanisms__mechanism:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1220px) {
      .list-mechanisms__mechanism {
        margin-bottom: 16px; } }
  .list-mechanisms__mechanism-img {
    margin-bottom: 27px; }
  .list-mechanisms__mechanism-text {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333; }
    .list-mechanisms__mechanism-text--substring {
      display: block;
      font-size: 14px;
      line-height: 22px; }
      .list-mechanisms__mechanism-text--substring:first-child {
        margin-top: 20px; }
    .list-mechanisms__mechanism-text--substring-html {
      text-transform: uppercase; }
    .list-mechanisms__mechanism-text--substring-storage {
      font-weight: 300; }

.everycookie-how {
  background-color: #FFFFFF; }
  .everycookie-how__title {
    font-weight: 500;
    font-size: 42px;
    line-height: 57px;
    color: #333333;
    margin-bottom: 43px;
    text-align: center; }
  .everycookie-how__list-how {
    padding: 0;
    margin: 0;
    list-style: none; }

.list-how__el {
  display: flex;
  justify-content: space-between;
  padding: 45px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 4px; }
  @media screen and (max-width: 540px) {
    .list-how__el {
      align-items: center;
      flex-direction: column; } }
  @media screen and (min-width: 541px) {
    .list-how__el:nth-child(even) {
      flex-direction: row-reverse; }
      .list-how__el:nth-child(even) .list-how__el-icon {
        margin-left: 30px; }
    .list-how__el:nth-child(odd) .list-how__el-icon {
      margin-right: 30px; } }
@media screen and (max-width: 540px) {
  .list-how__el-icon {
    margin-bottom: 16px; } }
.list-how__el-text {
  display: block;
  line-height: 26;
  margin-bottom: 0; }
  @media screen and (max-width: 540px) {
    .list-how__el-text {
      text-align: center; } }
  .list-how__el-text--title {
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #333333; }
  .list-how__el-text--desc {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #555555;
    margin-bottom: 12px; }
    .list-how__el-text--desc:last-child {
      margin-bottom: 0; }
    .list-how__el-text--desc span {
      display: block;
      font-weight: 500; }

.everycookie-safe {
  background-color: #FBFBFB;
  text-align: center; }
  .everycookie-safe__title {
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 42px;
    line-height: 57px;
    color: #333333; }
  .everycookie-safe__desc {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #555555;
    margin-bottom: 30px; }
  .everycookie-safe__list-safe {
    padding: 0;
    margin: 0;
    list-style: none; }

.list-safe {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media screen and (max-width: 830px) {
    .list-safe {
      flex-direction: column;
      align-items: center; } }
  .list-safe__el {
    max-width: 373px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 50px 70px;
    margin-right: 26px; }
    .list-safe__el:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1220px) {
      .list-safe__el {
        margin-bottom: 26px; }
        .list-safe__el:last-child {
          margin-bottom: 0; } }
    @media screen and (max-width: 830px) {
      .list-safe__el {
        margin-right: 0; } }
  .list-safe__el-icon {
    margin-bottom: 16px; }
  .list-safe__el-text {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333; }

/*# sourceMappingURL=style.css.map */