/*───────────────────────────────────────────────────────────*/
/*─                         vars
/*───────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                      VARS
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────*/
/*─                          typo
/*───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────*/
/*─                         colors
/*───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────*/
/*─                         variables
/*───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────*/
/*─                         base
/*───────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    CORE
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
::-moz-selection {
  color: #000000;
  background: #00F700;
  text-shadow: none;
}
::selection {
  color: #000000;
  background: #00F700;
  text-shadow: none;
}
body {
  font-size: 16px;
  line-height: 20px;
}
#app,
#xhr {
  top: 0;
  height: 100%;
}
#app {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
}
#xhr {
  position: absolute;
  left: calc((100% - 90vw) / 2);
  width: 90vw;
}
.page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.page {
  min-height: 100vh;
}
p {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 1;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 1;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 1;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 1;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    GRID
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#grid-cta {
    z-index: 9007;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 3.333333vw;
    height: 3.33333vw;
    cursor: pointer;
    transition: opacity .1s;
    background: #000000;
}
#grid-cta:hover {
    opacity: .5;
}
#grid-w {
    z-index: 9007;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .15;
    pointer-events: none;
}
#grid {
    height: 100%;
}
#grid div:first-child {
    margin: 0;
}
#grid div {
    position: relative;
    float: left;
    width: 6.58333vw;
    height: 100%;
    margin: 0 0 0 1vw;
    background: #000;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    LOADER
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#loader {
    display: flex;
    justify-content: center;
}
#loader {
    z-index: 9001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#loader.off {
    pointer-events: none;
}
#loader-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00F700;
}
#loader-txt {
    position: relative;
    top: 10vw;
    color: #000000;
    text-align: center;
}
#loader-txt-name {
    font-family: Georgia, serif;
    font-size: 6.25vw;
}
#loader-txt-desc {
    font-family: Helvetica, sans-serif;
    font-size: 4.5vw;
    font-weight: bold;
    padding: 1vw 0 0;
}
#loader-txt-loading {
    font-family: Georgia, serif;
    font-size: 2.5vw;
    line-height: 3.5vw;
    text-align: center;
    font-style: italic;
    padding: 1.5vw 0 0;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                      SAIL
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#sail {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s
}
/*───────────────────────────────────────────────────────────*/
/*─                         common
/*───────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                     FOOTER
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#footer-wrapper {
    height: 25vw;
}
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#footer {
    margin: 0 0 2.5vw;
}
#footer-menu {
    margin: 0 0 0 7.58333vw;
    display: flex;
}
#footer-menu a {
    position: relative;
    overflow: hidden;
    font-size: 1.35vw;
    line-height: 2.5vw;
    font-style: italic;
    color: #00F700;
    margin: 0 2.5vw 0 0;
}
#footer-menu a.active:after  {
    transform-origin: bottom left;
    transform: scaleX(1);
}
#footer-menu a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 0.025vw;
        bottom: 0.25vw;
        left: 0;
        background-color: #00F700;
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform .25s;
    }
#footer-menu a:hover:after {
            transform-origin: bottom left;
            transform: scaleX(1);
        }
#footer-top {
    width: 2.25vw;
    margin: 0 7.58333vw 0 0;
    fill: #00F700;
    cursor: pointer;
    transition: opacity .5s ease-in-out;
}
#footer-top:hover {
    opacity: 0.5;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                     MENU
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#menu {
  position: fixed;
  z-index: 3;
  top: -2.5vw;
  left: 0;
  width: 100%;
  height: calc(100% + 2.5vw);
  overflow: hidden;
  pointer-events: none;
}
#menu-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#menu-bg {
  background: #00F700;
  transform: translate3d(0, -101%, 0);
  will-change: transform;
  box-shadow: 0 1vw 2vw 1vw rgba(0, 0, 0, 0.25);
}
#menu-ul {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menu-ul-li {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.menu-a {
  position: relative;
  font-family: Helvetica, sans-serif;
  font-size: min(10.5vh, 10vw);
  line-height: min(15vh, 15vw);
  font-weight: bold;
  transform: translate3d(0, 100%, 0);
}
.menu-a:hover {
  opacity: 0.5;
}
.menu-ul-li.active a {
  font-family: Georgia, serif;
  font-weight: normal;
  transform: translate3d(0, 100%, 0);
}
#menu-contact-wrapper {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#menu-contact {
  position: relative;
  font-size: min(4vh, 4vw);
  line-height: min(5vh, 5vw);
  font-style: italic;
  transform: translate3d(0, 100%, 0);
}
#menu-contact a {
  transition: opacity 0.5s ease-in-out;
}
#menu-contact a:hover {
  opacity: 0.5;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                     NAV
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#nav {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 7.5vw;
    opacity: 0;
    transition: opacity .5s ease;
}
#nav-logo {
    position: absolute;
    top: 1.5vw;
    left: 5vw;
    width: 5vw;;
}
#nav-burger-wrapper {
    width: 7.5vw;
    height: 7.5vw
}
#nav-burger-wrapper {
    position: absolute;
    top: 0;
    right: 3.15vw;
}
#nav-burger-open {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .5s ease-in-out;
}
#nav-burger-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
#nav-logo,
#nav-burger-open,
#nav-burger-close {
    cursor: pointer;
}
#nav-logo-circle-top,
#nav-logo-circle-bottom {
    transition: fill .5s ease;
}
/*───────────────────────────────────────────────────────────*/
/*─                         gutenberg
/*───────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    ALIGNMENTS
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.alignnone, .aligncenter, .alignleft, .alignright, .alignwide {
	margin: 0 auto 0 auto;
}
.has-text-align-center {
	text-align: center;
}
.has-text-align-right {
	text-align: right;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    COLUMNS
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.wp-block-columns {
    display: flex;
}
.wp-block-column {
    width: 36.91665vw;
}
.wp-block-column:first-child {
    width: 35.91665vw;
    margin: 0 2vw 0 0;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    HR
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.wp-block-separator { 
    position: relative;
    display: block;
    height: 5vw;
    margin: 10vw 0;
    background: url('../../../../uploads/pn-trenner.png') no-repeat top center;
    background-size: contain;
    border: 0;
}
.wp-block-separator:before,
.wp-block-separator:after {
    content: '';
    display: block;
    position: absolute;
    background: #00F700;
    height: .25vw;
    border-radius: 0.1275vw;
    top: 2.5vw;
}
.wp-block-separator:before {
    left: 0;
    right: 50%;
    margin-right: 3.58333vw;
}
.wp-block-separator:after {
    right: 0;
    left: 50%;
    margin-left: 3.58333vw;
}
.wp-block-separator.is-style-line {
    border-top: .175vw solid #00F700;
    border-radius: 0.1275vw;
    background: none;
    height: auto;
    margin: 3.5vw 0 1vw 0;
}
.wp-block-separator.is-style-line:before,
.wp-block-separator.is-style-line:after {
    display: none;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    IMAGE
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.wp-block-image {
	margin: 0;
}
.wp-block-image img {
	height: auto;
	max-width: 100%;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
	width: 100%;
}
.wp-block-image.is-resized {
	margin-left: auto;
	margin-right: auto;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                MEDIA / TEXT
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.wp-block-media-text {
	display: flex;
	flex-direction: row;
}
.wp-block-media-text .wp-block-media-text__media {
    order: 1;
    width: 52.08331vw;
    margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
	order: 2;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    order: 2;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    order: 1;
    width: 21.74999vw;
    margin: 0 1vw 0 0;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    QUOTES
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.wp-block-quote {
  margin: 0;
}
#content-wrapper .wp-block-quote p {
  padding: 2.5vw 0 1.25vw 0;
}
.wp-block-quote cite {
  display: inline-block;
  font-size: 1.35vw;
  line-height: 1.75vw;
}
/*───────────────────────────────────────────────────────────*/
/*─                         page
/*───────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                               ABOUT / INFO
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#contact #content-wrapper ul li {
    margin: 0 0 0 2.5vw;
}
#contact #content-wrapper ul li::before {
    content: "\2026";
    font-weight: bold;
    color: #00F700;
    display: inline-block;
    width: 2.5vw;
    margin-left: -2.5vw;
}
#contact #content-wrapper ul:nth-of-type(2) {
    padding: 0;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    PAGE
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#home-hero {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin: 5vw 7.58333vw 0;
}
#home-hero h1 {
    font-family: Georgia, serif;
    font-size: 6.25vw;
    text-align: center;
    padding: 5vw 0 0;
}
#home-hero-txt p {
    font-family: Helvetica, sans-serif;
    font-size: 4.5vw;
    font-weight: bold;
    text-align: center;
    padding: 1vw 0 0;
}
#home-hero-txt div {
    font-family: Georgia, serif;
    font-size: 2.5vw;
    line-height: 3.5vw;
    text-align: center;
    font-style: italic;
    padding: 1.5vw 0 0;
}
#home-hero-txt div .dot {
    width: 1vw;
    height: 1vw;
    display: inline-block;
    border-radius: 50%;
    background: #00F700;
}
#home-hero-txt div .dot-first {
    margin: 0 -.25vw 0 -.15vw;
}
#home-hero-txt div .dot-second {
    margin: 0 -.15vw 0 0;
}
#home #content-wrapper {
    margin: 7.5vw 7.58333vw 0;
}
#home .wp-block-image {
    margin: 0 0 5vw;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    P 404
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#p404 {
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00F700;
}
#p404 a {
    position: relative;
    color: #FFFFFF;
    font-size: 2.5vw;
    text-align: center;
    color: #000000;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    PAGE
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#content-wrapper {
    margin: 10vw 7.58333vw 0;
}
#content-wrapper h2 {
    font-family: Helvetica, sans-serif;
    font-size: 2.5vw;
    line-height: 3.5vw;
    font-weight: bold;
}
#content-wrapper h3 {
    font-family: Helvetica, sans-serif;
    font-size: 1.65vw;
    font-weight: bold;
    padding: 2.5vw 0 0;
    margin: 0 0 -2.25vw;
}
#content-wrapper p {
    font-size: 1.65vw;
    line-height: 2.5vw;
    padding: 2.5vw 0 0;
}
#content-wrapper p.has-large-font-size {
    font-size: 2.5vw;
    line-height: 3.5vw;
}
#content-wrapper p.has-small-font-size {
    font-size: 1.35vw;
    line-height: 1.75vw;
}
#content-wrapper p.has-text-color {
    color: #000000;
}
#content-wrapper p.has-background-color {
    color: #FFFFFF;
}
#content-wrapper p.has-green-color {
    color: #00F700;
}
#content-wrapper ul {
    font-size: 1.65vw;
    line-height: 2.5vw;
    font-style: italic;
    padding: 2.5vw 0 0 0;
}
#content-wrapper ul li {
    list-style-type: none;
    margin: 0 0 0 1.5vw;
}
#content-wrapper ul li::before {
    content: "\2022";
    font-weight: bold;
    color: #00F700;
    display: inline-block;
    width: 1.5vw;
    margin-left: -1.5vw;
}
#content-wrapper a {
    position: relative;
    display: inline-block;
    color: #00F700;
    word-wrap: break-word;
    font-style: italic;
}
#content-wrapper a.active:after  {
    transform-origin: bottom left;
    transform: scaleX(1);
}
#content-wrapper a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 0.05vw;
        bottom: 0;
        left: 0;
        background-color: #00F700;
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform .25s;
    }
#content-wrapper a:hover:after {
            transform-origin: bottom left;
            transform: scaleX(1);
        }
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                               REFERENCES
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#references .wp-block-column {
    width: 52.08331vw;
    margin: 0 0 0 1vw;
}
#references .wp-block-column:first-child {
    width: 21.74999vw;
    margin: 0;
}
#references blockquote + p {
    padding: 1.25vw 0 0;
}
#references #content-wrapper ul li::before {
    content: none;
}
#references .single-gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1vw;
}
#references .single-gallery-image {
    width: calc((100% - 2vw) / 3);
    margin: 0;
}
#references h2 {
    padding-top: 5vw;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                               SERVICES
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#services #content-wrapper ul:first-of-type {
    font-size: 1.65vw;
    line-height: 2.5vw;
    font-style: italic;
    padding: 2.5vw 0 7.5vw 0;
}
/*───────────────────────────────────────────────────────────*/
/*─                         post
/*───────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                    POST
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
#single-title-wrapper {
    margin: 17.5vw 5vw 0;
}
#single-title {
    font-family: Helvetica, sans-serif;
    font-size: 6.25vw;
    font-weight: bold;
    text-align: center;
    padding: 10vw 0 0;
}
#single-content-wrapper {
    margin: 17.5vw 5vw 0;
}
.single-text-wrapper {
    font-size: 1.65vw;
    line-height: 2.5vw;
    padding: 5vw 0 0;
}
#single-footer-wrapper {
    height: 75vw;
}
#single-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#single-footer {
    margin: 0 0 5vw;
}
#single-back {
    margin: 0 0 0 5vw;
    cursor: pointer;
    font-size: 1.65vw;
}
/*───────────────────────────────────────────────────────────*/
/*─                         plugins
/*───────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                      CAROUSEL
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.wp-block-rudr-carousel {
  padding: 2.5vw 0 0;
}
.wp-block-rudr-carousel .swiper-pagination-bullet {
  background-color: #00F700;
}
.wp-block-rudr-carousel .swiper-button-next,
.wp-block-rudr-carousel .swiper-button-prev {
  color: #00F700;
}
.wp-block-rudr-carousel .swiper-button-next:after, 
.wp-block-rudr-carousel .swiper-button-prev:after {
  font-size: 2.5vw;
}
.wp-block-rudr-carousel .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' baseProfile='tiny' version='1.2' viewBox='0 0 50 49.7'%3E%3Cpath d='M50 25.2C50 13.7 42.6.9 26.3 0c-1.4 0-2.6 1-2.6 2.4v.5c0 1.8 1.1 3.7 2.9 3.8 5.1.2 10 2.2 13.6 5.8 2.2 2.2 3.7 5 4.4 8.1H1.3c-.6 0-1.1.4-1.2 1 0 .3-.1.7-.1 1 0 1.4.7 4.7 2.6 4.7H45C43.9 36.6 34.8 42.6 26.2 43c-1.6 0-2.6 1.4-2.5 3.3s1.2 3.5 3 3.4c16-.9 23.3-13.3 23.3-24.5Z' fill='%2300F700'/%3E%3C/svg%3E");
  fill: #00F700;
  width: 1.65vw;
  height: 1.65vw;
}
.wp-block-rudr-carousel .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 49.7' overflow='visible' xml:space='preserve'%3E%3Cpath d='M0 24.5C0 36 7.4 48.8 23.7 49.7c1.4.1 2.6-1 2.6-2.4v-.5c0-1.8-1.1-3.7-2.9-3.8-5.1-.2-10-2.2-13.6-5.8-2.2-2.2-3.7-5-4.4-8.1h43.3c.6 0 1.1-.4 1.2-1 .1-.3.1-.7.1-1 0-1.5-.7-4.7-2.6-4.7H5C6 13.1 15.2 7.1 23.8 6.7c1.6-.1 2.6-1.4 2.5-3.3s-1.2-3.5-3-3.4C7.3.9 0 13.3 0 24.5z' fill='%2300F700'/%3E%3C/svg%3E");
  fill: #00F700;
  width: 1.65vw;
  height: 1.65vw;
}
