/* =========================
   BASE
========================= */

.qp-catalog,
.qp-catalog *{
  box-sizing:border-box;

  font-family:
    "Montserrat-Light",
    "Montserrat",
    Arial,
    sans-serif;
}


.qp-catalog{
  width:100%;

  padding:58px 0 54px;

  background:#fff;

  color:#151515;
}


.qp-catalog__in{
  width:calc(100% - 36px);

  max-width:1440px;

  margin:0 auto;
}


/* =========================
   CONTENT
========================= */

.qp-catalog__content{
  max-width:900px;
}


.qp-catalog__eyebrow{
  display:block;

  margin-bottom:10px;

  font-size:12px;
  line-height:1.2;
  font-weight:700;

  letter-spacing:1.5px;

  color:#0868e8;
}


.qp-catalog h2{
  margin:0 0 16px;

  font-size:40px;
  line-height:1.2;
  font-weight:300;

  color:#111;
}


.qp-catalog p{
  max-width:760px;

  margin:0;

  font-size:15px;
  line-height:1.7;
  font-weight:300;

  color:#666a72;
}


/* =========================
   BUTTONS
========================= */

.qp-catalog__actions{
  display:flex;

  align-items:center;
  flex-wrap:wrap;

  gap:12px;

  margin-top:28px;
}


.qp-catalog__btn{
  min-height:48px;

  padding:0 22px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  border-radius:8px;

  font-size:13px;
  line-height:1;
  font-weight:600;

  text-decoration:none;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}


/* =========================
   PRIMARY BUTTON
========================= */

.qp-catalog__btn--primary{
  background:#0868e8;

  border:1px solid #0868e8;

  color:#fff;
}


.qp-catalog__btn--primary svg{
  width:18px;
  height:18px;

  fill:none;

  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.qp-catalog__btn--primary:hover{
  background:#075cc9;

  border-color:#075cc9;

  transform:translateY(-1px);

  box-shadow:
    0 7px 18px
    rgba(8,104,232,.18);
}


/* =========================
   DOWNLOAD BUTTON
========================= */

.qp-catalog__btn--download{
  background:#fff;

  border:1px solid #dfe2e7;

  color:#1b1b1d;
}


.qp-catalog__download-icon{
  width:26px;
  height:26px;

  flex-shrink:0;

  fill:none;

  stroke:#0868e8;
  stroke-width:1.55;

  stroke-linecap:round;
  stroke-linejoin:round;
}


.qp-catalog__btn--download:hover{
  color:#0868e8;

  border-color:
    rgba(8,104,232,.45);

  background:#f6faff;

  transform:translateY(-1px);

  box-shadow:
    0 7px 18px
    rgba(0,0,0,.05);
}


/* =========================
   TABLET
========================= */

@media(max-width:900px){

  .qp-catalog{
    padding:48px 0 46px;
  }

}


/* =========================
   MOBILE
========================= */

@media(max-width:600px){

  .qp-catalog{
    padding:38px 0 40px;
  }


  .qp-catalog__in{
    width:calc(100% - 28px);
  }


  .qp-catalog__eyebrow{
    font-size:10px;

    letter-spacing:1.3px;
  }


  .qp-catalog h2{
    margin-bottom:13px;

    font-size:30px;
  }


  .qp-catalog p{
    font-size:13px;
    line-height:1.6;
  }


  .qp-catalog__actions{
    gap:9px;

    margin-top:23px;
  }


  .qp-catalog__btn{
    min-height:44px;

    padding:0 16px;

    font-size:12px;

    border-radius:7px;
  }


  .qp-catalog__download-icon{
    width:23px;
    height:23px;
  }

}


/* =========================
   SMALL MOBILE
========================= */

@media(max-width:400px){

  .qp-catalog__actions{
    display:grid;

    grid-template-columns:1fr 1fr;
  }


  .qp-catalog__btn{
    width:100%;

    padding-left:10px;
    padding-right:10px;
  }

}