img:is([sizes=auto i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

.wp-block-button__link {
    align-content: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    text-align: center;
    width: 100%;
    word-break: break-word
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-decoration: none
}

.wp-block-button[style*=text-decoration] .wp-block-button__link {
    text-decoration: inherit
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link) {
    border: 2px solid;
    padding: .667em 1.333em
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) {
    color: currentColor
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)) {
    background-color: initial;
    background-image: none
}

:where(.wp-block-calendar table:not(.has-background) th) {
    background: #ddd
}

.wp-block-columns {
    align-items: normal !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap !important
}

@media (min-width:782px) {
    .wp-block-columns {
        flex-wrap: nowrap !important
    }
}

@media (max-width:781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width:782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1
    }
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word
}

:where(.wp-block-post-comments input[type=submit]) {
    border: none
}

:where(.wp-block-cover-image:not(.has-text-color)),
:where(.wp-block-cover:not(.has-text-color)) {
    color: #fff
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #000
}

:root :where(.wp-block-cover h1:not(.has-text-color)),
:root :where(.wp-block-cover h2:not(.has-text-color)),
:root :where(.wp-block-cover h3:not(.has-text-color)),
:root :where(.wp-block-cover h4:not(.has-text-color)),
:root :where(.wp-block-cover h5:not(.has-text-color)),
:root :where(.wp-block-cover h6:not(.has-text-color)),
:root :where(.wp-block-cover p:not(.has-text-color)) {
    color: inherit
}

:where(.wp-block-file) {
    margin-bottom: 1.5em
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: .5em 1em
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: relative
}

h2.has-background,
h3.has-background,
h5.has-background {
    padding: 1.25em 2.375em
}

.wp-block-image>a,
.wp-block-image>figure>a {
    display: inline-block
}

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

@media not (prefers-reduced-motion) {
    .wp-block-image img.hide {
        visibility: hidden
    }

    .wp-block-image img.show {
        animation: .4s show-content-image
    }
}

.wp-block-image[style*=border-radius] img,
.wp-block-image[style*=border-radius]>a {
    border-radius: inherit
}

.wp-block-image :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: 9999px
}

.wp-block-image figure {
    margin: 0
}

@keyframes show-content-image {
    0% {
        visibility: hidden
    }

    99% {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
    line-height: 1.1
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
    line-height: 1.8
}

:root :where(.wp-block-latest-posts.is-grid) {
    padding: 0
}

:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
    padding-left: 0
}

ol,
ul {
    box-sizing: border-box
}

:root :where(.wp-block-list.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
    padding: .5em 1em
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    padding: .5em 1em
}

:root :where(p.has-background) {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

:where(.wp-block-post-comments-form) input:not([type=submit]),
:where(.wp-block-post-comments-form) textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em
}

:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])),
:where(.wp-block-post-comments-form) textarea {
    padding: calc(.667em + 2px)
}

:where(.wp-block-post-excerpt) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

:where(.wp-block-preformatted.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: 6px 10px
}

:where(.wp-block-search__input) {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border: 1px solid #949494;
    box-sizing: border-box;
    padding: 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
    border: none;
    border-radius: 0;
    padding: 0 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
    outline: 0
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
    padding: 4px 8px
}

:root :where(.wp-block-separator.is-style-dots) {
    height: auto;
    line-height: 1;
    text-align: center
}

:root :where(.wp-block-separator.is-style-dots):before {
    color: currentColor;
    content: "···";
    font-family: serif;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em
}

:root :where(.wp-block-site-logo.is-style-rounded) {
    border-radius: 9999px
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
    background-color: #0a7aff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
    background-color: #5865f2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: #0866ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
    background-color: #1d4fc4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
    background-color: #ff4500;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
    background-color: #25d366;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link {
    background: 0 0
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
    height: 1.25em;
    width: 1.25em
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon {
    color: #f90
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
    color: #1ea0c3
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
    color: #0757fe
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
    color: #0a7aff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
    color: #1e1f26
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
    color: #02e49b
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
    color: #5865f2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
    color: #e94c89
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
    color: #4280ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
    color: #f45800
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
    color: #0866ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
    color: #0461dd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
    color: #e65678
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
    color: #24292d
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
    color: #382110
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
    color: #ea4434
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
    color: #1d4fc4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
    color: #f00075
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
    color: #e21b24
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
    color: #0d66c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
    color: #3288d4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
    color: #f6405f
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
    color: #e60122
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
    color: #ef4155
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
    color: #ff4500
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
    color: #0478d7
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
    color: #ff5600
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
    color: #1bd760
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
    color: #2aabee
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
    color: #011835
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
    color: #6440a4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
    color: #1da1f2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
    color: #1eb7ea
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
    color: #4680c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
    color: #25d366
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
    color: #3499cd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
    color: #d32422
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
    color: red
}

:root :where(.wp-block-social-links .wp-social-link a) {
    padding: .25em
}

:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
    padding: 0
}

:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
    padding-left: .6666666667em;
    padding-right: .6666666667em
}

.wp-block-spacer {
    clear: both
}

:root :where(.wp-block-tag-cloud.is-style-outline) {
    display: flex;
    flex-wrap: wrap;
    gap: 1ch
}

:root :where(.wp-block-tag-cloud.is-style-outline a) {
    border: 1px solid;
    font-size: unset !important;
    margin-right: 0;
    padding: 1ch 2ch;
    text-decoration: none !important
}

:root :where(.wp-block-table-of-contents) {
    box-sizing: border-box
}

:where(.wp-block-term-description) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

:where(pre.wp-block-verse) {
    font-family: inherit
}

.wp-element-button {
    cursor: pointer
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

.has-text-align-center {
    text-align: center
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px
    }
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

body .is-layout-flex {
    display: flex
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center
}

.is-layout-flex>:is(*, div) {
    margin: 0
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6
}

@font-face {
    font-display: swap;
    font-family: Arada-Light;
    src: url(https://www.arada.com/wp-content/themes/arada-2022/assets/fonts/Arada-Light.ttf)
}

@font-face {
    font-family: Arada-Regular;
    src: url('https://www.arada.com/wp-content/themes/arada-2022/assets/fonts/Arada-Regular.ttf') format('ttf'), url('https://www.arada.com/wp-content/themes/arada-2022/assets/fonts/Arada-Regular.woff2') format('woff2'), url('https://www.arada.com/wp-content/themes/arada-2022/assets/fonts/Arada-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body,
input,
select,
textarea {
    color: #000;
    font-family: Arada-Regular;
    font-size: 18px
}

input.wpcf7-form-control {
    color: #082244
}

h2,
h3 {
    color: #000;
    line-height: 1.2em
}

h2 {
    font-size: 24px;
    font-family: Arada-Bold
}

h3 {
    font-size: 20px;
    font-family: Arada-Regular
}

h5 {
    font-size: 16px;
    font-family: Arada-Regular
}

ol,
p,
ul {
    font-size: 16px;
    font-family: Arada-Light;
    line-height: 20px
}

ol,
ul {
    list-style: none
}

a {
    font-family: Arada-Regular
}

a:hover,
h2 a,
h3 a {
    border: none
}

.menu-top-navigation a,
a,
h2 a,
h3 a {
    color: #000;
    text-decoration: none
}

.menu-tab-outer {
    text-align: center
}

a,
body,
caption,
center,
div,
fieldset,
font,
form,
h2,
h3,
h5,
html,
i,
iframe,
img,
label,
legend,
li,
object,
ol,
p,
span,
strong,
sup,
table,
tbody,
tr,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0
}

body {
    background: #fff
}

body {
    margin: 0;
    padding: 0
}

body,
html {
    overflow-x: hidden;
    width: 100%
}

.clear {
    clear: both
}

* {
    box-sizing: border-box
}

h2 a:hover,
h3 a:hover {
    background: 0 0;
    color: #1d428a
}

#header,
.menu-top-navigation li ul {
    background-color: #fff;
    padding: 10px 0
}

iframe,
img {
    max-width: 100%
}

section {
    width: 100%;
    float: left;
    position: relative
}

.container {
    width: 1850px;
    margin: 0 auto;
    max-width: 95%
}

.container-md {
    width: 1635px;
    margin: 0 auto;
    max-width: 90%
}

.container-mx,
.site-wrapper {
    width: 1920px;
    margin: 0 auto;
    height: 100%
}

.container-mx {
    max-width: 100%;
    position: relative
}

.site-wrapper {
    max-width: 100%
}

#header,
.menu-top-navigation li ul li {
    width: 100%
}

a.logo {
    float: left;
    margin-right: 20px;
    padding-top: 9px;
    width: 209px;
    transition: .3s
}

a.logo img {
    float: left;
    height: auto;
    max-width: 100%
}

#header {
    float: left;
    align-items: center;
    z-index: 9999;
    position: fixed;
    min-height: 80px;
    border-bottom: 1px solid #f7f7f7;
    left: 0
}

#header a.arada-brand {
    float: left;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#mobile-menu.menu-top-navigation,
.menu-top-navigation li:hover ul ul,
.menu-top-navigation li:hover ul ul ul,
.menu-top-navigation li:hover ul ul ul ul {
    display: none
}

.menu-top-navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 300;
    float: right
}

.menu-top-navigation a {
    display: block;
    float: left;
    font-size: 15px;
    margin-right: 0;
    padding: 20px 16px;
    line-height: 24px;
    transition: .3s;
    position: relative;
    text-underline-offset: 3px
}

.menu-top-navigation a:hover,
ul.footer-left-navigation li a:hover {
    text-decoration: underline
}

.menu-top-navigation li.search-button::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 12px;
    height: 40px;
    width: 1px;
    background-color: #000
}

