/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-voucher-card/block-voucher-card.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.voucher-card {
  padding: 60px 0; }
  @media screen and (max-width: 600px) {
    .voucher-card {
      padding: 30px 0; } }
  .voucher-card_inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    background: #053937;
    color: #fff;
    padding: 60px;
    border-radius: 16px; }
    @media screen and (max-width: 1100px) {
      .voucher-card_inner {
        padding: 30px; } }
    @media screen and (max-width: 830px) {
      .voucher-card_inner {
        flex-direction: column; } }
  @media screen and (max-width: 830px) {
    .voucher-card_left {
      width: 100%;
      margin-bottom: 30px; } }
  .voucher-card_logo {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 293px; }
  .voucher-card_title {
    margin: 60px 0 40px; }
  .voucher-card_boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px; }
    @media screen and (max-width: 1350px) {
      .voucher-card_boxes {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 900px) {
      .voucher-card_boxes {
        grid-template-columns: 1fr; } }
    @media screen and (max-width: 830px) {
      .voucher-card_boxes {
        width: 100%; } }
  .voucher-card_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    background: #faf5e7;
    color: #171717;
    padding: 30px;
    border-radius: 12px; }
    @media screen and (max-width: 1500px) {
      .voucher-card_box {
        padding: 15px; } }
    @media screen and (max-width: 830px) {
      .voucher-card_box {
        width: 100%; } }
  .voucher-card_img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 452px;
    border-radius: 12px; }
    @media screen and (max-width: 1620px) {
      .voucher-card_img {
        max-width: 350px; } }
    @media screen and (max-width: 1100px) {
      .voucher-card_img {
        max-width: 250px; } }
    @media screen and (max-width: 830px) {
      .voucher-card_img {
        max-width: unset; } }