#wpadminbar + #page {
  --h-fixed-header-offset: 32px;
  @media (max-width: 782px) {
    --h-fixed-header-offset: 46px;
  }
  & .elementor {
    & .elementor-element {
      &.elementor-desktop-header,
      &.elementor-mobile-header {
        top: var(--h-fixed-header-offset, 0);
      }
    }
  }
}

#page {
  --h-fixed-header-offset: 0;
  margin-top: 100px;
  @media (max-width: 1024px) {
    margin-top: 60px;
  }
}

.button-outline{
  &.button-primary{
    background-color: var(--e-global-color-el_c_white, #fff);
    border: 1px solid var(--e-global-color-primary, #be0d3e);
    color: var(--e-global-color-primary, #be0d3e);
    transition: background-color 0.3s ease-in, color 0.3s ease-in;
    &:hover, &:focus{
      background-color: var(--e-global-color-primary, #be0d3e);
      color: var(--e-global-color-el_c_white, #fff);
      transition: background-color 0.3s ease-in, color 0.3s ease-in;
      & *{
        color: inherit;
        background-color: inherit;
      }
    }
    & *{
      color: inherit;
      background-color: inherit;
    }
  }
}

*[hidden]{
  display: none !important;
}

.button{
  & .button-primary{
    background-color: var(--e-global-color-primary, #be0d3e);
    border: 1px solid var(--e-global-color-primary, #be0d3e);
    color: var(--e-global-color-el_c_white, #fff);
    transition: background-color 0.3s ease-in, color 0.3s ease-in;
    &:hover, &:focus{
      background-color: var(--e-global-color-el_c_white, #fff);
      color: var(--e-global-color-primary, #be0d3e);
      transition: background-color 0.3s ease-in, color 0.3s ease-in;
      & *{
        color: inherit;
        background-color: inherit;
      }
    }
    & *{
      color: inherit;
      background-color: inherit;
    }
  }
}

.elementor {
  & .elementor-element {
    &.elementor-desktop-header,
    &.elementor-mobile-header {
      top: var(--h-fixed-header-offset, 0);
    }
    /*noinspection CssUnresolvedCustomProperty*/
    & .elementor-button {
      --h-btn-icon-size: 14px;
      --h-btn-icon-gap: 6px;
      --h-btn-text-color: var(--the7-btn-color, #fff);
      --h-btn-text-hover-color: var(--the7-btn-hover-color, #fff);
      /*noinspection CssUnresolvedCustomProperty*/
      &.elementor-size-xs {
        --h-btn-icon-size: var(--the7-btn-s-icon-size, 14px);
        --h-btn-icon-gap: var(--the7-btn-s-icon-gap, 8px);
      }
      /*noinspection CssUnresolvedCustomProperty*/
      &.elementor-size-sm {
        --h-btn-icon-size: var(--the7-btn-m-icon-size, 16px);
        --h-btn-icon-gap: var(--the7-btn-m-icon-gap, 8px);
      }
      /*noinspection CssUnresolvedCustomProperty*/
      &.elementor-size-md {
        --h-btn-icon-size: var(--the7-btn-l-icon-size, 18px);
        --h-btn-icon-gap: var(--the7-btn-l-icon-gap, 8px);
      }
      /*noinspection CssUnresolvedCustomProperty*/
      &.elementor-size-lg {
        --h-btn-icon-size: var(--the7-btn-lg-icon-size, 20px);
        --h-btn-icon-gap: var(--the7-btn-lg-icon-gap, 10px);
      }
      /*noinspection CssUnresolvedCustomProperty*/
      &.elementor-size-xl {
        --h-btn-icon-size: var(--the7-btn-xl-icon-size, 22px);
        --h-btn-icon-gap: var(--the7-btn-xl-icon-gap, 12px);
      }
      &:after {
        content: '';
        display: inline-block;
        mask: url('/wp-content/themes/dt-the7-child/assets/images/icons/arrow-right.svg') no-repeat center;
        mask-size: contain;
        -webkit-mask-image: url('/wp-content/themes/dt-the7-child/assets/images/icons/arrow-right.svg');
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: var(--h-btn-text-color);
        margin-left: var(--h-btn-icon-gap);
        width: var(--h-btn-icon-size);
        height: var(--h-btn-icon-size);
        background-size: var(--h-btn-icon-size);
        line-height: 1;
      }
      &:hover {
        &:after {
          background-color: var(--h-btn-text-hover-color);
        }
      }
    }

    &.read-more-link {
      --h-readmore-text-color: var(--the7-btn-hover-color, #fff);
      --h-readmore-text-hover-color: var(--the7-btn-color, #be0d3e);
      & .elementor-button.box-button {
        font-size: 0.95rem;
        font-weight: 500;
        line-height: 1.2em;
        letter-spacing: 0.06em;
        border: 0;
        border-radius: 0;
        color: var(--h-readmore-text-color);
        text-decoration: underline;
        text-decoration-thickness: 2px;
        transition: color 0.3s ease-in;
        background-color: transparent;
        padding: 0;

        &:after {
          background-color: currentColor;
          transition: background-color 0.3s ease-in;
        }

        &:hover, &:focus {
          text-decoration: none;
        }
      }
    }

    & .elementor-widget-the7-image-widget,
    & .elementor-widget-the7_elements_carousel,
    & .elementor-widget-the7_elements {
      &.shape-bottom {
        --h-image-shape-rgba: 255, 255, 255;
        --h-image-shape-opacity: 1;
        --h-image-shape-x-deformation: 10deg;
        --h-image-shape-y-deformation: -4deg;
        --h-image-shape-height: 200px;

        & .enable-bg-rollover .post-thumbnail .post-thumbnail-rollover,
        & .post-thumbnail-rollover {
          position: relative;
          overflow: hidden;
          &:before, &:after {
            content: "";
            position: absolute;
            border-radius: 100%;
            background: rgba(var(--h-image-shape-rgba), var(--h-image-shape-opacity));
            height: var(--h-image-shape-height);
            transform: skew(var(--h-image-shape-x-deformation), var(--h-image-shape-y-deformation));
            z-index: 10000;
            opacity: 1;
          }
          &:before {
            --h-image-shape-x-deformation: 10deg;
            --h-image-shape-y-deformation: -3deg;
            top: 90%;
            left: -25%;
            width: 150%;
          }
          &:after {
            --h-image-shape-opacity: 0.5;
            --h-image-shape-height: 250px;
            left: -25%;
            width: 150%;
            top: 85%;
          }

          & img {
            --the7-img-ratio: 1;
          }
        }

      }
    }

    /*noinspection CssUnresolvedCustomProperty*/
    &.elementor-hero-section {
      --h-hero-section-text-color: var(--e-global-color-el_c_white, #fff);
      --h-image-shape-rgba: 0, 71, 103;
      --h-image-shape-opacity: 0.6;
      --h-hero-transparency-color: radial-gradient(179% 110% at right, rgba(var(--h-image-shape-rgba)) 50%, transparent 51%);
      --h-image-shape-x-deformation: 0deg;
      --h-image-shape-y-deformation: 0deg;
      --h-image-shape-width: 170px;
      --h-shape-right: auto;
      --h-shape-left: calc(var(--h-shape-width, 80px) / 2 * -1);
      --h-shape-rotation: 180deg;
      --h-transparency-rotation: 0deg;
      --h-shape-width: 80px;
      --h-hero-section-bg-color: rgba(var(--h-image-shape-rgba));

      &.red {
        --h-image-shape-rgba: 191, 16, 62;
      }

      &.blue {
        --h-image-shape-rgba: 0, 124, 163;
      }

      &.green {
        --h-image-shape-rgba: 68, 125, 92;
      }

      &.yellow {
        --h-image-shape-rgba: 242, 181, 32;
      }

      &.grey {
        --h-image-shape-rgba: 101, 108, 116;
      }

      & .elementor-hero-section-inner {
        max-width: 1300px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        @media screen and (max-width: 1300px) {
          padding: 0 60px;
        }

        @media screen and (max-width: 1024px) {
          padding: 0 40px;

        }
      }

      overflow: hidden;
      background-color: var(--h-hero-section-bg-color);
      color: var(--h-hero-section-text-color);

      &.flipped {
        --h-shape-left: auto;
        --h-shape-right: calc(var(--h-shape-width, 80px) / 2 * -1);
        --h-shape-rotation: 0deg;
      }

      & .elementor-heading-title {
        color: var(--h-hero-section-text-color);
        &:is(h1) {
          font-size: 2.25rem;
          line-height: 1.2;
        }
        &:is(h2) {
          font-size: 2rem;
        }
      }

      & .elementor-widget-text-editor {
        font-size: 1.125rem;
        line-height: 1.5;;
      }

      & .elementor-hero-section-content-inner {
        @media (max-width: 1200px) {
          row-gap: 25px;
        }
      }

      & .elementor-button {
        --the7-btn-border-color: var(--h-hero-section-text-color);
        --the7-btn-bg: var(--h-hero-section-text-color);
        --the7-btn-hover-bg: var(--h-hero-section-bg-color);
        --the7-btn-color: var(--h-hero-section-bg-color);
        --the7-btn-hover-color: var(--h-hero-section-text-color);
      }

      & .elementor-hero-section-image {
        position: relative;
        overflow: hidden !important;
        padding: 0;
        margin: 0;
        height: 100%;

        &:after {
          content: "";
          position: absolute;
          left: calc(var(--h-shape-width) * -1);
          top: -25%;
          height: 150%;
          background-color: rgba(var(--h-image-shape-rgba), var(--h-image-shape-opacity));
          width: var(--h-image-shape-width);
          border-radius: 100%;
          z-index: 1;
          transform: skew(var(--h-image-shape-x-deformation), var(--h-image-shape-y-deformation)) rotate(var(--h-transparency-rotation, 0deg));
          opacity: 1;
        }
        &:before {
          content: '';
          position: absolute;
          top: -5%;
          left: var(--h-shape-left);
          right: var(--h-shape-right);
          transform: rotate(var(--h-shape-rotation, 180deg));
          height: 110%;
          width: var(--h-shape-width, 80px);
          background: var(--h-hero-transparency-color);
          opacity: 1;
          z-index: 1;
        }
        & .the7-image-container {
          height: 100%;
        }
        & .the7-image-wrapper {
          margin: -1px 0 -1px 0;
          height: 100%;
        }
        & img {
          height: 100%;
        }
        @media (max-width: 1024px) {
          --h-shape-rotation: 0;
          --h-transparency-rotation: 0;
          --h-image-shape-x-deformation: -4deg;
          --h-image-shape-y-deformation: -2deg;
          padding: 0;
          margin: 0;
          max-height: 300px;
          &:after {
            left: -25%;
            right: auto;
            width: 150%;
            height: var(--h-image-shape-width);
            bottom: -105px;
            top: auto;
          }
          &:before {
            left: -25%;
            right: auto;
            width: 150%;
            height: var(--h-shape-width, 80px);
            top: var(--h-shape-right);
            bottom: var(--h-shape-left);
          }
        }

        @media (max-width: 576px) {
          --the7-img-ratio: 1;
          max-height: unset;
          &:after {
            left: -5%;
            right: auto;
            width: 110%;
            height: var(--h-image-shape-width);
            bottom: calc(var(--h-shape-width) * -1);
            top: auto;
          }
        }
      }

      & .elementor-hero-section-content {
        @media (max-width: 1400px) {
          padding: 50px 0;
        }
      }
    }

    /*noinspection CssUnresolvedCustomProperty*/
    &.elementor-cta {
      --h-cta-bg-color: var(--e-global-color-el_c_2_color_dark, #004767);
      --h-cta-text-color: var(--e-global-color-el_c_white, #fff);
      background-color: var(--h-cta-bg-color);
      color: var(--h-cta-text-color);


      & .elementor-button {
        --the7-btn-border-color: var(--h-cta-text-color);
        --the7-btn-bg: var(--h-cta-text-color);
        --the7-btn-hover-bg: var(--h-cta-bg-color);
        --the7-btn-color: var(--h-cta-bg-color);
        --the7-btn-hover-color: var(--h-cta-text-color);
      }
    }

    &.elementor-cta-divider {
      position: relative;
      &:after {
        display: flex;
        justify-content: center;
        -webkit-box-shadow: 0 0 20px #313131;
        -moz-box-shadow: 0 0 20px #313131;
        box-shadow: 0 0 20px #313131;
        top: -20px;
        max-width: 50%;
        left: 25%;
        width: 70%;
        height: 20px;
        clip: rect(20px, auto, 40px, auto);
        position: absolute;
        content: "";
      }
      --h-cta-divider-height: 1px;
      --h-cta-divider-color: linear-gradient(45deg, transparent, #313131, transparent);

      /*height: var(--h-cta-divider-height);
      background: var(--h-cta-divider-color);*/
    }

    &.elementor-round-image {
      & .post-thumbnail-rollover {
        --the7-img-ratio: 1;
        border-radius: 100%;

        & img {
          border-radius: 100%;
        }
      }
    }

    /*noinspection CssUnresolvedCustomProperty*/
    &.elementor-heading-badge {
      --h-heading-badge-bg: var(--e-global-color-primary, #be0d3e);
      --h-heading-badge-text-color: var(--e-global-color-el_c_white, #fff);
      & > .elementor-widget-container {
        background-color: var(--h-heading-badge-bg);
        border-radius: 0 0 0 25px;
        padding: 6px 13px 6px 15px;
        & .the7-heading-title {
          color: var(--h-heading-badge-text-color);
          font-size: 14px;
          font-weight: bold;
          text-transform: uppercase;
          font-family: "Manrope", sans-serif;
          line-height: 1.2em;
          letter-spacing: 0.15em;
        }
      }
    }

    &.elementor-image-with-rounding {
      --h-shape-left: auto;
      --h-shape-right: -1px;
      --h-shape-rotation: 180deg;
      &.flipped {
        --h-shape-left: 0;
        --h-shape-right: auto;
        --h-shape-rotation: -1px;
      }
      &.elementor-widget-the7-image-widget {
        & .post-thumbnail-rollover {
          overflow: hidden;
          &:after {
            content: '';
            position: absolute;
            top: -5%;
            left: var(--h-shape-left, 0);
            right: var(--h-shape-right, 0);
            transform: rotate(var(--h-shape-rotation, 180deg));
            height: 110%;
            width: 80px;
            background: radial-gradient(179% 110% at right, rgba(255, 255, 255, 0) 50%, #fff 51%);
            opacity: 1;
          }
        }
      }
    }
  }

  &.elementor-location-footer {
    --h-footer-text-color: #fff;
    --h-footer-text-hover-color: #fff;

    & .elementor-widget-the7_button_widget{
      & .elementor-button{
        --h-btn-text-color: var(--box-button-icon-color, #BE0D3E);
        --h-btn-text-hover-color: #fff;
        border: 2px solid #fff;
      }
    }

    & .elementor-widget-container {
      & p, & .the7-heading-title, & .dt-nav-menu--main a {
        color: var(--h-footer-text-color);
      }

      & .dt-nav-menu--main .dt-nav-menu li a:hover {
        font-weight: 500;
        color: var(--h-footer-text-color);
      }

      & .the7-icon-wrapper a {
        --the7-accent-color: var(--h-footer-text-color);
        color: var(--h-footer-text-color);
        transition: transform 0.3s ease-in;
        &:hover {
          color: var(--h-footer-text-hover-color);
          --the7-accent-color: var(--h-footer-text-hover-color);
          transform: scale(1.2);
          transition: transform 0.3s ease-in;
        }
      }
      & .the7-search-form {
        --e-search-form-submit-text-color: var(--h-footer-text-color);
        --e-search-form-submit-text-hover-color: var(--h-footer-text-hover-color);
        color: var(--h-footer-text-color);
        border-color: var(--h-footer-text-color);

        &:focus-within {
          & .the7-search-input__container {
            & .the7-clear-search {
              &:not(:hover) {
                svg {
                  fill: var(--h-footer-text-color) !important;
                  color: var(--h-footer-text-color) !important;
                }
              }
            }
          }

          & .the7-search-form__submit {
            &:not(:hover) {
              svg {
                fill: var(--h-footer-text-color) !important;
                color: var(--h-footer-text-color) !important;
              }
            }
          }
        }

        & input[type="search"] {
          color: var(--h-footer-text-color);
        }

        & .the7-search-form__submit,
        & .the7-clear-search {
          --clear-color: var(--h-footer-text-color);
          --e-search-form-submit-text-color: var(--h-footer-text-color);
          --e-search-form-submit-text-hover-color: var(--h-footer-text-hover-color);
          & svg {
            --clear-color: var(--h-footer-text-color) !important;
            transition: transform 0.3s ease-in;
          }
          &:hover {
            --e-search-form-submit-text-hover-color: var(--h-footer-text-hover-color);
            --e-global-color-el_c_1_text: var(--h-footer-text-hover-color);
            & svg {
              --clear-color: var(--h-footer-text-hover-color) !important;
              transform: scale(1.2);
              transition: transform 0.3s ease-in;
            }
          }
        }
      }
    }

    & .footer-content {
      --h-footer-padding-horizontal: 60px;
      --h-footer-padding-vertical: 0;
      position: relative;
      &:before {
        content: "";
        display: flex;
        position: absolute;
        align-items: center;
        width: calc(98% + (var(--h-footer-padding-horizontal) * 2));
        left: calc(var(--h-footer-padding-horizontal) * -1);
        top: -15%;
        height: 120%;
        background-color: rgba(190, 13, 62, 0.5);
        border-radius: 0 220px 220px 0;
      }
      @media screen and (max-width: 1024px){
        --h-footer-overlay-offset-y: 20px;
        &:before {
          left: 0;
          top: var(--h-footer-overlay-offset-y);
          width: 100%;
          height: calc(100% - var(--h-footer-overlay-offset-y));
          border-radius: 0;
        }
      }
    }

    & .elementor-widget-the7-logo-widget {
      & img {
        filter: brightness(0) invert(1);
      }
    }

    & .elementor-footer-copyright {
      & a {
        color: var(--h-footer-text-color);
        &:hover {
          color: var(--h-footer-text-hover-color);
          font-weight: 500;
        }
      }
    }
  }
}

.single-podcast {
  & .elementor {
    & .elementor-element {
      &.elementor-hero-section {
        max-width: 100%;
      }

      &.elementor-podcast-guest-content {
        --h-btn-icon-size: 1rem;
        --h-btn-icon-gap: 0.5rem;
        --h-btn-text-color: var(--the7-base-color, #000);
        & .elementor-widget-text-editor {
          & ul {
            list-style: none;
            margin-left: 0;

            & li {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: baseline;
              -ms-flex-align: baseline;
              align-items: baseline;
              &:before {
                content: '';
                display: inline-block;
                mask: url(/wp-content/themes/dt-the7-child/assets/images/icons/arrow-right.svg) no-repeat center;
                mask-size: contain;
                -webkit-mask-image: url(/wp-content/themes/dt-the7-child/assets/images/icons/arrow-right.svg);
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: center;
                -webkit-mask-size: contain;
                background-color: var(--h-btn-text-color);
                margin-right: var(--h-btn-icon-gap);
                min-width: 1rem;
                width: var(--h-btn-icon-size);
                height: var(--h-btn-icon-size);
                background-size: var(--h-btn-icon-size);
                line-height: 1;
              }
            }
          }
        }
      }

      &.elementor-podcast-related-posts {
        & .elementor-post__title {
          & a {
            hyphens: auto;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 3;

            &:hover {
              color: var(--e-global-color-primary, #be0d3e);
            }
          }
        }
        & .elementor-post__excerpt {
          & p {
            @media screen and (max-width: 1024px) {
              display: -webkit-box;
              -webkit-line-clamp: 5;
              -webkit-box-orient: vertical;
              overflow: hidden;
            }
            &:after {
              content: "...";
            }
          }
        }

        & .elementor-post__text {
          padding: 0 30px 30px;
          @media screen and (max-width: 1024px) {
            padding: 0 15px 30px;
          }

          & .elementor-post__read-more {
            --h-readmore-text-color: var(--the7-btn-hover-color, #fff);
            --h-readmore-text-hover-color: var(--the7-btn-color, #be0d3e);
            --h-btn-text-color: var(--the7-btn-color);
            --h-btn-text-hover-color: var(--the7-btn-hover-color);
            --h-btn-bg-color: var(--the7-btn-bg);
            --h-btn-bg-hover-color: var(--the7-btn-hover-bg);
            --h-btn-icon-size: var(--the7-btn-s-icon-size, 14px);
            --h-btn-icon-gap: var(--the7-btn-s-icon-gap, 8px);
            font-size: 0.95rem;
            font-weight: 500;
            line-height: 1.2em;
            letter-spacing: 0.06em;
            border: 0;
            border-radius: 0;
            color: var(--h-readmore-text-color);
            text-transform: none;
            text-decoration: underline;
            text-decoration-thickness: 2px;
            transition: color 0.3s ease-in;
            background-color: transparent;
            padding: 0;

            &:after {
              background-color: currentColor;
              transition: background-color 0.3s ease-in;
            }

            &:hover, &:focus {
              text-decoration: none;
            }

            &:after {
              content: '';
              display: inline-block;
              mask: url(/wp-content/themes/dt-the7-child/assets/images/icons/arrow-right.svg) no-repeat center;
              mask-size: contain;
              -webkit-mask-image: url(/wp-content/themes/dt-the7-child/assets/images/icons/arrow-right.svg);
              -webkit-mask-repeat: no-repeat;
              -webkit-mask-position: center;
              -webkit-mask-size: contain;
              margin-left: var(--h-btn-icon-gap);
              width: var(--h-btn-icon-size);
              height: var(--h-btn-icon-size);
              background-size: var(--h-btn-icon-size);
              line-height: 1;
            }
          }
        }

        & .elementor-post__thumbnail {
          --h-image-shape-rgba: 255, 255, 255;
          --h-image-shape-opacity: 1;
          --h-image-shape-x-deformation: 10deg;
          --h-image-shape-y-deformation: -4deg;
          --h-image-shape-height: 200px;
          position: relative;
          overflow: hidden;
          &:before, &:after {
            content: "";
            position: absolute;
            border-radius: 100%;
            background-color: rgba(var(--h-image-shape-rgba), var(--h-image-shape-opacity));
            height: var(--h-image-shape-height);
            transform: skew(var(--h-image-shape-x-deformation), var(--h-image-shape-y-deformation));
            z-index: 10000;
            opacity: 1;
          }
          &:before {
            --h-image-shape-x-deformation: 10deg;
            --h-image-shape-y-deformation: -3deg;
            top: 90%;
            left: -25%;
            width: 150%;
          }
          &:after {
            --h-image-shape-opacity: 0.5;
            --h-image-shape-height: 250px;
            left: -25%;
            width: 150%;
            top: 85%;
          }
        }
      }

      &.elementor-vertical-divider {
        min-width: 2px;
      }

      & .elementor-widget-n-accordion {
        & .e-n-accordion {
          & > .e-n-accordion-item {
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .17), 0 1px 6px rgba(0, 0, 0, .1);

            &:not([open]) {
              & .e-closed {
                animation: rotateDown 0.5s ease-in-out forwards;
              }
            }

            &[open] {
              & .e-opened {
                animation: rotateUp 0.5s ease-in-out forwards;
              }
            }

            & > .e-n-accordion-item-title {
              border: none;
              background-color: transparent;
            }
            & > .elementor-element {
              border: none;
              background-color: transparent;
            }
          }
        }
      }
    }
  }
}

.newsletter-popup{
  & .wpcf7-form{
    & .wpcf7-list-item{
      margin: 0;
    }
    & .submit-button{
      & input[type=submit]{
        width: 100%;
      }
    }
  }
}

.wpcf7-form {
  & label {
    color: #474747b3;
    display: block;
    font-size: 0.9375rem;
    margin-bottom: 1rem;
    font-weight: 400;
    line-height: 1.2;
  }

  & .wpcf7-form-control-wrap {
    display: block;
    height: 100%;
    line-height: 1.5;
  }

  & input[type],
  & select {
    margin-bottom: 0;
    border: 1px solid #a8aab3;
    border-radius: 5px;
    background-color: #fff;
    font-size: inherit;
    line-height: 1.125rem;
    font-weight: inherit;
    &:placeholder-shown,
    &:-ms-input-placeholder {
      color: inherit;
    }
    &:focus,
    &:focus-visible {
      color: #000;
      outline: 1px solid #000;
      border: 1px solid #000;
    }
  }
  & .wpcf7-list-item-label{
    margin-left: 0.5rem;
  }
}

@keyframes rotateUp {
  from {
    display: flex;
    transform: rotate(0deg);
  }
  to {
    display: flex;
    transform: rotate(180deg);
  }
}

@keyframes rotateDown {
  from {
    display: flex;
    transform: rotate(180deg);
  }
  to {
    display: flex;
    transform: rotate(0deg);
  }
}