.menu-top-navigation li.search-button {
    margin-left: 35px
}

.menu-top-navigation li {
    float: left;
    position: relative
}

.menu-top-navigation ul a {
    font-weight: 400
}

.menu-top-navigation li ul {
    position: absolute;
    top: 60px;
    width: 200px;
    display: none;
    border: 1px solid #f1f1f1
}

.menu-top-navigation li ul a {
    height: auto;
    float: left;
    text-align: left;
    margin: 0;
    width: 100%;
    display: block;
    padding: 5px 15px;
    font-size: 15px;
    line-height: 22px
}

.menu-top-navigation ul ul {
    top: auto
}

.menu-top-navigation li ul ul {
    left: 100%
}

#desk-menu li:hover ul {
    display: block
}

.menu-tab,
.menu-tab-outer {
    display: none
}

.menu-tab-outer {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 79px
}

.menu-tab {
    width: 27px;
    height: 27px;
    z-index: 100;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: .3s;
    float: right;
    text-align: right;
    margin-top: 25px;
    margin-right: 27px
}

.menu-tab div {
    height: 3px;
    background-color: #000;
    display: block;
    margin: 3px 0;
    transition: .3s ease-in-out;
    float: right;
    clear: both
}

.menu-tab .one,
.menu-tab .three,
.menu-tab .two,
.menu-tab:hover .one,
.menu-tab:hover .three,
.menu-tab:hover .two {
    width: 27px;
    transition: .3s ease-in-out
}

.menu-tab.active {
    left: 345px;
    transition: .6s ease-in-out
}

.menu-tab.active .one {
    width: 23px;
    -webkit-transform: translateY(9px) rotate(-130deg);
    transform: translateY(9px) rotate(-130deg);
    transition: .6s ease-in-out
}

.menu-tab.active .two {
    width: 23px;
    opacity: 0;
    transition: .4s
}

.menu-tab.active .three {
    transition: .6s ease-in-out
}

.menu-tab.active .three {
    width: 23px;
    -webkit-transform: translateY(-9px) rotate(-50deg);
    transform: translateY(-9px) rotate(-50deg)
}

.section-title {
    padding: 0 0 20px
}

section.remove-bottom-padding {
    padding-bottom: 0 !important
}

section.footer {
    background-color: #000;
    padding: 50px 0
}

.footer-left {
    float: left;
    width: 50%
}

ul.footer-left-navigation {
    margin: 0 0 25px;
    padding: 0;
    float: left;
    width: 100%
}

ul.footer-left-navigation li {
    float: left;
    margin-right: 15px;
    margin-bottom: 8px
}

ul.footer-left-navigation li a {
    color: #fff;
    font-family: Arada-Regular
}

.footer-right {
    float: right;
    width: 50%;
    color: #fff;
    max-width: 660px;
    text-align: right
}

.footer-right input[type=email] {
    height: 40px;
    border: 1px solid #707070;
    padding: 0 15px;
    width: 100%;
    outline: 0;
    float: left;
    border-radius: 0;
    margin-bottom: 10px
}

.button-style-1,
.footer-right input[type=submit] {
    background-color: #fff;
    padding: 0 30px;
    font-family: Arada-Bold;
    height: 40px;
    cursor: pointer
}

.footer-right input[type=submit] {
    border: 1px solid #707070;
    float: left;
    margin-top: 10px;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none
}

.footer-right input[type=submit]:hover {
    background-color: #1d428a;
    border-color: #1d428a;
    color: #fff
}

.footer .wpcf7 form .wpcf7-response-output,
.footer .wpcf7 form.sent .wpcf7-response-output {
    margin: 15px auto;
    font-size: 12px
}

.footer .wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 1.5;
    display: none
}

.footer .wpcf7 form.invalid .wpcf7-response-output,
.footer .wpcf7 form.payment-required .wpcf7-response-output,
.footer .wpcf7 form.sent .wpcf7-response-output,
.footer .wpcf7 form.unaccepted .wpcf7-response-output {
    display: inherit;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    border: none;
    float: left;
    width: 100%
}

.registration-popup .col-100 .wpcf7-acceptance label input[type=checkbox],
span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin: 0
}

body.rtl span.wpcf7-form-control.wpcf7-acceptance {
    float: right
}

.row.mobile-with-countrycode {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    clear: left
}



body.rtl .row.mobile-with-countrycode {
    flex-direction: row-reverse
}

.row.mobile-with-countrycode .col-30 {
    width: 30%
}

.row.mobile-with-countrycode .col-70 {
    width: 70%
}

.grecaptcha-badge,
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    display: none !important
}

.button-style-1,
.wpcf7 form .wpcf7-response-output {
    display: inline-block
}

.wpcf7-submit[data-disabled=disabled] {
    pointer-events: none
}

a.fixed-whatsapp-icon {
    position: fixed;
    right: 28px;
    bottom: 75px;
    z-index: 99;
    width: 40px;
    height: auto
}

a.fixed-whatsapp-icon svg {
    fill: #25D366
}

@media only screen and (min-width:961px) {
    .footer-right {
        max-width: 100%
    }
}

.footer-right>p {
    width: 100%;
    float: left;
    text-align: right;
    font-family: Arada-Light
}

.footer-right>p img,
.footer-right>p svg {
    transform: translateY(4px);
    margin-left: 10px
}

.button-style-1 {
    line-height: 38px;
    margin-top: 20px;
    font-size: 18px
}

.button-style-1:hover {
    background-color: #1d428a;
    color: #fff
}

.find-property-outer {
    position: fixed;
    right: 0;
    width: 98%;
    top: 38%;
    z-index: 999
}

.find-property-button {
    position: absolute;
    right: 0;
    width: 125px;
    background-color: #000;
    color: #fff;
    padding: 14px 10px 14px 30px;
    border: 1px solid #fff;
    border-right: none;
    background-image: url(https://www.arada.com/wp-content/themes/arada-2022/assets/images/left-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    cursor: pointer;
    font-family: Arada-Bold
}

.find-property-outer .section-title {
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 14px 10px 14px 20px;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    border-left: none;
    font-family: Arada-Bold;
    position: relative
}

.find-property-close {
    position: absolute;
    right: 15px;
    top: 14px;
    font-family: Arada-Light;
    cursor: pointer;
    width: 20px;
    text-align: center
}

#man-loader {
    position: fixed;
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
    -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
    transition: opacity .2s ease-out, visibility 0s linear .2s;
    z-index: 1000
}

#man-loader img {
    width: 100%;
    float: left;
    height: auto
}

#man-loader.fullscreen {
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#man-loader.show {
    -webkit-transition: opacity .4s ease-out, visibility linear;
    -o-transition: opacity .4s ease-out, visibility linear;
    transition: opacity .4s ease-out, visibility linear;
    visibility: visible;
    opacity: 1;
    z-index: 9999999
}

.search-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 25px;
    font-family: Arada-Light
}

body ul.slick-dots {
    margin-top: 20px;
    text-align: center
}

body ul.slick-dots li {
    padding: 0 8px;
    width: auto;
    float: none;
    display: inline-block
}

body ul.slick-dots button {
    width: 15px;
    height: 15px;
    background-color: #ccc;
    border: none;
    font-size: 0;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    float: left
}

body ul.slick-dots .slick-active button {
    background-color: #000
}

body .cky-consent-bar .cky-banner-btn-close img {
    height: 16px;
    width: 16px
}

body .cky-consent-bar .cky-banner-btn-close {
    top: 8px
}

@media (max-width:1566px) {
    .menu-top-navigation a {
        padding: 20px 10px
    }

    .menu-top-navigation li.search-button {
        margin-left: 25px
    }

    .menu-top-navigation li.search-button::before {
        left: -12px
    }
}

@media (max-width:1440px) {
    .menu-top-navigation a {
        padding: 20px 10px
    }

    .menu-top-navigation li.search-button {
        margin-left: 22px
    }
}

@media (max-width:1380px) {
    ul.footer-left-navigation {
        margin-bottom: 35px
    }
}

@media (max-width:1366px) {

    #mobile-menu.menu-top-navigation,
    .menu-tab,
    .menu-tab-outer {
        display: block
    }

    #desk-menu.menu-top-navigation {
        display: none
    }

    .menu-tab {
        margin-top: 25px;
        margin-right: 27px
    }

    .menu-top-navigation {
        width: 280px;
        max-width: 100%;
        right: -280px;
        height: 100vh;
        position: fixed;
        z-index: 10;
        top: 80px;
        transition: .2s ease-in-out;
        overflow: hidden;
        margin-top: 0;
        margin-right: 0;
        padding-top: 30px;
        background-color: rgba(0, 0, 0, .8);
        height: calc(100vh - 80px);
        overflow-y: auto;
        padding-bottom: 10px
    }

    .menu-top-navigation.show {
        right: 0;
        transition: .2s ease-in-out;
        z-index: 9999999
    }

    .menu-top-navigation li {
        width: 100%;
        padding: 0 20px;
        text-align: right
    }

    .menu-top-navigation li a {
        padding: 12px 0;
        width: 100%;
        color: #fff;
        float: right;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }

    .menu-top-navigation li ul {
        position: static;
        float: left;
        width: 100%;
        background: 0 0;
        padding-top: 0;
        padding-bottom: 0;
        border: none
    }

    .menu-top-navigation li ul li {
        padding: 0
    }

    .menu-top-navigation li ul a {
        padding: 12px 0;
        font-size: 14px;
        text-align: right
    }

    .menu-top-navigation li.search-button {
        margin-left: 0
    }
}

@media only screen and (max-width:961px) {

    .footer-left,
    .footer-right {
        width: 100%;
        text-align: center
    }

    ul.footer-left-navigation li {
        float: none;
        display: inline-block
    }

    .footer-left {
        margin-bottom: 30px
    }

    ul.footer-left-navigation li {
        margin: 0 7px
    }

    .footer-right {
        max-width: 100%
    }

    .footer-right>p {
        text-align: center;
        margin-top: 30px
    }

    ul.footer-left-navigation {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:767px) {
    .find-property-outer {
        top: 100px
    }

    .find-property-button {
        position: fixed
    }
}

@media only screen and (max-width:768px) {
    h2 {
        font-size: 24px;
        font-family: Arada-Bold
    }

    h3 {
        font-size: 24px;
        font-family: Arada-Regular
    }

    h5 {
        font-size: 18px;
        font-family: Arada-Regular
    }

    ol,
    p,
    ul {
        font-size: 18px;
        font-family: Arada-Regular;
        line-height: 1.75em
    }

    .button-style-1:hover {
        background-color: #000
    }

    .container-md {
        max-width: 95%
    }

    .container-md svg a {
        border: 1px solid #f66
    }

    section.footer {
        padding: 30px 0
    }

    .find-property-button {
        padding: 12px 10px 12px 30px
    }

    .button-style-1 {
        font-size: 18px
    }

    body ul.slick-dots {
        margin-top: 10px
    }

    body ul.slick-dots li {
        padding: 0 5px
    }

    body ul.slick-dots button {
        width: 12px;
        height: 12px
    }
}

@media only screen and (max-width:560px) {
    ul.footer-left-navigation li {
        width: 100%;
        margin: 0 0 4px
    }

    .footer-right input[type=email],
    .footer-right input[type=submit] {
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .footer-right input[type=email] {
        width: 100%;
        margin-bottom: 10px
    }
}

.registration-popup {
    background-color: rgba(33, 33, 29, .64);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 99999;
    padding: 50px 0;
    overflow: hidden;
    overflow-y: auto;
    display: none
}

.registration-popup .container {
    width: 770px
}

.registration-popup .form-wrapper {
    border-radius: 0;
    border: 0 !important;
    background-color: #fff;
    background-clip: padding-box
}

.registration-popup .modal-header {
    padding: 15px;
    background: #ededec;
    border-bottom: none;
    position: relative
}

.registration-popup .modal-title {
    margin: 0;
    line-height: 1.42857;
    font-size: 32px
}

.registration-popup .close {
    margin-top: -2px;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    font-size: 55px;
    float: right;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff
}

.registration-popup .close {
    position: absolute;
    right: 20px;
    top: 25px;
    appearance: none;
    -webkit-appearance: none;
    border: 0
}

.registration-popup .close span {
    content: '';
    background: url(https://www.arada.com/wp-content/themes/arada-2022/assets/images/icon-close-black.svg) 0 0/30px 30px no-repeat
}

.registration-popup .modal-body {
    position: relative;
    overflow: hidden;
    padding: 22px 25px
}

.registration-popup .col-100 {
    float: left;
    width: 100%;
    margin-top: 10px 0 18px;
    padding: 10px
}

.registration-popup input[type=email],
.registration-popup input[type=submit],
.registration-popup input[type=tel],
.registration-popup input[type=text],
.registration-popup select,
.registration-popup textarea {
    width: 100%;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #00263b;
    border-radius: 0;
    resize: vertical;
    background-color: transparent;
    font-family: Arada-Regular;
    resize: none;
    outline: 0
}

.registration-popup select {
    color: #000;
    font-size: 18px
}

.registration-popup input[type=submit] {
    background-color: #00263b;
    border: 1px solid #00263b;
    color: #fff;
    padding: 8px 45px;
    margin-top: 10px;
    cursor: pointer;
    float: right
}

.registration-popup input[type=submit]:hover {
    background-color: #fff;
    color: #00263b
}

.registration-popup .col-100 label {
    padding: 0 10px;
    font-weight: 400;
    color: #4a4a4a;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transform: translateY(9px) scale(1.1);
    -ms-transform: translateY(9px) scale(1.1);
    transform: translateY(9px) scale(1.1);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    pointer-events: none;
    text-transform: capitalize;
    display: block;
    max-width: 100%;
    margin-bottom: 9px
}

.registration-popup .col-100 .wpcf7-acceptance label {
    position: static;
    transform: none;
    padding: 0;
    text-transform: none
}

.wpcf7-acceptance label {
    pointer-events: auto !important
}

.registration-popup .col-100 span.wpcf7-spinner {
    margin: 5px 0
}

.registration-popup .wpcf7-response-output {
    border: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    text-align: center;
    width: 100%
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    overflow: hidden
}

body .fancybox__container {
    z-index: 9999
}

@media (max-width:767px) {
    h3 {
        font-size: 24px
    }
}

.rtl .wpcf7-form-control {
    direction: rtl !important;
    font-family: Cairo-Regular !important
}

.footer-right .button-style-1 {
    margin-top: 0;
    margin-bottom: 10px
}

@media only screen and (max-width:768px) {
    .registration-popup .modal-title {
        font-size: 20px;
        line-height: 1.3
    }

    .registration-popup .close {
        top: 20px
    }

    .row.mobile-with-countrycode {
        display: block
    }

    .row.mobile-with-countrycode .col-30,
    .row.mobile-with-countrycode .col-70 {
        width: 100%
    }

    body .menu-top-navigation a {
        color: #fff !important
    }

    .footer-left {
        margin-bottom: 10px
    }

    .footer-right>p {
        margin-top: 0;
        margin-bottom: 30px
    }

    .footer-right .button-style-1.move-to {
        position: fixed;
        bottom: 0;
        right: 10px;
        left: 10px;
        display: inline-block;
        width: 200px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

section.landing-v3-banner {
    margin-top: 80px
}

.landing-v3-banner-bg {
    min-height: 480px;
    background-size: cover;
    background-position: center;
    float: left;
    width: 100%;
    position: relative
}

.landing-v3-banner-bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.landing-v3-banner-bg .container {
    position: relative;
    z-index: 2
}

.landing-v3-banner-overlay {
    padding: 50px 0;
    width: 100%;
    float: left
}

.landing-v3-banner-overlay-left {
    float: left;
    width: 340px;
    padding: 220px 0
}

.landing-v3-banner-overlay-right {
    width: 519px;
    float: right;
    background-color: rgba(255, 255, 255, .8);
    padding: 30px 35px 50px;
    position: relative;
    max-width: 50%
}

.landing-v3-banner-overlay-right input[type=email],
.landing-v3-banner-overlay-right input[type=tel],
.landing-v3-banner-overlay-right input[type=text],
.landing-v3-banner-overlay-right select,
.landing-v3-banner-overlay-right select option {
    width: 100%;
    background: no-repeat;
    border: none;
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
    color: #000;
    font-family: Arada-Regular;
    font-size: 18px;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

.landing-v3-banner-overlay-right span[data-name=your-consent] .wpcf7-not-valid-tip {
    display: block;
    margin-top: 5px
}

.landing-v3-banner-overlay-right input.wpcf7-not-valid,
.landing-v3-banner-overlay-right select.wpcf7-not-valid {
    border-color: red
}

.landing-v3-banner-overlay-right select option {
    padding-left: 0 !important
}

.landing-v3-banner-overlay-right .wpcf7 form.invalid .wpcf7-response-output {
    border: none;
    margin: 10px 0 0;
    padding: 0;
    color: #000
}

.landing-v3-banner-overlay-right input::placeholder {
    color: #000;
    opacity: 1
}

.landing-v3-banner-overlay-right input:-ms-input-placeholder {
    color: #000
}

.landing-v3-banner-overlay-right input::-ms-input-placeholder {
    color: #000
}

.landing-v3-banner-overlay-right .wpcf7-submit.submit-button {
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 10px 0;
    border: none;
    margin-top: 30px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

.landing-v3-banner-overlay-right .wpcf7-spinner {
    position: absolute;
    bottom: 4px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #b1aaaa
}

.landing-v3-banner-overlay-right h3 {
    margin-bottom: 10px
}

.landing-v3-banner-overlay .landing-v3-banner-overlay-right *,
.landing-v3-banner-overlay-right h3,
.landing-v3-banner-overlay-right p {
    color: #000
}

.landing-v3-banner-overlay-right .wpcf7-not-valid-tip {
    display: none
}

.landing-v3-banner-overlay * {
    color: #fff
}

.landing-v3-banner-overlay .wpcf7-response-output {
    color: #000
}

.landing-v3-banner-overlay h2,
.landing-v3-banner-overlay h3,
.landing-v3-banner-overlay h5,
.landing-v3-banner-overlay p {
    padding: 8px 0
}

.landing-v3-banner-image-for-mobile {
    display: none
}

.landing-v3-banner-image-for-mobile img {
    width: 100%;
    float: left
}

.landing-v3-banner .wpcf7 .col-100>p {
    padding: 0
}

@media only screen and (max-width:768px) {
    section.landing-v3-banner {
        margin-top: 50px
    }

    section.landing-v3-banner {
        padding: 30px 0
    }

    .landing-v3-banner-image-for-mobile {
        display: block;
        float: left;
        width: 100%;
        padding: 0 2.5%;
        background-size: cover;
        background-position: center
    }

    .landing-v3-banner-image-for-mobile h2,
    .landing-v3-banner-image-for-mobile p {
        color: #fff
    }

    .landing-v3-banner-image-for-mobile h2 {
        margin-bottom: 10px
    }

    .landing-v3-banner-overlay .landing-v3-banner-overlay-left {
        display: none
    }

    .landing-v3-banner-overlay-left {
        width: 100%;
        max-width: 340px;
        padding: 60px 0
    }

    .landing-v3-banner-bg {
        background: 0 0 !important
    }

    .landing-v3-banner-overlay {
        margin: 0;
        padding: 0
    }

    .landing-v3-banner-overlay-right {
        width: 100%;
        max-width: 100%;
        padding: 30px 0 0
    }

    .landing-v3-banner-bg {
        min-height: unset
    }
}

body.rtl .landing-v3-banner-overlay-left {
    float: right
}

body.rtl .landing-v3-banner-overlay-right {
    float: left
}

body.rtl .landing-v3-banner-overlay p {
    font-family: Cairo-Light
}

body.rtl .landing-v3-banner-overlay p strong {
    font-family: Cairo-Bold
}

body.rtl .landing-v3-banner-overlay-right input[type=email],
body.rtl .landing-v3-banner-overlay-right input[type=tel],
body.rtl .landing-v3-banner-overlay-right input[type=text],
body.rtl .landing-v3-banner-overlay-right select,
body.rtl .landing-v3-banner-overlay-right select option {
    font-family: Cairo-Regular;
    direction: rtl
}

.rll-youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.rll-youtube-player:focus-within {
    outline: currentColor solid 2px;
    outline-offset: 5px
}

.rll-youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0
}

.rll-youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s all
}

.rll-youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.rll-youtube-player .play {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: url(https://www.arada.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) center no-repeat;
    background-color: transparent !important;
    cursor: pointer;
    border: none
}

.cky-overlay {
    background: #000;
    opacity: .4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999
}

.cky-hide {
    display: none
}

.cky-revisit-hide {
    display: none
}

.cky-consent-container {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 9999999
}

.cky-consent-container .cky-consent-bar {
    background: #fff;
    border: 1px solid;
    padding: 16.5px 24px;
    box-shadow: 0 -1px 10px 0 #acabab4d
}

.cky-banner-bottom {
    bottom: 0;
    left: 0
}

.cky-notice .cky-title {
    color: #212121;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 12px
}

.cky-notice-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.cky-accordion-header-des *,
.cky-gpc-wrapper .cky-gpc-desc *,
.cky-notice-des *,
.cky-preference-content-wrapper * {
    font-size: 14px
}

.cky-notice-des {
    color: #212121;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.cky-notice-des img {
    height: 25px;
    width: 25px
}

.cky-accordion-header-wrapper .cky-accordion-header-des p,
.cky-consent-bar .cky-notice-des p,
.cky-cookie-des-table li div:last-child p,
.cky-gpc-wrapper .cky-gpc-desc p,
.cky-preference-body-wrapper .cky-preference-content-wrapper p {
    color: inherit;
    margin-top: 0;
    overflow-wrap: break-word
}

.cky-cookie-des-table li div:last-child p:last-child,
.cky-gpc-wrapper .cky-gpc-desc p:last-child,
.cky-preference-content-wrapper p:last-child {
    margin-bottom: 0
}

.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy {
    font-size: 14px;
    color: #1863dc;
    white-space: nowrap;
    cursor: pointer;
    background: 0 0;
    border: 1px solid;
    text-decoration: underline
}

.cky-notice-des button.cky-policy {
    padding: 0
}

.cky-accordion-header .cky-accordion-btn:focus-visible,
.cky-btn:focus-visible,
.cky-footer-wrapper a:focus-visible,
.cky-notice-des a.cky-policy:focus-visible,
.cky-notice-des button.cky-policy:focus-visible,
.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,
.cky-preference-header .cky-btn-close:focus-visible,
.cky-switch input[type=checkbox]:focus-visible {
    outline: #1863dc solid 2px;
    outline-offset: 2px
}

.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),
.cky-btn:focus:not(:focus-visible),
.cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible),
.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),
.cky-preference-header .cky-btn-close:focus:not(:focus-visible) {
    outline: 0
}

button.cky-show-desc-btn:not(:hover):not(:active) {
    color: #1863dc;
    background: 0 0
}

button.cky-accordion-btn:not(:hover):not(:active),
button.cky-banner-btn-close:not(:hover):not(:active),
button.cky-btn-close:not(:hover):not(:active),
button.cky-btn-revisit:not(:hover):not(:active) {
    background: 0 0
}

.cky-consent-bar button:focus,
.cky-consent-bar button:hover,
.cky-modal.cky-modal-open button:focus,
.cky-modal.cky-modal-open button:hover {
    text-decoration: none
}

.cky-notice-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px
}

.cky-notice-btn-wrapper .cky-btn {
    text-shadow: none;
    box-shadow: none
}

.cky-btn {
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    padding: 8px 27px;
    font-weight: 500;
    margin: 0 8px 0 0;
    border-radius: 2px;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    min-height: 0
}

.cky-btn:hover {
    opacity: .8
}

.cky-btn-customize {
    color: #1863dc;
    background: 0 0;
    border: 2px solid #1863dc
}

.cky-btn-reject {
    color: #1863dc;
    background: 0 0;
    border: 2px solid #1863dc
}

.cky-btn-accept {
    background: #1863dc;
    color: #fff;
    border: 2px solid #1863dc
}

.cky-btn:last-child {
    margin-right: 0
}

@media (max-width:768px) {
    .cky-notice-group {
        display: block
    }

    .cky-notice-btn-wrapper {
        margin-left: 0
    }

    .cky-notice-btn-wrapper .cky-btn {
        flex: auto;
        max-width: 100%;
        margin-top: 10px;
        white-space: unset
    }
}

@media (max-width:576px) {
    .cky-notice-btn-wrapper {
        flex-direction: column
    }

    .cky-notice .cky-title,
    .cky-notice-btn-wrapper,
    .cky-notice-des {
        padding: 0 28px
    }

    .cky-consent-container .cky-consent-bar {
        padding: 16.5px 0
    }

    .cky-notice-des {
        max-height: 40vh;
        overflow-y: scroll
    }

    .cky-notice-btn-wrapper .cky-btn {
        width: 100%;
        padding: 8px;
        margin-right: 0
    }

    .cky-notice-btn-wrapper .cky-btn-accept {
        order: 1
    }

    .cky-notice-btn-wrapper .cky-btn-reject {
        order: 3
    }

    .cky-notice-btn-wrapper .cky-btn-customize {
        order: 2
    }
}

@media (max-width:425px) {

    .cky-notice .cky-title,
    .cky-notice-btn-wrapper,
    .cky-notice-des {
        padding: 0 24px
    }

    .cky-notice-btn-wrapper {
        flex-direction: column
    }

    .cky-btn {
        width: 100%;
        margin: 10px 0 0
    }

    .cky-notice-btn-wrapper .cky-btn-customize {
        order: 2
    }

    .cky-notice-btn-wrapper .cky-btn-reject {
        order: 3
    }

    .cky-notice-btn-wrapper .cky-btn-accept {
        order: 1;
        margin-top: 16px
    }
}

@media (max-width:352px) {
    .cky-notice .cky-title {
        font-size: 16px
    }

    .cky-notice-des * {
        font-size: 12px
    }

    .cky-btn,
    .cky-notice-des {
        font-size: 12px
    }
}

.cky-modal.cky-modal-open {
    display: flex;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: all 1s ease
}

.cky-modal {
    box-shadow: 0 32px 68px rgba(0, 0, 0, .3);
    margin: 0 auto;
    position: fixed;
    max-width: 100%;
    background: #fff;
    top: 50%;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 999999999;
    color: #212121;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    visibility: hidden;
    transition: all 0s ease
}

.cky-preference-center {
    max-height: 79vh;
    overflow: hidden;
    width: 845px;
    overflow: hidden;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    border-radius: 6px
}

.cky-preference-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    border-bottom: 1px solid
}

.cky-preference-header .cky-preference-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.cky-preference-header .cky-btn-close {
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
    padding: 0;
    background: 0 0;
    border: none;
    width: auto;
    height: auto;
    min-height: 0;
    line-height: 0;
    text-shadow: none;
    box-shadow: none
}

.cky-preference-header .cky-btn-close img {
    margin: 0;
    height: 10px;
    width: 10px
}

.cky-preference-body-wrapper {
    padding: 0 24px;
    flex: 1;
    overflow: auto;
    box-sizing: border-box
}

.cky-gpc-wrapper .cky-gpc-desc,
.cky-preference-content-wrapper {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px 0
}

.cky-preference-content-wrapper {
    border-bottom: 1px solid
}

.cky-preference-content-wrapper img {
    height: 25px;
    width: 25px
}

.cky-preference-content-wrapper .cky-show-desc-btn {
    font-size: 14px;
    font-family: inherit;
    color: #1863dc;
    text-decoration: none;
    line-height: 24px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    text-transform: none;
    min-height: 0;
    text-shadow: none;
    box-shadow: none
}

.cky-accordion-wrapper {
    margin-bottom: 10px
}

.cky-accordion {
    border-bottom: 1px solid
}

.cky-accordion:last-child {
    border-bottom: none
}

.cky-accordion .cky-accordion-item {
    display: flex;
    margin-top: 10px
}

.cky-accordion .cky-accordion-body {
    display: none
}

.cky-accordion.cky-accordion-active .cky-accordion-body {
    display: block;
    padding: 0 22px;
    margin-bottom: 16px
}

.cky-accordion-header-wrapper {
    cursor: pointer;
    width: 100%
}

.cky-accordion-item .cky-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cky-accordion-header .cky-accordion-btn {
    font-size: 16px;
    font-family: inherit;
    color: #212121;
    line-height: 24px;
    background: 0 0;
    border: none;
    font-weight: 700;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-transform: none;
    min-height: 0;
    text-shadow: none;
    box-shadow: none
}

.cky-accordion-header .cky-always-active {
    color: green;
    font-weight: 600;
    line-height: 24px;
    font-size: 14px
}

.cky-accordion-header-des {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 16px
}

.cky-accordion-chevron {
    margin-right: 22px;
    position: relative;
    cursor: pointer
}

.cky-accordion-chevron-hide {
    display: none
}

.cky-accordion .cky-accordion-chevron i::before {
    content: "";
    position: absolute;
    border-right: 1.4px solid;
    border-bottom: 1.4px solid;
    border-color: inherit;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .2s ease-in-out;
    top: 8px
}

.cky-accordion.cky-accordion-active .cky-accordion-chevron i::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cky-audit-table {
    background: #f4f4f4;
    border-radius: 6px
}

.cky-audit-table .cky-empty-cookies-text {
    color: inherit;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    padding: 10px
}

.cky-audit-table .cky-cookie-des-table {
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 10px;
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    margin: 0
}

.cky-audit-table .cky-cookie-des-table:last-child {
    border-bottom: none
}

.cky-audit-table .cky-cookie-des-table li {
    list-style-type: none;
    display: flex;
    padding: 3px 0
}

.cky-audit-table .cky-cookie-des-table li:first-child {
    padding-top: 0
}

.cky-cookie-des-table li div:first-child {
    width: 100px;
    font-weight: 600;
    word-break: break-word;
    word-wrap: break-word
}

.cky-cookie-des-table li div:last-child {
    flex: 1;
    word-break: break-word;
    word-wrap: break-word;
    margin-left: 8px
}

.cky-footer-shadow {
    display: block;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    position: absolute;
    bottom: calc(100% - 1px)
}

.cky-footer-wrapper {
    position: relative
}

.cky-prefrence-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 22px 24px;
    border-top: 1px solid
}

.cky-prefrence-btn-wrapper .cky-btn {
    flex: auto;
    max-width: 100%;
    text-shadow: none;
    box-shadow: none
}

.cky-btn-preferences {
    color: #1863dc;
    background: 0 0;
    border: 2px solid #1863dc
}

.cky-accordion,
.cky-accordion-wrapper,
.cky-footer-wrapper,
.cky-preference-body-wrapper,
.cky-preference-content-wrapper,
.cky-preference-header,
.cky-prefrence-btn-wrapper {
    border-color: inherit
}

@media (max-width:845px) {
    .cky-modal {
        max-width: calc(100% - 16px)
    }
}

@media (max-width:576px) {
    .cky-modal {
        max-width: 100%
    }

    .cky-preference-center {
        max-height: 100vh
    }

    .cky-prefrence-btn-wrapper {
        flex-direction: column
    }

    .cky-accordion.cky-accordion-active .cky-accordion-body {
        padding-right: 0
    }

    .cky-prefrence-btn-wrapper .cky-btn {
        width: 100%;
        margin: 10px 0 0
    }

    .cky-prefrence-btn-wrapper .cky-btn-reject {
        order: 3
    }

    .cky-prefrence-btn-wrapper .cky-btn-accept {
        order: 1;
        margin-top: 0
    }

    .cky-prefrence-btn-wrapper .cky-btn-preferences {
        order: 2
    }
}

.cky-switch {
    display: flex
}

.cky-switch input[type=checkbox] {
    position: relative;
    width: 44px;
    height: 24px;
    margin: 0;
    background: #d0d5d2;
    -webkit-appearance: none;
    border-radius: 50px;
    cursor: pointer;
    outline: 0;
    border: none;
    top: 0
}

.cky-switch input[type=checkbox]:checked {
    background: #1863dc
}

.cky-switch input[type=checkbox]:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    margin: 0
}

.cky-switch input[type=checkbox]:after {
    display: none
}

.cky-switch input[type=checkbox]:checked:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

@media (max-width:425px) {
    .cky-accordion-chevron {
        margin-right: 15px
    }

    .cky-notice-btn-wrapper {
        margin-top: 0
    }

    .cky-accordion.cky-accordion-active .cky-accordion-body {
        padding: 0 15px
    }

    .cky-switch input[type=checkbox] {
        width: 38px;
        height: 21px
    }

    .cky-switch input[type=checkbox]:before {
        height: 17px;
        width: 17px
    }

    .cky-switch input[type=checkbox]:checked:before {
        -webkit-transform: translateX(17px);
        -ms-transform: translateX(17px);
        transform: translateX(17px)
    }
}

.cky-consent-bar .cky-banner-btn-close {
    position: absolute;
    right: 9px;
    top: 5px;
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    min-height: 0;
    line-height: 0;
    height: auto;
    width: auto;
    text-shadow: none;
    box-shadow: none
}

.cky-consent-bar .cky-banner-btn-close img {
    height: 9px;
    width: 9px;
    margin: 0
}

.cky-consent-bar .cky-banner-btn-close:focus-visible,
.cky-opt-out-btn-wrapper .cky-btn:focus-visible {
    outline: #1863dc solid 2px;
    outline-offset: 2px
}

@media (max-width:768px) {
    .cky-notice-btn-wrapper {
        margin-left: 0;
        margin-top: 10px;
        justify-content: left
    }
}

.cky-gpc-wrapper {
    margin: 0 0 0 32px
}

.cky-footer-wrapper .cky-opt-out-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 22px 24px
}

.cky-opt-out-btn-wrapper .cky-btn {
    flex: auto;
    max-width: 100%;
    text-shadow: none;
    box-shadow: none
}

@media (max-width:352px) {
    .cky-preference-header .cky-preference-title {
        font-size: 16px
    }

    .cky-preference-header {
        padding: 16px 24px
    }

    .cky-accordion-header-des *,
    .cky-preference-content-wrapper * {
        font-size: 12px
    }

    .cky-accordion-header .cky-always-active,
    .cky-accordion-header-des,
    .cky-notice-des a.cky-policy,
    .cky-preference-content-wrapper,
    .cky-preference-content-wrapper .cky-show-desc-btn {
        font-size: 12px
    }

    .cky-accordion-header .cky-accordion-btn {
        font-size: 14px
    }

    .cky-notice-des a.cky-policy {
        font-size: 12px
    }

    .cky-gpc-wrapper .cky-gpc-desc,
    .cky-gpc-wrapper .cky-gpc-desc * {
        font-size: 12px
    }

    .cky-gpc-wrapper {
        margin: 0 0 0 28px
    }
}

.video-placeholder-youtube {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #b2b0b059;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%
}

.video-placeholder-text-youtube {
    text-align: center;
    align-items: center;
    padding: 10px 16px;
    background-color: #000000cc;
    color: #fff;
    border: 1px solid;
    border-radius: 2px;
    cursor: pointer
}

.video-placeholder-normal {
    background-image: url("https://www.arada.com/wp-content/plugins/cookie-law-info/lite/frontend/images/placeholder.svg");
    background-size: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #b2b0b059;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: 100%
}

.video-placeholder-text-normal {
    align-items: center;
    padding: 10px 16px;
    text-align: center;
    border: 1px solid;
    border-radius: 2px;
    cursor: pointer
}

.cky-rtl {
    direction: rtl;
    text-align: right
}

.cky-rtl .cky-banner-btn-close {
    left: 9px;
    right: auto
}

.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child {
    margin-right: 8px
}

.cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child {
    margin-right: 0
}

.cky-rtl .cky-notice-btn-wrapper {
    margin-left: 0;
    margin-right: 15px
}

.cky-rtl .cky-prefrence-btn-wrapper .cky-btn {
    margin-right: 8px
}

.cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child {
    margin-right: 0
}

.cky-rtl .cky-accordion .cky-accordion-chevron i::before {
    border: none;
    border-left: 1.4px solid;
    border-top: 1.4px solid;
    left: 12px
}

.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media (max-width:768px) {
    .cky-rtl .cky-notice-btn-wrapper {
        margin-right: 0
    }
}

@media (max-width:576px) {
    .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child {
        margin-right: 0
    }

    .cky-rtl .cky-prefrence-btn-wrapper .cky-btn {
        margin-right: 0
    }

    .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body {
        padding: 0 22px 0 0
    }
}

@media (max-width:425px) {
    .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body {
        padding: 0 15px 0 0
    }
}

.cky-rtl .cky-opt-out-btn-wrapper .cky-btn {
    margin-right: 12px
}

.cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child {
    margin-right: 0
}

#header .arada-brand img {
    display: inline-block;
    width: 100%;
    max-width: 160px
}

body #header {
    background-color: #e1dfd8;
    border-color: #e1dfd8
}

a,
body,
h2,
h5 {
    font-family: Optima !important
}

h2 {
    font-family: Optima !important;
    text-transform: uppercase;
    color: #848d98 !important;
    font-size: 40px;
    font-weight: lighter
}

h3,
p {
    font-family: AeonikPro-Regular !important
}

.footer-right {
    font-family: Optima !important
}

@media only screen and (min-width:481px) and (max-width:1370px) {
    .connectivity li h2 {
        width: 100%;
        display: block !important;
        text-align: left;
        float: none;
        clear: both
    }

    .connectivity li p {
        width: 100% !important;
        display: block !important;
        float: none;
        clear: both;
        padding: 10px 20px 0 0 !important
    }
}

@media screen and (min-width:1200px) {
    .footer-right .button-style-1 {
        display: none !important
    }
}

@media screen and (min-width:767px) {
    .landing-v3-banner-overlay-right {
        background-color: rgba(0, 0, 0, .6) !important;
        padding: 40px
    }

    .wpcf7-form-control-wrap country_code {
        color: #000 !important
    }

    .landing-v3-banner-overlay .landing-v3-banner-overlay-right *,
    .landing-v3-banner-overlay-right h3,
    .landing-v3-banner-overlay-right p {
        color: #fff
    }

    .landing-v3-banner-overlay-right input[type=email],
    .landing-v3-banner-overlay-right input[type=tel],
    .landing-v3-banner-overlay-right input[type=text],
    .landing-v3-banner-overlay-right select,
    .landing-v3-banner-overlay-right select option {
        color: #000 !important;
        background-color: rgba(255, 255, 255, .7) !important;
        padding: 10px
    }

    .landing-v3-banner-overlay-right .wpcf7-submit.submit-button {
        background-color: #848d98
    }

    section.footer {
        bottom: 0px
    }

    .mobilesticky {
        display: none !important
    }

    :where(.wp-block-columns.is-layout-flex) {
        grid-gap: 1em
    }

    .landing-v3-banner-bg {
        height: 90vh
    }

    .sticky-menu {
        position: absolute;
        bottom: 0 !important;
        width: 100%;
        z-index: 9999999999;
        left: 0;
        height: 95px
    }

    .popup-content-section .modal-header {
        display: block !important;
        background: #fff !important;
        color: #fff !important
    }

    .popup-content-section .modal-title {
        font-size: 18px !important;
        color: #000 !important
    }

    .sticky-menu ul {
        position: fixed;
        background: #361a05 !important;
        padding: 20px 0 !important;
        color: #fff !important;
        text-align: center;
        width: 100%;
        display: inline-block;
        z-index: 9999999
    }

    .sticky-menu li {
        color: #e1dfd8 !important;
        padding: 0;
        text-align: center;
        float: left;
        width: 25%
    }
    #language-selector {
        text-align: end;
      }
    #language-selector1 {
        margin-top: -65px;
        margin-right: -30px;
        text-align: end;
      }
    .sticky-menu li p {
        font-size: 15px
    }

    .sticky-menu li h2 {
        font-size: 25px;
        color: #e1dfd8 !important
    }

    .sticky-menu li h2 img {
        height: 20px
    }

    .sticky-menu a.button-style-1 {
        margin: 0 !important;
        background: #adab62;
        color: #fff;
        font-weight: 400;
        font-size: 18px
    }

    .summary {
        width: 70%;
        display: block;
        text-align: left;
        color: #908f8a;
        font-size: 20px;
        line-height: 24px
    }

    .key-features li {
        display: block !important
    }

    .keyfeatures li {
        color: #707070
    }

    .keyfeatures li img {
        float: left;
        width: 50px !important;
        margin: 1%
    }

    .keyfeatures li div {
        float: left;
        display: inline-block;
        width: 80%;
        padding: 0 0 0 3%
    }

    .keyfeatures h5 {
        float: left;
        font-family: Arada-Light !important;
        padding: 0;
        font-weight: lighter;
        font-size: 18px
    }

    .connectivity {
        padding: 60px 0 !important;
        text-align: center
    }

    .connectivity li {
        color: #707070 !important
    }

    .connectivity {
        padding: 40px 0
    }

    .connectivity h3 {
        color: #1e372f !important
    }

    .connectivity li {
        display: inline-block !important;
        width: 25% !important;
        float: left;
        max-width: 25%;
        position: relative;
        vertical-align: bottom
    }

    .connectivity li h2 {
        display: inline-block !important;
        float: left;
        width: 40% !important;
        color: #707070;
        line-height: 50px;
        font-size: 40px;
        text-align: left
    }

    .connectivity li h5 {
        display: inline-block !important;
        float: left;
        width: 100% !important;
        color: #707070;
        line-height: 80px;
        font-size: 32px;
        text-align: left;
        text-transform: uppercase
    }

    .connectivity li p {
        display: inline-block !important;
        font-size: 18px !important;
        vertical-align: bottom !important;
        float: left;
        width: 70%;
        color: #707070;
        margin: 0 !important;
        bottom: 0;
        line-height: 20px !important;
        padding: 0 0 0 15px;
        font-family: arada-light;
        text-align: left
    }

    .wp-block-spacer {
        height: 1px
    }

    .landing-v3-banner-overlay-right input[type=email],
    .landing-v3-banner-overlay-right input[type=tel],
    .landing-v3-banner-overlay-right input[type=text],
    .landing-v3-banner-overlay-right select,
    .landing-v3-banner-overlay-right select option {
        font-size: 14px
    }
}
.hide-desktop {
    display: none !important;
}
@media screen and (max-width:766px) {
    body ul.slick-dots .slick-active button {
        background-color: #666
    }

    .footer-right .button-style-1 {
        display: none !important
    }

    .mobilesticky {
        display: block !important;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #361a05;
        text-align: center;
        padding: 20px 0;
        z-index: 99999999
    }

    section.landing-v3-banner {
        padding: 0 !important
    }

    section.arada-editor-section {
        padding: 0 !important
    }

    section.key-features-section {
        padding: 0 20px !important
    }

    .landing-v3-banner-overlay-left {
        padding: 0 !important;
        height: 350px;
        width: 100% !important;
        max-width: 100% !important
    }

    .landing-v3-banner-overlay-right {
        width: 100%;
        max-width: 100%;
        padding: 30px 0 0;
        background-color: #fff !important;
        color: #fff !important
    }

    .sticky-menu {
        width: 100%
    }

    .popup-content-section .modal-header {
        display: block !important;
        background: #fff !important;
        color: #fff !important
    }

    .popup-content-section .modal-title {
        font-size: 18px !important;
        color: #000 !important
    }

    .sticky-menu ul {
        background: #361a05 !important;
        padding: 20px 0 !important;
        color: #fff !important;
        text-align: center;
        width: 100%;
        display: inline-block
    }

    .sticky-menu li {
        color: #e1dfd8 !important;
        padding: 0 0 40px;
        text-align: center;
        float: none;
        width: 100%;
        display: block
    }

    .sticky-menu li p {
        font-size: 15px
    }

    .sticky-menu li h2 {
        font-size: 25px;
        color: #e1dfd8 !important
    }

    .sticky-menu li h2 img {
        height: 20px
    }

    .sticky-menu a.button-style-1 {
        margin: 0 !important;
        background: #adab62;
        color: #fff;
        font-weight: 400;
        font-size: 18px
    }

    .summary {
        width: 100%;
        display: block;
        text-align: left;
        color: #908f8a;
        font-family: Arada-Light !important;
        font-size: 20px;
        line-height: 24px;
        padding: 20px !important
    }

    .key-features {
        padding: 0 !important;
        width: 100%
    }

    .key-features ul {
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .key-features li {
        display: block !important;
        float: left !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        min-height: 160px
    }

    .keyfeatures li {
        color: #707070
    }

    .keyfeatures li img {
        float: left;
        width: 50px !important;
        margin: 1%
    }

    .keyfeatures li div {
        float: none;
        display: block;
        width: 100%;
        padding: 0;
        clear: both !important
    }

    .keyfeatures h5 {
        float: left;
        font-family: Arada-Light !important;
        padding: 15px 0 0;
        font-weight: lighter;
        font-size: 18px;
        line-height: 21px !important
    }
    .hide-mobile {
        display: none !important;
    }

    .hide-desktop {
        display: block !important;
    }
    .connectivity {
        padding: 20px !important;
        text-align: center
    }

    .connectivity li {
        color: #707070 !important;
        text-align: center
    }

    .connectivity {
        padding: 40px 0
    }

    .connectivity h3 {
        color: #1e372f !important
    }

    .connectivity li {
        display: block !important;
        width: 100% !important;
        float: none;
        max-width: 100%;
        position: relative;
        vertical-align: bottom;
        padding: 10px 0 30px;
        clear: both
    }

    .connectivity li h2 {
        display: block !important;
        float: none;
        width: 100% !important;
        color: #707070;
        line-height: 32px;
        font-size: 40px;
        text-align: center;
        margin: 0
    }

    .connectivity li h5 {
        display: inline-block !important;
        float: none;
        width: 100% !important;
        color: #707070;
        line-height: 80px;
        font-size: 32px;
        text-align: center;
        text-transform: uppercase
    }

    .connectivity li p {
        display: inline-block !important;
        font-size: 18px !important;
        vertical-align: bottom !important;
        float: none;
        width: 60% !important;
        color: #707070;
        margin: 0 !important;
        bottom: 0;
        line-height: 20px !important;
        padding: 0;
        font-family: arada-light;
        text-align: center
    }

    .wp-block-spacer {
        height: 1px
    }

    a.fixed-whatsapp-icon {
        bottom: 110px !important
    }

    .hideonmobile {
        display: none !important
    }

    .sticky-menu li:nth-child(5) {
        display: none !important
    }
}
.footer-qr-code {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 20px 0;
  flex-direction: column;
}
.footer-qr-code img.img-responsive {
  max-width: 120px;
  width: auto !important;
}
.footer-qr-code p.permit-text.text-center.p-0 {
  font-size: 14px;
  margin-top: 10px;
}







.wp-block-button__link {
    background: 0 0 !important;
    Background-color: none !important;
    border: 1px solid #fff !important;
    border-radius: 50px !important;
    width: 80%
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label::after,
.wpcf7-list-item-label::before {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion:reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 [inert] {
    opacity: .5
}

.wpcf7 input[type=file] {
    cursor: pointer
}

.wpcf7 input[type=file]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=url] {
    direction: ltr
}

.popup-content-section {
    background-color: rgba(33, 33, 29, .64);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 99999;
    padding: 50px 0;
    overflow: hidden;
    overflow-y: auto;
    display: none
}

.popup-content-section .container {
    width: 770px
}

.popup-content-section .form-wrapper {
    border-radius: 0;
    border: 0 !important;
    background-color: #fff;
    background-clip: padding-box
}

.popup-content-section .modal-header {
    padding: 15px;
    background: #ededec;
    border-bottom: none;
    position: relative
}

.popup-content-section .modal-title {
    margin: 0;
    line-height: 1.42857;
    font-size: 32px
}

.popup-content-section .close {
    margin-top: -2px;
    position: absolute;
    right: 20px;
    top: 25px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 55px;
    float: right;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff
}

.popup-content-section .close span {
    content: '';
    background: url(https://www.arada.com/wp-content/themes/arada-2022/assets/images/icon-close-black.svg) no-repeat;
    background-size: 30px 30px
}

.popup-content-section .modal-body {
    position: relative;
    overflow: hidden;
    padding: 22px 25px
}

.popup-content-section .col-100 {
    float: left;
    width: 100%;
    margin-top: 10px 0 18px;
    padding: 10px
}

.popup-content-section input[type=email],
.popup-content-section input[type=submit],
.popup-content-section input[type=tel],
.popup-content-section input[type=text],
.popup-content-section select,
.popup-content-section textarea {
    width: 100%;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #00263b;
    border-radius: 0;
    resize: vertical;
    background-color: transparent;
    font-family: Arada-Regular;
    resize: none;
    outline: 0
}

.popup-content-section select {
    color: #000;
    font-size: 18px
}

.popup-content-section input[type=submit] {
    background-color: #00263b;
    border: 1px solid #00263b;
    color: #fff;
    padding: 8px 45px;
    margin-top: 10px;
    cursor: pointer;
    float: right
}

.popup-content-section input[type=submit]:hover {
    background-color: #fff;
    color: #00263b
}

.popup-content-section .col-100 label {
    padding: 0 10px;
    font-weight: 400;
    color: #4a4a4a;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transform: translateY(9px) scale(1.1);
    -ms-transform: translateY(9px) scale(1.1);
    transform: translateY(9px) scale(1.1);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    pointer-events: none;
    text-transform: capitalize;
    display: block;
    max-width: 100%;
    margin-bottom: 9px
}

.popup-content-section .col-100 span[data-name=your-consent] label {
    position: static;
    transform: none;
    padding: 0;
    width: 100%;
    text-transform: none
}

.consent-col-100 {
    float: left;
    width: 100%;
}
.error {
    display: block;
    transition: all 0.3s ease;
    color: #ff4b82 !important;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    
  }
.iti{
    width: 100%;
}
body.rtl .popup-content-section .close {
    left: 20px;
    right: unset
}

body.rtl .modal-body .wpcf7 form .wpcf7-response-output {
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    margin: 0
}

.popup-content-section .close span {
    background-size: contain
}

section.arada-editor-section {
    padding: 50px 0
}

.arada-editor-section p {
    margin-bottom: 10px
}

section.arada-editor-section img {
    height: auto;
    max-width: 100%
}

section.key-features-section {
    padding: 50px 0 0
}

.key-features.remove-bottom-padding {
    padding-bottom: 0
}

.key-features {
    padding: 50px 0
}

.key-features p {
    font-family: Arada-Light;
    color: #000;
    font-size: 18px
}

.key-features ul {
    font-family: Arada-Light;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 35px 17.33px
}

.key-features li {
    flex: calc(25% - 13.33px);
    max-width: calc(25% - 13.33px);
    position: relative;
    padding-left: var(--padding, 0);
    display: flex
}

.key-features li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--circle-color, '')
}

.key-features li img {
    width: auto;
    height: auto
}

@media screen and (max-width:1400px) {
    .key-features li {
        flex: calc(33.33% - 13.33px);
        max-width: calc(33.33% - 13.33px)
    }
}

@media screen and (max-width:1024px) {
    .key-features p {
        font-size: 18px
    }

    .key-features ul {
        gap: 26.33px
    }

    .key-features li {
        flex: calc(50% - 13.33px);
        max-width: calc(50% - 13.33px)
    }
}

.rtl .key-features p,
.rtl .key-features ul {
    font-family: Cairo-Light
}

.rtl .key-features li {
    padding-left: 0;
    padding-right: var(--padding, 0)
}

.rtl .key-features li::before {
    left: 100%
}

@media screen and (min-width:1920px) {
    .rtl .key-features li::before {
        left: 96%
    }

    .rtl .key-features li {
        padding-right: calc(var(--padding, 0) + 10px)
    }
}

@media screen and (max-width:768px) {
    .key-features {
        max-width: 95%;
        margin: 0 auto
    }

    .key-features li {
        flex: 100%;
        max-width: 100%;
        flex-direction: column;
        padding-left: var(--padding-mobile, var(--padding));
        padding-right: var(--padding-mobile, 0)
    }

    .key-features li img+p {
        text-align: center
    }

    .rtl .key-features li::before {
        left: 97%
    }

    .key-features li:before {
        top: 11px
    }

    .rtl .key-features li {
        padding-left: var(--padding-mobile, 0);
        padding-right: var(--padding-mobile, var(--padding))
    }
}

section.photo-gallery-slider {
    padding: 50px 0
}

.photo-slider {
    position: relative
}

.photo-slider>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.photo-slider>ul li {
    float: left;
    width: 33.33%
}

.photo-slider-next,
.photo-slider-prev {
    background-image: url(https://www.arada.com/wp-content/themes/arada-2022/assets/images/left-arrow.svg);
    background-position: center;
    height: 23px;
    width: 20px;
    position: absolute;
    left: -4%;
    top: 45%;
    background-repeat: no-repeat;
    cursor: pointer
}

.photo-slider-next {
    background-image: url(https://www.arada.com/wp-content/themes/arada-2022/assets/images/right-arrow.svg);
    left: auto;
    right: -4%
}

section.photo-gallery-slider .slick-slide {
    margin: 0 10px
}

section.photo-gallery-slider.hide-pager ul.slick-dots {
    display: none !important
}

@media only screen and (max-width:768px) {
    .popup-content-section .modal-title {
        font-size: 20px;
        line-height: 1.3
    }

    .popup-content-section .close {
        top: 20px
    }

    section.photo-gallery-slider {
        padding: 30px 0
    }

    .photo-slider-next,
    .photo-slider-prev {
        display: none
    }

    section.photo-gallery-slider h2 {
        color: #000 !important
    }

    section.photo-gallery-slider.hide-pager ul.slick-dots {
        display: block !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease
}

.carousel__button.is-next,
.carousel__button.is-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: 0;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4))
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: 0
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))
}

@media all and (min-width:1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, .92))
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px;
    position: relative;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width:1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: dotted thin;
    box-shadow: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width:1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }

    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }

    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click,
.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: 2s linear infinite fancybox-rotate;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: 1.5s ease-in-out infinite fancybox-dash;
    stroke-linecap: round;
    stroke: currentColor
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    animation: .15s backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
    animation: .15s both fancybox-fadeOut
}

.fancybox-fadeOut {
    animation: .1s both fancybox-fadeOut
}

.fancybox-zoomInUp {
    animation: .2s both fancybox-zoomInUp
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    user-select: none;
    transition: none
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    user-select: none
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0, hsla(0deg, 0%, 0%, .006) 8.1%, hsla(0deg, 0%, 0%, .021) 15.5%, hsla(0deg, 0%, 0%, .046) 22.5%, hsla(0deg, 0%, 0%, .077) 29%, hsla(0deg, 0%, 0%, .114) 35.3%, hsla(0deg, 0%, 0%, .155) 41.2%, hsla(0deg, 0%, 0%, .198) 47.1%, hsla(0deg, 0%, 0%, .242) 52.9%, hsla(0deg, 0%, 0%, .285) 58.8%, hsla(0deg, 0%, 0%, .326) 64.7%, hsla(0deg, 0%, 0%, .363) 71%, hsla(0deg, 0%, 0%, .394) 77.5%, hsla(0deg, 0%, 0%, .419) 84.5%, hsla(0deg, 0%, 0%, .434) 91.9%, hsla(0deg, 0%, 0%, .44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4))
}

@media all and (min-width:1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    user-select: none
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.wp-container-core-columns-is-layout-9d6595d7 {
    flex-wrap: nowrap
}

.rll-youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.rll-youtube-player:focus-within {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}

.rll-youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0
}

.rll-youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all
}

.rll-youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.rll-youtube-player .play {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: var(--wpr-bg-65798d82-68ec-4a4d-97f3-91626cfd6d83) no-repeat center;
    background-color: transparent !important;
    cursor: pointer;
    border: none;
}

.rll-youtube-player .play {
    --wpr-bg-65798d82-68ec-4a4d-97f3-91626cfd6d83: url('https://www.arada.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');
}

.wp-container-core-columns-is-layout-9d6595d7 {
    flex-wrap: nowrap;
}

#success-overlay-innerwrap {
    display: block;
    position: relative;
    width: 100%;
    max-width: 600px;
    min-height: 200px;
    padding: 40px;
    background-color: rgb(255 255 255 / 90%);
    border-radius: 5px;
  }
  div#success {
    text-align: center;
    margin: 30px 0 0;
  }
  div#success h4 {
    font-size: 25px;
    color: #11aa16;
    border: 1px solid;
    padding: 25px 0;
    background: #eee;
    line-height: 29px;
  }
  #success-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 99999999999;
    background-color: rgba(0,0,0,0.8);
    color: #3d3d3d;
  }
  #success-overlay h4 {
    text-align: center;
    font-size: 30px;
    color: #000;
  }
  #success-overlay h5 {
    text-align: center;
    font-size: 18px;
    color: #000;
  }
  #success-overlay-close {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 22px;
    cursor: pointer;
    padding: 12px 15px 8px;
    font-weight: 600;
    background: #000;
    color: #fff;
  }
  .lang-selector {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  #language-selector1 a {
    color:black;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid white;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: white;
    opacity: 0.9;
  }
  #language-selector a {
    color:black;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid white;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: white;
    opacity: 0.9;
  }