/*! elementor - v3.2.3 - 05-05-2021 */
.dialog-widget-content {
    background-color: #fff;
    position: absolute;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
    overflow: hidden
}

.dialog-message {
    font-size: 12px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-type-lightbox {
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dialog-type-lightbox .dialog-widget-content {
    margin: auto;
    width: 375px
}

.dialog-type-lightbox .dialog-header {
    font-size: 15px;
    color: #495157;
    padding: 30px 0 10px;
    font-weight: 500
}

.dialog-type-lightbox .dialog-message {
    padding: 0 30px 30px;
    min-height: 50px
}

.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header,
.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message {
    text-align: center
}

.dialog-type-lightbox .dialog-buttons-wrapper {
    border-top: 1px solid #e6e9ec;
    text-align: center
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button {
    font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
    width: 50%;
    border: none;
    background: none;
    color: #6d7882;
    font-size: 15px;
    cursor: pointer;
    padding: 13px 0;
    outline: 0
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button:hover {
    background-color: #f4f6f7
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button.dialog-ok {
    color: #b01b1b
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button.dialog-take_over {
    color: #39b54a
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button:active {
    background-color: rgba(230, 233, 236, .5)
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button::-moz-focus-inner {
    border: 0
}

.dialog-close-button {
    cursor: pointer;
    position: absolute;
    margin-top: 15px;
    right: 15px;
    font-size: 15px;
    line-height: 1
}

.dialog-close-button:not(:hover) {
    opacity: .4
}

.dialog-alert-widget .dialog-buttons-wrapper>button {
    width: 100%
}

.dialog-confirm-widget .dialog-button:first-child {
    border-right: 1px solid #e6e9ec
}

.dialog-prevent-scroll {
    overflow: hidden;
    max-height: 100vh
}

@media (min-width:1024px) {
    body.admin-bar .dialog-lightbox-widget {
        height: calc(100vh - 32px)
    }
}

@media (max-width:1024px) {
    body.admin-bar .dialog-type-lightbox {
        position: -webkit-sticky;
        position: sticky;
        height: 100vh
    }
}

.elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
    padding-bottom: 42.8571%
}

.elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
    padding-bottom: 56.25%
}

.elementor-aspect-ratio-43 .elementor-fit-aspect-ratio {
    padding-bottom: 75%
}

.elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
    padding-bottom: 66.6666%
}

.elementor-aspect-ratio-11 .elementor-fit-aspect-ratio {
    padding-bottom: 100%
}

.elementor-aspect-ratio-916 .elementor-fit-aspect-ratio {
    padding-bottom: 177.8%
}

.elementor-fit-aspect-ratio {
    position: relative;
    height: 0
}

.elementor-fit-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0;
    background-color: #000
}

.elementor-fit-aspect-ratio video {
    width: 100%
}

.flatpickr-calendar {
    width: 280px
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
    font-weight: 300
}

.flatpickr-calendar .dayContainer {
    width: 280px;
    min-width: 280px;
    max-width: 280px
}

.flatpickr-calendar .flatpickr-days {
    width: 280px
}

.flatpickr-calendar .flatpickr-day {
    max-width: 37px;
    height: 37px;
    line-height: 37px
}

.elementor-templates-modal .dialog-widget-content {
    font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
    background-color: #f1f3f5;
    width: 100%
}

@media (max-width:1439px) {
    .elementor-templates-modal .dialog-widget-content {
        max-width: 990px
    }
}

@media (min-width:1440px) {
    .elementor-templates-modal .dialog-widget-content {
        max-width: 1200px
    }
}

.elementor-templates-modal .dialog-header {
    padding: 0;
    z-index: 1
}

.elementor-templates-modal .dialog-buttons-wrapper,
.elementor-templates-modal .dialog-header {
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    position: relative
}

.elementor-templates-modal .dialog-buttons-wrapper {
    border: none;
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 5px
}

.elementor-templates-modal .dialog-buttons-wrapper .elementor-button {
    height: 40px;
    margin-left: 5px
}

.elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success {
    padding: 12px 36px;
    color: #fff;
    width: auto;
    font-size: 15px
}

.elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success:hover {
    background-color: #39b54a
}

.elementor-templates-modal .dialog-message {
    height: 750px;
    max-height: 85vh;
    overflow: auto;
    padding-top: 25px
}

.elementor-templates-modal .dialog-content {
    height: 100%
}

.elementor-templates-modal .dialog-loading {
    display: none
}

.elementor-templates-modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px
}

.elementor-templates-modal__header__logo {
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer
}

.elementor-templates-modal__header__logo-area {
    text-align: left;
    padding-left: 15px
}

.elementor-templates-modal__header__logo-area>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-templates-modal__header__logo__icon-wrapper {
    margin-right: 10px;
    font-size: 12px
}

.elementor-templates-modal__header__logo__title {
    padding-top: 2px
}

.elementor-templates-modal__header__items-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.elementor-templates-modal__header__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.elementor-templates-modal__header__item>i {
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.elementor-templates-modal__header__item>i:not(:hover) {
    color: #a4afb7
}

.elementor-templates-modal__header__close--normal {
    width: 47px;
    border-left: 1px solid #e6e9ec
}

.elementor-templates-modal__header__close--normal i {
    font-size: 18px
}

.elementor-templates-modal__header__close--skip {
    padding: 10px 10px 10px 20px;
    margin-right: 10px;
    color: #fff;
    background-color: #a4afb7;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.elementor-templates-modal__header__close--skip>i {
    font-size: inherit;
    padding-left: 10px;
    margin-left: 15px;
    border-left: 1px solid
}

.elementor-templates-modal__header__close--skip>i:not(:hover) {
    color: #fff
}

.elementor-templates-modal__sidebar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25%;
    background-color: hsla(0, 0%, 100%, .3)
}

.elementor-templates-modal__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-shadow: 0 0 13px inset rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 13px rgba(0, 0, 0, .05)
}

#wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section+.elementor-second-section {
    border-top: 1px solid #464b50;
    margin-top: 6px
}

.elementor-hidden {
    display: none
}

.elementor-screen-only,
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.elementor-clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0
}

.e-logo-wrapper {
    background: #93003c;
    display: inline-block;
    padding: .75em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 1
}

.e-logo-wrapper i {
    color: #fff;
    font-size: 1em
}

.elementor {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.elementor *,
.elementor :after,
.elementor :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.elementor a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.elementor hr {
    margin: 0;
    background-color: transparent
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {
    margin: 0
}

.elementor embed,
.elementor iframe,
.elementor object,
.elementor video {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none
}

.elementor .elementor-custom-embed {
    line-height: 0
}

.elementor .elementor-background,
.elementor .elementor-background-holder,
.elementor .elementor-background-video-container {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    direction: ltr
}

.elementor .elementor-background-video-container {
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    pointer-events: none
}

.elementor .elementor-background-video-container.elementor-loading {
    opacity: 0
}

.elementor .elementor-background-video-embed {
    max-width: none
}

.elementor .elementor-background-video,
.elementor .elementor-background-video-embed,
.elementor .elementor-background-video-hosted {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.elementor .elementor-background-video {
    max-width: none
}

.elementor .elementor-html5-video {
    -o-object-fit: cover;
    object-fit: cover
}

.elementor .elementor-background-overlay,
.elementor .elementor-background-slideshow {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.elementor .elementor-background-slideshow {
    z-index: 0
}

.elementor .elementor-background-slideshow__slide__image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.elementor-widget-wrap>.elementor-element.elementor-absolute {
    position: absolute
}

.elementor-widget-wrap>.elementor-element.elementor-fixed {
    position: fixed
}

.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,
.elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
    max-width: 100%
}

@media (max-width:1024px) {

    .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,
    .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial {
        max-width: 100%
    }
}

@media (max-width:767px) {

    .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,
    .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial {
        max-width: 100%
    }
}

.elementor-element.elementor-absolute,
.elementor-element.elementor-fixed {
    z-index: 1
}

.elementor-invisible {
    visibility: hidden
}

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

.elementor-align-center .elementor-button {
    width: auto
}

.elementor-align-right {
    text-align: right
}

.elementor-align-right .elementor-button {
    width: auto
}

.elementor-align-left {
    text-align: left
}

.elementor-align-left .elementor-button {
    width: auto
}

.elementor-align-justify .elementor-button {
    width: 100%
}

.elementor-custom-embed-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.elementor-custom-embed-play i {
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 1px 0 6px rgba(0, 0, 0, .3);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.elementor-custom-embed-play.elementor-playing i {
    font-family: eicons;
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.elementor-custom-embed-play.elementor-playing i:before {
    content: "\e8fb"
}

.elementor-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.elementor-ken-burns {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.elementor-ken-burns--out {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.elementor-ken-burns--active {
    -webkit-transition-duration: 20s;
    -o-transition-duration: 20s;
    transition-duration: 20s
}

.elementor-ken-burns--active.elementor-ken-burns--out {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.elementor-ken-burns--active.elementor-ken-burns--in {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

@media (max-width:1024px) {
    .elementor-tablet-align-center {
        text-align: center
    }

    .elementor-tablet-align-center .elementor-button {
        width: auto
    }

    .elementor-tablet-align-right {
        text-align: right
    }

    .elementor-tablet-align-right .elementor-button {
        width: auto
    }

    .elementor-tablet-align-left {
        text-align: left
    }

    .elementor-tablet-align-left .elementor-button {
        width: auto
    }

    .elementor-tablet-align-justify .elementor-button {
        width: 100%
    }
}

@media (max-width:767px) {
    .elementor-mobile-align-center {
        text-align: center
    }

    .elementor-mobile-align-center .elementor-button {
        width: auto
    }

    .elementor-mobile-align-right {
        text-align: right
    }

    .elementor-mobile-align-right .elementor-button {
        width: auto
    }

    .elementor-mobile-align-left {
        text-align: left
    }

    .elementor-mobile-align-left .elementor-button {
        width: auto
    }

    .elementor-mobile-align-justify .elementor-button {
        width: 100%
    }
}

#wpadminbar #wp-admin-bar-elementor_edit_page>.ab-item:before {
    content: "\e813";
    font-family: eicons;
    top: 3px;
    font-size: 18px
}

#wpadminbar #wp-admin-bar-elementor_inspector>.ab-item:before {
    content: "\f348";
    top: 2px
}

:root {
    --page-title-display: block
}

.elementor-page-title,
h1.entry-title {
    display: var(--page-title-display)
}

.elementor-section {
    position: relative
}

.elementor-section .elementor-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
}
.elementor-section .elementor-container2 {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
}
@media (max-width:1024px) {
    .elementor-section .elementor-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1140px
}

.elementor-section.elementor-section-stretched {
    position: relative;
    width: 100%
}

.elementor-section.elementor-section-items-top>.elementor-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.elementor-section.elementor-section-items-middle>.elementor-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-section.elementor-section-items-bottom>.elementor-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width:768px) {
    .elementor-section.elementor-section-height-full {
        height: 100vh
    }

    .elementor-section.elementor-section-height-full>.elementor-container {
        height: 100%
    }
}

.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start

}

.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1024px) {
    .elementor-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.elementor-widget-wrap>.elementor-element {
    width: 100%
}

.elementor-widget {
    position: relative
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px
}

.elementor-widget:not(:last-child).elementor-absolute,
.elementor-widget:not(:last-child).elementor-widget__width-auto,
.elementor-widget:not(:last-child).elementor-widget__width-initial {
    margin-bottom: 0
}
.elementor-column {
    min-height: 1px
}

.elementor-column,
.elementor-column-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.elementor-column-wrap {
    width: 100%
}

.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated {
    padding: 5px
}
.elementor-column-gap-narrow-fe16b58>.elementor-column-fe16b58>.elementor-element-populated-fe16b58 {
    padding: 5px
}
.elementor-column-gap-narrow-fe16b58>.elementor-column-fe16b58>.elementor-element-populated-fe16b58 {
    padding: 0px
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px
}

.elementor-column-gap-extended>.elementor-column>.elementor-element-populated {
    padding: 15px
}

.elementor-column-gap-wide>.elementor-column>.elementor-element-populated {
    padding: 20px
}

.elementor-column-gap-wider>.elementor-column>.elementor-element-populated {
    padding: 0px
    
}
.elementor-column-gap-wider>.elementor-column>.elementor-element-populated {
    padding-left: 0rem
    
}

.elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
    padding: 0
}

@media (min-width:768px) {

    .elementor-column.elementor-col-10,
    .elementor-column[data-col="10"] {
        width: 10%
    }

    .elementor-column.elementor-col-11,
    .elementor-column[data-col="11"] {
        width: 11.111%
    }

    .elementor-column.elementor-col-12,
    .elementor-column[data-col="12"] {
        width: 12.5%
    }

    .elementor-column.elementor-col-14,
    .elementor-column[data-col="14"] {
        width: 14.285%
    }

    .elementor-column.elementor-col-16,
    .elementor-column[data-col="16"] {
        width: 16.666%
    }

    .elementor-column.elementor-col-20,
    .elementor-column[data-col="20"] {
        width: 20%
    }

    .elementor-column.elementor-col-25,
    .elementor-column[data-col="25"] {
        width: 25%
    }

    .elementor-column.elementor-col-30,
    .elementor-column[data-col="30"] {
        width: 30%
    }

    .elementor-column.elementor-col-33,
    .elementor-column[data-col="33"] {
        width: 33.333%
    }

    .elementor-column.elementor-col-40,
    .elementor-column[data-col="40"] {
        width: 40%
    }

    .elementor-column.elementor-col-50,
    .elementor-column[data-col="50"] {
        width: 50%
    }

    .elementor-column.elementor-col-60,
    .elementor-column[data-col="60"] {
        width: 60%
    }

    .elementor-column.elementor-col-66,
    .elementor-column[data-col="66"] {
        width: 66.666%
    }

    .elementor-column.elementor-col-70,
    .elementor-column[data-col="70"] {
        width: 70%
    }

    .elementor-column.elementor-col-75,
    .elementor-column[data-col="75"] {
        width: 75%
    }

    .elementor-column.elementor-col-80,
    .elementor-column[data-col="80"] {
        width: 80%
    }

    .elementor-column.elementor-col-83,
    .elementor-column[data-col="83"] {
        width: 83.333%
    }

    .elementor-column.elementor-col-90,
    .elementor-column[data-col="90"] {
        width: 90%
    }

    .elementor-column.elementor-col-100,
    .elementor-column[data-col="100"] {
        width: 100%
    }
}

@media (max-width:479px) {
    .elementor-column.elementor-xs-10 {
        width: 10%
    }

    .elementor-column.elementor-xs-11 {
        width: 11.111%
    }

    .elementor-column.elementor-xs-12 {
        width: 12.5%
    }

    .elementor-column.elementor-xs-14 {
        width: 14.285%
    }

    .elementor-column.elementor-xs-16 {
        width: 16.666%
    }

    .elementor-column.elementor-xs-20 {
        width: 20%
    }

    .elementor-column.elementor-xs-25 {
        width: 25%
    }

    .elementor-column.elementor-xs-30 {
        width: 30%
    }

    .elementor-column.elementor-xs-33 {
        width: 33.333%
    }

    .elementor-column.elementor-xs-40 {
        width: 40%
    }

    .elementor-column.elementor-xs-50 {
        width: 50%
    }

    .elementor-column.elementor-xs-60 {
        width: 60%
    }

    .elementor-column.elementor-xs-66 {
        width: 66.666%
    }

    .elementor-column.elementor-xs-70 {
        width: 70%
    }

    .elementor-column.elementor-xs-75 {
        width: 75%
    }

    .elementor-column.elementor-xs-80 {
        width: 80%
    }

    .elementor-column.elementor-xs-83 {
        width: 83.333%
    }

    .elementor-column.elementor-xs-90 {
        width: 90%
    }

    .elementor-column.elementor-xs-100 {
        width: 100%
    }
}

@media (max-width:767px) {
    .elementor-column.elementor-sm-10 {
        width: 10%
    }

    .elementor-column.elementor-sm-11 {
        width: 11.111%
    }

    .elementor-column.elementor-sm-12 {
        width: 12.5%
    }

    .elementor-column.elementor-sm-14 {
        width: 14.285%
    }

    .elementor-column.elementor-sm-16 {
        width: 16.666%
    }

    .elementor-column.elementor-sm-20 {
        width: 20%
    }

    .elementor-column.elementor-sm-25 {
        width: 25%
    }

    .elementor-column.elementor-sm-30 {
        width: 30%
    }

    .elementor-column.elementor-sm-33 {
        width: 33.333%
    }

    .elementor-column.elementor-sm-40 {
        width: 40%
    }

    .elementor-column.elementor-sm-50 {
        width: 50%
    }

    .elementor-column.elementor-sm-60 {
        width: 60%
    }

    .elementor-column.elementor-sm-66 {
        width: 66.666%
    }

    .elementor-column.elementor-sm-70 {
        width: 70%
    }

    .elementor-column.elementor-sm-75 {
        width: 75%
    }

    .elementor-column.elementor-sm-80 {
        width: 80%
    }

    .elementor-column.elementor-sm-83 {
        width: 83.333%
    }

    .elementor-column.elementor-sm-90 {
        width: 90%
    }

    .elementor-column.elementor-sm-100 {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .elementor-column.elementor-md-10 {
        width: 10%
    }

    .elementor-column.elementor-md-11 {
        width: 11.111%
    }

    .elementor-column.elementor-md-12 {
        width: 12.5%
    }

    .elementor-column.elementor-md-14 {
        width: 14.285%
    }

    .elementor-column.elementor-md-16 {
        width: 16.666%
    }

    .elementor-column.elementor-md-20 {
        width: 20%
    }

    .elementor-column.elementor-md-25 {
        width: 25%
    }

    .elementor-column.elementor-md-30 {
        width: 30%
    }

    .elementor-column.elementor-md-33 {
        width: 33.333%
    }

    .elementor-column.elementor-md-40 {
        width: 40%
    }

    .elementor-column.elementor-md-50 {
        width: 50%
    }

    .elementor-column.elementor-md-60 {
        width: 60%
    }

    .elementor-column.elementor-md-66 {
        width: 66.666%
    }

    .elementor-column.elementor-md-70 {
        width: 70%
    }

    .elementor-column.elementor-md-75 {
        width: 75%
    }

    .elementor-column.elementor-md-80 {
        width: 80%
    }

    .elementor-column.elementor-md-83 {
        width: 83.333%
    }

    .elementor-column.elementor-md-90 {
        width: 90%
    }

    .elementor-column.elementor-md-100 {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .elementor-reverse-tablet>.elementor-container>:first-child {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(2) {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(3) {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(4) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(5) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(6) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(7) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(8) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(9) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .elementor-reverse-tablet>.elementor-container>:nth-child(10) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width:767px) {
    .elementor-reverse-mobile>.elementor-container>:first-child {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(2) {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(3) {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(4) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(5) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(6) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(7) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(8) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(9) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .elementor-reverse-mobile>.elementor-container>:nth-child(10) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .elementor-column {
        width: 100%
    }
}

ul.elementor-icon-list-items.elementor-inline-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item {
    word-break: break-word
}

.elementor-grid {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap)
}

.elementor-grid .elementor-grid-item {
    min-width: 0
}

.elementor-grid-0 .elementor-grid {
    display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap))
}

.elementor-grid-0 .elementor-grid .elementor-grid-item {
    display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word
}

.elementor-grid-1 .elementor-grid {
    grid-template-columns: repeat(1, 1fr)
}

.elementor-grid-2 .elementor-grid {
    grid-template-columns: repeat(2, 1fr)
}

.elementor-grid-3 .elementor-grid {
    grid-template-columns: repeat(3, 1fr)
}

.elementor-grid-4 .elementor-grid {
    grid-template-columns: repeat(4, 1fr)
}

.elementor-grid-5 .elementor-grid {
    grid-template-columns: repeat(5, 1fr)
}

.elementor-grid-6 .elementor-grid {
    grid-template-columns: repeat(6, 1fr)
}

.elementor-grid-7 .elementor-grid {
    grid-template-columns: repeat(7, 1fr)
}

.elementor-grid-8 .elementor-grid {
    grid-template-columns: repeat(8, 1fr)
}

.elementor-grid-9 .elementor-grid {
    grid-template-columns: repeat(9, 1fr)
}

.elementor-grid-10 .elementor-grid {
    grid-template-columns: repeat(10, 1fr)
}

.elementor-grid-11 .elementor-grid {
    grid-template-columns: repeat(11, 1fr)
}

.elementor-grid-12 .elementor-grid {
    grid-template-columns: repeat(12, 1fr)
}

@media (max-width:1024px) {
    .elementor-grid-tablet-0 .elementor-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-tablet-1 .elementor-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .elementor-grid-tablet-3 .elementor-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .elementor-grid-tablet-4 .elementor-grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .elementor-grid-tablet-5 .elementor-grid {
        grid-template-columns: repeat(5, 1fr)
    }

    .elementor-grid-tablet-6 .elementor-grid {
        grid-template-columns: repeat(6, 1fr)
    }

    .elementor-grid-tablet-7 .elementor-grid {
        grid-template-columns: repeat(7, 1fr)
    }

    .elementor-grid-tablet-8 .elementor-grid {
        grid-template-columns: repeat(8, 1fr)
    }

    .elementor-grid-tablet-9 .elementor-grid {
        grid-template-columns: repeat(9, 1fr)
    }

    .elementor-grid-tablet-10 .elementor-grid {
        grid-template-columns: repeat(10, 1fr)
    }

    .elementor-grid-tablet-11 .elementor-grid {
        grid-template-columns: repeat(11, 1fr)
    }

    .elementor-grid-tablet-12 .elementor-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width:767px) {
    .elementor-grid-mobile-0 .elementor-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }

    .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }

    .elementor-grid-mobile-1 .elementor-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .elementor-grid-mobile-2 .elementor-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .elementor-grid-mobile-3 .elementor-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .elementor-grid-mobile-4 .elementor-grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .elementor-grid-mobile-5 .elementor-grid {
        grid-template-columns: repeat(5, 1fr)
    }

    .elementor-grid-mobile-6 .elementor-grid {
        grid-template-columns: repeat(6, 1fr)
    }

    .elementor-grid-mobile-7 .elementor-grid {
        grid-template-columns: repeat(7, 1fr)
    }

    .elementor-grid-mobile-8 .elementor-grid {
        grid-template-columns: repeat(8, 1fr)
    }

    .elementor-grid-mobile-9 .elementor-grid {
        grid-template-columns: repeat(9, 1fr)
    }

    .elementor-grid-mobile-10 .elementor-grid {
        grid-template-columns: repeat(10, 1fr)
    }

    .elementor-grid-mobile-11 .elementor-grid {
        grid-template-columns: repeat(11, 1fr)
    }

    .elementor-grid-mobile-12 .elementor-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width:1025px) {
    #elementor-device-mode:after {
        content: "desktop"
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #elementor-device-mode:after {
        content: "tablet"
    }
}

@media (max-width:767px) {
    #elementor-device-mode:after {
        content: "mobile"
    }
}

[class*=" eicon-"],
[class^=eicon] {
    display: inline-block;
    font-family: eicons;
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes eicon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes eicon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.eicon-animation-spin {
    -webkit-animation: eicon-spin 2s linear infinite;
    animation: eicon-spin 2s linear infinite
}

.eicon-loading:before {
    content: "\e8fb"
}

.eicon-menu-bar:before {
    content: "\e816"
}

.eicon-chevron-right:before {
    content: "\e87d"
}

.eicon-chevron-left:before {
    content: "\e87e"
}

.eicon-close:before {
    content: "\e87f"
}

.eicon-share-arrow:before {
    content: "\e96c"
}

.eicon-zoom-in:before {
    content: "\e882"
}

.eicon-zoom-in-bold:before {
    content: "\e92e"
}

.eicon-zoom-out-bold:before {
    content: "\e943"
}

.eicon-frame-expand:before {
    content: "\e95c"
}

.eicon-frame-minimize:before {
    content: "\e95d"
}

.eicon-play:before {
    content: "\e89d"
}

.eicon-facebook:before {
    content: "\e959"
}

.eicon-twitter:before {
    content: "\e95a"
}

.eicon-pinterest:before {
    content: "\e95b"
}

.eicon-download-bold:before {
    content: "\e96b"
}

.elementor-form-fields-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,
.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,
.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,
.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,
.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.elementor-field-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-field-group.elementor-field-type-submit {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.elementor-field-group .elementor-field-textual {
    width: 100%;
    max-width: 100%;
    border: 1px solid #818a91;
    background-color: transparent;
    color: #373a3c;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.elementor-field-group .elementor-field-textual:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    outline: 0
}

.elementor-field-group .elementor-field-textual::-webkit-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual:-ms-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual:-moz-placeholder,
.elementor-field-group .elementor-field-textual::-moz-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::-ms-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-select-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.elementor-field-group .elementor-select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-right: 20px
}

.elementor-field-group .elementor-select-wrapper:before {
    content: "\e92a";
    font-family: eicons;
    font-size: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    pointer-events: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before {
    content: ""
}

.elementor-field-subgroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.elementor-field-subgroup .elementor-field-option label {
    display: inline-block
}

.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    padding-right: 10px
}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,
.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,
.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,
.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,
.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label {
    display: inline
}

.elementor-field-label {
    cursor: pointer
}

.elementor-mark-required .elementor-field-label:after {
    content: "*";
    color: red;
    padding-left: .2em
}

.elementor-field-textual {
    line-height: 1.4;
    font-size: 15px;
    min-height: 40px;
    padding: 5px 14px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.elementor-field-textual.elementor-size-xs {
    font-size: 13px;
    min-height: 33px;
    padding: 4px 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.elementor-field-textual.elementor-size-md {
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.elementor-field-textual.elementor-size-lg {
    font-size: 18px;
    min-height: 59px;
    padding: 7px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.elementor-field-textual.elementor-size-xl {
    font-size: 20px;
    min-height: 72px;
    padding: 8px 24px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.elementor-button-align-stretch .e-form__buttons__wrapper {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.elementor-button-align-stretch .e-form__buttons__wrapper__button {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.elementor-button-align-center .e-form__buttons,
.elementor-button-align-center .elementor-field-type-submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-button-align-start .e-form__buttons,
.elementor-button-align-start .elementor-field-type-submit {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.elementor-button-align-end .e-form__buttons,
.elementor-button-align-end .elementor-field-type-submit {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,
.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,
.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
    -ms-flex-preferred-size: initial;
    flex-basis: auto
}

.elementor-button-align-center .e-form__buttons__wrapper,
.elementor-button-align-end .e-form__buttons__wrapper,
.elementor-button-align-start .e-form__buttons__wrapper {
    -webkit-box-flex: initial;
    -ms-flex-positive: initial;
    flex-grow: 0
}

.elementor-button-align-center .e-form__buttons__wrapper,
.elementor-button-align-center .e-form__buttons__wrapper__button,
.elementor-button-align-end .e-form__buttons__wrapper,
.elementor-button-align-end .e-form__buttons__wrapper__button,
.elementor-button-align-start .e-form__buttons__wrapper,
.elementor-button-align-start .e-form__buttons__wrapper__button {
    -ms-flex-preferred-size: initial;
    flex-basis: auto
}

@media screen and (max-width:1024px) {
    .elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .elementor-tablet-button-align-stretch .e-form__buttons__wrapper {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .elementor-tablet-button-align-center .e-form__buttons,
    .elementor-tablet-button-align-center .elementor-field-type-submit {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-tablet-button-align-start .e-form__buttons,
    .elementor-tablet-button-align-start .elementor-field-type-submit {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-tablet-button-align-end .e-form__buttons,
    .elementor-tablet-button-align-end .elementor-field-type-submit {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,
    .elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,
    .elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        -ms-flex-preferred-size: initial;
        flex-basis: auto
    }

    .elementor-tablet-button-align-center .e-form__buttons__wrapper,
    .elementor-tablet-button-align-end .e-form__buttons__wrapper,
    .elementor-tablet-button-align-start .e-form__buttons__wrapper {
        -webkit-box-flex: initial;
        -ms-flex-positive: initial;
        flex-grow: 0
    }

    .elementor-tablet-button-align-center .e-form__buttons__wrapper,
    .elementor-tablet-button-align-center .e-form__buttons__wrapper__button,
    .elementor-tablet-button-align-end .e-form__buttons__wrapper,
    .elementor-tablet-button-align-end .e-form__buttons__wrapper__button,
    .elementor-tablet-button-align-start .e-form__buttons__wrapper,
    .elementor-tablet-button-align-start .e-form__buttons__wrapper__button {
        -ms-flex-preferred-size: initial;
        flex-basis: auto
    }
}

@media screen and (max-width:767px) {
    .elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .elementor-mobile-button-align-stretch .e-form__buttons__wrapper {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .elementor-mobile-button-align-center .e-form__buttons,
    .elementor-mobile-button-align-center .elementor-field-type-submit {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-mobile-button-align-start .e-form__buttons,
    .elementor-mobile-button-align-start .elementor-field-type-submit {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-mobile-button-align-end .e-form__buttons,
    .elementor-mobile-button-align-end .elementor-field-type-submit {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,
    .elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,
    .elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
        -ms-flex-preferred-size: initial;
        flex-basis: auto
    }

    .elementor-mobile-button-align-center .e-form__buttons__wrapper,
    .elementor-mobile-button-align-end .e-form__buttons__wrapper,
    .elementor-mobile-button-align-start .e-form__buttons__wrapper {
        -webkit-box-flex: initial;
        -ms-flex-positive: initial;
        flex-grow: 0
    }

    .elementor-mobile-button-align-center .e-form__buttons__wrapper,
    .elementor-mobile-button-align-center .e-form__buttons__wrapper__button,
    .elementor-mobile-button-align-end .e-form__buttons__wrapper,
    .elementor-mobile-button-align-end .e-form__buttons__wrapper__button,
    .elementor-mobile-button-align-start .e-form__buttons__wrapper,
    .elementor-mobile-button-align-start .e-form__buttons__wrapper__button {
        -ms-flex-preferred-size: initial;
        flex-basis: auto
    }
}

.elementor-error .elementor-field {
    border-color: #d9534f
}

.elementor-error .help-inline {
    color: #d9534f;
    font-size: .9em
}

.elementor-message {
    margin: 10px 0;
    font-size: 1em;
    line-height: 1
}

.elementor-message:before {
    content: "\e90e";
    display: inline-block;
    font-family: eicons;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px
}

.elementor-message.elementor-message-danger {
    color: #d9534f
}

.elementor-message.elementor-message-danger:before {
    content: "\e87f"
}

.elementor-message.form-message-success {
    color: #5cb85c
}

.elementor-form .elementor-button {
    padding-top: 0;
    padding-bottom: 0;
    border: none
}

.elementor-form .elementor-button>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-form .elementor-button.elementor-size-xs {
    min-height: 33px
}

.elementor-form .elementor-button.elementor-size-sm {
    min-height: 40px
}

.elementor-form .elementor-button.elementor-size-md {
    min-height: 47px
}

.elementor-form .elementor-button.elementor-size-lg {
    min-height: 59px
}

.elementor-form .elementor-button.elementor-size-xl {
    min-height: 72px
}

.elementor-element .elementor-widget-container {
    -webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s
}

.elementor-accordion {
    text-align: left
}

.elementor-accordion .elementor-accordion-item {
    border: 1px solid #d4d4d4
}

.elementor-accordion .elementor-accordion-item+.elementor-accordion-item {
    border-top: none
}

.elementor-accordion .elementor-tab-title {
    margin: 0;
    padding: 15px 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    outline: none
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    display: inline-block;
    width: 1.5em
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
    float: right;
    text-align: right
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
    float: left;
    text-align: left
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed {
    display: block
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened,
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
    display: none
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
    display: block
}

.elementor-accordion .elementor-tab-content {
    display: none;
    padding: 15px 20px;
    border-top: 1px solid #d4d4d4
}

@media (max-width:767px) {
    .elementor-accordion .elementor-tab-title {
        padding: 12px 15px
    }

    .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
        width: 1.2em
    }

    .elementor-accordion .elementor-tab-content {
        padding: 7px 15px
    }
}

.elementor-alert {
    padding: 15px;
    border-left: 5px solid transparent;
    position: relative;
    text-align: left
}

.elementor-alert .elementor-alert-title {
    display: block;
    font-weight: 700
}

.elementor-alert .elementor-alert-description {
    font-size: 13px
}

.elementor-alert button.elementor-alert-dismiss {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px;
    font-size: 20px;
    line-height: 1;
    background: transparent;
    color: inherit;
    border: none;
    cursor: pointer
}

.elementor-alert.elementor-alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bcdff1
}

.elementor-alert.elementor-alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #cae6be
}

.elementor-alert.elementor-alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #f9f0c3
}

.elementor-alert.elementor-alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #e8c4c4
}

@media (max-width:767px) {
    .elementor-alert {
        padding: 10px
    }

    .elementor-alert button.elementor-alert-dismiss {
        right: 7px;
        top: 7px
    }
}

.elementor-tab-title a {
    color: inherit
}

.elementor-button {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.elementor-button:focus,
.elementor-button:hover,
.elementor-button:visited {
    color: #fff
}

.elementor-button-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-button-icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.elementor-button-icon svg {
    width: 1em
}

.elementor-button-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    display: inline-block
}

.elementor-button.elementor-size-xs {
    font-size: 13px;
    padding: 10px 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.elementor-button.elementor-size-md {
    font-size: 16px;
    padding: 15px 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.elementor-button.elementor-size-lg {
    font-size: 18px;
    padding: 20px 40px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.elementor-button.elementor-size-xl {
    font-size: 20px;
    padding: 25px 50px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.elementor-button .elementor-align-icon-right {
    margin-left: 5px;
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.elementor-button .elementor-align-icon-left {
    margin-right: 5px;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.elementor-button span {
    text-decoration: inherit;
    
}

.elementor-menu-cart__toggle .elementor-button-icon {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.elementor-element.elementor-button-info .elementor-button {
    background-color: #5bc0de
}

.elementor-element.elementor-button-success .elementor-button {
    background-color: #5cb85c
}

.elementor-element.elementor-button-warning .elementor-button {
    background-color: #f0ad4e
}

.elementor-element.elementor-button-danger .elementor-button {
    background-color: #d9534f
}

.elementor-widget-button .elementor-button .elementor-button-info {
    background-color: #5bc0de
}

.elementor-widget-button .elementor-button .elementor-button-success {
    background-color: #5cb85c
}

.elementor-widget-button .elementor-button .elementor-button-warning {
    background-color: #f0ad4e
}

.elementor-widget-button .elementor-button .elementor-button-danger {
    background-color: #d9534f
}

.elementor-counter .elementor-counter-number-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 69px;
    font-weight: 600;
    color: #222;
    line-height: 1
}

.elementor-counter .elementor-counter-number-prefix,
.elementor-counter .elementor-counter-number-suffix {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: pre-wrap
}

.elementor-counter .elementor-counter-number-prefix {
    text-align: right
}

.elementor-counter .elementor-counter-number-suffix {
    text-align: left
}

.elementor-counter .elementor-counter-title {
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    color: #666;
    line-height: 2.5
}

.elementor-widget-divider {
    --divider-border-style: none;
    --divider-border-width: 1px;
    --divider-color: #2c2c2c;
    --divider-icon-size: 20px;
    --divider-element-spacing: 10px;
    --divider-pattern-height: 24px;
    --divider-pattern-size: 20px;
    --divider-pattern-url: none;
    --divider-pattern-repeat: repeat-x
}

.elementor-widget-divider .elementor-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.elementor-widget-divider .elementor-divider__text {
    font-size: 15px;
    line-height: 1;
    max-width: 95%
}

.elementor-widget-divider .elementor-divider__element {
    margin: 0 var(--divider-element-spacing);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.elementor-widget-divider .elementor-icon {
    font-size: var(--divider-icon-size)
}

.elementor-widget-divider .elementor-divider-separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    direction: ltr
}

.elementor-widget-divider--view-line_icon .elementor-divider-separator,
.elementor-widget-divider--view-line_text .elementor-divider-separator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,
.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,
.elementor-widget-divider--view-line_text .elementor-divider-separator:after,
.elementor-widget-divider--view-line_text .elementor-divider-separator:before {
    display: block;
    content: "";
    border-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
}

.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 100;
    flex-shrink: 100
}

.elementor-widget-divider--element-align-left .elementor-divider-separator:before {
    content: none
}

.elementor-widget-divider--element-align-left .elementor-divider__element {
    margin-left: 0
}

.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 100;
    flex-shrink: 100
}

.elementor-widget-divider--element-align-right .elementor-divider-separator:after {
    content: none
}

.elementor-widget-divider--element-align-right .elementor-divider__element {
    margin-right: 0
}

.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
}

.elementor-widget-divider--separator-type-pattern {
    --divider-border-style: none
}

.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,
.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,
.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,
.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator {
    width: 100%;
    min-height: var(--divider-pattern-height);
    -webkit-mask-size: var(--divider-pattern-size) 100%;
    mask-size: var(--divider-pattern-size) 100%;
    -webkit-mask-repeat: var(--divider-pattern-repeat);
    mask-repeat: var(--divider-pattern-repeat);
    background-color: var(--divider-color);
    -webkit-mask-image: var(--divider-pattern-url);
    mask-image: var(--divider-pattern-url)
}

.elementor-widget-divider--no-spacing {
    --divider-pattern-size: auto
}

.elementor-widget-divider--bg-round {
    --divider-pattern-repeat: round
}

.rtl .elementor-widget-divider .elementor-divider__text {
    direction: rtl
}

.elementor-image-gallery .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.elementor-image-gallery .gallery-item img {
    margin: 0 auto
}

.elementor-image-gallery .gallery-item .gallery-caption {
    margin: 0
}

@media (min-width:768px) {
    .elementor-image-gallery .gallery-columns-2 .gallery-item {
        max-width: 50%
    }

    .elementor-image-gallery .gallery-columns-3 .gallery-item {
        max-width: 33.33%
    }

    .elementor-image-gallery .gallery-columns-4 .gallery-item {
        max-width: 25%
    }

    .elementor-image-gallery .gallery-columns-5 .gallery-item {
        max-width: 20%
    }

    .elementor-image-gallery .gallery-columns-6 .gallery-item {
        max-width: 16.666%
    }

    .elementor-image-gallery .gallery-columns-7 .gallery-item {
        max-width: 14.28%
    }

    .elementor-image-gallery .gallery-columns-8 .gallery-item {
        max-width: 12.5%
    }

    .elementor-image-gallery .gallery-columns-9 .gallery-item {
        max-width: 11.11%
    }

    .elementor-image-gallery .gallery-columns-10 .gallery-item {
        max-width: 10%
    }
}

@media (min-width:480px) and (max-width:767px) {

    .elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-10 .gallery-item {
        max-width: 50%
    }
}

@media (max-width:479px) {

    .elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,
    .elementor-image-gallery .gallery.gallery-columns-10 .gallery-item {
        max-width: 100%
    }
}

.elementor-widget-google_maps .elementor-widget-container {
    overflow: hidden
}

.elementor-widget-google_maps iframe {
    height: 300px
}

.elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-size: 15px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-medium {
    font-size: 19px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 29px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
    font-size: 39px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 59px
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #818a91;
    font-size: 50px;
    text-align: center
}

.elementor-icon:hover {
    color: #818a91
}

.elementor-icon i,
.elementor-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block
}

.elementor-icon i:before,
.elementor-icon svg:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.elementor-icon i.fad {
    width: auto
}

.elementor-view-stacked .elementor-icon {
    padding: .5em;
    background-color: #818a91;
    color: #fff;
    fill: #fff
}

.elementor-view-framed .elementor-icon {
    padding: .5em;
    color: #818a91;
    border: 3px solid #818a91;
    background-color: transparent
}

.elementor-shape-circle .elementor-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

@media (min-width:768px) {

    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper,
    .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,
    .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
        text-align: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .elementor-widget-icon-box.elementor-position-top .elementor-icon-box-img {
        margin: auto
    }

    .elementor-widget-icon-box.elementor-vertical-align-top .elementor-icon-box-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .elementor-widget-icon-box.elementor-vertical-align-bottom .elementor-icon-box-wrapper {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width:767px) {
    .elementor-widget-icon-box .elementor-icon-box-icon {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px
    }
}

.elementor-widget-icon-box .elementor-icon-box-wrapper {
    text-align: center
}

.elementor-widget-icon-box .elementor-icon-box-title a {
    color: inherit
}

.elementor-widget-icon-box .elementor-icon-box-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.elementor-widget-icon-box .elementor-icon-box-description {
    margin: 0
}

.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container {
    overflow: hidden
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items {
    margin-right: -8px;
    margin-left: -8px
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    margin-right: 8px;
    margin-left: 8px
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after {
    width: auto;
    left: auto;
    right: auto;
    position: relative;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-left-width: 1px;
    border-style: solid;
    right: -8px
}

.elementor-widget .elementor-icon-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.elementor-widget .elementor-icon-list-item {
    margin: 0;
    padding: 0;
    position: relative
}

.elementor-widget .elementor-icon-list-item:after {
    position: absolute;
    bottom: 0;
    width: 100%
}

.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 5px
}

.elementor-widget .elementor-icon-list-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.elementor-widget .elementor-icon-list-icon i {
    width: 1.25em
}

.elementor-widget .elementor-icon-list-icon svg {
    width: 1em
}

.elementor-widget.elementor-list-item-link-full_width a {
    width: 100%
}

.elementor-widget.elementor-align-center .elementor-icon-list-item,
.elementor-widget.elementor-align-center .elementor-icon-list-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-widget.elementor-align-center .elementor-icon-list-item:after {
    margin: auto
}

.elementor-widget.elementor-align-center .elementor-inline-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-widget.elementor-align-left .elementor-icon-list-item,
.elementor-widget.elementor-align-left .elementor-icon-list-item a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.elementor-widget.elementor-align-left .elementor-inline-items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.elementor-widget.elementor-align-right .elementor-icon-list-item,
.elementor-widget.elementor-align-right .elementor-icon-list-item a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.elementor-widget.elementor-align-right .elementor-icon-list-items {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after {
    left: 0
}

.elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after {
    right: 0
}

@media (max-width:1024px) {

    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,
    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a,
    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after {
        margin: auto
    }

    .elementor-widget.elementor-tablet-align-left .elementor-icon-list-items {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item,
    .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .elementor-widget.elementor-tablet-align-right .elementor-icon-list-items {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item,
    .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right
    }

    .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after {
        left: 0
    }

    .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after {
        right: 0
    }
}

@media (max-width:767px) {

    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,
    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a,
    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after {
        margin: auto
    }

    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-items {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item,
    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-items {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item,
    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right
    }

    .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after {
        left: 0
    }

    .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after {
        right: 0
    }
}

.elementor-widget-image {
    text-align: center
}

.elementor-widget-image a {
    display: inline-block
}

.elementor-widget-image a img[src$=".svg"] {
    width: 48px
}
/*imagem: seta e bloco de imagem*/
.elementor-widget-image img {
    vertical-align: middle;
    display: inline-block
}
.elementor-widget-image2 img {
    vertical-align: middle;
    display: inline-block
    max-width: 100%;
}

#seta{
    width:200px;
    margin-top: -120px;
    margin-left: 90px;
}

.elementor-widget-image-box .elementor-image-box-content {
    width: 100%
}

@media (min-width:768px) {

    .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,
    .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
        text-align: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .elementor-widget-image-box.elementor-position-top .elementor-image-box-img {
        margin: auto
    }

    .elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width:767px) {
    .elementor-widget-image-box .elementor-image-box-img {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px
    }
}

.elementor-widget-image-box .elementor-image-box-img {
    display: inline-block
}

.elementor-widget-image-box .elementor-image-box-title a {
    color: inherit
}

.elementor-widget-image-box .elementor-image-box-wrapper {
    text-align: center
}

.elementor-widget-image-box .elementor-image-box-description {
    margin: 0
}

.elementor-widget-image-carousel .swiper-container {
    position: static
}

.elementor-widget-image-carousel .swiper-container .swiper-slide figure {
    line-height: inherit
}

.elementor-widget-image-carousel .swiper-slide {
    text-align: center
}

.elementor-image-gallery figure img {
    display: block
}

.elementor-image-gallery figure figcaption {
    width: 100%
}

.gallery-spacing-custom .elementor-image-gallery .gallery-icon {
    padding: 0
}

body.elementor-page .elementor-widget-menu-anchor {
    margin-bottom: 0
}

.elementor-widget-progress {
    text-align: left
}

.elementor-progress-wrapper {
    position: relative;
    background-color: #eee;
    color: #fff;
    height: 100%;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.elementor-progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #818a91;
    width: 0;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out
}

.elementor-progress-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 15px
}

.elementor-progress-percentage {
    padding-right: 15px
}

.elementor-widget-progress .elementor-progress-wrapper.progress-info .elementor-progress-bar {
    background-color: #5bc0de
}

.elementor-widget-progress .elementor-progress-wrapper.progress-success .elementor-progress-bar {
    background-color: #5cb85c
}

.elementor-widget-progress .elementor-progress-wrapper.progress-warning .elementor-progress-bar {
    background-color: #f0ad4e
}

.elementor-widget-progress .elementor-progress-wrapper.progress-danger .elementor-progress-bar {
    background-color: #d9534f
}

.elementor-progress .elementor-title {
    display: block
}

@media (max-width:767px) {
    .elementor-progress-text {
        padding-left: 10px
    }
}

.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,
.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,
.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container {
    line-height: 1;
    font-size: 0
}

.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid {
    display: inline-grid
}

.elementor-widget-social-icons .elementor-grid {
    grid-column-gap: var(--grid-column-gap, 5px);
    grid-row-gap: var(--grid-row-gap, 5px);
    grid-template-columns: var(--grid-template-columns);
    -webkit-box-pack: var(--justify-content, center);
    -ms-flex-pack: var(--justify-content, center);
    justify-content: var(--justify-content, center);
    justify-items: var(--justify-content, center)
}

.elementor-icon.elementor-social-icon {
    font-size: var(--icon-size, 25px);
    line-height: var(--icon-size, 25px);
    width: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
    height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)))
}

.elementor-social-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #818a91;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer
}

.elementor-social-icon i {
    color: #fff
}

.elementor-social-icon:last-child {
    margin: 0
}

.elementor-social-icon:hover {
    opacity: .9;
    color: #fff
}

.elementor-social-icon-android {
    background-color: #a4c639
}

.elementor-social-icon-apple {
    background-color: #999
}

.elementor-social-icon-behance {
    background-color: #1769ff
}

.elementor-social-icon-bitbucket {
    background-color: #205081
}

.elementor-social-icon-codepen {
    background-color: #000
}

.elementor-social-icon-delicious {
    background-color: #39f
}

.elementor-social-icon-deviantart {
    background-color: #05cc47
}

.elementor-social-icon-digg {
    background-color: #005be2
}

.elementor-social-icon-dribbble {
    background-color: #ea4c89
}

.elementor-social-icon-elementor {
    background-color: #d30c5c
}

.elementor-social-icon-envelope {
    background-color: #ea4335
}

.elementor-social-icon-facebook,
.elementor-social-icon-facebook-f {
    background-color: #3b5998
}

.elementor-social-icon-flickr {
    background-color: #0063dc
}

.elementor-social-icon-foursquare {
    background-color: #2d5be3
}

.elementor-social-icon-free-code-camp,
.elementor-social-icon-freecodecamp {
    background-color: #006400
}

.elementor-social-icon-github {
    background-color: #333
}

.elementor-social-icon-gitlab {
    background-color: #e24329
}

.elementor-social-icon-globe {
    background-color: #818a91
}

.elementor-social-icon-google-plus,
.elementor-social-icon-google-plus-g {
    background-color: #dd4b39
}

.elementor-social-icon-houzz {
    background-color: #7ac142
}

.elementor-social-icon-instagram {
    background-color: #262626
}

.elementor-social-icon-jsfiddle {
    background-color: #487aa2
}

.elementor-social-icon-link {
    background-color: #818a91
}

.elementor-social-icon-linkedin,
.elementor-social-icon-linkedin-in {
    background-color: #0077b5
}

.elementor-social-icon-medium {
    background-color: #00ab6b
}

.elementor-social-icon-meetup {
    background-color: #ec1c40
}

.elementor-social-icon-mixcloud {
    background-color: #273a4b
}

.elementor-social-icon-odnoklassniki {
    background-color: #f4731c
}

.elementor-social-icon-pinterest {
    background-color: #bd081c
}

.elementor-social-icon-product-hunt {
    background-color: #da552f
}

.elementor-social-icon-reddit {
    background-color: #ff4500
}

.elementor-social-icon-rss {
    background-color: #f26522
}

.elementor-social-icon-shopping-cart {
    background-color: #4caf50
}

.elementor-social-icon-skype {
    background-color: #00aff0
}

.elementor-social-icon-slideshare {
    background-color: #0077b5
}

.elementor-social-icon-snapchat {
    background-color: #fffc00
}

.elementor-social-icon-soundcloud {
    background-color: #f80
}

.elementor-social-icon-spotify {
    background-color: #2ebd59
}

.elementor-social-icon-stack-overflow {
    background-color: #fe7a15
}

.elementor-social-icon-steam {
    background-color: #00adee
}

.elementor-social-icon-stumbleupon {
    background-color: #eb4924
}

.elementor-social-icon-telegram {
    background-color: #2ca5e0
}

.elementor-social-icon-thumb-tack {
    background-color: #1aa1d8
}

.elementor-social-icon-tripadvisor {
    background-color: #589442
}

.elementor-social-icon-tumblr {
    background-color: #35465c
}

.elementor-social-icon-twitch {
    background-color: #6441a5
}

.elementor-social-icon-twitter {
    background-color: #1da1f2
}

.elementor-social-icon-viber {
    background-color: #665cac
}

.elementor-social-icon-vimeo {
    background-color: #1ab7ea
}

.elementor-social-icon-vk {
    background-color: #45668e
}

.elementor-social-icon-weibo {
    background-color: #dd2430
}

.elementor-social-icon-weixin {
    background-color: #31a918
}

.elementor-social-icon-whatsapp {
    background-color: #25d366
}

.elementor-social-icon-wordpress {
    background-color: #21759b
}

.elementor-social-icon-xing {
    background-color: #026466
}

.elementor-social-icon-yelp {
    background-color: #af0606
}

.elementor-social-icon-youtube {
    background-color: #cd201f
}

.elementor-social-icon-500px {
    background-color: #0099e5
}

.elementor-shape-rounded .elementor-icon.elementor-social-icon {
    -webkit-border-radius: 10%;
    border-radius: 10%
}

.elementor-shape-circle .elementor-icon.elementor-social-icon {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.elementor-star-rating {
    color: #ccd6df;
    font-family: eicons;
    display: inline-block
}

.elementor-star-rating i {
    display: inline-block;
    position: relative;
    font-style: normal;
    cursor: default
}

.elementor-star-rating i:before {
    content: "\e934";
    display: block;
    font-size: inherit;
    font-family: inherit;
    position: absolute;
    overflow: hidden;
    color: #f0ad4e;
    top: 0;
    left: 0
}

.elementor-star-rating .elementor-star-empty:before {
    content: none
}

.elementor-star-rating .elementor-star-1:before {
    width: 10%
}

.elementor-star-rating .elementor-star-2:before {
    width: 20%
}

.elementor-star-rating .elementor-star-3:before {
    width: 30%
}

.elementor-star-rating .elementor-star-4:before {
    width: 40%
}

.elementor-star-rating .elementor-star-5:before {
    width: 50%
}

.elementor-star-rating .elementor-star-6:before {
    width: 60%
}

.elementor-star-rating .elementor-star-7:before {
    width: 70%
}

.elementor-star-rating .elementor-star-8:before {
    width: 80%
}

.elementor-star-rating .elementor-star-9:before {
    width: 90%
}

.elementor-star-rating__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-star-rating__title {
    margin-right: 10px
}

.elementor-star-rating--align-right .elementor-star-rating__wrapper {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.elementor-star-rating--align-left .elementor-star-rating__wrapper {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.elementor-star-rating--align-center .elementor-star-rating__wrapper {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-star-rating--align-justify .elementor-star-rating__title {
    margin-right: auto
}

@media (max-width:1024px) {
    .elementor-star-rating-tablet--align-right .elementor-star-rating__wrapper {
        text-align: right;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-star-rating-tablet--align-left .elementor-star-rating__wrapper {
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-star-rating-tablet--align-center .elementor-star-rating__wrapper {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-star-rating-tablet--align-justify .elementor-star-rating__title {
        margin-right: auto
    }
}

@media (max-width:767px) {
    .elementor-star-rating-mobile--align-right .elementor-star-rating__wrapper {
        text-align: right;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-star-rating-mobile--align-left .elementor-star-rating__wrapper {
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-star-rating-mobile--align-center .elementor-star-rating__wrapper {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-star-rating-mobile--align-justify .elementor-star-rating__title {
        margin-right: auto
    }
}

.last-star {
    letter-spacing: 0
}

.elementor--star-style-star_unicode .elementor-star-rating {
    font-family: Arial, Helvetica, sans-serif
}

.elementor--star-style-star_unicode .elementor-star-rating i:not(.elementor-star-empty):before {
    content: "\002605"
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
    width: 25%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active {
    border-right-style: none
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:after,
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:before {
    height: 999em;
    width: 0;
    right: 0;
    border-right-style: solid
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:before {
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:after {
    top: 100%
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
    display: table-cell
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
    border-bottom-style: none
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after,
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before {
    bottom: 0;
    height: 0;
    width: 999em;
    border-bottom-style: solid
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before {
    right: 100%
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after {
    left: 100%
}

.elementor-widget-tabs .elementor-tab-content,
.elementor-widget-tabs .elementor-tab-title,
.elementor-widget-tabs .elementor-tab-title:after,
.elementor-widget-tabs .elementor-tab-title:before,
.elementor-widget-tabs .elementor-tabs-content-wrapper {
    border: 1px #d4d4d4
}

.elementor-widget-tabs .elementor-tabs {
    text-align: left
}

.elementor-widget-tabs .elementor-tabs-wrapper {
    overflow: hidden
}

.elementor-widget-tabs .elementor-tab-title {
    cursor: pointer;
    outline: var(--focus-outline, none)
}

.elementor-widget-tabs .elementor-tab-desktop-title {
    position: relative;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 1;
    border: solid transparent
}

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    border-color: #d4d4d4
}

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:after,
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:before {
    display: block;
    content: "";
    position: absolute
}

.elementor-widget-tabs .elementor-tab-mobile-title {
    padding: 10px;
    cursor: pointer
}

.elementor-widget-tabs .elementor-tab-content {
    padding: 20px;
    display: none
}

@media (max-width:767px) {

    .elementor-tabs .elementor-tab-content,
    .elementor-tabs .elementor-tab-title {
        border-style: solid solid none
    }

    .elementor-tabs .elementor-tabs-wrapper {
        display: none
    }

    .elementor-tabs .elementor-tabs-content-wrapper {
        border-bottom-style: solid
    }

    .elementor-tabs .elementor-tab-content {
        padding: 10px
    }
}

@media (min-width:768px) {
    .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-style: solid solid solid none
    }

    .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content {
        border-style: none solid solid
    }

    .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper,
    .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper,
    .elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-horizontal .elementor-tab-title {
        width: 100%
    }

    .elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-vertical .elementor-tab-title {
        height: 100%
    }

    .elementor-tabs .elementor-tab-mobile-title {
        display: none
    }
}

.elementor-testimonial-wrapper {
    overflow: hidden;
    text-align: center
}

.elementor-testimonial-wrapper .elementor-testimonial-content {
    font-size: 1.3em;
    margin-bottom: 20px
}

.elementor-testimonial-wrapper .elementor-testimonial-name {
    line-height: 1.5;
    color: inherit;
    display: block
}

.elementor-testimonial-wrapper .elementor-testimonial-job {
    font-size: .85em;
    color: inherit;
    display: block
}

.elementor-testimonial-wrapper.elementor-testimonial-text-align-left {
    text-align: left
}

.elementor-testimonial-wrapper.elementor-testimonial-text-align-right {
    text-align: right
}

.elementor-testimonial-wrapper .elementor-testimonial-meta {
    width: 100%;
    line-height: 1
}

.elementor-testimonial-wrapper .elementor-testimonial-meta-inner {
    display: inline-block
}

.elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-details,
.elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image {
    display: table-cell;
    vertical-align: middle
}

.elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-image {
    padding-right: 15px
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-details {
    text-align: left
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-details,
.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image {
    display: block
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image {
    margin-bottom: 20px
}

.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
    background-color: #818a91;
    color: #fff
}

.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap {
    color: #818a91;
    border: 3px solid;
    background-color: transparent
}

.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap {
    margin-top: 8px
}

.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter {
    width: 1em;
    height: 1em
}

.elementor-widget-text-editor .elementor-drop-cap {
    float: left;
    text-align: center;
    line-height: 1;
    font-size: 50px
}

.elementor-widget-text-editor .elementor-drop-cap-letter {
    display: inline-block
}

.elementor-toggle {
    text-align: left
}

.elementor-toggle .elementor-tab-title {
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #d4d4d4;
    cursor: pointer;
    outline: none
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
    display: inline-block;
    width: 1em
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right {
    float: right;
    text-align: right
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {
    float: left;
    text-align: left
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed {
    display: block
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-opened {
    display: none
}

.elementor-toggle .elementor-tab-title.elementor-active {
    border-bottom: none
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed {
    display: none
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened {
    display: block
}

.elementor-toggle .elementor-tab-content {
    padding: 15px;
    border-bottom: 1px solid #d4d4d4;
    display: none
}

@media (max-width:767px) {
    .elementor-toggle .elementor-tab-title {
        padding: 12px
    }

    .elementor-toggle .elementor-tab-content {
        padding: 12px 10px
    }
}

.elementor-widget-video .elementor-widget-container {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50%
}

.elementor-widget-video .elementor-custom-embed-image-overlay {
    cursor: pointer;
    text-align: center
}

.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i {
    opacity: 1
}

.elementor-widget-video .elementor-custom-embed-image-overlay img {
    display: block;
    width: 100%
}

.elementor-widget-video .e-hosted-video .elementor-video {
    -o-object-fit: cover;
    object-fit: cover
}

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

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

.slick-slide.dragging img {
    pointer-events: 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
}

.elementor-slick-slider .slick-loading .slick-list {
    background: #fff
}

.elementor-slick-slider .slick-loading .slick-list:after {
    content: "\e8fb";
    font-family: eicons;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
    font-size: 25px;
    color: #a4afb7
}

.elementor-slick-slider .slick-next,
.elementor-slick-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.elementor-slick-slider .slick-next:focus,
.elementor-slick-slider .slick-next:hover,
.elementor-slick-slider .slick-prev:focus,
.elementor-slick-slider .slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.elementor-slick-slider .slick-next:focus:before,
.elementor-slick-slider .slick-next:hover:before,
.elementor-slick-slider .slick-prev:focus:before,
.elementor-slick-slider .slick-prev:hover:before {
    opacity: 1
}

.elementor-slick-slider .slick-next.slick-disabled:before,
.elementor-slick-slider .slick-prev.slick-disabled:before {
    opacity: .25
}

.elementor-slick-slider .slick-next:before,
.elementor-slick-slider .slick-prev:before {
    font-family: eicons;
    font-size: 35px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.elementor-slick-slider .slick-prev {
    left: -25px
}

[dir=rtl] .elementor-slick-slider .slick-prev {
    left: auto;
    right: -25px
}

.elementor-slick-slider .slick-prev:before {
    content: "\e89f"
}

[dir=rtl] .elementor-slick-slider .slick-prev:before {
    content: "\e89e"
}

.elementor-slick-slider .slick-next {
    right: -25px
}

[dir=rtl] .elementor-slick-slider .slick-next {
    left: -25px;
    right: auto
}

.elementor-slick-slider .slick-next:before {
    content: "\e89e"
}

[dir=rtl] .elementor-slick-slider .slick-next:before {
    content: "\e89f"
}

.elementor-slick-slider .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.elementor-slick-slider ul.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.elementor-slick-slider ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.elementor-slick-slider ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.elementor-slick-slider ul.slick-dots li button:focus,
.elementor-slick-slider ul.slick-dots li button:hover {
    outline: none
}

.elementor-slick-slider ul.slick-dots li button:focus:before,
.elementor-slick-slider ul.slick-dots li button:hover:before {
    opacity: 1
}

.elementor-slick-slider ul.slick-dots li button:before {
    font-family: eicons;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\e914";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.elementor-slick-slider ul.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.elementor-slick-slider .slick-arrows-inside .slick-prev {
    left: 20px
}

[dir=rtl] .elementor-slick-slider .slick-arrows-inside .slick-prev {
    left: auto;
    right: 20px
}

.elementor-slick-slider .slick-arrows-inside .slick-next {
    right: 20px
}

[dir=rtl] .elementor-slick-slider .slick-arrows-inside .slick-next {
    left: 20px;
    right: auto
}

.elementor-slick-slider .slick-dots-inside .slick-dots {
    bottom: 5px
}

.elementor-slick-slider .slick-dots-inside.slick-dotted.slick-slider {
    margin-bottom: 0
}

.elementor-slick-slider .slick-slider .slick-next,
.elementor-slick-slider .slick-slider .slick-prev {
    z-index: 1
}

.elementor-slick-slider .slick-slide img {
    margin: auto
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container .swiper-slide figure {
    line-height: 0
}

.swiper-container .elementor-lightbox-content-source {
    display: none
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background: no-repeat 50%
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 5px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

.swiper-pagination-fraction {
    color: #000
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.elementor-pagination-position-outside .swiper-container {
    padding-bottom: 30px
}

.elementor-pagination-position-outside .elementor-swiper-button {
    top: calc(50% - 30px / 2)
}

.elementor-swiper {
    position: relative
}

.elementor-main-swiper {
    position: static
}

.elementor-arrows-position-outside .swiper-container {
    width: calc(100% - 60px)
}

.elementor-arrows-position-outside .elementor-swiper-button-prev {
    left: 0
}

.elementor-arrows-position-outside .elementor-swiper-button-next {
    right: 0
}

.swiper-image-stretch .swiper-slide .swiper-slide-image {
    width: 100%
}

.elementor-swiper-button {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: hsla(0, 0%, 93.3%, .9);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.elementor-swiper-button-prev {
    left: 10px
}

.elementor-swiper-button-next {
    right: 10px
}

.elementor-swiper-button.swiper-button-disabled {
    opacity: .3
}

.swiper-container-cube .elementor-swiper-button {
    -webkit-transform: translate3d(0, -50%, 1px);
    transform: translate3d(0, -50%, 1px)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E") no-repeat 50%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.elementor-lightbox {
    --lightbox-ui-color: hsla(0, 0%, 93.3%, 0.9);
    --lightbox-ui-color-hover: #fff;
    --lightbox-text-color: var(--lightbox-ui-color);
    --lightbox-header-icons-size: 20px;
    --lightbox-navigation-icons-size: 25px
}

.elementor-lightbox .dialog-header {
    display: none
}

.elementor-lightbox .dialog-widget-content {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 100%
}

.elementor-lightbox .dialog-message {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.elementor-lightbox .dialog-message:not(.elementor-fit-aspect-ratio) {
    height: 100%
}

.elementor-lightbox .dialog-message.dialog-lightbox-message {
    padding: 0
}

.elementor-lightbox .dialog-lightbox-close-button {
    cursor: pointer;
    position: absolute;
    font-size: var(--lightbox-header-icons-size);
    right: .75em;
    margin-top: 13px;
    padding: .25em;
    z-index: 2;
    line-height: 1
}

.elementor-lightbox .dialog-lightbox-close-button,
.elementor-lightbox .elementor-swiper-button {
    color: var(--lightbox-ui-color);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.elementor-lightbox .dialog-lightbox-close-button:hover,
.elementor-lightbox .elementor-swiper-button:hover {
    color: var(--lightbox-ui-color-hover)
}

.elementor-lightbox .swiper-container {
    height: 100%
}

.elementor-lightbox .elementor-lightbox-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: auto
}

@media (max-width:767px) {
    .elementor-lightbox .elementor-lightbox-item {
        padding: 70px 0
    }
}

.elementor-lightbox .elementor-lightbox-image {
    max-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.elementor-lightbox .elementor-lightbox-image,
.elementor-lightbox .elementor-lightbox-image:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    border: none
}

.elementor-lightbox .elementor-lightbox-image,
.elementor-lightbox .elementor-video-container {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.elementor-lightbox .elementor-video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:1025px) {
    .elementor-lightbox .elementor-video-container {
        width: 75%
    }
}

@media (max-width:1024px) {
    .elementor-lightbox .elementor-video-container {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .elementor-lightbox .elementor-aspect-ratio-916 .elementor-video-container {
        width: 70%
    }
}

.elementor-lightbox .elementor-swiper-button:focus {
    outline-width: 1px
}

.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 15%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--lightbox-navigation-icons-size)
}

.elementor-lightbox .elementor-swiper-button-prev {
    left: 0
}

.elementor-lightbox .elementor-swiper-button-next {
    right: 0
}

@media (max-width:767px) {
    .elementor-lightbox .elementor-swiper-button:focus {
        outline: none
    }

    .elementor-lightbox .elementor-swiper-button-next,
    .elementor-lightbox .elementor-swiper-button-prev {
        width: 20%
    }

    .elementor-lightbox .elementor-swiper-button-next i,
    .elementor-lightbox .elementor-swiper-button-prev i {
        padding: 10px;
        background-color: rgba(0, 0, 0, .5)
    }

    .elementor-lightbox .elementor-swiper-button-prev {
        left: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-lightbox .elementor-swiper-button-next {
        right: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.elementor-slideshow__counter {
    color: currentColor;
    font-size: .75em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.elementor-slideshow__footer,
.elementor-slideshow__header {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px 20px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.elementor-slideshow__footer {
    color: var(--lightbox-text-color)
}

.elementor-slideshow__header {
    color: var(--lightbox-ui-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: var(--lightbox-header-icons-size);
    padding-left: 1em;
    padding-right: 2.6em;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10
}

.elementor-slideshow__header>i {
    font-size: inherit;
    cursor: pointer;
    padding: .25em;
    margin: 0 .35em
}

.elementor-slideshow__header>i:hover {
    color: var(--lightbox-ui-color-hover)
}

.elementor-slideshow__header .elementor-slideshow__counter {
    margin-right: auto
}

.elementor-slideshow__header .elementor-icon-share {
    z-index: 5
}

.elementor-slideshow__share-menu {
    background-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s
}

.elementor-slideshow__share-menu .elementor-slideshow__share-links a {
    color: #2c2c2c
}

.elementor-slideshow__share-links {
    display: block;
    position: absolute;
    min-width: 200px;
    right: 2.8em;
    top: 3em;
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 14px 20px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transform-origin: 90% 10%;
    -ms-transform-origin: 90% 10%;
    transform-origin: 90% 10%;
    -webkit-transition: all .25s .1s;
    -o-transition: all .25s .1s;
    transition: all .25s .1s;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .3)
}

.elementor-slideshow__share-links a {
    text-align: left;
    color: #55595c;
    font-size: 12px;
    line-height: 2.5;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .5s .1s;
    -o-transition: opacity .5s .1s;
    transition: opacity .5s .1s
}

.elementor-slideshow__share-links a:hover {
    color: #000
}

.elementor-slideshow__share-links a i {
    font-size: 1.25em;
    margin-right: .75em
}

.elementor-slideshow__share-links:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    right: .5em;
    border: .45em solid transparent;
    border-bottom-color: #fff;
    -webkit-transform: translateY(-100%) scaleX(.7);
    -ms-transform: translateY(-100%) scaleX(.7);
    transform: translateY(-100%) scaleX(.7)
}

.elementor-slideshow__footer {
    bottom: 0;
    z-index: 5;
    position: fixed
}

.elementor-slideshow__description,
.elementor-slideshow__title {
    margin: 0
}

.elementor-slideshow__title {
    font-size: 16px;
    font-weight: 700
}

.elementor-slideshow__description {
    font-size: 14px
}

.elementor-slideshow--ui-hidden .elementor-slideshow__footer,
.elementor-slideshow--ui-hidden .elementor-slideshow__header {
    opacity: 0;
    pointer-events: none
}

.elementor-slideshow--ui-hidden .elementor-swiper-button-next,
.elementor-slideshow--ui-hidden .elementor-swiper-button-prev {
    opacity: 0
}

.elementor-slideshow--fullscreen-mode .elementor-video-container {
    width: 100%
}

.elementor-slideshow--zoom-mode .elementor-slideshow__footer,
.elementor-slideshow--zoom-mode .elementor-slideshow__header {
    background-color: rgba(0, 0, 0, .5)
}

.elementor-slideshow--zoom-mode .elementor-swiper-button-next,
.elementor-slideshow--zoom-mode .elementor-swiper-button-prev {
    opacity: 0;
    pointer-events: none
}

.elementor-slideshow--share-mode .elementor-slideshow__share-menu {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    cursor: default;
    background-color: rgba(0, 0, 0, .5)
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links,
.elementor-slideshow--share-mode .elementor-slideshow__share-links a {
    opacity: 1
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter {
    color: #1da1f2
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook {
    color: #3b5998
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest {
    color: #bd081c
}

.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold {
    color: #a4afb7
}

.elementor-slideshow--share-mode .eicon-share-arrow {
    z-index: 2
}

.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.animated.animated-slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.animated-fast {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.reverse {
    animation-direction: reverse
}

@media (prefers-reduced-motion:reduce) {
    .animated {
        -webkit-animation: none;
        animation: none
    }
}

.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr
}

.elementor-shape-top {
    top: -1px
}

.elementor-shape-top:not([data-negative=false]) svg {
    z-index: -1
}

.elementor-shape-bottom {
    bottom: -1px
}

.elementor-shape-bottom:not([data-negative=true]) svg {
    z-index: -1
}

.elementor-shape[data-negative=false].elementor-shape-bottom,
.elementor-shape[data-negative=true].elementor-shape-top {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.elementor-shape .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

#wp-admin-bar-elementor_edit_page .ab-submenu .ab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200px
}

#wp-admin-bar-elementor_edit_page .elementor-edit-link-title {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

#wp-admin-bar-elementor_edit_page .elementor-edit-link-type {
    background: #55595c;
    font-size: 11px;
    line-height: 9px;
    margin-top: 6px;
    padding: 4px 8px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.page-template-elementor_canvas.elementor-page:before {
    display: none
}

.elementor-post__thumbnail__link {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

#left-area ul.elementor-icon-list-items,
.elementor-edit-area .elementor-element ul.elementor-icon-list-items,
.elementor .elementor-element ul.elementor-icon-list-items {
    padding: 0
}

#wpadminbar * {
    font-style: normal
}

.elementor-portfolio.elementor-grid {
    display: grid
}

.elementor-share-buttons--align-right {
    text-align: right
}

.elementor-share-buttons--align-left {
    text-align: left
}

.elementor-share-buttons--align-center {
    text-align: center
}

.elementor-share-buttons--align-justify {
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

@media (max-width:1024px) {
    .elementor-share-buttons-tablet--align-right {
        text-align: right
    }

    .elementor-share-buttons-tablet--align-left {
        text-align: left
    }

    .elementor-share-buttons-tablet--align-center {
        text-align: center
    }

    .elementor-share-buttons-tablet--align-justify {
        text-align: justify;
        -moz-text-align-last: justify;
        text-align-last: justify
    }
}

@media (max-width:767px) {
    .elementor-share-buttons-mobile--align-right {
        text-align: right
    }

    .elementor-share-buttons-mobile--align-left {
        text-align: left
    }

    .elementor-share-buttons-mobile--align-center {
        text-align: center
    }

    .elementor-share-buttons-mobile--align-justify {
        text-align: justify;
        -moz-text-align-last: justify;
        text-align-last: justify
    }
}

.e--ua-appleWebkit.rtl {
    --flex-right: flex-start
}

.e--ua-appleWebkit .elementor-share-buttons--align-right,
.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right {
    --justify-content: var(--flex-right, flex-end)
}

.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-widget-container,
.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-widget-container,
.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-widget-container {
    margin-left: calc(-.5 * var(--grid-column-gap));
    margin-right: calc(-.5 * var(--grid-column-gap))
}

.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-widget-container .elementor-grid,
.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-widget-container .elementor-grid,
.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-widget-container .elementor-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--justify-content, space-between);
    -ms-flex-pack: var(--justify-content, space-between);
    justify-content: var(--justify-content, space-between)
}

.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-widget-container .elementor-grid-item,
.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-widget-container .elementor-grid-item,
.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-widget-container .elementor-grid-item {
    margin-left: calc(.5 * var(--grid-column-gap));
    margin-right: calc(.5 * var(--grid-column-gap))
}

@media (max-width:767px) {
    .elementor .elementor-hidden-phone {
        display: none
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .elementor .elementor-hidden-tablet {
        display: none
    }
}

@media (min-width:1025px) {
    .elementor .elementor-hidden-desktop {
        display: none
    }
}

.elementor-widget-text-path {
    font-size: 20px;
    text-align: var(--alignment, left)
}

.elementor-widget-text-path svg {
    width: var(--width);
    max-width: 100%;
    height: auto;
    overflow: visible;
    word-spacing: var(--word-spacing);
    -webkit-transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
    -ms-transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
    transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1))
}

.elementor-widget-text-path svg path {
    vector-effect: non-scaling-stroke;
    fill: var(--path-fill, transparent);
    stroke: var(--stroke-color, transparent);
    stroke-width: var(--stroke-width, 1px);
    -webkit-transition: var(--stroke-transition) stroke, var(--stroke-transition) fill;
    -o-transition: var(--stroke-transition) stroke, var(--stroke-transition) fill;
    transition: var(--stroke-transition) stroke, var(--stroke-transition) fill
}

.elementor-widget-text-path svg:hover path {
    --path-fill: var(--path-fill-hover);
    --stroke-color: var(--stroke-color-hover);
    --stroke-width: var(--stroke-width-hover)
}

.elementor-widget-text-path svg text {
    --fill: var(--text-color);
    fill: var(--fill);
    direction: var(--direction, ltr);
    -webkit-transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill;
    -o-transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill;
    transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill
}

.elementor-widget-text-path svg text:hover {
    --text-color: var(--text-color-hover)
}
/*carousel-inicio*/
.cards-section {
    margin-top: 0px;
    text-align: center;
  }

  .owl-carousel {
    display: inline-block;
  }

  .owl-item {
    display: inline-block;
    position: relative; /* Posição relativa para o botão */
  }

  .item {
    width: 300px; /* Largura ajustada */
    height: 375px; /* Altura ajustada */
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer; /* Cursor de apontar para indicar que o card é clicável */
    position: relative; /* Posição relativa para o botão */
  }

  .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .item-desc {
    padding: 20px;
    color: white; /* Texto branco */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

  }

  .item-desc h3 {
    margin-top: 0;
  }

  .saiba-mais {
    display: block;
    background-color: #111c06;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
    margin-top: 10px;
  }

  .saiba-mais:hover {
    background-color: #555;
  }
  .cards-section {
    /* Adicione qualquer estilo adicional necessário para a seção */
  }
  
  .owl-carousel {
    /* Garante que a largura da carousel seja 100% para ocupar todo o espaço disponível */
    width: 100%;
  }
  
  .owl-item {
    /* Define a largura dos itens para garantir que haja apenas um item visível por vez */
    width: 100%;
    display: flex;
    justify-content: center; /* Centraliza os itens horizontalmente */
  }
  
  .item {
   
  
  .item img {
    max-width: 100%;
  }
  
  .item-desc {
  
  }
  /*carousel-fim*/

  form {
    background-color: transparent;
    padding: 10px; 
}
.imagem {
    position: relative; 
    z-index: -1;
}
.dropdown {
    position: relative;
    display: inline-block;
}

/* Estilo para o botão do menu suspenso */
.dropbtn {
    background-color: transparent;
    color: black;
    padding: 0;
    border: none;
    cursor: pointer;
}

/* Estilo para o menu suspenso */
.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
}

/* Estilo para os links dentro do menu suspenso */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 10px;
}

/* Estilo para quando o menu suspenso estiver aberto */
.dropdown-content a:hover {
    background-color: #f1f1f1;
}

/* Estilo para mostrar o menu suspenso ao passar o mouse sobre o botão */
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content {
    right: 0;
}
<!doctype html>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Cabin:400,500,700&amp;display=swap">
        <link rel="profile" href="https://gmpg.org/xfn/11">
        <!-- crazyegg-->
        <script type="text/javascript" src="https://script.crazyegg.com/pages/scripts/0116/7673.js" async="async"></script>
        <!-- Google Tag Manager -->
        <script>
            (function(w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    'gtm.start': new Date().getTime(),
                    event: 'gtm.js'
                });
                var f = d.getElementsByTagName(s)[0]
                  , j = d.createElement(s)
                  , dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                f.parentNode.insertBefore(j, f);
            }
            )(window, document, 'script', 'dataLayer', 'GTM-PJKP9NB');
        </script>
        <!-- End Google Tag Manager -->
        <!-- ahrefs-site-verification -->
        <meta name="ahrefs-site-verification" content="1225b8979826f0d7590eaeaff0e20e987d04307651a9dbec0793efa7e101b023">
        <!--END ahrefs-site-verification -->
        <script>
            window.intercomSettings = {
                app_id: "rn7ho5ox"
            };
        </script>
        <script>
            (function() {
                var w = window;
                var ic = w.Intercom;
                if (typeof ic === "function") {
                    ic('reattach_activator');
                    ic('update', w.intercomSettings);
                } else {
                    var d = document;
                    var i = function() {
                        i.c(arguments);
                    };
                    i.q = [];
                    i.c = function(args) {
                        i.q.push(args);
                    }
                    ;
                    w.Intercom = i;
                    var l = function() {
                        var s = d.createElement('script');
                        s.type = 'text/javascript';
                        s.async = true;
                        s.src = 'https://widget.intercom.io/widget/rn7ho5ox';
                        var x = d.getElementsByTagName('script')[0];
                        x.parentNode.insertBefore(s, x);
                    };
                    if (w.attachEvent) {
                        w.attachEvent('onload', l);
                    } else {
                        w.addEventListener('load', l, false);
                    }
                }
            }
            )();
        </script>
        <meta name="keywords" content="jetengine custom post type, wordpress cpt, wordpress custom post type, wp cpt">
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1'/>
        <!-- This site is optimized with the Yoast SEO plugin v21.3 - https://yoast.com/wordpress/plugins/seo/ -->
        <title>JetEngine Custom Post Type for WordPress. CPT Feature | Crocoblock</title>
        <meta name="description" content="Create WordPress Custom Post Types with JetEngine built-in plugin feature. Use WP CPT for creating various content type items for a WordPress websites. Explore its potential right away."/>
        <link rel="canonical" href="https://crocoblock.com/plugins/jetengine/custom-post-type/"/>
        <meta property="og:locale" content="en_US"/>
        <meta property="og:type" content="article"/>
        <meta property="og:title" content="JetEngine Custom Post Type for WordPress. CPT Feature | Crocoblock"/>
        <meta property="og:description" content="Create WordPress Custom Post Types with JetEngine built-in plugin feature. Use WP CPT for creating various content type items for a WordPress websites. Explore its potential right away."/>
        <meta property="og:url" content="https://crocoblock.com/plugins/jetengine/custom-post-type/"/>
        <meta property="og:site_name" content="Crocoblock"/>
        <meta property="article:publisher" content="https://www.facebook.com/crocoblock/"/>
        <meta property="article:modified_time" content="2023-11-01T13:57:42+00:00"/>
        <meta property="og:image" content="https://crocoblock.com/wp-content/uploads/2023/10/hero-picture-feature-custom-post-type.webp"/>
        <meta name="twitter:card" content="summary_large_image"/>
        <meta name="twitter:site" content="@MRcrocoblock"/>
        <meta name="twitter:label1" content="Est. reading time"/>
        <meta name="twitter:data1" content="5 minutes"/>
        <script type="application/ld+json" class="yoast-schema-graph">
            {
                "@context": "https://schema.org",
                "@graph": [
                    {
                        "@type": "WebPage",
                        "@id": "https://crocoblock.com/plugins/jetengine/custom-post-type/",
                        "url": "https://crocoblock.com/plugins/jetengine/custom-post-type/",
                        "name": "JetEngine Custom Post Type for WordPress. CPT Feature | Crocoblock",
                        "isPartOf": {
                            "@id": "https://crocoblock.com/#website"
                        },
                        "primaryImageOfPage": {
                            "@id": "https://crocoblock.com/plugins/jetengine/custom-post-type/#primaryimage"
                        },
                        "image": {
                            "@id": "https://crocoblock.com/plugins/jetengine/custom-post-type/#primaryimage"
                        },
                        "thumbnailUrl": "https://crocoblock.com/wp-content/uploads/2023/10/hero-picture-feature-custom-post-type.webp",
                        "datePublished": "2021-05-17T14:29:46+00:00",
                        "dateModified": "2023-11-01T13:57:42+00:00",
                        "description": "Create WordPress Custom Post Types with JetEngine built-in plugin feature. Use WP CPT for creating various content type items for a WordPress websites. Explore its potential right away.",
                        "breadcrumb": {
                            "@id": "https://crocoblock.com/plugins/jetengine/custom-post-type/#breadcrumb"
                        },
                        "inLanguage": "en-US",
                        "potentialAction": [
                            {
                                "@type": "ReadAction",
                                "target": [
                                    "https://crocoblock.com/plugins/jetengine/custom-post-type/"
                                ]
                            }
                        ]
                    },
                    {
                        "@type": "ImageObject",
                        "inLanguage": "en-US",
                        "@id": "https://crocoblock.com/plugins/jetengine/custom-post-type/#primaryimage",
                        "url": "https://crocoblock.com/wp-content/uploads/2023/10/hero-picture-feature-custom-post-type.webp",
                        "contentUrl": "https://crocoblock.com/wp-content/uploads/2023/10/hero-picture-feature-custom-post-type.webp",
                        "width": 1320,
                        "height": 1144
                    },
                    {
                        "@type": "BreadcrumbList",
                        "@id": "https://crocoblock.com/plugins/jetengine/custom-post-type/#breadcrumb",
                        "itemListElement": [
                            {
                                "@type": "ListItem",
                                "position": 1,
                                "name": "Home",
                                "item": "https://crocoblock.com/"
                            },
                            {
                                "@type": "ListItem",
                                "position": 2,
                                "name": "Plugins",
                                "item": "https://crocoblock.com/plugins/"
                            },
                            {
                                "@type": "ListItem",
                                "position": 3,
                                "name": "JetEngine",
                                "item": "https://crocoblock.com/plugins/jetengine/"
                            },
                            {
                                "@type": "ListItem",
                                "position": 4,
                                "name": "Custom Post Type"
                            }
                        ]
                    },
                    {
                        "@type": "WebSite",
                        "@id": "https://crocoblock.com/#website",
                        "url": "https://crocoblock.com/",
                        "name": "Crocoblock",
                        "description": "",
                        "publisher": {
                            "@id": "https://crocoblock.com/#organization"
                        },
                        "potentialAction": [
                            {
                                "@type": "SearchAction",
                                "target": {
                                    "@type": "EntryPoint",
                                    "urlTemplate": "https://crocoblock.com/?s={search_term_string}"
                                },
                                "query-input": "required name=search_term_string"
                            }
                        ],
                        "inLanguage": "en-US"
                    },
                    {
                        "@type": "Organization",
                        "@id": "https://crocoblock.com/#organization",
                        "name": "Crocoblock",
                        "url": "https://crocoblock.com/",
                        "logo": {
                            "@type": "ImageObject",
                            "inLanguage": "en-US",
                            "@id": "https://crocoblock.com/#/schema/logo/image/",
                            "url": "https://crocoblock.com/wp-content/uploads/2019/09/crocoblock-graph.jpg",
                            "contentUrl": "https://crocoblock.com/wp-content/uploads/2019/09/crocoblock-graph.jpg",
                            "width": 200,
                            "height": 200,
                            "caption": "Crocoblock"
                        },
                        "image": {
                            "@id": "https://crocoblock.com/#/schema/logo/image/"
                        },
                        "sameAs": [
                            "https://www.facebook.com/crocoblock/",
                            "https://twitter.com/MRcrocoblock",
                            "https://www.instagram.com/mrcrocoblock/",
                            "https://www.linkedin.com/company/crocoblock/",
                            "https://www.pinterest.com/crocoblock/",
                            "https://www.youtube.com/c/Crocoblock"
                        ]
                    }
                ]
            }</script>
        <!-- / Yoast SEO plugin. -->
        <link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect'/>
        <link rel="alternate" type="application/rss+xml" title="Crocoblock &raquo; Feed" href="https://crocoblock.com/feed/"/>
        <link rel="alternate" type="application/rss+xml" title="Crocoblock &raquo; Comments Feed" href="https://crocoblock.com/comments/feed/"/>
        <link rel='stylesheet' id='wp-block-library-css' href='https://crocoblock.com/wp-includes/css/dist/block-library/style.min.css?ver=6.3.3' type='text/css' media='all'/>
        <style id='classic-theme-styles-inline-css' type='text/css'>
            /*! This file is auto-generated */
            .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
            }

            .wp-block-file__button {
                background: #32373c;
                color: #fff;
                text-decoration: none
            }
        </style>
        <style id='global-styles-inline-css' type='text/css'>
            body {
                --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, 0.2);
                --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
                --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 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: 0.5em;
            }

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

            body .is-layout-flow > .alignleft {
                float: left;
                margin-inline-start: 0;margin-inline-end: 2em;}

            body .is-layout-flow > .alignright {
                float: right;
                margin-inline-start: 2em;margin-inline-end: 0;}

            body .is-layout-flow > .aligncenter {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            body .is-layout-constrained > .alignleft {
                float: left;
                margin-inline-start: 0;margin-inline-end: 2em;}

            body .is-layout-constrained > .alignright {
                float: right;
                margin-inline-start: 2em;margin-inline-end: 0;}

            body .is-layout-constrained > .aligncenter {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
                max-width: var(--wp--style--global--content-size);
                margin-left: auto !important;
                margin-right: auto !important;
            }

            body .is-layout-constrained > .alignwide {
                max-width: var(--wp--style--global--wide-size);
            }

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

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

            body .is-layout-flex > * {
                margin: 0;
            }

            body .is-layout-grid {
                display: grid;
            }

            body .is-layout-grid > * {
                margin: 0;
            }

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

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

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

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

            .has-black-color {
                color: var(--wp--preset--color--black) !important;
            }

            .has-cyan-bluish-gray-color {
                color: var(--wp--preset--color--cyan-bluish-gray) !important;
            }

            .has-white-color {
                color: var(--wp--preset--color--white) !important;
            }

            .has-pale-pink-color {
                color: var(--wp--preset--color--pale-pink) !important;
            }

            .has-vivid-red-color {
                color: var(--wp--preset--color--vivid-red) !important;
            }

            .has-luminous-vivid-orange-color {
                color: var(--wp--preset--color--luminous-vivid-orange) !important;
            }

            .has-luminous-vivid-amber-color {
                color: var(--wp--preset--color--luminous-vivid-amber) !important;
            }

            .has-light-green-cyan-color {
                color: var(--wp--preset--color--light-green-cyan) !important;
            }

            .has-vivid-green-cyan-color {
                color: var(--wp--preset--color--vivid-green-cyan) !important;
            }

            .has-pale-cyan-blue-color {
                color: var(--wp--preset--color--pale-cyan-blue) !important;
            }

            .has-vivid-cyan-blue-color {
                color: var(--wp--preset--color--vivid-cyan-blue) !important;
            }

            .has-vivid-purple-color {
                color: var(--wp--preset--color--vivid-purple) !important;
            }

            .has-black-background-color {
                background-color: var(--wp--preset--color--black) !important;
            }

            .has-cyan-bluish-gray-background-color {
                background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
            }

            .has-white-background-color {
                background-color: var(--wp--preset--color--white) !important;
            }

            .has-pale-pink-background-color {
                background-color: var(--wp--preset--color--pale-pink) !important;
            }

            .has-vivid-red-background-color {
                background-color: var(--wp--preset--color--vivid-red) !important;
            }

            .has-luminous-vivid-orange-background-color {
                background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
            }

            .has-luminous-vivid-amber-background-color {
                background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
            }

            .has-light-green-cyan-background-color {
                background-color: var(--wp--preset--color--light-green-cyan) !important;
            }

            .has-vivid-green-cyan-background-color {
                background-color: var(--wp--preset--color--vivid-green-cyan) !important;
            }

            .has-pale-cyan-blue-background-color {
                background-color: var(--wp--preset--color--pale-cyan-blue) !important;
            }

            .has-vivid-cyan-blue-background-color {
                background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
            }

            .has-vivid-purple-background-color {
                background-color: var(--wp--preset--color--vivid-purple) !important;
            }

            .has-black-border-color {
                border-color: var(--wp--preset--color--black) !important;
            }

            .has-cyan-bluish-gray-border-color {
                border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
            }

            .has-white-border-color {
                border-color: var(--wp--preset--color--white) !important;
            }

            .has-pale-pink-border-color {
                border-color: var(--wp--preset--color--pale-pink) !important;
            }

            .has-vivid-red-border-color {
                border-color: var(--wp--preset--color--vivid-red) !important;
            }

            .has-luminous-vivid-orange-border-color {
                border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
            }

            .has-luminous-vivid-amber-border-color {
                border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
            }

            .has-light-green-cyan-border-color {
                border-color: var(--wp--preset--color--light-green-cyan) !important;
            }

            .has-vivid-green-cyan-border-color {
                border-color: var(--wp--preset--color--vivid-green-cyan) !important;
            }

            .has-pale-cyan-blue-border-color {
                border-color: var(--wp--preset--color--pale-cyan-blue) !important;
            }

            .has-vivid-cyan-blue-border-color {
                border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
            }

            .has-vivid-purple-border-color {
                border-color: var(--wp--preset--color--vivid-purple) !important;
            }

            .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
                background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
            }

            .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
                background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
            }

            .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
                background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
            }

            .has-luminous-vivid-orange-to-vivid-red-gradient-background {
                background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
            }

            .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
                background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
            }

            .has-cool-to-warm-spectrum-gradient-background {
                background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
            }

            .has-blush-light-purple-gradient-background {
                background: var(--wp--preset--gradient--blush-light-purple) !important;
            }

            .has-blush-bordeaux-gradient-background {
                background: var(--wp--preset--gradient--blush-bordeaux) !important;
            }

            .has-luminous-dusk-gradient-background {
                background: var(--wp--preset--gradient--luminous-dusk) !important;
            }

            .has-pale-ocean-gradient-background {
                background: var(--wp--preset--gradient--pale-ocean) !important;
            }

            .has-electric-grass-gradient-background {
                background: var(--wp--preset--gradient--electric-grass) !important;
            }

            .has-midnight-gradient-background {
                background: var(--wp--preset--gradient--midnight) !important;
            }

            .has-small-font-size {
                font-size: var(--wp--preset--font-size--small) !important;
            }

            .has-medium-font-size {
                font-size: var(--wp--preset--font-size--medium) !important;
            }

            .has-large-font-size {
                font-size: var(--wp--preset--font-size--large) !important;
            }

            .has-x-large-font-size {
                font-size: var(--wp--preset--font-size--x-large) !important;
            }

            .wp-block-navigation a:where(:not(.wp-element-button)) {
                color: inherit;
            }

            :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;
            }

            .wp-block-pullquote {
                font-size: 1.5em;
                line-height: 1.6;
            }
        </style>
        <link rel='stylesheet' id='crocoblock-style-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_bf9ad41b46a5ef57da27bd4a5c1251d2.css?ver=6.3.3' type='text/css' media='all'/>
        <link rel='stylesheet' id='roco-site-menu-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_21a2e1b404451e4b380084ce419d3e89.css?ver=2.0.1' type='text/css' media='all'/>
        <link rel='stylesheet' id='jet-fb-advanced-choices-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_a4fe97e085fa8cd2cb93c8724214475b.css?ver=3.1.7' type='text/css' media='all'/>
        <link rel='stylesheet' id='croco-features-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_58fe5e9b4afd0a64c5889e0331e80063.css?ver=1.0.0' type='text/css' media='all'/>
        <link rel='stylesheet' id='font-awesome-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all'/>
        <link rel='stylesheet' id='jet-popup-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_188946986b1a377d87d351765cf8e48b.css?ver=1.6.3' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-icons-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.18.0' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-frontend-legacy-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/css/frontend-legacy.min.css?ver=3.11.5' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-frontend-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.11.5' type='text/css' media='all'/>
        <link rel='stylesheet' id='swiper-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/swiper/css/swiper.min.css?ver=5.3.6' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-post-22743-css' href='https://crocoblock.com/wp-content/uploads/elementor/css/post-22743.css?ver=1706113039' type='text/css' media='all'/>
        <link rel='stylesheet' id='jet-tabs-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_641f07eec6fa899b773b8b3916a7e287.css?ver=2.1.21' type='text/css' media='all'/>
        <link rel='stylesheet' id='jquery-chosen-css' href='https://crocoblock.com/wp-content/plugins/jet-search/assets/lib/chosen/chosen.min.css?ver=1.8.7' type='text/css' media='all'/>
        <link rel='stylesheet' id='jet-search-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_0a323a0b3b2c7327ec0d17ee3ea7284b.css?ver=3.0.3' type='text/css' media='all'/>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.0' id='jquery-core-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1' id='jquery-migrate-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/imagesloaded.min.js?ver=6.3.3' id='imagesLoaded-js'></script>
        <link rel="https://api.w.org/" href="https://crocoblock.com/wp-json/"/>
        <link rel="alternate" type="application/json" href="https://crocoblock.com/wp-json/wp/v2/pages/40023"/>
        <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://crocoblock.com/xmlrpc.php?rsd"/>
        <meta name="generator" content="WordPress 6.3.3"/>
        <link rel="alternate" type="application/json+oembed" href="https://crocoblock.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrocoblock.com%2Fplugins%2Fjetengine%2Fcustom-post-type%2F"/>
        <link rel="alternate" type="text/xml+oembed" href="https://crocoblock.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrocoblock.com%2Fplugins%2Fjetengine%2Fcustom-post-type%2F&#038;format=xml"/>
        <style>
            .crocoblock-cart .tooltip-content {
                line-height: 20px;
                font-weight: 500
            }

            .crocoblock-cart .tooltip:hover .tooltip-content {
                top: 6px
            }

            .csc-listing {
                display: flex;
                flex-wrap: wrap;
                gap: 30px
            }

            .csc-listing__item {
                flex: 0 0 calc( 25% - 22.5px)
            }

            .csc-listing__item-actions {
                display: flex;
                justify-content: space-between
            }

            .csc-disabled {
                pointer-events: none
            }

            .csc-license-switcher {
                width: 44px;
                height: 16px;
                background: #E2E8F0;
                border-radius: 100px
            }

            .csc-license-switcher__choice {
                white-space: nowrap;
                transition: all 0.1s ease-in-out;
                min-width: 24px;
                min-height: 24px;
                background: transparent;
                border-radius: 100%
            }

            .csc-license-switcher__choice.is-active {
                background: #0DC167;
                box-shadow: 0 0 8px rgba(13, 193, 103, 0.5)
            }

            .csc-license-switcher__choice.is-active:after,.csc-license-switcher__choice.is-active:before {
                width: auto;
                transition: all 0.1s ease-in-out;
                color: #0DC167
            }

            .csc-license-switcher__choice[data-license=single]:before {
                content: 'For 1 project';
                position: absolute;
                left: -105px;
                padding-right: 16px
            }

            .csc-license-switcher__choice[data-license=unlimited]:after {
                content: 'For Unlimited projects';
                position: absolute;
                right: -170px;
                padding-left: 16px
            }

            .csc-cart-container {
                max-width: 1160px;
                margin: 0 auto;
                width: calc( 100% - 30px)
            }

            .csc-cart-plugins {
                flex: 0 0 calc( 66.6666% - 20px)
            }

            @media (max-width: 900px) {
                .csc-cart-plugins {
                    flex:0 0 100%
                }
            }

            .csc-cart-plugin__icon {
                min-width: 48px;
                height: 48px
            }

            .csc-cart-plugin__icon svg {
                margin: -4px 0 0 0
            }

            @media (min-width: 768px) {
                .csc-cart-plugin__name-box {
                    min-width:200px
                }
            }

            .csc-cart-plugin__remove {
                width: 48px;
                height: 28px
            }

            .csc-cart-plugin__remove path {
                fill: #CBD5E1;
                transition: all 0.1s ease-in-out
            }

            .csc-cart-plugin__remove:hover path {
                fill: #0F172A
            }

            .csc-cart-sidebar {
                flex: 0 0 calc( 33.3333% - 20px)
            }

            @media (max-width: 900px) {
                .csc-cart-sidebar {
                    flex:0 0 100%;
                    display: flex;
                    justify-content: space-between;
                    padding: 40px 0 0 0
                }
            }

            @media (max-width: 550px) {
                .csc-cart-sidebar {
                    flex-direction:column
                }
            }

            .csc-cart-banner__save-up {
                top: 0;
                right: 0;
                white-space: nowrap;
                transform: translate(55px, 45px) rotate(45deg);
                width: 240px
            }

            @media (max-width: 900px) {
                .csc-cart-banner {
                    flex:0 0 48%
                }
            }

            @media (max-width: 550px) {
                .csc-cart-banner {
                    flex:0 0 100%
                }
            }

            .csc-cart-banner a {
                display: block;
                width: 100%
            }

            .csc-cart-banner a img {
                width: 100%;
                height: auto;
                display: block
            }

            @media (max-width: 900px) {
                .csc-total {
                    flex:0 0 48%
                }
            }

            .csc-total__discount-badge {
                top: 15px;
                right: 6px;
                letter-spacing: -2px;
                color: white;
                z-index: 1
            }

            .csc-total__discount-badge span {
                margin-left: 2px;
                font-size: 20px
            }

            .csc-total__discount-badge:after {
                content: '';
                width: 120px;
                height: 120px;
                background-color: #FF3859;
                border-radius: 110px;
                display: block;
                position: absolute;
                top: -55px;
                right: -35px;
                z-index: -1
            }

            .csc-more-plugins-list {
                margin: 0 -12px
            }

            .csc-more-plugins-item {
                width: calc( 33.333% - 28px);
                margin: 0 14px 28px;
                min-height: 148px;
                box-shadow: 0 4px 25px rgba(100, 116, 139, 0.1);
                transition: all 0.1s ease-in-out
            }

            @media (max-width: 800px) {
                .csc-more-plugins-item {
                    width:calc( 50% - 28px)
                }
            }

            @media (max-width: 500px) {
                .csc-more-plugins-item {
                    width:calc( 100% - 24px);
                    margin-bottom: 12px
                }
            }

            .csc-more-plugins-item:hover {
                box-shadow: 0 10px 25px rgba(100, 116, 139, 0.4)
            }

            .csc-more-plugins-item__icon {
                flex: 0 0 30%;
                border-bottom-left-radius: 10px;
                border-top-left-radius: 10px
            }

            .csc-mini-cart__link {
                display: block;
                position: relative;
                width: 30px;
                height: 22px
            }

            .csc-mini-cart__link:hover .csc-mini-cart__icon {
                color: #0DC167
            }

            .csc-mini-cart__count {
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                width: 16px;
                height: 16px;
                border-radius: 8px;
                right: 0;
                top: -7px;
                background: #0DC167;
                transition: background 150ms linear;
                color: #fff;
                font-size: 11px;
                line-height: 18px;
                font-weight: 600;
                text-align: center;
                font-family: 'Cabin', sans-serif
            }

            .invert .csc-mini-cart__link svg path {
                fill: #fff
            }

            .invert .csc-mini-cart__link:hover svg path {
                fill: #0DC167
            }
        </style>
        <meta name="generator" content="Elementor 3.11.5; features: e_optimized_assets_loading, e_optimized_css_loading, a11y_improvements; settings: css_print_method-external, google_font-enabled, font_display-auto">
        <style type="text/css">
            .site-title, .site-description {
                position: absolute;
                clip: rect(1px, 1px, 1px, 1px);
            }
        </style>
        <link rel="icon" href="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-32x32.png" sizes="32x32"/>
        <link rel="icon" href="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-192x192.png" sizes="192x192"/>
        <link rel="apple-touch-icon" href="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-180x180.png"/>
        <meta name="msapplication-TileImage" content="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-270x270.png"/>
        <style type="text/css" id="wp-custom-css">
            .site-branding {
                align-items: center;
            }

            .crocoblock-faq-page .p-style-2 p {
                margin-bottom: 8px;
            }

            body.single figure.wp-block-video {
                margin: 44px 0;
            }

            .jet-review__user-avatar {
                height: 79px;
            }

            body.crocoblock-dynamic-widget .cs-all-items-popup.button {
                color: #fff;
                cursor: pointer;
            }

            /*end cactus temp fix wiget single page*/
            /*social icons home fix*/
            div div .croco_social_icons__icon-box.zoom {
                background-color: #4A8CFF;
            }

            /*END social icons home fix*/
            /*Revision*/
            .rm-floating-btn.rm-floating-btn-light, #rm-embed-btn {
                display: none!important;
            }

            /* END Revision*/
            .wp-block-embed-youtube iframe {
                width: 100%;
            }

            .page-template-kava-theme.cover-active .crocoblock-site-cover, body.cover-active .crocoblock-site-cover {
                opacity: 0;
            }

            .page-template-kava-theme.cover-active, body.cover-active {
                overflow: visible;
            }

            /*Tempo*/
            .croco-site-mobile-menu__container {
                z-index: auto;
            }

            /*Blog Banner*/
            .blog-banner img {
                margin-top: 15px;
            }

            .site-main .single-block .blog-banner {
                margin: 30px 0;
            }

            .site-main .single-block a.blog-banner:after, .site-main .single-block a.blog-banner:before {
                content: none;
            }

            /*Body style - hot fix trash*/
            body.crocoblock-pricing-page, body.kava-theme-page {
                overflow-x: hidden;
            }

            /* Не трогать! */
            .csc-more-plugins-item[data-plugin*=jetstylemanager] {
                display: none;
            }

            figure.aligncenter {
                text-align: center;
            }

            .wp-block-embed iframe {
                width: 100%;
            }

            .crocoblock-cart a {
                text-decoration: none;
            }

            /* Не тогать! end */
            /*Temp hosting fix*/
            *+.row {
                margin-top: 0px;
            }

            /*END Temp hosting fix*/
            /*Kava theme page*/
            .kava-theme-page .elementor-counter-number-wrapper {
                color: white
            }

            /*Kava theme page end*/
            /*Wordpress Hosting*/
            .cs-host-providers__item.item-custom.offer-label:before {
                visibility: visible;
            }

            /*Wordpress Hosting End*/
            /*Single Post Banner*/
            @media (min-width: 1025px) {
                .single-post-banner {
                    z-index: 1;
                }
            }

            /*Single Post Banner End*/
            #disqus_thread iframe:nth-child(2n) {
                display: none!important;
            }

            /**Dropdown menu dynamic features ( Main menu )**/
            .megamenu-col-auto {
                flex: 0 0 auto;
                width: auto;
                max-width: 100%;
            }

            .megamenu-content-between {
                justify-content: space-between;
            }

            /**Dropdown menu dynamic features ( Main menu ) end (ADD style)**/
            /*Header firefox style*/
            body.home-new.e--ua-firefox .site-header-stuck.site-header-inverse .site-header-wrap::before {
                background-color: rgba(255, 255, 255, .1);
            }

            /*Header firefox style end*/
            /*home-wp*/
            body.home-wp .site-actions-menu a.croco-site-desktop-menu__item-title {
                position: relative;
                font-size: 0;
            }

            body.home-wp .site-actions-menu a.croco-site-desktop-menu__item-title::before {
                content: "Account";
                position: absolute;
                top: 50%;
                left: -60px;
                transform: translateY(-50%);
                font-size: 16px;
            }

            /*home-wp end*/
            /*Croco Post Navigation (forced-css)*/
            .croco-post-navigation .cs-next-link:before, .croco-post-navigation .cs-prev-link:before {
                width: 48px;
                height: 48px;
                border-radius: 100px;
                box-shadow: 0px 4px 28px rgba(15, 23, 42, 0.2);
                transition: .2s ease-in-out;
            }

            .croco-post-navigation .cs-next-link:before {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.59 18L16 16.59L11.42 12L16 7.41L14.59 6L8.59 12L14.59 18Z' fill='currentColor'/%3E%3C/svg%3E%0A");
            }

            .croco-post-navigation .cs-prev-link:before {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z' fill='currentColor' /%3E%3C/svg%3E");
            }

            .croco-post-navigation .cs-next-link:hover:before {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.59 18L16 16.59L11.42 12L16 7.41L14.59 6L8.59 12L14.59 18Z' fill='white'/%3E%3C/svg%3E%0A");
            }

            .croco-post-navigation .cs-prev-link:hover:before {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z' fill='white'/%3E%3C/svg%3E%0A");
            }

            .croco-post-navigation .cs-next-link:hover:before, .croco-post-navigation .cs-prev-link:hover:before {
                background-color: #CBD5E1;
            }

            /*Croco Post Navigation end (forced-css)*/
            /*оставить*/
            .table-bf img {
                display: none;
            }

            .bf-t22-normal {
                display: flex!important;
            }

            .bf-t22-sale {
                display: none!important;
            }

            /*end оставить*/
            /*blog*/
            .related-posts__list .posted-on {
                text-align: center;
            }

            .related-posts__list .entry-content .h5 {
                line-height: 28px;
            }

            /*blog end*/
            /* #page.site {
    overflow: visible;
} */
            /*WP Query Generator (forced-css)*/
            .wp-query-result__content {
                overflow-x: scroll;
                scrollbar-width: thin;
                scrollbar-color: #94A3B8 #f9f2f4;
            }

            .wp-query-result__content::-webkit-scrollbar {
                height: 6px;
                background-color: #f9f2f4;
                border-radius: 4px;
            }

            .wp-query-result__content::-webkit-scrollbar-thumb {
                background-color: #94A3B8;
                border-radius: 4px;
            }

            /*WP Query Generator end*/
            /*Made with croco page*/
            .websites-made-with-elementor-and-crocoblock .cs-websites-item__content {
                display: none;
            }

            /*Made with croco page end*/
            /*B Day Croco*/
            .b-day-croco-off {
            }

            .b-day-croco-on {
                display: none!important;
            }

            /*B Day Croco end*/
            /*Blog*/
            body.blog .site, body.single-post .site {
                overflow: visible;
            }

            /*Blog end*/
            /*How it works button (widjets page)*/
            .how-it-works-none {
                display: none;
            }

            /*How it works button (widjets page) end*/
            body.single .attention-block ul {
                margin: 0;
                padding-left: 60px;
            }

            /*wordpress-hosting page*/
            @media (max-width: 600px) {
                .elementor-widget-host-providers .jet-unfold {
                    border: 1px solid #e4e8ed;
                    margin: 10px;
                }
            }

            /*wordpress-hosting page end*/
            /*crocoblock_alternatives*/
            .crocoblock_alternatives .tooltip-content {
                top: 50%;
                transform: translate(30px, -50%);
            }

            .crocoblock_alternatives .tooltip:hover .tooltip-content {
                transform: translate(0, -50%);
            }

            .crocoblock_alternatives .table td {
                z-index: auto;
            }

            /*navigation-menu-list*/
            .navigation-menu-list.navigation-menu-button.v-3 .navigation-block-item {
                transform: translateX(0);
                margin: 0 32px;
            }

            .navigation-menu-list.navigation-menu-button.v-3.v-5 {
                max-width: 1160px;
                margin: 0 auto;
                justify-content: space-between;
            }

            .navigation-menu-list.navigation-menu-button.v-3.v-5.show {
                max-width: 100%;
                justify-content: center;
            }

            .navigation-menu-list.navigation-menu-button.v-3.v-5 .navigation-block-item {
                transform: translateX(0);
                margin: 0;
            }

            .navigation-menu-list.navigation-menu-button.v-3.v-5.show .navigation-block-item {
                transform: translateX(12px);
                margin: 0 14px;
            }

            .navigation-menu-list.navigation-menu-button.v-3.v-5.show .navigation-block-item:last-child {
                margin: 0 0 0 60px;
            }

            /*navigation-menu-list-end*/
            /*tooltip jetplugins*/
            .jetplugins .tooltip-content:not(.jetplugins .croco-pricing-widget .tooltip-content) {
                min-width: 264px;
                padding: 16px 15px 16px 16px;
                font-size: 14px;
                line-height: 20px;
            }

            /*tooltip jetplugins end*/
            /*download form button*/
            .context-dark .download-form button.btn.btn-custom:hover {
                background-image: url("https://crocoblock.com/wp-content/uploads/2023/11/download-icon-dark.svg");
            }

            /*download form bytton end*/
            body.crocoblock-dynamic-widget .h2 .elementor-heading-title {
                font-size: 40px;
                letter-spacing: 0;
            }

            @media (min-width: 768px) {
                body.crocoblock-dynamic-widget .h2 .elementor-heading-title {
                    font-size: 44px;
                }
            }

            @media (min-width: 1200px) {
                body.crocoblock-dynamic-widget .h2 .elementor-heading-title {
                    font-size: 48px;
                }
            }

            .site-header-mobile .site-header-wrap {
                position: relative;
            }

            /*form-submit-action*/
            .form-submit-action .jet-form-builder-message.jet-form-builder-message--success {
                display: none;
            }

            /*form-submit-action*/
            /*Blog CTA Banners*/
            .cta-banner-vertical {
                position: relative;
                z-index: 1;
            }

            .cta-banner-vertical::after {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                left: 0;
                -webkit-transform: translate(-104px, -46px);
                transform: translate(-104px, -46px);
                width: 470px;
                height: 467px;
                background-image: url("data:image/svg+xml,%3Csvg width='470' height='467' viewBox='0 0 470 467' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M315.446 14.7508C193.968 -30.0811 59.5069 34.0225 15.1158 157.925C-28.985 281.017 32.4279 416.782 152.342 462.514C182.713 473.723 216.327 457.699 227.426 426.72C238.525 395.742 222.903 361.547 192.532 350.338C133.355 327.038 103.188 259.655 125.094 198.513C147.29 136.56 214.522 104.508 275.261 126.924C336 149.34 367.245 217.735 345.049 279.688C335.957 305.065 319.274 325.362 298.605 339.009C285.839 345.645 275.372 356.972 270.072 371.766C258.974 402.741 274.594 436.94 304.966 448.148C322.259 454.53 340.588 452.06 355.23 443.05C355.23 443.05 355.216 443.104 355.188 443.2C355.168 443.27 355.142 443.361 355.108 443.47C399.703 416.237 435.817 373.893 455.027 320.276C499.414 196.372 436.924 59.5827 315.446 14.7508Z' fill='url(%23paint0_radial_410_1232)' /%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_410_1232' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(175.942 157.344) rotate(49.9848) scale(205.107 246.621)'%3E%3Cstop stop-color='%23334155' /%3E%3Cstop offset='1' stop-color='%230F172A' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .cta-banner-horizontal {
                position: relative;
                z-index: 1;
            }

            .cta-banner-horizontal::after {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                right: 0;
                -webkit-transform: translate(48px, -56px);
                transform: translate(48px, -56px);
                width: 468px;
                height: 468px;
                background-image: url("data:image/svg+xml,%3Csvg width='470' height='467' viewBox='0 0 470 467' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M315.446 14.7508C193.968 -30.0811 59.5069 34.0225 15.1158 157.925C-28.985 281.017 32.4279 416.782 152.342 462.514C182.713 473.723 216.327 457.699 227.426 426.72C238.525 395.742 222.903 361.547 192.532 350.338C133.355 327.038 103.188 259.655 125.094 198.513C147.29 136.56 214.522 104.508 275.261 126.924C336 149.34 367.245 217.735 345.049 279.688C335.957 305.065 319.274 325.362 298.605 339.009C285.839 345.645 275.372 356.972 270.072 371.766C258.974 402.741 274.594 436.94 304.966 448.148C322.259 454.53 340.588 452.06 355.23 443.05C355.23 443.05 355.216 443.104 355.188 443.2C355.168 443.27 355.142 443.361 355.108 443.47C399.703 416.237 435.817 373.893 455.027 320.276C499.414 196.372 436.924 59.5827 315.446 14.7508Z' fill='url(%23paint0_radial_410_1232)' /%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_410_1232' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(175.942 157.344) rotate(49.9848) scale(205.107 246.621)'%3E%3Cstop stop-color='%23334155' /%3E%3Cstop offset='1' stop-color='%230F172A' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            /*Blog CTA Banners end*/
            /*crocoblock-dynamic-widget html content*/
            @media (max-width: 540px) {
                .crocoblock-dynamic-widget .text-nowrap {
                    white-space: normal!important;
                }

                .block-title-hover div + div div {
                    text-decoration: underline;
                }

                .block-title-hover:hover div + div div {
                    text-decoration: none;
                }

                .block-title-hover .title:after {
                    display: none;
                }
            }

            /*crocoblock-dynamic-widget html content end*/
            /*icon-hover (jetelements page)*/
            .icon-hover {
                color: #94A3B8;
            }

            .icon-hover:hover {
                color: #0F172A;
            }

            /*icon-hover (jetelements page) end*/
            /*cs-widgets-item (listing)*/
            .cs-widgets-item {
                border-radius: 16px;
                box-shadow: 0px 2px 4px 0px rgba(15, 23, 42, 0.10);
                will-change: transform;
                transition: .3s ease-in-out;
            }

            .cs-widgets-item:hover {
                box-shadow: 0px 14px 20px 0px rgba(15, 23, 42, 0.12);
            }

            .croco-listing__widgets .cs-listing__item .cs-widgets-item__link {
                padding: 29px 10px 28px;
            }

            .croco-listing__widgets .cs-listing__item .cs-widgets-item__name {
                color: #94A3B8;
                padding-top: 4px;
            }

            .cs-widgets-item__wpapper a .cs-widgets-item__live-demo {
                font-family: Cabin;
                font-size: 20px;
                line-height: 28px;
                padding: 32px;
            }

            .cs-widgets-item__wpapper a:after {
                width: 32px;
                height: 32px;
                top: 44%;
                background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 27.6662L13.7666 25.3995L20.9999 18.1995H4.96655V15.0662H20.9999L13.7666 7.83282L15.9999 5.59949L27.0332 16.6328L15.9999 27.6662Z' fill='white'/%3E%3C/svg%3E%0A");
            }

            .cs-widgets-item__wpapper a:before {
                background: #0F172A;
            }

            /*cs-widgets-item end (listing)*/
            /*widget box hover*/
            a.widget-box-hover {
                position: relative;
                -webkit-transition: 0.2s ease-in-out;
                transition: 0.2s ease-in-out;
                box-shadow: 0px 2px 4px 0px rgba(15, 23, 42, 0.10);
                overflow: hidden;
            }

            a.widget-box-hover::hover {
                box-shadow: 0px 14px 20px 0px rgba(15, 23, 42, 0.12);
            }

            .widget-box-hover::before {
                content: "";
                position: absolute;
                height: 100%;
                width: 100%;
                left: 0;
                top: 0;
                background-color: #0f1629;
                opacity: 0;
                -webkit-transition: opacity 0.2s ease, background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: opacity 0.2s ease, background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            }

            .widget-box-hover::after {
                content: "";
                position: absolute;
                top: 47%;
                left: 31%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 32px;
                height: 32px;
                opacity: 0;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 27.6662L13.7666 25.3995L20.9999 18.1995H4.96655V15.0662H20.9999L13.7666 7.83282L15.9999 5.59949L27.0332 16.6328L15.9999 27.6662Z' fill='white'/%3E%3C/svg%3E%0A");
            }

            .widget-box-hover .link-text {
                position: absolute;
                z-index: 2;
                bottom: calc(50% - 12px);
                -webkit-transform: translateY(150%);
                transform: translateY(150%);
                width: 100%;
                padding-top: 32px;
                display: block;
                font-family: "Cabin", sans-serif;
                font-size: 20px;
                font-weight: 700;
                line-height: 28px;
                color: #fff;
                text-align: center;
                -webkit-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
                opacity: 0;
            }

            .widget-box-hover:hover {
                -webkit-box-shadow: 0 14px 20px 0 rgba(15, 23, 42, 0.12);
                box-shadow: 0 14px 20px 0 rgba(15, 23, 42, 0.12);
            }

            .widget-box-hover:hover::before {
                opacity: 1;
            }

            .widget-box-hover:hover::after {
                left: 50%;
                opacity: 1;
            }

            .widget-box-hover:hover .link-text {
                -webkit-transform: translateY(50%);
                transform: translateY(50%);
                opacity: 1;
            }

            /*widget box hover*/
            /*about*/
            .elementor-widget-wrap>.elementor-element.elementor-widget-croco-team-member {
                width: 260px
            }

            .elementor-widget-wrap .elementor-widget.elementor-widget-croco-team-member {
                margin: 20px
            }

            .elementor-widget-croco-team-member {
                height: 260px
            }

            .croco-team-member__wrapper {
                position: relative
            }

            .croco-team-member__wrapper:hover .croco-team-member__wrap-hover {
                opacity: 1
            }

            .croco-team-member__wrapper .croco-team-member__img {
                width: 260px;
                height: 260px;
                border-radius: 10px;
                box-shadow: 20px 10px 60px rgba(29, 39, 57, 0.1)
            }

            .croco-team-member__figure {
                display: flex
            }

            .croco-team-member__img {
                object-fit: cover;
                visibility: hidden;
                will-change: transform
            }

            .croco-team-member__img.loaded {
                visibility: visible
            }

            .croco-team-member__wrap-hover {
                position: absolute;
                top: 0;
                left: 0;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                text-align: center;
                height: 100%;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                border-radius: 10px;
                opacity: 0;
                transition: opacity 0.3s cubic-bezier(0.69, 0.1, 0.33, 0.9)
            }

            .croco-team-member__overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #fff;
                border-radius: 10px;
                opacity: 0.7;
                z-index: 10
            }

            .croco-team-member__content-box {
                position: relative;
                margin: 10px;
                padding: 28px
            }

            .croco-team-member__name, .croco-team-member__position {
                position: absolute;
                z-index: 10;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%
            }

            .croco-team-member__name {
                top: 37%;
                font-weight: bold;
                font-size: 19px;
                line-height: 26px;
                letter-spacing: 0;
                margin-bottom: 0
            }

            .croco-team-member__position {
                top: 69%;
                font-size: 14px;
                line-height: 19px;
                margin: 0
            }

            /*about end*/
        </style>
        <script>
            (function(i, s, o, g, r, a, m) {
                i["esSdk"] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }
                ,
                a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            }
            )(window, document, "script", "https://esputnik.com/scripts/v1/public/scripts?apiKey=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiI0NTI0ZWZhYTJkYzI2MGRmYTM4YTE1NDBlMWFlYmU1M2QxYjUyMDE3MzM0OWZhOTAxY2E1NDM3MGQwOGY0MzBlMmRlZmYwMzc0MWY1ZTE2MjI3MGU2OGY5YzIyMWRiMGEyZWUyYTMwOTUwMzE3ZmIxYmEyYzUyZDQyMzA4ZmQzOWY1ZDhhNTM3MzI3NTY0NTZiOTczZjQ3ZmVmZDQ1MTFhMDY4ZWUzOWQ5OTFjNjg1OGZhMDFhZjkxOTVlNCJ9.cGEQGHvxn4D0k_IOHNkIFRQIXF-u7ZIf1HeZVnfltaFoQFfBSah3uy6pYcdyruthG43ew0Qv9PN2C7GIeb6d4g&domain=B5F0E6E2-EC27-43E5-9D9B-52C3E3697BB2", "es");
            es("pushOn");
        </script>
    </head>
    <body class="page-template-default page page-id-40023 page-child parent-pageid-32701 wp-custom-logo no-sidebar jetplugins elementor-default elementor-kit-22743 elementor-page elementor-page-40023">
        <div id="page" class="site">
            <a class="skip-link screen-reader-text" href="#content">Skip to content</a>
            <style type="text/css">
                body .site-header-mobile .site-header-wrap {
                    position: relative
                }

                .stand-with-ukraine {
                    display: block;
                    font-family: Cabin,sans-serif;
                    font-size: 14px;
                    line-height: 22px;
                    font-weight: 700;
                    font-style: normal;
                    color: #fff;
                    background: #1a64e9;
                    text-decoration: none
                }

                .stand-with-ukraine:hover {
                    color: #fff
                }

                .stand-with-ukraine:hover .swu-content span::after {
                    opacity: 0;
                    visibility: hidden
                }

                .stand-with-ukraine .swu-container {
                    width: 100%;
                    max-width: 1200px;
                    padding: 0 20px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-right: auto;
                    margin-left: auto
                }

                .stand-with-ukraine .first-image-wrapper,.stand-with-ukraine .second-image-wrapper {
                    display: none;
                    font-size: 0;
                    line-height: 0
                }

                .stand-with-ukraine .swu-content {
                    padding: 4px 0
                }

                .stand-with-ukraine .swu-content span {
                    position: relative;
                    color: #f2d23c
                }

                .stand-with-ukraine .swu-content span::after {
                    content: '';
                    position: absolute;
                    bottom: 2px;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background-color: #f2d23c;
                    -webkit-transition: .25s;
                    transition: .25s
                }

                @media (min-width: 576px) {
                    .stand-with-ukraine {
                        font-size:16px;
                        line-height: 150%
                    }

                    .stand-with-ukraine .swu-content {
                        padding: 8px 0
                    }
                }

                @media (min-width: 990px) {
                    .stand-with-ukraine .swu-container {
                        -webkit-box-pack:justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between
                    }

                    .stand-with-ukraine .first-image-wrapper,.stand-with-ukraine .second-image-wrapper {
                        display: block
                    }
                }

                body:not(.site-header-stuck-disabled) .site-header-stuck .site-header-wrap {
                    top: 0;
                }
            </style>
            <a href="https://www.peoplesproject.com/en/" target="_blank" class="stand-with-ukraine">
                <div class="swu-container">
                    <div class="first-image-wrapper text-size-null">
                        <noscript>
                            <img width="260" height="40" alt="stand for ukrainian independence image" src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-01.webp">
                        </noscript>
                        <img class="lazyload" width="260" height="40" alt="stand for ukrainian independence image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20260%2040%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-01.webp">
                    </div>
                    <div class="swu-content">
                        Stand for Ukrainian Independence. <span>Contribute.</span>
                    </div>
                    <div class="second-image-wrapper text-size-null">
                        <noscript>
                            <img width="260" height="40" alt="stand for ukrainian independence image" src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-02.webp">
                        </noscript>
                        <img class="lazyload" width="260" height="40" alt="stand for ukrainian independence image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20260%2040%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-02.webp">
                    </div>
                </div>
            </a>
            <header id="masthead" class="site-header site-header-desktop site-header-transparent site-header-inverse" itemscope itemtype="http://schema.org/WPHeader">
                <div class="site-header-wrap">
                    <div class="site-header-container">
                        <div class="site-main-navigation">
                            <div id="croco-site-desktop-menu" class="croco-site-desktop-menu">
                                <DesktopMenu></DesktopMenu>
                            </div>
                        </div>
                        <div class="site-branding">
                            <a href="https://crocoblock.com/" class="custom-logo-link" rel="home" itemprop="url">
                                <noscript>
                                    <img width="176" height="24" src="https://crocoblock.com/wp-content/uploads/2019/06/invert-logo-crocoblock.svg" class="custom-logo" alt="Crocoblock Subscription Service" itemprop="logo">
                                </noscript>
                                <img width="176" height="24" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20176%2024%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2019/06/invert-logo-crocoblock.svg" class="lazyload custom-logo" alt="Crocoblock Subscription Service" itemprop="logo">
                            </a>
                        </div>
                        <div class="site-actions-menu">
                            <div id="croco-site-desktop-support-menu" class="croco-site-desktop-menu">
                                <DesktopMenu></DesktopMenu>
                            </div>
                        </div>
                        <div class="cart">
                            <div class="csc-mini-cart">
                                <a class="csc-mini-cart__link" href="https://crocoblock.com/cart/">
                                    <div class="csc-mini-cart__icon">
                                        <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M14.55 11C15.3 11 15.96 10.59 16.3 9.97L19.88 3.48C19.9643 3.32843 20.0075 3.15747 20.0054 2.98406C20.0034 2.81064 19.956 2.64077 19.8681 2.49126C19.7803 2.34175 19.6549 2.21778 19.5043 2.13162C19.3538 2.04545 19.1834 2.00009 19.01 2H4.21L3.27 0H0V2H2L5.6 9.59L4.25 12.03C3.52 13.37 4.48 15 6 15H18V13H6L7.1 11H14.55ZM5.16 4H17.31L14.55 9H7.53L5.16 4ZM6 16C4.9 16 4.01 16.9 4.01 18C4.01 19.1 4.9 20 6 20C7.1 20 8 19.1 8 18C8 16.9 7.1 16 6 16ZM16 16C14.9 16 14.01 16.9 14.01 18C14.01 19.1 14.9 20 16 20C17.1 20 18 19.1 18 18C18 16.9 17.1 16 16 16Z"/>
                                        </svg>
                                    </div>
                                    <div class="csc-mini-cart__count">
                                        <span class="csc-count-fragment">0</span>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <div id="content" class="site-content">
                <div id="primary" class="content-area">
                    <main id="main" class="site-main">
                        <article id="post-40023" class="post-40023 page type-page status-publish hentry">
                            <div class="entry-content">
                                <div data-elementor-type="wp-page" data-elementor-id="40023" class="elementor elementor-40023">
                                    <div class="elementor-inner">
                                        <div class="elementor-section-wrap">
                                            <section class="elementor-section elementor-top-section elementor-element elementor-element-0fea478 pt-80 pt-lg-68 pb-80 pb-sm-40 pb-md-60 pb-lg-80 pb-xl-84 bg-900 bg-rg-jetengine-jetbooking context-dark elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="0fea478" data-element_type="section">
                                                <div class="elementor-container elementor-column-gap-no">
                                                    <div class="elementor-row">
                                                        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cab2af3" data-id="cab2af3" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-f8e9a67 elementor-widget elementor-widget-html" data-id="f8e9a67" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="box-center context-dark" style="max-width: 1200px">
                                                                                <div class="row row-32 no-gutters justify-content-center align-items-center align-items-xl-start px-20 text-center text-lg-left">
                                                                                    <div class="col-lg-5 pt-xl-92">
                                                                                        <h1 class="h2 mb-24">WordPress Custom Post Type</h1>
                                                                                        <div class="d-flex justify-content-center justify-content-lg-start align-items-center mb-24">
                                                                                            <div class="d-flex text-size-null mr-20">
                                                                                                <div class="tooltip mr-12">
                                                                                                    <div class="tooltip-link">
                                                                                                        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M16 0C7.16259 0 0 7.05634 0 15.7627C0 24.4663 7.16259 31.5255 16 31.5255C24.8374 31.5255 32 24.469 32 15.7627C31.9972 7.05634 24.8347 0 16 0ZM12.0008 22.3282H9.33553V9.19419H12.0008V22.3282ZM22.6645 22.3282H14.666V19.7027H22.6645V22.3282ZM22.6645 17.0741H14.666V14.4484H22.6645V17.0741ZM22.6645 11.8199H14.666V9.19419H22.6645V11.8199Z" fill="#FF7BE5"></path>
                                                                                                        </svg>
                                                                                                    </div>
                                                                                                    <div class="tooltip-content">This plugin is working with Elementor editor</div>
                                                                                                </div>
                                                                                                <div class="tooltip mr-12">
                                                                                                    <div class="tooltip-link">
                                                                                                        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16ZM17.4773 1.23626L30.7637 14.5227C30.0704 7.5083 24.4917 1.92965 17.4773 1.23626ZM30.7637 17.4773C30.0704 24.4917 24.4917 30.0704 17.4773 30.7637L30.7637 17.4773ZM14.8417 30.7918L1.20818 17.1583C1.7696 24.4286 7.57138 30.2304 14.8417 30.7918ZM1.20818 14.8417C1.7696 7.57138 7.57138 1.7696 14.8417 1.20818L1.20818 14.8417ZM22.7494 14.1011C22.5128 13.9373 22.1911 14.0047 22.0302 14.2457C21.0933 15.6818 19.1058 15.759 19.0017 15.759H18.9544C16.5033 15.759 15.5663 17.8891 15.5285 17.9758C15.4149 18.2457 15.538 18.5541 15.7935 18.6698C15.8597 18.6987 15.9354 18.718 16.0017 18.718C16.2004 18.718 16.3897 18.6023 16.4749 18.3999L16.4761 18.3973C16.5089 18.3261 17.159 16.9138 18.7841 16.8192V19.5469C18.7178 20.1349 18.4434 20.5975 17.9607 20.9445C17.4591 21.3011 16.7872 21.4843 15.9638 21.4843C14.9796 21.4843 14.1752 21.1373 13.5789 20.4529C12.9732 19.7686 12.6704 18.7951 12.6704 17.5421L12.6799 14.5349C12.7272 13.4264 13.0206 12.5493 13.5789 11.9228C14.1846 11.2385 14.9796 10.8915 15.9638 10.8915C16.7872 10.8915 17.4591 11.0746 17.9607 11.4312C18.4623 11.7879 18.7462 12.2794 18.7935 12.9156V12.983C18.7935 13.3493 19.0869 13.6481 19.4465 13.6481C19.8062 13.6481 20.0995 13.3493 20.0995 12.983V12.9156C20.0049 11.9614 19.579 11.2096 18.8125 10.6409C18.0459 10.0722 17.09 9.79269 15.9354 9.79269C14.5632 9.79269 13.4559 10.2553 12.6136 11.171C11.8186 12.0288 11.4022 13.1565 11.3549 14.5445C11.3549 14.5927 11.3526 14.6408 11.3502 14.689L11.3502 14.6891C11.3478 14.7373 11.3455 14.7855 11.3455 14.8337L11.3549 17.5421H11.3455C11.3455 19.0746 11.7713 20.2987 12.6136 21.2144C13.4559 22.13 14.5632 22.5927 15.9354 22.5927C17.09 22.5927 18.0459 22.3132 18.8125 21.7445C19.5128 21.224 19.9292 20.5397 20.0712 19.6915L20.0995 16.665C20.9608 16.4529 22.1343 15.971 22.8725 14.8337C23.0617 14.5927 22.9955 14.265 22.7494 14.1011ZM16.1455 30.4499L1.69554 16L16.1455 1.55009L30.5954 16L16.1455 30.4499Z" fill="white"></path>
                                                                                                        </svg>
                                                                                                    </div>
                                                                                                    <div class="tooltip-content">This plugin is working with Gutenberg block editor</div>
                                                                                                </div>
                                                                                                <div class="tooltip">
                                                                                                    <div class="tooltip-link">
                                                                                                        <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <rect y="0.375" width="32" height="32" rx="16" fill="#F7CE55"/>
                                                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M9.44321 5.06234C9.30555 5.07448 9.19998 5.18978 9.19998 5.32797V24.8171C9.19998 24.9644 9.31937 25.0838 9.46665 25.0838H13.4666C13.6139 25.0838 13.7333 24.9644 13.7333 24.8171V23.9076C14.9471 24.8162 16.431 25.3505 18.0333 25.3505C22.1386 25.3505 25.4666 21.8434 25.4666 17.5171C25.4666 13.1909 22.1386 9.6838 18.0333 9.6838C16.431 9.6838 14.9471 10.218 13.7333 11.1267V4.97503C13.7333 4.8185 13.5991 4.69564 13.4432 4.7094L9.44321 5.06234ZM13.7333 17.5838C13.7333 19.8113 15.3749 21.6171 17.4 21.6171C19.425 21.6171 21.0666 19.8113 21.0666 17.5838C21.0666 15.3562 19.425 13.5505 17.4 13.5505C15.3749 13.5505 13.7333 15.3562 13.7333 17.5838Z" fill="#0F172A"/>
                                                                                                        </svg>
                                                                                                    </div>
                                                                                                    <div class="tooltip-content">This plugin is working with Bricks editor</div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div>
                                                                                                Part of <a class="link link-custom" href="https://crocoblock.com/plugins/jetengine/">JetEngine</a>
                                                                                            </div>
                                                                                        </div>
                                                                                        <p class="large mb-20">A JetEngine feature that is a solid basis for building different types of content for a WordPress site.</p>
                                                                                        <div class="box-460 box-center-custom-lg">
                                                                                            <div class="mb-40 d-flex justify-content-center justify-content-lg-start">
                                                                                                <div class="b-day-croco-on d-flex align-items-end">
                                                                                                    <span class="text-through mr-8 mb-4">$43</span>
                                                                                                    <span class="h3 mr-8">$26</span>
                                                                                                </div>
                                                                                                <div class="d-flex align-items-baseline b-day-croco-off">
                                                                                                    <span class="h3 mr-8 d-block">$43</span>
                                                                                                    <span class="small align-self-center text-500" style="line-height: 1.143">
                                                                                                        per<br>year
                                                                                                    </span>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="group-40 d-flex flex-wrap justify-content-center justify-content-lg-start align-items-center">
                                                                                                <a href="#" class="btn btn-custom btn-jetengine subscription-trigger" data-plugin="jetengine">Buy now</a>
                                                                                                <a href="https://crocoblock.com/pricing/" class="btn btn-custom btn-without-fill btn-jetengine">
                                                                                                    <span class="btn-text">Go All-Inclusive</span>
                                                                                                    <svg class="btn-icon btn-icon-width" width="12" height="33" viewBox="0 0 12 33" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M3.88 8.30811L2 10.1881L8.10667 16.3081L2 22.4281L3.88 24.3081L11.88 16.3081L3.88 8.30811Z" fill="white"/>
                                                                                                    </svg>
                                                                                                </a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-10 col-lg-7 text-lg-right text-size-null pl-lg-20 pl-xl-0">
                                                                                        <img decoding="async" fetchpriority="high" width="660" height="572" alt="post from custom post type" src="https://crocoblock.com/wp-content/uploads/2023/10/hero-picture-feature-custom-post-type.webp">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                            <section class="elementor-section elementor-top-section elementor-element elementor-element-8607fea py-60 py-lg-80 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8607fea" data-element_type="section">
                                                <div class="elementor-container elementor-column-gap-default">
                                                    <div class="elementor-row">
                                                        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cc8368b" data-id="cc8368b" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-2ad64a7 elementor-widget elementor-widget-html" data-id="2ad64a7" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="row justify-content-center text-md-center mb-40">
                                                                                <div class="col-xl-10">
                                                                                    <h2>
                                                                                        WP CPT Use <span class="text-jetengine">Cases</span>
                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="elementor-element elementor-element-6726097 elementor-widget elementor-widget-html" data-id="6726097" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="row no-gutters justify-content-center mb-44">
                                                                                <div class="col-lg-8">
                                                                                    <figure>
                                                                                        <noscript>
                                                                                            <img decoding="async" class="d-block w-100" width="800" height="370" alt="vip car dealer ads in the listing grid" src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-01.png">
                                                                                        </noscript>
                                                                                        <img decoding="async" class="lazyload d-block w-100" width="800" height="370" alt="vip car dealer ads in the listing grid" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20800%20370%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-01.png">
                                                                                    </figure>
                                                                                </div>
                                                                            </div>
                                                                            <div class="row no-gutters justify-content-center">
                                                                                <div class="col-lg-8">
                                                                                    <div class="row row-32">
                                                                                        <div class="col-md-6">
                                                                                            <div class="blurb text-center">
                                                                                                <div class="blurb-icon ">
                                                                                                    <span class="icon icon-custom icon-filled icon-24 icon-jetengine-filled">
                                                                                                        <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M8.99991 16.17L4.82991 12L3.40991 13.41L8.99991 19L20.9999 7.00003L19.5899 5.59003L8.99991 16.17Z" fill="black"/>
                                                                                                        </svg>
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div class="blurb-body">
                                                                                                    <h3 class="h5 mt-12 mb-8">Car Ads</h3>
                                                                                                    <p>
                                                                                                        Create the Advertisement CPT for a Car Dealer site. Add Car ads (aka posts), group and categorize them to present full-stack product pages and catalogs. <a href="https://crocoblock.com/blog/building-car-dealer-website-with-elementor/" class="link link-custom">Learn more</a>
                                                                                                    </p>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="blurb text-center">
                                                                                                <div class="blurb-icon">
                                                                                                    <span class="icon icon-custom icon-filled icon-24 icon-jetengine-filled">
                                                                                                        <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M8.99991 16.17L4.82991 12L3.40991 13.41L8.99991 19L20.9999 7.00003L19.5899 5.59003L8.99991 16.17Z" fill="black"/>
                                                                                                        </svg>
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div class="blurb-body">
                                                                                                    <h3 class="h5 mt-12 mb-8">Property</h3>
                                                                                                    <p>
                                                                                                        Add a Property CPT to the travel booking website and fill it with post types of houses, villas, resorts, cottages, and rooms to be booked. <a href="https://youtu.be/dHcj7Ow6b-w" class="link link-custom">Watch tutorial</a>
                                                                                                    </p>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="blurb text-center">
                                                                                                <div class="blurb-icon">
                                                                                                    <span class="icon icon-custom icon-filled icon-24 icon-jetengine-filled">
                                                                                                        <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M8.99991 16.17L4.82991 12L3.40991 13.41L8.99991 19L20.9999 7.00003L19.5899 5.59003L8.99991 16.17Z" fill="black"/>
                                                                                                        </svg>
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div class="blurb-body">
                                                                                                    <h3 class="h5 mt-12 mb-8">Services and Providers</h3>
                                                                                                    <p>Present two Custom Post Types: Treatment and Therapist for the Spa website. Set the relation between the service provider and the service itself.</p>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="blurb text-center">
                                                                                                <div class="blurb-icon">
                                                                                                    <span class="icon icon-custom icon-filled icon-24 icon-jetengine-filled">
                                                                                                        <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M8.99991 16.17L4.82991 12L3.40991 13.41L8.99991 19L20.9999 7.00003L19.5899 5.59003L8.99991 16.17Z" fill="black"/>
                                                                                                        </svg>
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div class="blurb-body">
                                                                                                    <h3 class="h5 mt-12 mb-8">Rooms and Orders</h3>
                                                                                                    <p>Create CPT “Orders” to collect room reservations on a hotel booking website. Design Room Single Pages with required meta fields that were added to this CPT.</p>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                            <section class="elementor-section elementor-top-section elementor-element elementor-element-7eedefd pb-60 pb-lg-100 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7eedefd" data-element_type="section">
                                                <div class="elementor-container elementor-column-gap-default">
                                                    <div class="elementor-row">
                                                        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a675a2" data-id="5a675a2" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-9e61be0 elementor-widget elementor-widget-html" data-id="9e61be0" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="row justify-content-center text-md-center mb-60">
                                                                                <div class="col-xl-10">
                                                                                    <h2>
                                                                                        WP Custom Post Type <span class="text-jetengine">Options & Settings</span>
                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="elementor-element elementor-element-a57a603 elementor-widget elementor-widget-html" data-id="a57a603" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="pb-md-68 pb-40 pb-lg-100">
                                                                                <div class="row row-40 justify-content-center">
                                                                                    <div class="col-sm-10 col-lg-6">
                                                                                        <noscript>
                                                                                            <img decoding="async" class="d-block w-100" width="560" height="480" alt="meta fields in the jetengine cpt" src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-02-1.png">
                                                                                        </noscript>
                                                                                        <img decoding="async" class="lazyload d-block w-100" width="560" height="480" alt="meta fields in the jetengine cpt" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20560%20480%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-02-1.png">
                                                                                    </div>
                                                                                    <div class="col-lg-6">
                                                                                        <div class="row justify-content-center justify-content-lg-start text-left text-md-center text-lg-left mb-32">
                                                                                            <div class="col-md-10">
                                                                                                <h3>Optimize the posts operation</h3>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="row row-20 gutters-20 justify-content-center justify-content-lg-end">
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Add 18 types of WP Custom Fields</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Rewrite the slug and customize the permalink structure</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Enable post type archives</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Arrange posts hierarchically within a CPT</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="elementor-element elementor-element-6d59fca elementor-widget elementor-widget-html" data-id="6d59fca" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="pb-40 pb-lg-100">
                                                                                <div class="row row-40 flex-lg-row-reverse justify-content-center">
                                                                                    <div class="col-sm-10 col-lg-6">
                                                                                        <noscript>
                                                                                            <img decoding="async" class="d-block w-100" width="560" height="480" alt="listing item creation window" src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-03.png">
                                                                                        </noscript>
                                                                                        <img decoding="async" class="lazyload d-block w-100" width="560" height="480" alt="listing item creation window" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20560%20480%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-03.png">
                                                                                    </div>
                                                                                    <div class="col-lg-6">
                                                                                        <div class="row justify-content-center justify-content-lg-start text-left text-md-center text-lg-left mb-32">
                                                                                            <div class="col-12">
                                                                                                <h3>Expand CPT functionalities</h3>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="row row-20 gutters-20 justify-content-center justify-content-lg-end">
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Build Listings in Elementor and/or Gutenberg</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Apply custom Taxonomies, Terms, and Relations</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Add Meta Boxes and Options Pages</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Set up Forms and Data Stores</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="elementor-element elementor-element-375a3df elementor-widget elementor-widget-html" data-id="375a3df" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="pb-40 pb-lg-100">
                                                                                <div class="row row-40 justify-content-center">
                                                                                    <div class="col-sm-10 col-lg-6">
                                                                                        <noscript>
                                                                                            <img decoding="async" class="d-block w-100" width="560" height="480" alt="advanced meta field settings" src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-04.png">
                                                                                        </noscript>
                                                                                        <img decoding="async" class="lazyload d-block w-100" width="560" height="480" alt="advanced meta field settings" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20560%20480%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-04.png">
                                                                                    </div>
                                                                                    <div class="col-lg-6">
                                                                                        <div class="row justify-content-center justify-content-lg-start text-left text-md-center text-lg-left mb-32">
                                                                                            <div class="col-md-10">
                                                                                                <h3>Configure access and visibility</h3>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="row row-20 gutters-20 justify-content-center justify-content-lg-end">
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Create custom labels in the admin area</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Change the CPT icon and its menu position</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Set visibility in the WP Dashboard, Nav menu, and REST API</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Apply restricted access for non-admin user roles</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Create custom Admin Columns</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="elementor-element elementor-element-09e1cfc elementor-widget elementor-widget-html" data-id="09e1cfc" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div>
                                                                                <div class="row row-40 flex-lg-row-reverse justify-content-center">
                                                                                    <div class="col-sm-10 col-lg-6">
                                                                                        <noscript>
                                                                                            <img decoding="async" class="d-block w-100" width="560" height="480" alt="post editing page in Gutenberg with custom meta fields" src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-05.png">
                                                                                        </noscript>
                                                                                        <img decoding="async" class="lazyload d-block w-100" width="560" height="480" alt="post editing page in Gutenberg with custom meta fields" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20560%20480%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/05/cpt-image-05.png">
                                                                                    </div>
                                                                                    <div class="col-lg-6">
                                                                                        <div class="row justify-content-center justify-content-lg-start text-left text-md-center text-lg-left mb-32">
                                                                                            <div class="col-12">
                                                                                                <h3>Customize the WP Edit Post sidebar</h3>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="row row-20 gutters-20 justify-content-center justify-content-lg-end">
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Enable quick access from the post edit area to the CPT settings</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Add Title and Revision options</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-sm-6 col-md-5 col-lg-6">
                                                                                                <div class="row row-20 gutters-20">
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Allow Pingbacks, Trackbacks, and Comments</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Enable switching of the post’s Author</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                    <div class="col-12">
                                                                                                        <article class="box-360 box-center d-flex">
                                                                                                            <div class="mr-12">
                                                                                                                <span class="icon icon-custom icon-filled icon-jetengine-filled">
                                                                                                                    <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                        <path d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7.00003L19.59 5.59003L9 16.17Z" fill="white"></path>
                                                                                                                    </svg>
                                                                                                                </span>
                                                                                                            </div>
                                                                                                            <div class="pt-8">
                                                                                                                <p class="text-900">Add Excerpt, Featured Image, and Page Attributes</p>
                                                                                                            </div>
                                                                                                        </article>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                            <section class="elementor-section elementor-top-section elementor-element elementor-element-65a9bd7 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="65a9bd7" data-element_type="section">
                                                <div class="elementor-container elementor-column-gap-no">
                                                    <div class="elementor-row">
                                                        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bf7546" data-id="6bf7546" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-2a20e54 elementor-widget elementor-widget-subscription" data-id="2a20e54" data-element_type="widget" data-widget_type="subscription.default">
                                                                        <div class="elementor-widget-container">
                                                                            <section class="bg-900 py-100 context-dark subscription-section">
                                                                                <svg class="close cursor-pointer position-absolute t-20 r-20 d-none" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                    <path d="M38 12.82L35.18 10L24 21.18L12.82 10L10 12.82L21.18 24L10 35.18L12.82 38L24 26.82L35.18 38L38 35.18L26.82 24L38 12.82Z" fill="white"/>
                                                                                </svg>
                                                                                <div class="d-flex flex-column align-items-center text-center mb-40 px-20 context-dark">
                                                                                    <h2>Choose Subscription</h2>
                                                                                    <p class="large mt-12">30 days money-back guarantee</p>
                                                                                </div>
                                                                                <div class="row row-40 gutters-20 justify-content-center">
                                                                                    <div class="col-auto">
                                                                                        <div class="croco-pricing-widget box-center mr-md-0 bg-800 rounded px-20 py-40 p-sm-40 position-relative">
                                                                                            <div class="pb-20 mb-20 border-bottom border-600">
                                                                                                <figure class="text-size-null logo jet-logo">
                                                                                                    <svg width="268" viewBox="0 0 268 72" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M6.32147 62.0269C20.28 62.0269 31.6073 50.6814 31.6073 36.6805V17.6746C31.6073 14.1664 28.7835 11.334 25.2859 11.334C21.7882 11.334 18.9644 14.1664 18.9644 17.6746V36.6805C18.9644 43.6809 13.3008 49.3618 6.32147 49.3618C2.8238 49.3618 0 52.1941 0 55.6863C0 59.1785 2.8238 62.0269 6.32147 62.0269Z" fill="white"/>
                                                                                                        <path d="M112.407 49.3618C105.427 49.3618 99.7637 43.6809 99.7637 36.6805V36.0689H104.786C108.283 36.0689 111.123 33.2205 111.123 29.7122C111.123 26.2039 108.283 23.3555 104.786 23.3555H99.7637V17.6746C99.7637 14.1824 96.9399 11.334 93.4422 11.334C89.9446 11.334 87.1207 14.1664 87.1207 17.6746V36.6805C87.1207 50.6814 98.448 62.0269 112.407 62.0269C115.904 62.0269 118.728 59.1946 118.728 55.6863C118.728 52.178 115.904 49.3618 112.407 49.3618Z" fill="white"/>
                                                                                                        <path d="M83.4949 27.7972C83.4949 27.7811 83.4949 27.7811 83.4949 27.7972C83.5109 27.7811 83.527 27.7811 83.527 27.7811C81.5375 22.5348 77.8152 17.9322 72.6168 14.9067C60.5515 7.89019 45.1489 12.0422 38.2017 24.1763C31.2385 36.2943 35.3779 51.7919 47.4272 58.7924C56.2997 63.9421 66.9853 63.0409 74.7828 57.3762L74.7347 57.3118C76.5316 56.2014 77.7189 54.2059 77.7189 51.9367C77.7189 48.4446 74.8951 45.6122 71.4135 45.6122C69.7288 45.6122 68.1886 46.272 67.0655 47.3663C63.279 49.9251 58.2411 50.3274 53.9893 47.9779L79.4517 36.1173C80.9278 35.6667 82.2434 34.6689 83.0617 33.2206C84.0564 31.4986 84.1527 29.5192 83.4949 27.7972ZM66.3114 25.8661C67.0655 26.3006 67.7393 26.7995 68.3651 27.3466L47.4112 37.0829C47.363 34.846 47.9085 32.5769 49.0958 30.5009C52.5774 24.4499 60.2787 22.3739 66.3114 25.8661Z" fill="white"/>
                                                                                                        <path d="M135.134 0.00546571C137.971 -0.153809 139.59 3.2042 137.704 5.33877L120.924 24.339C118.959 26.564 115.297 25.1416 115.336 22.1683L115.435 14.4592C115.449 13.4491 114.987 12.4918 114.19 11.8753L108.107 7.16966C105.76 5.35475 106.922 1.58923 109.879 1.4232L135.134 0.00546571Z" fill="#9D64ED"/>
                                                                                                        <path d="M137.014 61.9545C134.681 61.9545 132.608 61.4504 130.793 60.4424C129.007 59.4055 127.596 57.9797 126.559 56.1652C125.551 54.3506 125.047 52.2768 125.047 49.9438C125.047 47.582 125.522 45.5082 126.473 43.7224C127.452 41.9078 128.791 40.4821 130.491 39.4452C132.19 38.4083 134.148 37.8899 136.366 37.8899C138.555 37.8899 140.456 38.3939 142.069 39.402C143.711 40.3813 144.978 41.7494 145.871 43.5064C146.764 45.2634 147.21 47.2651 147.21 49.5117C147.21 49.9726 147.066 50.347 146.778 50.635C146.49 50.8943 146.116 51.0239 145.655 51.0239H128.201C128.374 52.5792 128.849 53.9618 129.626 55.1715C130.404 56.3524 131.427 57.2885 132.694 57.9797C133.961 58.6422 135.401 58.9734 137.014 58.9734C138.051 58.9734 139.088 58.8006 140.125 58.455C141.191 58.0805 142.04 57.6197 142.674 57.0724C142.991 56.8132 143.351 56.6836 143.754 56.6836C144.157 56.6548 144.503 56.7556 144.791 56.986C145.165 57.3317 145.353 57.7061 145.353 58.1093C145.381 58.5126 145.223 58.8582 144.877 59.1462C143.927 59.9527 142.717 60.6296 141.248 61.1768C139.779 61.6953 138.368 61.9545 137.014 61.9545ZM136.366 40.8709C134.148 40.8709 132.319 41.5622 130.879 42.9447C129.439 44.2985 128.575 46.0698 128.287 48.2588H144.1C143.869 46.0698 143.063 44.2985 141.68 42.9447C140.327 41.5622 138.555 40.8709 136.366 40.8709Z" fill="white"/>
                                                                                                        <path d="M153.227 61.7385C152.709 61.7385 152.291 61.5945 151.974 61.3064C151.686 60.9896 151.542 60.5864 151.542 60.0967V39.7908C151.542 39.2724 151.686 38.8692 151.974 38.5811C152.291 38.2643 152.709 38.1059 153.227 38.1059C153.717 38.1059 154.105 38.2643 154.393 38.5811C154.71 38.8692 154.869 39.2724 154.869 39.7908V41.2598C155.79 40.1941 156.928 39.3588 158.282 38.754C159.664 38.1491 161.148 37.8467 162.732 37.8467C164.777 37.8467 166.606 38.2787 168.219 39.1428C169.832 39.9781 171.099 41.2166 172.021 42.8583C172.971 44.5001 173.446 46.5019 173.446 48.8637V60.0967C173.446 60.5576 173.288 60.9464 172.971 61.2632C172.654 61.5801 172.266 61.7385 171.805 61.7385C171.315 61.7385 170.912 61.5801 170.595 61.2632C170.278 60.9464 170.12 60.5576 170.12 60.0967V48.8637C170.12 46.185 169.371 44.2121 167.873 42.9447C166.404 41.6486 164.575 41.0006 162.386 41.0006C160.975 41.0006 159.693 41.2742 158.541 41.8214C157.418 42.3687 156.525 43.1176 155.862 44.068C155.2 45.0185 154.869 46.0986 154.869 47.3083V60.0967C154.869 60.5864 154.71 60.9896 154.393 61.3064C154.105 61.5945 153.717 61.7385 153.227 61.7385Z" fill="white"/>
                                                                                                        <path d="M189.897 61.9545C187.621 61.9545 185.605 61.4504 183.848 60.4424C182.091 59.4055 180.709 57.9797 179.701 56.1652C178.721 54.3506 178.232 52.2768 178.232 49.9438C178.232 47.582 178.75 45.4938 179.787 43.6792C180.824 41.8646 182.25 40.4533 184.064 39.4452C185.879 38.4083 187.938 37.8899 190.242 37.8899C192.575 37.8899 194.635 38.4083 196.42 39.4452C198.235 40.4533 199.646 41.8646 200.654 43.6792C201.691 45.4938 202.224 47.582 202.253 49.9438V58.7574C202.253 61.0904 201.735 63.1786 200.698 65.022C199.661 66.8941 198.249 68.3631 196.464 69.4288C194.678 70.5233 192.633 71.0705 190.329 71.0705C188.053 71.0705 186.052 70.6385 184.323 69.7744C182.595 68.9391 181.169 67.787 180.046 66.3181C179.729 65.9725 179.585 65.598 179.614 65.1948C179.672 64.7916 179.888 64.4603 180.262 64.2011C180.637 63.9419 181.054 63.8555 181.515 63.9419C181.976 64.0283 182.336 64.2443 182.595 64.5899C183.43 65.6268 184.496 66.4621 185.792 67.0958C187.117 67.7294 188.644 68.0463 190.372 68.0463C191.985 68.0463 193.439 67.6574 194.736 66.8797C196.032 66.1021 197.054 65.0076 197.803 63.5962C198.581 62.1849 198.97 60.5288 198.97 58.6278V56.6404C198.105 58.2822 196.881 59.5783 195.297 60.5288C193.742 61.4792 191.942 61.9545 189.897 61.9545ZM190.242 58.9302C191.942 58.9302 193.439 58.5558 194.736 57.8069C196.06 57.0292 197.097 55.9635 197.846 54.6098C198.595 53.2561 198.97 51.7007 198.97 49.9438C198.97 48.1868 198.595 46.6315 197.846 45.2778C197.097 43.8952 196.06 42.8295 194.736 42.0807C193.439 41.303 191.942 40.9142 190.242 40.9142C188.543 40.9142 187.031 41.303 185.706 42.0807C184.381 42.8295 183.344 43.8952 182.595 45.2778C181.846 46.6315 181.472 48.1868 181.472 49.9438C181.472 51.7007 181.846 53.2561 182.595 54.6098C183.344 55.9635 184.381 57.0292 185.706 57.8069C187.031 58.5558 188.543 58.9302 190.242 58.9302Z" fill="white"/>
                                                                                                        <path d="M209.803 61.7385C209.285 61.7385 208.867 61.5945 208.55 61.3064C208.262 60.9896 208.118 60.572 208.118 60.0535V39.7908C208.118 39.2724 208.262 38.8692 208.55 38.5811C208.867 38.2643 209.285 38.1059 209.803 38.1059C210.293 38.1059 210.682 38.2643 210.97 38.5811C211.287 38.8692 211.445 39.2724 211.445 39.7908V60.0535C211.445 60.572 211.287 60.9896 210.97 61.3064C210.682 61.5945 210.293 61.7385 209.803 61.7385ZM209.76 33.6127C209.126 33.6127 208.579 33.3823 208.118 32.9214C207.657 32.4606 207.427 31.8989 207.427 31.2365C207.427 30.5164 207.657 29.9547 208.118 29.5515C208.608 29.1195 209.17 28.9034 209.803 28.9034C210.408 28.9034 210.941 29.1195 211.402 29.5515C211.891 29.9547 212.136 30.5164 212.136 31.2365C212.136 31.8989 211.906 32.4606 211.445 32.9214C210.984 33.3823 210.423 33.6127 209.76 33.6127Z" fill="white"/>
                                                                                                        <path d="M220.305 61.7385C219.786 61.7385 219.368 61.5945 219.052 61.3064C218.764 60.9896 218.62 60.5864 218.62 60.0967V39.7908C218.62 39.2724 218.764 38.8692 219.052 38.5811C219.368 38.2643 219.786 38.1059 220.305 38.1059C220.794 38.1059 221.183 38.2643 221.471 38.5811C221.788 38.8692 221.946 39.2724 221.946 39.7908V41.2598C222.868 40.1941 224.006 39.3588 225.359 38.754C226.742 38.1491 228.225 37.8467 229.809 37.8467C231.854 37.8467 233.683 38.2787 235.296 39.1428C236.909 39.9781 238.177 41.2166 239.098 42.8583C240.049 44.5001 240.524 46.5019 240.524 48.8637V60.0967C240.524 60.5576 240.366 60.9464 240.049 61.2632C239.732 61.5801 239.343 61.7385 238.882 61.7385C238.393 61.7385 237.989 61.5801 237.673 61.2632C237.356 60.9464 237.197 60.5576 237.197 60.0967V48.8637C237.197 46.185 236.448 44.2121 234.951 42.9447C233.482 41.6486 231.653 41.0006 229.464 41.0006C228.052 41.0006 226.771 41.2742 225.619 41.8214C224.495 42.3687 223.602 43.1176 222.94 44.068C222.278 45.0185 221.946 46.0986 221.946 47.3083V60.0967C221.946 60.5864 221.788 60.9896 221.471 61.3064C221.183 61.5945 220.794 61.7385 220.305 61.7385Z" fill="white"/>
                                                                                                        <path d="M257.277 61.9545C254.944 61.9545 252.87 61.4504 251.055 60.4424C249.27 59.4055 247.858 57.9797 246.821 56.1652C245.813 54.3506 245.309 52.2768 245.309 49.9438C245.309 47.582 245.784 45.5082 246.735 43.7224C247.714 41.9078 249.054 40.4821 250.753 39.4452C252.452 38.4083 254.411 37.8899 256.629 37.8899C258.818 37.8899 260.719 38.3939 262.332 39.402C263.973 40.3813 265.241 41.7494 266.134 43.5064C267.026 45.2634 267.473 47.2651 267.473 49.5117C267.473 49.9726 267.329 50.347 267.041 50.635C266.753 50.8943 266.378 51.0239 265.917 51.0239H248.463C248.636 52.5792 249.111 53.9618 249.889 55.1715C250.666 56.3524 251.689 57.2885 252.956 57.9797C254.224 58.6422 255.664 58.9734 257.277 58.9734C258.314 58.9734 259.35 58.8006 260.387 58.455C261.453 58.0805 262.303 57.6197 262.936 57.0724C263.253 56.8132 263.613 56.6836 264.017 56.6836C264.42 56.6548 264.765 56.7556 265.053 56.986C265.428 57.3317 265.615 57.7061 265.615 58.1093C265.644 58.5126 265.485 58.8582 265.14 59.1462C264.189 59.9527 262.98 60.6296 261.511 61.1768C260.042 61.6953 258.63 61.9545 257.277 61.9545ZM256.629 40.8709C254.411 40.8709 252.582 41.5622 251.142 42.9447C249.702 44.2985 248.838 46.0698 248.549 48.2588H264.362C264.132 46.0698 263.325 44.2985 261.943 42.9447C260.589 41.5622 258.818 40.8709 256.629 40.8709Z" fill="white"/>
                                                                                                    </svg>
                                                                                                </figure>
                                                                                                <div class="d-flex align-items-center">
                                                                                                    <div class="h5 text-400 mr-8">Custom subscription</div>
                                                                                                    <div class="tooltip text-size-null">
                                                                                                        <div class="tooltip-link">
                                                                                                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66659 13.9999C4.66659 8.84858 8.84858 4.66659 13.9999 4.66659C19.1513 4.66659 23.3333 8.84858 23.3333 13.9999C23.3333 19.1513 19.1513 23.3333 13.9999 23.3333C8.84858 23.3333 4.66659 19.1513 4.66659 13.9999ZM13.9999 2.33325C7.55992 2.33325 2.33325 7.55992 2.33325 13.9999C2.33325 20.4399 7.55992 25.6666 13.9999 25.6666C20.4399 25.6666 25.6666 20.4399 25.6666 13.9999C25.6666 7.55992 20.4399 2.33325 13.9999 2.33325ZM12.8333 12.8333V19.8333H15.1666V12.8333H12.8333ZM12.8333 8.16658V10.4999H15.1666V8.16658H12.8333Z" fill="#64748B"/>
                                                                                                            </svg>
                                                                                                        </div>
                                                                                                        <div class="tooltip-content">Subscription price for 1 website only. For more choose the Unlimited websites in the cart.</div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="d-flex align-items-center">
                                                                                                    <span class="h3 text-white mr-8">$43</span>
                                                                                                    <span class="small lh-16 text-500 pt-4">
                                                                                                        per<br>year
                                                                                                    </span>
                                                                                                </div>
                                                                                            </div>
                                                                                            <ul class="list list-custom mb-40">
                                                                                                <li class="d-flex mb-16">
                                                                                                    <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M17.5041 7.00258C18.7587 6.92741 19.4744 8.51224 18.6408 9.51967L11.2209 18.487C10.3519 19.5371 8.73259 18.8658 8.74961 17.4625L8.79374 13.8241C8.79952 13.3474 8.59549 12.8956 8.24303 12.6046L5.55297 10.3838C4.51543 9.52721 5.02908 7.75005 6.33683 7.67169L17.5041 7.00258Z" fill="#0DC167"/>
                                                                                                    </svg>
                                                                                                    <span class="mr-4">
                                                                                                        <span class="text-primary">17 widgets</span>
                                                                                                        included
                                                                                                    </span>
                                                                                                    <div class="tooltip tooltip-right text-size-null">
                                                                                                        <div class="tooltip-link">
                                                                                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 7.58457 7.58457 4 12 4C16.4154 4 20 7.58457 20 12C20 16.4154 16.4154 20 12 20C7.58457 20 4 16.4154 4 12ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 11V17H13V11H11ZM11 7V9H13V7H11Z" fill="#64748B"/>
                                                                                                            </svg>
                                                                                                        </div>
                                                                                                        <div class="tooltip-content">
                                                                                                            <ul class="list">
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/booking-availability-calendar/" class="link link-custom">Booking Availability Calendar</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/check-mark/" class="link link-custom">Check Mark</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/data-store-button/" class="link link-custom">Data Store Button</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/dynamic-chart/" class="link link-custom">Dynamic Chart</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/dynamic-table/" class="link link-custom">Dynamic Table</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/dynamic-terms/" class="link link-custom">Dynamic Terms</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/map-listing/" class="link link-custom">Map Listing</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/order-form/" class="link link-custom">Order Form</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/profile-menu/" class="link link-custom">Profile Menu</a>
                                                                                                                </li>
                                                                                                                <li class="mb-8">
                                                                                                                    <a href="https://crocoblock.com/widgets/profile-subpage-content/" class="link link-custom">Profile Subpage Content</a>
                                                                                                                </li>
                                                                                                            </ul>
                                                                                                            <span>and more</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </li>
                                                                                                <li class="d-flex mb-16">
                                                                                                    <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M17.5041 7.00258C18.7587 6.92741 19.4744 8.51224 18.6408 9.51967L11.2209 18.487C10.3519 19.5371 8.73259 18.8658 8.74961 17.4625L8.79374 13.8241C8.79952 13.3474 8.59549 12.8956 8.24303 12.6046L5.55297 10.3838C4.51543 9.52721 5.02908 7.75005 6.33683 7.67169L17.5041 7.00258Z" fill="#0DC167"/>
                                                                                                    </svg>
                                                                                                    <span class="text-primary">JetEngine plugin</span>
                                                                                                </li>
                                                                                                <li class="d-flex mb-16">
                                                                                                    <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M15.55 6.55L11 2V5.07C7.06 5.56 4 8.92 4 13C4 17.08 7.05 20.44 11 20.93V18.91C8.16 18.43 6 15.97 6 13C6 10.03 8.16 7.57 11 7.09V11L15.55 6.55ZM19.93 12C19.76 10.61 19.21 9.27 18.31 8.11L16.89 9.53C17.43 10.28 17.77 11.13 17.91 12H19.93ZM13 18.9V20.92C14.39 20.75 15.74 20.21 16.9 19.31L15.46 17.87C14.71 18.41 13.87 18.76 13 18.9ZM16.89 16.48L18.31 17.89C19.21 16.73 19.76 15.39 19.93 14H17.91C17.77 14.87 17.43 15.72 16.89 16.48Z" fill="#64748B"/>
                                                                                                    </svg>
                                                                                                    <span>1-year product updates</span>
                                                                                                </li>
                                                                                                <li class="d-flex">
                                                                                                    <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M12 3C7.032 3 3 7.032 3 12C3 16.968 7.032 21 12 21C16.968 21 21 16.968 21 12C21 7.032 16.968 3 12 3ZM18.714 9.408L16.212 10.443C15.753 9.219 14.79 8.247 13.557 7.797L14.592 5.295C16.482 6.015 17.985 7.518 18.714 9.408ZM12 14.7C10.506 14.7 9.3 13.494 9.3 12C9.3 10.506 10.506 9.3 12 9.3C13.494 9.3 14.7 10.506 14.7 12C14.7 13.494 13.494 14.7 12 14.7ZM9.417 5.286L10.47 7.788C9.228 8.238 8.247 9.219 7.788 10.461L5.286 9.417C6.015 7.518 7.518 6.015 9.417 5.286ZM5.286 14.583L7.788 13.548C8.247 14.79 9.219 15.762 10.461 16.212L9.408 18.714C7.518 17.985 6.015 16.482 5.286 14.583ZM14.592 18.714L13.557 16.212C14.79 15.753 15.762 14.781 16.212 13.539L18.714 14.592C17.985 16.482 16.482 17.985 14.592 18.714Z" fill="#64748B"/>
                                                                                                    </svg>
                                                                                                    <span>1-year of Zoom &amp;Chat support</span>
                                                                                                </li>
                                                                                            </ul>
                                                                                            <div class="csc-plugin" data-plugin="jetengine">
                                                                                                <button type="button" class="cs-plugin__add-to-cart btn btn-custom w-100" data-plugin="jetengine" data-btn-class="w-100">
                                                                                                    <svg class="btn-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M15.4125 13.75C15.975 13.75 16.47 13.4425 16.725 12.9775L19.41 8.11C19.4732 7.99632 19.5056 7.8681 19.5041 7.73804C19.5025 7.60798 19.467 7.48058 19.4011 7.36845C19.3352 7.25631 19.2411 7.16334 19.1283 7.09871C19.0154 7.03409 18.8876 7.00006 18.7575 7H7.6575L6.9525 5.5H4.5V7H6L8.7 12.6925L7.6875 14.5225C7.14 15.5275 7.86 16.75 9 16.75H18V15.25H9L9.825 13.75H15.4125ZM8.37 8.5H17.4825L15.4125 12.25H10.1475L8.37 8.5ZM9 17.5C8.175 17.5 7.5075 18.175 7.5075 19C7.5075 19.825 8.175 20.5 9 20.5C9.825 20.5 10.5 19.825 10.5 19C10.5 18.175 9.825 17.5 9 17.5ZM16.5 17.5C15.675 17.5 15.0075 18.175 15.0075 19C15.0075 19.825 15.675 20.5 16.5 20.5C17.325 20.5 18 19.825 18 19C18 18.175 17.325 17.5 16.5 17.5Z" fill="white"/>
                                                                                                    </svg>
                                                                                                    <span class="btn-text">Add to cart</span>
                                                                                                </button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-auto">
                                                                                        <div class="croco-pricing-widget box-center bg-800 rounded">
                                                                                            <div class="badge-wrapper">
                                                                                                <div class="badge-content">Save up to 60%</div>
                                                                                            </div>
                                                                                            <div class="px-20 py-40 p-sm-40">
                                                                                                <div class="pb-20 mb-20 border-bottom border-600">
                                                                                                    <figure class="text-size-null logo">
                                                                                                        <svg width="200" height="28" viewBox="0 0 200 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M13.8113 6.77123C15.6807 6.77123 17.196 5.25574 17.196 3.38653C17.196 1.51733 15.6807 0.00183104 13.8113 0.00183104C13.8082 0.00183104 13.8053 0.00227342 13.8022 0.00227342C6.32937 0.00714 0.272705 6.06647 0.272705 13.5406C0.272705 21.0179 6.33424 27.0792 13.8113 27.0792C15.6807 27.0792 17.196 25.5637 17.196 23.6945C17.196 21.8253 15.6807 20.3098 13.8113 20.3098C13.8102 20.3098 13.8093 20.31 13.8082 20.31C10.0711 20.3083 7.04188 17.2782 7.04188 13.5406C7.04188 9.802 10.0727 6.77123 13.8113 6.77123Z" fill="#0DC167"/>
                                                                                                            <path d="M80.5625 6.96452C80.5634 6.96452 80.5645 6.96474 80.5654 6.96474C82.4348 6.96474 83.9501 5.44947 83.9501 3.58004C83.9501 1.71061 82.4348 0.195341 80.5654 0.195341C73.0881 0.195341 67.0268 6.25688 67.0268 13.7339C67.0268 21.2081 73.0834 27.2674 80.5563 27.2723C80.5594 27.2723 80.5623 27.2727 80.5654 27.2727C82.4348 27.2727 83.9501 25.7572 83.9501 23.888C83.9501 22.0188 82.4348 20.5033 80.5654 20.5033C76.8267 20.5033 73.796 17.4726 73.796 13.7339C73.796 9.99618 76.8252 6.96607 80.5625 6.96452Z" fill="#0DC167"/>
                                                                                                            <path d="M32.6619 0C25.1847 0 19.1231 6.06154 19.1231 13.5388V23.6929C19.1231 25.5621 20.6384 27.0776 22.5078 27.0776C24.3773 27.0776 25.8925 25.5623 25.8925 23.6929V13.5388C25.8925 9.80017 28.9233 6.7694 32.6619 6.7694C34.5314 6.7694 36.0466 5.25413 36.0466 3.3847C36.0466 1.51527 34.5314 0 32.6619 0Z" fill="#0DC167"/>
                                                                                                            <path d="M51.5193 0.00382853C44.042 0.00382853 37.9807 6.06537 37.9807 13.5424C37.9807 20.9706 43.9637 26.9987 51.3735 27.0775C53.2429 27.0775 54.7582 25.5622 54.7582 23.6928C54.7582 21.8233 53.2429 20.3081 51.3735 20.3081C47.7026 20.2302 44.7501 17.2322 44.7501 13.5424C44.7501 9.80378 47.7809 6.77301 51.5195 6.77301C55.2581 6.77301 58.2889 9.80378 58.2889 13.5424C58.2889 15.0738 57.7773 16.4838 56.9194 17.6177C56.3547 18.2225 56.0063 19.0321 56.0063 19.9249C56.0063 21.7941 57.5215 23.3096 59.391 23.3096C60.4511 23.3096 61.3961 22.8214 62.0167 22.0585C62.0194 22.0551 62.0244 22.0509 62.0247 22.0553C62.025 22.0598 62.0311 22.0675 62.0339 22.064C63.923 19.7368 65.0583 16.7734 65.0583 13.5424C65.0581 6.06537 58.9965 0.00382853 51.5193 0.00382853Z" fill="#0DC167"/>
                                                                                                            <path d="M99.4227 0.197089C91.9454 0.197089 85.8841 6.25863 85.8841 13.7357C85.8841 21.1638 91.8671 27.192 99.2769 27.2707C101.146 27.2707 102.662 25.7554 102.662 23.886C102.662 22.0166 101.146 20.5013 99.2769 20.5013C99.2763 20.5013 99.2754 20.5013 99.2747 20.5013C95.6049 20.4223 92.6535 17.4248 92.6535 13.7359C92.6535 9.99726 95.6843 6.96649 99.4229 6.96649C103.162 6.96649 106.192 9.99726 106.192 13.7359C106.192 15.2673 105.681 16.6773 104.823 17.8112C104.258 18.416 103.91 19.2256 103.91 20.1184C103.91 21.9876 105.425 23.5031 107.294 23.5031C108.355 23.5031 109.299 23.0149 109.92 22.252C109.923 22.2486 109.928 22.2444 109.928 22.2488C109.928 22.2533 109.934 22.2609 109.937 22.2575C111.826 19.9303 112.962 16.9669 112.962 13.7359C112.962 6.25863 106.9 0.197089 99.4227 0.197089Z" fill="#0DC167"/>
                                                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M127.357 7.9314C124.193 7.9314 121.385 9.45088 119.621 11.7994V1.00981H119.621C119.62 0.476476 119.187 0.0446777 118.654 0.0446777C118.12 0.0446777 117.688 0.476697 117.687 1.00981H117.687V17.6019C117.687 22.9428 122.016 27.2725 127.357 27.2725C132.698 27.2725 137.028 22.9428 137.028 17.6019C137.028 12.2611 132.698 7.9314 127.357 7.9314ZM127.357 25.3382C123.085 25.3382 119.621 21.8746 119.621 17.6019C119.621 13.3293 123.085 9.86564 127.357 9.86564C131.63 9.86564 135.093 13.3293 135.093 17.6019C135.093 21.8746 131.63 25.3382 127.357 25.3382ZM141.952 1.16215C141.951 0.62882 141.519 0.197022 140.986 0.197022C140.452 0.197022 140.02 0.629041 140.019 1.16215H140.018V26.3053C140.018 26.8393 140.451 27.2724 140.986 27.2724C141.52 27.2724 141.953 26.8395 141.953 26.3053L141.952 1.16215ZM144.635 17.602C144.635 12.2611 148.965 7.93144 154.306 7.93144C159.646 7.93144 163.976 12.2611 163.976 17.602C163.976 22.9428 159.646 27.2725 154.306 27.2725C148.965 27.2725 144.635 22.9428 144.635 17.602ZM146.569 17.602C146.569 21.8746 150.033 25.3383 154.306 25.3383C158.578 25.3383 162.042 21.8746 162.042 17.602C162.042 13.3294 158.578 9.86568 154.306 9.86568C150.033 9.86568 146.569 13.3294 146.569 17.602ZM176.355 25.3383C172.082 25.3383 168.618 21.8746 168.618 17.602C168.618 13.3294 172.082 9.86568 176.355 9.86568C176.889 9.86568 177.322 9.43277 177.322 8.89856C177.322 8.36434 176.889 7.93144 176.355 7.93144C171.014 7.93144 166.684 12.2611 166.684 17.602C166.684 22.9428 171.014 27.2725 176.355 27.2725C176.889 27.2725 177.322 26.8396 177.322 26.3054C177.322 25.7712 176.889 25.3383 176.355 25.3383ZM188.999 15.8391L195.367 25.7855C195.653 26.2352 195.522 26.832 195.073 27.1198C194.623 27.4076 194.026 27.2768 193.738 26.8282H193.738L187.599 17.2393L183.6 21.2383V26.3053C183.6 26.8395 183.167 27.2724 182.633 27.2724C182.099 27.2724 181.666 26.8393 181.666 26.3053V1.16215H181.666C181.667 0.629041 182.1 0.197022 182.633 0.197022C183.167 0.197022 183.599 0.62882 183.6 1.16215H183.6V18.5029L193.869 8.23461L193.869 8.23483C194.247 7.85833 194.858 7.85878 195.235 8.23593C195.612 8.61309 195.612 9.22429 195.236 9.60211L195.236 9.60233L188.999 15.8391Z" fill="white"/>
                                                                                                        </svg>
                                                                                                    </figure>
                                                                                                    <div class="h5 text-400">All-Inclusive subscription</div>
                                                                                                    <div class="d-flex align-items-center">
                                                                                                        <span class="h5 text-400 mr-8 pt-8">from</span>
                                                                                                        <span class="h3 text-white mr-8">$199</span>
                                                                                                        <span class="small lh-16 text-500 pt-4">
                                                                                                            per<br>year
                                                                                                        </span>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <ul class="list list-custom mb-40">
                                                                                                    <li class="d-flex mb-16">
                                                                                                        <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M17.5041 7.00258C18.7587 6.92741 19.4744 8.51224 18.6408 9.51967L11.2209 18.487C10.3519 19.5371 8.73259 18.8658 8.74961 17.4625L8.79374 13.8241C8.79952 13.3474 8.59549 12.8956 8.24303 12.6046L5.55297 10.3838C4.51543 9.52721 5.02908 7.75005 6.33683 7.67169L17.5041 7.00258Z" fill="#F2D23C"/>
                                                                                                        </svg>
                                                                                                        <span class="mr-4">
                                                                                                            <span class="text-jetthemecore">150 widgets</span>
                                                                                                            included
                                                                                                        </span>
                                                                                                    </li>
                                                                                                    <li class="d-flex mb-16">
                                                                                                        <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M17.5041 7.00258C18.7587 6.92741 19.4744 8.51224 18.6408 9.51967L11.2209 18.487C10.3519 19.5371 8.73259 18.8658 8.74961 17.4625L8.79374 13.8241C8.79952 13.3474 8.59549 12.8956 8.24303 12.6046L5.55297 10.3838C4.51543 9.52721 5.02908 7.75005 6.33683 7.67169L17.5041 7.00258Z" fill="#F2D23C"/>
                                                                                                        </svg>
                                                                                                        <span class="mr-4 text-jetthemecore">20 JetPlugins</span>
                                                                                                        <div class="tooltip tooltip-right text-size-null">
                                                                                                            <div class="tooltip-link ">
                                                                                                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33341 9.99984C3.33341 6.32031 6.32056 3.33317 10.0001 3.33317C13.6796 3.33317 16.6667 6.32031 16.6667 9.99984C16.6667 13.6794 13.6796 16.6665 10.0001 16.6665C6.32056 16.6665 3.33341 13.6794 3.33341 9.99984ZM10.0001 1.6665C5.40008 1.6665 1.66675 5.39984 1.66675 9.99984C1.66675 14.5998 5.40008 18.3332 10.0001 18.3332C14.6001 18.3332 18.3334 14.5998 18.3334 9.99984C18.3334 5.39984 14.6001 1.6665 10.0001 1.6665ZM9.16675 9.1665V14.1665H10.8334V9.1665H9.16675ZM9.16675 5.83317V7.49984H10.8334V5.83317H9.16675Z" fill="#64748B"/>
                                                                                                                </svg>
                                                                                                            </div>
                                                                                                            <div class="tooltip-content">
                                                                                                                <ul class="list">
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetgridbuilder/" class="link link-custom">JetGridBuilder</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetformbuilder/" class="link link-custom">JetFormBuilder</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetappointment/" class="link link-custom">JetAppointment</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetthemecore/" class="link link-custom">JetThemeCore</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetstylemanager/" class="link link-custom">JetStyleManager</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetbooking/" class="link link-custom">JetBooking</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetblocks/" class="link link-custom">JetBlocks</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jettricks/" class="link link-custom">JetTricks</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetreviews/" class="link link-custom">JetReviews</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jettabs/" class="link link-custom">JetTabs</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetmenu/" class="link link-custom">JetMenu</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetwoobuilder/" class="link link-custom">JetWooBuilder</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetsmartfilters/" class="link link-custom">JetSmartFilters</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetpopup/" class="link link-custom">JetPopup</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetproductgallery/" class="link link-custom">JetProductGallery</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetcomparewishlist/" class="link link-custom">JetCompareWishlist</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetsearch/" class="link link-custom">JetSearch</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetblog/" class="link link-custom">JetBlog</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetengine/" class="link link-custom">JetEngine</a>
                                                                                                                    </li>
                                                                                                                    <li class="mb-8">
                                                                                                                        <a href="https://crocoblock.com/plugins/jetelements/" class="link link-custom">JetElements</a>
                                                                                                                    </li>
                                                                                                                </ul>
                                                                                                                <span>and more</span>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </li>
                                                                                                    <li class="d-flex mb-16">
                                                                                                        <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M15.55 6.55L11 2V5.07C7.06 5.56 4 8.92 4 13C4 17.08 7.05 20.44 11 20.93V18.91C8.16 18.43 6 15.97 6 13C6 10.03 8.16 7.57 11 7.09V11L15.55 6.55ZM19.93 12C19.76 10.61 19.21 9.27 18.31 8.11L16.89 9.53C17.43 10.28 17.77 11.13 17.91 12H19.93ZM13 18.9V20.92C14.39 20.75 15.74 20.21 16.9 19.31L15.46 17.87C14.71 18.41 13.87 18.76 13 18.9ZM16.89 16.48L18.31 17.89C19.21 16.73 19.76 15.39 19.93 14H17.91C17.77 14.87 17.43 15.72 16.89 16.48Z" fill="#64748B"/>
                                                                                                        </svg>
                                                                                                        <span>1-year product updates</span>
                                                                                                    </li>
                                                                                                    <li class="d-flex">
                                                                                                        <svg class="mr-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path d="M12 3C7.032 3 3 7.032 3 12C3 16.968 7.032 21 12 21C16.968 21 21 16.968 21 12C21 7.032 16.968 3 12 3ZM18.714 9.408L16.212 10.443C15.753 9.219 14.79 8.247 13.557 7.797L14.592 5.295C16.482 6.015 17.985 7.518 18.714 9.408ZM12 14.7C10.506 14.7 9.3 13.494 9.3 12C9.3 10.506 10.506 9.3 12 9.3C13.494 9.3 14.7 10.506 14.7 12C14.7 13.494 13.494 14.7 12 14.7ZM9.417 5.286L10.47 7.788C9.228 8.238 8.247 9.219 7.788 10.461L5.286 9.417C6.015 7.518 7.518 6.015 9.417 5.286ZM5.286 14.583L7.788 13.548C8.247 14.79 9.219 15.762 10.461 16.212L9.408 18.714C7.518 17.985 6.015 16.482 5.286 14.583ZM14.592 18.714L13.557 16.212C14.79 15.753 15.762 14.781 16.212 13.539L18.714 14.592C17.985 16.482 16.482 17.985 14.592 18.714Z" fill="#64748B"/>
                                                                                                        </svg>
                                                                                                        <span>1-year of Zoom &amp;Chat support</span>
                                                                                                    </li>
                                                                                                </ul>
                                                                                                <a href="https://crocoblock.com/pricing/" class="btn btn-custom btn-jetthemecore w-100" role="button">
                                                                                                    <span class="mr-8">Go pricing</span>
                                                                                                    <svg class="btn-icon" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                        <path d="M16.5 5.33337L14.62 7.21337L22.06 14.6667H5.83337V17.3334H22.06L14.62 24.7867L16.5 26.6667L27.1667 16L16.5 5.33337Z" fill="#0F172A"/>
                                                                                                    </svg>
                                                                                                </a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="d-flex flex-column align-items-center text-center px-20 context-dark">
                                                                                    <p class="mt-28">
                                                                                        For more details on the Subscription proceed to the <a href="https://crocoblock.com/pricing/" class="link link-custom">Pricing page</a>
                                                                                    </p>
                                                                                </div>
                                                                            </section>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                            <section class="elementor-section elementor-top-section elementor-element elementor-element-203be19 py-60 bg-50  elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="203be19" data-element_type="section">
                                                <div class="elementor-container elementor-column-gap-default">
                                                    <div class="elementor-row">
                                                        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bcb48b" data-id="6bcb48b" data-element_type="column">
                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                <div class="elementor-widget-wrap">
                                                                    <div class="elementor-element elementor-element-665a845 elementor-widget elementor-widget-html" data-id="665a845" data-element_type="widget" data-widget_type="html.default">
                                                                        <div class="elementor-widget-container">
                                                                            <div class="row justify-content-center text-md-center mb-40">
                                                                                <div class="col-12">
                                                                                    <h3>
                                                                                        <span class="text-jetengine">Find Out More </span>
                                                                                        About WP Custom Post Type Feature
                                                                                    </h3>
                                                                                </div>
                                                                            </div>
                                                                            <div class="row justify-content-center">
                                                                                <div class="col-md-9 col-lg-8 col-xl-6">
                                                                                    <article class="d-flex flex-column flex-md-row mb-28 mb-md-32">
                                                                                        <div class="mr-16 mb-4 mb-md-0">
                                                                                            <span class="icon icon-custom icon-filled icon-jetsmartfilters-filled">
                                                                                                <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                    <path d="M22.0617 6.93984C21.9422 6.49462 21.7078 6.0886 21.382 5.76243C21.0563 5.43625 20.6505 5.20136 20.2055 5.08125C18.5672 4.64063 12 4.64062 12 4.64062C12 4.64062 5.43281 4.64062 3.79453 5.07891C3.34927 5.19862 2.94334 5.43339 2.61751 5.75962C2.29169 6.08586 2.05744 6.49208 1.93828 6.9375C1.5 8.57812 1.5 12 1.5 12C1.5 12 1.5 15.4219 1.93828 17.0602C2.17969 17.9648 2.89219 18.6773 3.79453 18.9188C5.43281 19.3594 12 19.3594 12 19.3594C12 19.3594 18.5672 19.3594 20.2055 18.9188C21.1102 18.6773 21.8203 17.9648 22.0617 17.0602C22.5 15.4219 22.5 12 22.5 12C22.5 12 22.5 8.57813 22.0617 6.93984ZM9.91406 15.1406V8.85938L15.3516 11.9766L9.91406 15.1406Z" fill="black"/>
                                                                                                </svg>
                                                                                            </span>
                                                                                        </div>
                                                                                        <div>
                                                                                            <h4 class="mt-4 mb-12 mb-md-8">Videos</h4>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://www.youtube.com/watch?v=Ytyc4XXlEYc" class="link link-custom">How to use Gutenberg Editor for Custom Post Types</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://youtu.be/g7hMrmaOv9Q" class="link link-custom">Dynamic WordPress Website Tutorial with JetEngine and Elementor Pro</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://youtu.be/g9CsDwAIVZo" class="link link-custom">Create a Listing Website WordPress & JetEngine</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://youtu.be/EBj7nmSxbuk?t=611" class="link link-custom">How to create a Real Estate Listing Website | WordPress, JetEngine, and Elementor Pro</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://www.youtube.com/watch?v=Ytyc4XXlEYc" class="link link-custom">How to use Gutenberg editor for Custom Post Types</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://www.youtube.com/watch?t=243&v=OlNyXXC88S0&feature=youtu.be" class="link link-custom">Crocoblock Jet Engine Tutorial - Beginners Guide Part 1</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://www.youtube.com/watch?v=-vmoIMEkkaw&t=47s" class="link link-custom">JetEngine 2.10 Update Overview</a>
                                                                                            </div>
                                                                                            <div class="">
                                                                                                <a href="https://www.youtube.com/watch?v=5ZphSCLssao&ab_channel=MoxetKhan" class="link link-custom">Display Post Views & CPT Count with Crocoblock JetEngine | Elementor | WordPress</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </article>
                                                                                    <article class="d-flex flex-column flex-md-row mb-28 mb-md-32">
                                                                                        <div class="mr-16">
                                                                                            <span class="icon icon-custom icon-filled icon-jetappointment-filled">
                                                                                                <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                    <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14 17H7V15H14V17ZM17 13H7V11H17V13ZM17 9H7V7H17V9Z" fill="black"/>
                                                                                                </svg>
                                                                                            </span>
                                                                                        </div>
                                                                                        <div>
                                                                                            <h4 class="mt-4 mb-12 mb-md-8">Blog</h4>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/blog/jetengine-start-working-with-dynamic-content-while-using-elementor/" class="link link-custom">JetEngine. Start Working with Dynamic Content While Using Elementor </a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/blog/custom-content-type-brand-new-data-storage-approach" class="link link-custom">Custom Content Type: Brand New Data Storage Approach (CPT vs CCT) </a>
                                                                                            </div>
                                                                                            <div class="">
                                                                                                <a href="https://crocoblock.com/blog/jetengine-admin-columns-integration/" class="link link-custom">Admin Columns and JetEngine Now Integrated</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </article>
                                                                                    <article class="d-flex flex-column flex-md-row mb-28 mb-md-32">
                                                                                        <div class="mr-16">
                                                                                            <span class="icon icon-custom icon-filled icon-jetbooking-filled">
                                                                                                <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                    <path d="M22.6999 19L13.5999 9.90001C14.4999 7.60001 13.9999 4.90001 12.0999 3.00001C10.0999 1.00001 7.09994 0.600012 4.69994 1.70001L8.99994 6.00001L5.99994 9.00001L1.59994 4.70001C0.399939 7.10001 0.899939 10.1 2.89994 12.1C4.79994 14 7.49994 14.5 9.79994 13.6L18.8999 22.7C19.2999 23.1 19.8999 23.1 20.2999 22.7L22.5999 20.4C23.0999 20 23.0999 19.3 22.6999 19Z" fill="black"/>
                                                                                                </svg>
                                                                                            </span>
                                                                                        </div>
                                                                                        <div>
                                                                                            <h4 class="mt-4 mb-12 mb-md-8">Troubleshooting</h4>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/troubleshooting/articles/how-to-fix-broken-posts-after-rewriting-cpt-slug/" class="link link-custom">How to Restore the Broken Posts When the CPT Slug Was Rewritten</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/troubleshooting/articles/unable-to-display-date-field-in-admin-filters/" class="link link-custom">Unable to Display Date Field in the Admin Filters Properly</a>
                                                                                            </div>
                                                                                            <div>
                                                                                                <a href="https://crocoblock.com/troubleshooting/articles/adding-custom-controls-and-columns-to-related-items/" class="link link-custom">Adding WordPress Custom Controls and Custom Columns to Related Items</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </article>
                                                                                    <article class="d-flex flex-column flex-md-row">
                                                                                        <div class="mr-16">
                                                                                            <span class="icon icon-custom icon-filled icon-jetmenu-filled">
                                                                                                <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                                                    <path d="M4.99979 13.18V15.99C4.99979 16.72 5.39979 17.4 6.03979 17.75L11.0398 20.48C11.6398 20.81 12.3598 20.81 12.9598 20.48L17.9598 17.75C18.5998 17.4 18.9998 16.72 18.9998 15.99V13.18L12.9598 16.48C12.3598 16.81 11.6398 16.81 11.0398 16.48L4.99979 13.18ZM11.0398 3.52003L2.60979 8.12003C1.91979 8.50003 1.91979 9.50003 2.60979 9.88003L11.0398 14.48C11.6398 14.81 12.3598 14.81 12.9598 14.48L20.9998 10.09V16C20.9998 16.55 21.4498 17 21.9998 17C22.5498 17 22.9998 16.55 22.9998 16V9.59003C22.9998 9.22003 22.7998 8.89003 22.4798 8.71003L12.9598 3.52003C12.3598 3.20003 11.6398 3.20003 11.0398 3.52003Z" fill="black"/>
                                                                                                </svg>
                                                                                            </span>
                                                                                        </div>
                                                                                        <div>
                                                                                            <h4 class="mt-4 mb-12 mb-md-8">Knowledge Base</h4>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/how-to-create-a-custom-post-type-based-on-jetengine-plugin/" class="link link-custom">JetEngine: How to Create a Custom Post Type</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-listing-functionality-how-to-create-a-new-listing-to-apply-for-the-certain-post-type/" class="link link-custom">JetEngine: How to Create a Listing Template for Post Types</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/creating-custom-post-type-archive-template-with-jetengine-listing-grid/" class="link link-custom">JetEngine: How to Create an Archive and Single Page for Custom Post Type</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-how-to-import-and-export-custom-post-types-terms-and-meta-fields/" class="link link-custom">JetEngine: How to Import and Export Custom Post Types, Terms, and Meta Fields </a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-how-to-make-jetengine-website-multilingual/#post-types" class="link link-custom">JetEngine: How to Translate Website Content Using WPML</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-seo-plugins-compatibility-yoast-seo/" class="link link-custom">JetEngine: Allowing Yoast SEO Plugin to Parse Meta Fields</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-seo-plugins-compatibility-rank-math-seo/" class="link link-custom">JetEngine: Allowing Rank Math Plugin to Parse Meta Fields</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-custom-post-type-admin-filters/" class="link link-custom">JetEngine: Admin Filters for Custom Post Type Overview</a>
                                                                                            </div>
                                                                                            <div class="mb-12 mb-md-8">
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-how-to-create-relationships-between-posts/" class="link link-custom">JetEngine: How to Create Relationships Between Posts</a>
                                                                                            </div>
                                                                                            <div>
                                                                                                <a href="https://crocoblock.com/knowledge-base/articles/jetengine-wordpress-relations-feature-settings-overview/" class="link link-custom">JetEngine: WordPress Relations Feature Settings Overview</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </article>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- .entry-content -->
                        </article>
                        <!-- #post-40023 -->
                    </main>
                    <!-- #main -->
                </div>
                <!-- #primary -->
            </div>
            <!-- #content -->
            <footer id="colophon" class="site-footer">
                <div class="container">
                    <div class="row row-32">
                        <div class="col-md-3 col-lg-2 pt-md-32">
                            <div data-collapse-target="collapse-footer-block-01" class="data-collapse-target d-inline-flex d-md-none align-items-center">
                                <div class="title-icon mr-8"></div>
                                <div class="h5">Products</div>
                            </div>
                            <div class="d-none d-md-block h5">Products</div>
                            <ul id="collapse-footer-block-01" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0">
                                <li>
                                    <a href="https://crocoblock.com/plugins/">All plugins</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/jetplugins-for-elementor/">For Elementor</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/jetplugins-for-gutenberg/">For Gutenberg</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/jetplugins-for-bricks-builder/">For Bricks</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/widgets/">Widgets</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/features/">Features</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/dynamic-templates/">Templates</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/freemium/tools/">DevTools</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/freemium/free-plugins/">Free products</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-lg-2 pt-md-32">
                            <div data-collapse-target="collapse-footer-block-02" class="data-collapse-target d-inline-flex d-md-none align-items-center">
                                <div class="title-icon mr-8"></div>
                                <div class="h5">Company</div>
                            </div>
                            <div class="d-none d-md-block h5">Company</div>
                            <ul id="collapse-footer-block-02" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0">
                                <li>
                                    <a href="https://crocoblock.com/blog/">Blog</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/about/">About us</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/careers/">Careers</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/crocoblock-style-guide/">Brand assets</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/websites-made-with-elementor-and-crocoblock/">Made with Croco</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/faq/#refund-cancellation">Refund policy</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/affiliates/">Affiliates</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-lg-2 order-md-4 order-lg-3 pt-lg-32">
                            <div data-collapse-target="collapse-footer-block-03" class="data-collapse-target d-inline-flex d-md-none align-items-center">
                                <div class="title-icon mr-8"></div>
                                <div class="h5">Information</div>
                            </div>
                            <div class="d-none d-md-block h5">Information</div>
                            <ul id="collapse-footer-block-03" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0">
                                <li>
                                    <a href="https://crocoblock.com/help-center/">Help center</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/faq/">FAQ</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/elementor-developers/">DevHub</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/wordpress-hosting/">WP Hosting</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/wordpress-plugins/">WP Plugins</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/wordpress-media/">WP Media</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/knowledge-base/troubleshooting/">Troubleshoot</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-lg-2 order-md-5 order-lg-4 pt-lg-32">
                            <div data-collapse-target="collapse-footer-block-04" class="data-collapse-target d-inline-flex d-md-none align-items-center">
                                <div class="title-icon mr-8"></div>
                                <div class="h5">Compare</div>
                            </div>
                            <div class="d-none d-md-block h5">Compare</div>
                            <ul id="collapse-footer-block-04" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0">
                                <li>
                                    <a href="https://crocoblock.com/feature-comparison-dynamic-set/">Dynamic content</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/feature-comparison-advanced-filters/">Advanced filters</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/feature-comparison-booking-plugins/">Booking features</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/feature-comparison-appointment-plugins/">Appointment features</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/feature-comparison-mega-menu-plugins/">Mega menu</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/feature-comparison-grid-layout-plugins/">Grids and layouts</a>
                                </li>
                                <li>
                                    <a href="https://crocoblock.com/feature-comparison-multivendor-directory-plugins/">Marketplace</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-5 col-lg-4 col-xl-3 order-md-3 order-lg-5 ml-md-auto text-md-right">
                            <div class="ml-lg-32 ml-xl-0 pt-32 block-wrapper px-20 pb-20 rounded shadow text-left">
                                <div id="footer-subscribe" class="form">
                                    <div class="jet-fb-form-block" data-is-block="jet-forms/form-block">
                                        <form class="jet-form-builder layout-column submit-type-ajax" action="https://crocoblock.com/plugins/jetengine/custom-post-type/?jet_form_builder_submit=submit&amp;method=reload" method="POST" data-form-id="100654" data-layout="column" enctype="multipart/form-data" novalidate="">
                                            <input type="hidden" name="_jfb_current_render_states[]" value="DEFAULT.STATE" data-jfb-sync/>
                                            <input type="hidden" class="jet-form-builder__field hidden-field" name="_jet_engine_booking_form_id" data-field-name="_jet_engine_booking_form_id" value="100654">
                                            <input type="hidden" class="jet-form-builder__field hidden-field" name="_jet_engine_refer" data-field-name="_jet_engine_refer" value="https://crocoblock.com/plugins/jetengine/custom-post-type">
                                            <input type="hidden" class="jet-form-builder__field hidden-field" name="__queried_post_id" data-field-name="__queried_post_id" value="40023">
                                            <div class="wp-block-group form-group is-layout-constrained wp-block-group-is-layout-constrained">
                                                <div class="wp-block-group__inner-container">
                                                    <div class="h5">Subscribe to Newsletter</div>
                                                    <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
                                                    <div class="wp-block-group email-checkbox-wrapper disabled is-layout-constrained wp-block-group-is-layout-constrained">
                                                        <div class="wp-block-group__inner-container">
                                                            <div class="jet-form-builder-row field-type-text-field">
                                                                <div class="jet-form-builder__field-wrap">
                                                                    <input placeholder="Enter email" required="required" name="email" id="email" type="email" data-field-name="email" class="jet-form-builder__field text-field mb-12" data-jfb-sync="">
                                                                </div>
                                                            </div>
                                                            <div class="jet-form-builder-row field-type-checkbox-field">
                                                                <div class="jet-form-builder__fields-group checkradio-wrap" data-jfb-sync>
                                                                    <div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap">
                                                                        <label class="jet-form-builder__field-label for-checkbox">
                                                                            <input type="checkbox" name="i_agree_letters" value="i_agree_letters" data-field-name="i_agree_letters" class="jet-form-builder__field checkboxes-field checkradio-field submitting-email-checkbox" required="required">
                                                                            <span>
                                                                                <div>I agree that Crocoblock may send me promotional letters with offers, updates, and other useful information</div>
                                                                            </span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="jet-form-builder-row field-type-checkbox-field">
                                                                <div class="jet-form-builder__fields-group checkradio-wrap" data-jfb-sync>
                                                                    <div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap">
                                                                        <label class="jet-form-builder__field-label for-checkbox">
                                                                            <input type="checkbox" name="i_agree_terms" value="i_agree_terms" data-field-name="i_agree_terms" class="jet-form-builder__field checkboxes-field checkradio-field submitting-email-checkbox" required="required">
                                                                            <span>
                                                                                <div>
                                                                                    I agree to <a class="footer-link-custom underline" href="https://crocoblock.com/terms">Terms of Use</a>
                                                                                    and <a class="footer-link-custom underline" href="https://crocoblock.com/privacy-policy">Privacy Policy</a>
                                                                                </div>
                                                                            </span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wp-block-group mt-20 is-layout-constrained wp-block-group-is-layout-constrained">
                                                        <div class="wp-block-group__inner-container">
                                                            <a class="btn w-100 disable button-form-hide" href="#">Subscribe</a>
                                                            <div class="jet-form-builder-row field-type-submit-field">
                                                                <div data-type="submit" class="jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap">
                                                                    <button class="jet-form-builder__action-button d-none button-form btn w-100 jet-form-builder__submit submit-type-ajax" type="submit">Subscribe</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wp-block-group successfully-group is-layout-constrained wp-block-group-is-layout-constrained">
                                                <div class="wp-block-group__inner-container">
                                                    <div class="text-center">
                                                        <div class="text-size-null">
                                                            <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <rect width="56" height="56" rx="28" fill="#0DC167"/>
                                                                <path d="M24 33.56L18.44 28L16.5467 29.88L24 37.3334L40 21.3334L38.12 19.4534L24 33.56Z" fill="white"/>
                                                            </svg>
                                                        </div>
                                                        <div class="h5 mt-16">Thank you for subscribing!</div>
                                                        <div class="mh-96 success-text mt-16">Kindly check your inbox—we've sent you a letter to confirm the subscription.</div>
                                                        <a class="btn w-100 mt-20 button-form-group" href="#">Ok, I’ll do it</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wp-block-group not-successful-group is-layout-constrained wp-block-group-is-layout-constrained">
                                                <div class="wp-block-group__inner-container">
                                                    <div class="text-center">
                                                        <div class="text-size-null">
                                                            <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <rect width="56" height="56" rx="28" fill="#F94D84"/>
                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M17.3334 28C17.3334 22.1128 22.1128 17.3334 28 17.3334C33.8873 17.3334 38.6667 22.1128 38.6667 28C38.6667 33.8873 33.8873 38.6667 28 38.6667C22.1128 38.6667 17.3334 33.8873 17.3334 28ZM28 14.6667C20.64 14.6667 14.6667 20.64 14.6667 28C14.6667 35.36 20.64 41.3334 28 41.3334C35.36 41.3334 41.3334 35.36 41.3334 28C41.3334 20.64 35.36 14.6667 28 14.6667ZM26.6667 26.6667V34.6667H29.3334V26.6667H26.6667ZM26.6667 21.3334V24H29.3334V21.3334H26.6667Z" fill="white"/>
                                                            </svg>
                                                        </div>
                                                        <div class="h5 mt-16">Ooops! Something went wrong.</div>
                                                        <div class="mh-96 success-text mt-16">Kindly check your inbox — we sent you a letter to confirm subscription</div>
                                                        <a class="btn w-100 mt-20 button-form-group" href="#">Try another email</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wp-block-group need-confirmation-group is-layout-constrained wp-block-group-is-layout-constrained">
                                                <div class="wp-block-group__inner-container">
                                                    <div class="text-center">
                                                        <div class="text-size-null">
                                                            <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <rect width="56" height="56" rx="28" fill="#0DC167"/>
                                                                <path d="M24 33.56L18.44 28L16.5466 29.88L24 37.3334L40 21.3334L38.12 19.4534L24 33.56Z" fill="white"/>
                                                            </svg>
                                                        </div>
                                                        <div class="h5 mt-16">Thank you for subscribing!</div>
                                                        <div class="mh-96 success-text mt-16">Kindly check your inbox—we've sent you a letter to confirm the subscription.</div>
                                                        <a class="btn w-100 mt-20 button-form-group" href="#">Ok, I’ll do it</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wp-block-group already-subscribed-group is-layout-constrained wp-block-group-is-layout-constrained">
                                                <div class="wp-block-group__inner-container">
                                                    <div class="text-center">
                                                        <div class="text-size-null">
                                                            <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <rect width="56" height="56" rx="28" fill="#EAB413"/>
                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M17.3333 28C17.3333 22.1127 22.1128 17.3333 28 17.3333C33.8872 17.3333 38.6667 22.1127 38.6667 28C38.6667 33.8872 33.8872 38.6666 28 38.6666C22.1128 38.6666 17.3333 33.8872 17.3333 28ZM28 14.6666C20.64 14.6666 14.6667 20.64 14.6667 28C14.6667 35.36 20.64 41.3333 28 41.3333C35.36 41.3333 41.3333 35.36 41.3333 28C41.3333 20.64 35.36 14.6666 28 14.6666ZM26.6667 26.6666V34.6666H29.3333V26.6666H26.6667ZM26.6667 21.3333V24H29.3333V21.3333H26.6667Z" fill="white"/>
                                                            </svg>
                                                        </div>
                                                        <div class="h5 mt-16">You've already subscribed to newsletters</div>
                                                        <div class="mh-96 success-text mt-16">
                                                            The confirmation email may have been lost or marked as spam. Please <span class="font-weight-bold">check your inbox</span>
                                                            or try another email.
                                                        </div>
                                                        <a class="btn w-100 mt-20 button-form-group" href="#">Try another email</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wp-block-group blacklisted-group is-layout-constrained wp-block-group-is-layout-constrained">
                                                <div class="wp-block-group__inner-container">
                                                    <div class="text-center">
                                                        <div class="text-size-null">
                                                            <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <rect width="56" height="56" rx="28" fill="#F94D84"/>
                                                                <path d="M28 19.9866L38.04 37.3333H17.96L28 19.9866ZM28 14.6666L13.3333 40H42.6666L28 14.6666ZM29.3333 33.3333H26.6666V36H29.3333V33.3333ZM29.3333 25.3333H26.6666V30.6666H29.3333V25.3333Z" fill="white"/>
                                                            </svg>
                                                        </div>
                                                        <div class="h5 mt-16">You marked our emails as Spam</div>
                                                        <div class="mh-96 success-text mt-16">You cannot use this email address to subscribe to our newsletter. Please try another email.</div>
                                                        <a class="btn w-100 mt-20 button-form-group" href="#">Try another email</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="jet-form-builder-messages-wrap" data-form-id="100654"></div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row row-40 justify-content-lg-between align-items-center mt-40 mt-lg-28">
                        <div class="col-md-7 col-lg-8">
                            <nav class="social-nav text-size-null">
                                <a class="social-nav-link" href="https://www.youtube.com/c/Crocoblock" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M29.4156 9.25313C29.2562 8.65949 28.9437 8.11814 28.5094 7.68324C28.075 7.24834 27.5341 6.93514 26.9406 6.775C24.7562 6.1875 16 6.1875 16 6.1875C16 6.1875 7.24375 6.1875 5.05937 6.77187C4.46569 6.9315 3.92445 7.24452 3.49002 7.6795C3.05558 8.11448 2.74325 8.65611 2.58437 9.25C2 11.4375 2 16 2 16C2 16 2 20.5625 2.58437 22.7469C2.90625 23.9531 3.85625 24.9031 5.05937 25.225C7.24375 25.8125 16 25.8125 16 25.8125C16 25.8125 24.7562 25.8125 26.9406 25.225C28.1469 24.9031 29.0937 23.9531 29.4156 22.7469C30 20.5625 30 16 30 16C30 16 30 11.4375 29.4156 9.25313ZM13.2188 20.1875V11.8125L20.4688 15.9688L13.2188 20.1875Z" fill="#94A3B8"/>
                                    </svg>
                                </a>
                                <a class="social-nav-link" href="https://www.facebook.com/crocoblock/" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M19 6H24V0H19C15.14 0 12 3.14 12 7V10H8V16H12V32H18V16H23L24 10H18V7C18 6.458 18.458 6 19 6Z" fill="#94A3B8"/>
                                    </svg>
                                </a>
                                <a class="social-nav-link" href="https://www.instagram.com/mrcrocoblock/" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9995 23.555C11.8343 23.555 8.44501 20.1657 8.44501 15.9995C8.44501 11.8344 11.8343 8.44504 15.9995 8.44504C20.1656 8.44504 23.5549 11.8344 23.5549 15.9995C23.5549 20.1657 20.1656 23.555 15.9995 23.555ZM15.9995 11.638C13.5949 11.638 11.637 13.595 11.637 15.9995C11.637 18.4051 13.5949 20.363 15.9995 20.363C18.405 20.363 20.362 18.4051 20.362 15.9995C20.362 13.595 18.405 11.638 15.9995 11.638Z" fill="#94A3B8"/>
                                        <path d="M23.7975 10.0073C22.8118 10.0073 22.01 9.20549 22.01 8.21979C22.01 7.23409 22.8118 6.43224 23.7975 6.43224C24.7832 6.43224 25.5851 7.23409 25.5851 8.21979C25.5851 9.20549 24.7832 10.0073 23.7975 10.0073Z" fill="#94A3B8"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M30.6666 23.2672C30.6666 27.3476 27.3476 30.6667 23.2671 30.6667H8.73282C4.65236 30.6667 1.33331 27.3476 1.33331 23.2672V8.73285C1.33331 4.65239 4.65236 1.33334 8.73282 1.33334H23.2671C27.3476 1.33334 30.6666 4.65239 30.6666 8.73285V23.2672ZM8.73282 4.52533C6.41296 4.52533 4.5253 6.41299 4.5253 8.73285V23.2672C4.5253 25.587 6.41296 27.4747 8.73282 27.4747H23.2671C25.587 27.4747 27.4747 25.587 27.4747 23.2672V8.73285C27.4747 6.41299 25.587 4.52533 23.2671 4.52533H8.73282Z" fill="#94A3B8"/>
                                    </svg>
                                </a>
                                <a class="social-nav-link" href="https://twitter.com/MRcrocoblock" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <g clip-path="url(#clip0_1_23)">
                                            <path d="M19.0475 13.5513L30.9621 0H28.1397L17.7899 11.764L9.5296 0H0L12.4939 17.791L0 31.9999H2.8224L13.7451 19.574L22.4704 31.9999H32M3.84107 2.08252H8.17707L28.1376 30.0197H23.8005" fill="#94A3B8"/>
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_1_23">
                                                <rect width="32" height="32" fill="white"/>
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </a>
                                <a class="social-nav-link" href="https://www.linkedin.com/company/crocoblock/" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56123 6.67872C9.56123 8.28991 8.25509 9.59605 6.6439 9.59605C5.0327 9.59605 3.72656 8.28991 3.72656 6.67872C3.72656 5.06752 5.0327 3.76138 6.6439 3.76138C8.25509 3.76138 9.56123 5.06752 9.56123 6.67872ZM12.316 27.9919V11.8066H17.14V14.0199H17.208C17.8786 12.7492 19.5186 11.4066 21.9653 11.4066C27.0613 11.4066 28 14.7572 28 19.1172V27.9932H22.972V20.1212C22.972 18.2452 22.94 15.8306 20.3573 15.8306C17.7386 15.8306 17.3413 17.8759 17.3413 19.9879V27.9919H12.316ZM9.15996 11.8066H4.12663V27.9919H9.15996V11.8066Z" fill="#94A3B8"/>
                                    </svg>
                                </a>
                                <a class="social-nav-link" href="https://github.com/Crocoblock/" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M15.9875 2C8.25937 1.99688 2 8.25313 2 15.975C2 22.0813 5.91562 27.2719 11.3687 29.1781C12.1031 29.3625 11.9906 28.8406 11.9906 28.4844V26.0625C7.75 26.5594 7.57812 23.7531 7.29375 23.2844C6.71875 22.3031 5.35937 22.0531 5.76562 21.5844C6.73125 21.0875 7.71562 21.7094 8.85625 23.3938C9.68125 24.6156 11.2906 24.4094 12.1062 24.2063C12.2844 23.4719 12.6656 22.8156 13.1906 22.3062C8.79687 21.5187 6.96562 18.8375 6.96562 15.65C6.96562 14.1031 7.475 12.6813 8.475 11.5344C7.8375 9.64375 8.53437 8.025 8.62812 7.78438C10.4437 7.62188 12.3312 9.08438 12.4781 9.2C13.5094 8.92188 14.6875 8.775 16.0062 8.775C17.3312 8.775 18.5125 8.92813 19.5531 9.20938C19.9062 8.94063 21.6562 7.68438 23.3437 7.8375C23.4344 8.07813 24.1156 9.65938 23.5156 11.525C24.5281 12.675 25.0437 14.1094 25.0437 15.6594C25.0437 18.8531 23.2 21.5375 18.7937 22.3125C19.1712 22.6837 19.4708 23.1263 19.6752 23.6146C19.8797 24.1028 19.9848 24.6269 19.9844 25.1562V28.6719C20.0094 28.9531 19.9844 29.2313 20.4531 29.2313C25.9875 27.3656 29.9719 22.1375 29.9719 15.9781C29.9719 8.25313 23.7094 2 15.9875 2V2Z" fill="#94A3B8"/>
                                    </svg>
                                </a>
                                <a class="social-nav-link" href="https://www.pinterest.com/crocoblock/" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M15.9993 2.66667C8.635 2.66667 2.66667 8.63634 2.66667 15.9993C2.66667 21.6474 6.18067 26.4759 11.1414 28.4191C11.0239 27.3648 10.9198 25.7419 11.1868 24.5915C11.4297 23.5505 12.7509 17.9639 12.7509 17.9639C12.7509 17.9639 12.3519 17.1644 12.3519 15.9833C12.3519 14.1309 13.4262 12.7469 14.7648 12.7469C15.9032 12.7469 16.4518 13.6011 16.4518 14.6247C16.4518 15.7698 15.7231 17.4794 15.348 19.0649C15.0344 20.3915 16.014 21.4739 17.3219 21.4739C19.6908 21.4739 21.5139 18.9755 21.5139 15.3681C21.5139 12.1757 19.2197 9.94425 15.9446 9.94425C12.1503 9.94425 9.92289 12.7896 9.92289 15.7297C9.92289 16.8748 10.3646 18.104 10.9158 18.7726C10.9627 18.823 10.9958 18.8846 11.0119 18.9514C11.028 19.0183 11.0266 19.0882 11.0079 19.1543C10.9065 19.5747 10.6809 20.4809 10.6382 20.6664C10.5795 20.9107 10.4447 20.9627 10.1911 20.8453C8.5269 20.0699 7.48591 17.6355 7.48591 15.679C7.48591 11.4737 10.5408 7.61136 16.2956 7.61136C20.9213 7.61136 24.5154 10.9065 24.5154 15.312C24.5154 19.9084 21.618 23.6039 17.5968 23.6039C16.2449 23.6039 14.9757 22.9032 14.5406 22.0744L13.7092 25.2428C13.4089 26.4012 12.5961 27.8533 12.0529 28.7394C13.3316 29.1342 14.6624 29.3344 16.0007 29.3333C23.3637 29.3333 29.3333 23.3637 29.3333 16.0007C29.3333 8.63767 23.3623 2.66667 15.9993 2.66667Z" fill="#94A3B8"/>
                                    </svg>
                                </a>
                                <a class="social-nav-link" href="https://profiles.wordpress.org/crocoblock/" target="_blank" rel="noopener">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M4.15396 10.9103C3.41256 12.5665 3 14.4021 3 16.3333C3 21.6069 6.06726 26.1689 10.5157 28.3333L4.15396 10.9103Z" fill="#94A3B8"/>
                                        <path d="M12.5665 29.1226C13.7623 29.4753 15.0239 29.6667 16.3333 29.6667C17.8879 29.6667 19.3767 29.3976 20.7578 28.9133C20.722 28.8535 20.6921 28.7937 20.6622 28.728L16.5665 17.4993L12.5665 29.1226Z" fill="#94A3B8"/>
                                        <path d="M19.6936 9.95964C19.6936 9.95964 18.9701 10.0433 18.1689 10.0852L22.994 24.4111L24.3214 19.9686C24.3531 19.8674 24.3845 19.7679 24.4153 19.6698C24.9478 17.9769 25.3378 16.7372 25.3378 15.6577C25.3378 14.0075 24.7459 12.8655 24.2377 11.9806C24.1828 11.8913 24.1283 11.8031 24.0743 11.7159C23.4633 10.7288 22.9283 9.86436 22.9283 8.85351C22.9283 7.6278 23.855 6.4858 25.1644 6.4858C25.2192 6.4858 25.269 6.49082 25.3229 6.49626C25.3278 6.49676 25.3328 6.49726 25.3378 6.49776C22.9641 4.32735 19.8012 3 16.3333 3C11.6756 3 7.57997 5.39163 5.19432 9.00897C5.51121 9.02093 5.80419 9.02691 6.05531 9.02691C7.44843 9.02691 9.60688 8.85949 9.60688 8.85949C10.3244 8.81764 10.4081 9.87593 9.69058 9.95964C9.69058 9.95964 8.96712 10.0433 8.16592 10.0852L13.0209 24.5247L15.9387 15.7773L13.864 10.0852C13.1465 10.0433 12.4649 9.95964 12.4649 9.95964C11.7474 9.91779 11.8311 8.81764 12.5486 8.85949C12.5486 8.85949 14.7489 9.02691 16.0583 9.02691C17.4514 9.02691 19.6099 8.85949 19.6099 8.85949C20.3274 8.81764 20.4111 9.87593 19.6936 9.95964Z" fill="#94A3B8"/>
                                        <path d="M27.1076 16.0822L23.0359 27.855C27 25.5471 29.6667 21.2541 29.6667 16.3333C29.6667 14.0135 29.0747 11.8371 28.0344 9.93573C28.0942 10.3602 28.1241 10.8146 28.1241 11.3049C28.1241 12.6622 27.867 14.1809 27.1076 16.0822Z" fill="#94A3B8"/>
                                    </svg>
                                </a>
                            </nav>
                        </div>
                        <div class="col-md-5 col-lg-4 col-xl-3">
                            <div class="ml-lg-32 ml-xl-0">
                                <span class="reviews-number font-weight-bold">1000+</span>
                                reviews on <a class="footer-link-custom underline" href="https://www.trustpilot.com/review/crocoblock.com" target="_blank" rel="noreferer noopener">Trustpilot</a>
                            </div>
                        </div>
                    </div>
                    <div class="small mt-40">
                        <div>Copyright © 2024 Crocoblock, operated by Jetimpex Inc. All Rights Reserved</div>
                        <div>
                            Partner Projects: <a class="footer-link-custom" href="https://www.templatemonster.com/" target="_blank" rel="noopener">TemplateMonster</a>
                            , <a class="footer-link-custom" href="https://zemez.io/" target="_blank" rel="noopener">Zemez</a>
                            , <a class="footer-link-custom" href="https://www.motocms.com/" target="_blank" rel="noopener">MotoCMS</a>
                            , <a class="footer-link-custom" href="https://weblium.com/" target="_blank" rel="noopener">Weblium</a>
                            , <a class="footer-link-custom" href="https://motopress.com/" target="_blank" rel="noopener">MotoPress</a>
                            , <a class="footer-link-custom" href="https://monsterone.com/" target="_blank" rel="noopener">MonsterONE</a>
                            , <a class="footer-link-custom" href="https://novibuilder.com/" target="_blank" rel="noopener">Novi Builder</a>
                            , <a class="footer-link-custom" href="" target="_blank" rel="noopener">Web Design Library</a>
                        </div>
                    </div>
                    <div class="d-flex align-items-center mt-12">
                        <div class="text-size-null mr-8">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M14.5804 1.25C12.6573 1.25 10.9615 2.29274 10 3.86139C9.03846 2.29274 7.34266 1.25 5.41958 1.25C2.43007 1.25 0 3.77072 0 6.87175C0 12.557 8.14685 18.6956 9.99126 18.7409H10H10.0087C11.8531 18.6956 20 12.557 20 6.87175C20 3.77072 17.5699 1.25 14.5804 1.25Z" fill="#2588F3"/>
                                <path d="M0.734375 10C2.77109 14.6062 8.48787 18.7046 9.99137 18.75H10.0001H10.0088C11.5123 18.7137 17.2291 14.6062 19.2658 10H0.734375Z" fill="#F2D23C"/>
                            </svg>
                        </div>
                        <div class="small">Made in Ukraine</div>
                    </div>
                </div>
            </footer>
        </div>
        <!-- #page -->
        <script type="text/javascript">
            window.cGtagPush = function() {
                window.dataLayer = window.dataLayer || [];
                window.dataLayer.push.call(window.dataLayer, arguments);
            }

            window.consentCookieMap = {
                initial: {
                    ad_storage: 'denied',
                    analytics_storage: 'denied',
                    personalization_storage: 'denied',
                    ad_user_data: 'denied',
                    ad_personalization: 'denied',
                    functionality_storage: 'denied',
                    security_storage: 'denied',
                },
                all: {
                    ad_storage: 'granted',
                    analytics_storage: 'granted',
                    personalization_storage: 'granted',
                    functionality_storage: 'granted',
                    security_storage: 'granted',
                    ad_user_data: 'granted',
                    ad_personalization: 'granted',
                },
                optional: {
                    ad_storage: 'denied',
                    analytics_storage: 'denied',
                    personalization_storage: 'denied',
                    ad_user_data: 'denied',
                    ad_personalization: 'denied',
                    functionality_storage: 'granted',
                    security_storage: 'granted',
                }
            }

            const currenType = 'optional';

            window.cGtagPush('consent', 'default', consentCookieMap[currenType]);
        </script>
        <div id="jet-popup-8941" class="jet-popup jet-popup--front-mode jet-popup--hide-state jet-popup--animation-fade" data-settings="{&quot;id&quot;:8941,&quot;jet-popup-id&quot;:&quot;jet-popup-8941&quot;,&quot;type&quot;:&quot;default&quot;,&quot;animation&quot;:&quot;fade&quot;,&quot;open-trigger&quot;:&quot;attach&quot;,&quot;page-load-delay&quot;:&quot;&quot;,&quot;user-inactivity-time&quot;:1,&quot;scrolled-to&quot;:10,&quot;on-date&quot;:&quot;2023-07-02 07:40&quot;,&quot;on-time-start&quot;:&quot;&quot;,&quot;on-time-end&quot;:&quot;&quot;,&quot;custom-selector&quot;:&quot;.custom&quot;,&quot;prevent-scrolling&quot;:false,&quot;show-once&quot;:true,&quot;show-again-delay&quot;:&quot;none&quot;,&quot;use-ajax&quot;:true,&quot;force-ajax&quot;:false,&quot;close-on-overlay-click&quot;:true}">
            <div class="jet-popup__inner">
                <div class="jet-popup__container">
                    <div class="jet-popup__container-inner">
                        <div class="jet-popup__container-overlay"></div>
                        <div class="jet-popup__container-content"></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="jet-popup-57724" class="jet-popup jet-popup--front-mode jet-popup--hide-state jet-popup--animation-fade" data-settings="{&quot;id&quot;:57724,&quot;jet-popup-id&quot;:&quot;jet-popup-57724&quot;,&quot;type&quot;:&quot;default&quot;,&quot;animation&quot;:&quot;fade&quot;,&quot;open-trigger&quot;:&quot;attach&quot;,&quot;page-load-delay&quot;:1,&quot;user-inactivity-time&quot;:3,&quot;scrolled-to&quot;:10,&quot;on-date&quot;:&quot;&quot;,&quot;on-time-start&quot;:&quot;&quot;,&quot;on-time-end&quot;:&quot;&quot;,&quot;custom-selector&quot;:&quot;&quot;,&quot;prevent-scrolling&quot;:false,&quot;show-once&quot;:false,&quot;show-again-delay&quot;:&quot;none&quot;,&quot;use-ajax&quot;:true,&quot;force-ajax&quot;:false,&quot;close-on-overlay-click&quot;:true}">
            <div class="jet-popup__inner">
                <div class="jet-popup__overlay">
                    <div class="jet-popup-loader"></div>
                </div>
                <div class="jet-popup__container">
                    <div class="jet-popup__container-inner">
                        <div class="jet-popup__container-overlay"></div>
                        <div class="jet-popup__container-content"></div>
                    </div>
                    <div class="jet-popup__close-button">
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
                            <path d="M1.2123e-05 12.7273L12.7273 0.000611057L14 1.27328L1.27274 14L1.2123e-05 12.7273Z" fill="white"></path>
                            <path d="M14 12.7267L1.27273 0L0 1.27267L12.7273 13.9994L14 12.7267Z" fill="white"></path>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/x-template" id="desktop-menu-item-template">
            <li
	class="croco-site-desktop-menu__item"
	:class="{ 'is-template': isTemplate, 'is-sub-open': isSubContainerOpen, 'is-sub': isSubContainer }"
	v-on:mouseenter="mouseEnter"
	v-on:mouseleave="mouseLeave">
  <a :href="itemData.url"
    :class="itemData.customClass ? itemData.customClass : 'croco-site-desktop-menu__item-title'"
    v-if="!isSubContainer">{{itemData.name}}</a>
	<div
		class="croco-site-desktop-menu__item-name"
		:class="itemData.customClass"
		v-if="isSubContainer">
    <div class="croco-site-desktop-menu__template-loader" v-if="templateLoading">
      <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg>
    </div>
		<span
			class="croco-site-desktop-menu__item-title"
			v-on:mouseenter="subToggle">
			{{itemData.name}}
			<span class="croco-site-desktop-menu__sub-marker">
				<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M7.41 8.59009L12 13.1701L16.59 8.59009L18 10.0001L12 16.0001L6 10.0001L7.41 8.59009Z" fill="#000000"/>
				</svg>
			</span>
		</span>
	</div>
	<transition name="sub-container-animation" v-if="isSubContainer">
		<div
			class="croco-site-desktop-menu__sub-container"
			ref="sub-container"
			v-show="isSubContainerOpen">
			<div class="croco-site-desktop-menu__container container">
				<ul
					class="croco-site-desktop-menu__sub-menu"
					v-if="!isTemplate">
					<desktopmenuitem
						class="sub-item"
						v-for="(item, index) in itemData.children"
						:key="index"
						:item-data-object="item"
						:level-items-object="itemData.children"
						level='sub'
					></desktopmenuitem>
				</ul>
				<div
					class="croco-site-desktop-menu__template"
					ref="template-content"
					v-if="isTemplate">
					<div class="croco-site-desktop-menu__template-inner"></div>
				</div>
			</div>
		</div>
	</transition>
</li>
        </script>
        <script type="text/x-template" id="desktop-menu-template">
            <div
	class="croco-site-desktop-menu__instance"
	v-on:mouseenter="mouseEnter"
	v-on:mouseleave="mouseLeave">
	<ul class="croco-site-desktop-menu__top-list">
		<desktopmenuitem
			class="top-item"
			v-for="(item, index) in itemsTreeData"
			:key="index"
			:item-data-object="item"
			:level-items-object="itemsTreeData"
			level='top'
		></desktopmenuitem>
	</ul>
</div>
        </script>
        <script type="text/x-template" id="mobile-menu-item-template">
            <li class="croco-site-mobile-menu__item" v-on:click="switchToSub">
	<div
		class="croco-site-mobile-menu__item-name">
		<span class="croco-site-mobile-menu__item-title" v-if="isSub">{{itemDataObject.name}}</span>
		<a :href="itemDataObject.url"
		  class="croco-site-desktop-menu__item-link"
      :class="itemDataObject.customClass"
      v-if="!isSub">
			{{ itemDataObject.name }}
		</a>
	</div>
	<span class="croco-site-mobile-menu__sub-marker" v-if="isSub">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z" fill="#000000"/>
    </svg>
	</span>
</li>
        </script>
        <script type="text/x-template" id="mobile-menu-list-template">
            <div class="croco-site-mobile-menu__list"
	:class="{ 'is-breadcrumbs': isBreadcrumbs }">
	<div
		class="croco-site-mobile-menu__back-button"
		v-if="isBack"
		v-on:click="goBack">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M2.41458 10.6673L8.86023 4.22168L10.2744 5.63589L4.91049 10.9999H22.0821V12.9999H4.7471L10.1923 18.445L8.77805 19.8592L0.999878 12.0811L2.41409 10.6668L2.41458 10.6673Z" fill="black"/>
    </svg>
	</div>
	<div class="croco-site-mobile-menu__breadcrumbs" v-if="isBreadcrumbs">{{ breadcrumbsPath }}</div>
	<ul class="croco-site-mobile-menu__list-items">
		<mobilemenuitem v-for="item in childrenObject" :key="item.id" :item-data-object="item"></mobilemenuitem>
	</ul>
</div>
        </script>
        <script type="text/x-template" id="mobile-menu-template">
            <div class="croco-site-mobile-menu__instance">
	<div
		class="croco-site-mobile-menu__toggle"
		v-on:click="menuToggle">
		<svg class="croco-site-mobile-menu__toggle-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H4V6H20V4ZM15 11H4V13H15V11ZM4 18H20V20H4V18Z" fill="#000000"/>
    </svg>
	</div>
	<transition name="sub-container-right-animation">
		<div
			class="croco-site-mobile-menu__container"
			v-if="menuOpen">
			<transition :name="animation">
				<mobilemenulist
					:key="depth"
					:depth="depth"
					:animation="animation"
					:children-object="itemsList"
					:breadcrumbs-path="breadcrumbsPath"
					></mobilemenulist>
			</transition>
		</div>
	</transition>
	<div class="croco-site-mobile-menu__close"></div>
</div>
        </script>
        <script type="text/x-template" id="mobile-support-menu-template">
            <div class="croco-site-mobile-support-menu__instance">
	<div
		class="croco-site-mobile-support-menu__toggle"
		v-on:click="menuToggle">
		<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M0.5 16H14.5C14.6354 16 14.75 15.9479 14.8438 15.8438C14.9479 15.75 15 15.6354 15 15.5V13.2969C15 12.7656 14.849 12.2865 14.5469 11.8594C14.2448 11.4219 13.849 11.1146 13.3594 10.9375C13.0573 10.8333 12.7083 10.7292 12.3125 10.625C11.9167 10.5104 11.474 10.4062 10.9844 10.3125C10.4948 10.2188 9.95833 10.1458 9.375 10.0938C8.79167 10.0312 8.16667 10 7.5 10C6.83333 10 6.20833 10.0312 5.625 10.0938C5.04167 10.1458 4.50521 10.2188 4.01562 10.3125C3.52604 10.4062 3.08333 10.5104 2.6875 10.625C2.29167 10.7292 1.94271 10.8333 1.64062 10.9375C1.15104 11.1146 0.755208 11.4219 0.453125 11.8594C0.151042 12.2865 0 12.7656 0 13.2969V15.5C0 15.6354 0.046875 15.75 0.140625 15.8438C0.244792 15.9479 0.364583 16 0.5 16ZM7.5 9C8.05208 9 8.56771 8.89583 9.04688 8.6875C9.53646 8.47917 9.96354 8.19271 10.3281 7.82812C10.6927 7.46354 10.9792 7.04167 11.1875 6.5625C11.3958 6.07292 11.5 5.55208 11.5 5V4C11.5 3.44792 11.3958 2.93229 11.1875 2.45312C10.9792 1.96354 10.6927 1.53646 10.3281 1.17188C9.96354 0.807292 9.53646 0.520833 9.04688 0.3125C8.56771 0.104167 8.05208 0 7.5 0C6.94792 0 6.42708 0.104167 5.9375 0.3125C5.45833 0.520833 5.03646 0.807292 4.67188 1.17188C4.30729 1.53646 4.02083 1.96354 3.8125 2.45312C3.60417 2.93229 3.5 3.44792 3.5 4V5C3.5 5.55208 3.60417 6.07292 3.8125 6.5625C4.02083 7.04167 4.30729 7.46354 4.67188 7.82812C5.03646 8.19271 5.45833 8.47917 5.9375 8.6875C6.42708 8.89583 6.94792 9 7.5 9Z" fill="#5C6B79"/>
		</svg>
	</div>
	<transition name="sub-container-left-animation">
		<div class="croco-site-mobile-support-menu__container" v-show="menuOpen" ref="template-container">
			<div class="croco-site-desktop-support-menu__template-loader" v-if="templateLoading">
				<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg>
			</div>
			<div class="croco-site-mobile-support-menu__container-inner">
			</div>
		</div>
	</transition>
</div>
        </script>
        <noscript>
            <style>
                .lazyload {
                    display: none;
                }
            </style>
        </noscript>
        <script data-noptimize="1">
            window.lazySizesConfig = window.lazySizesConfig || {};
            window.lazySizesConfig.loadMode = 1;
        </script>
        <script async data-noptimize="1" src='https://crocoblock.com/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=3.1.10'></script>
        <script type="text/x-template" id="desktop-menu-item-template">
            <li
	class="croco-site-desktop-menu__item"
	:class="{ 'is-template': isTemplate, 'is-sub-open': isSubContainerOpen, 'is-sub': isSubContainer }"
	v-on:mouseenter="mouseEnter"
	v-on:mouseleave="mouseLeave">
  <a :href="itemData.url"
    :class="itemData.customClass ? itemData.customClass : 'croco-site-desktop-menu__item-title'"
    v-if="!isSubContainer">{{itemData.name}}</a>
	<div
		class="croco-site-desktop-menu__item-name"
		:class="itemData.customClass"
		v-if="isSubContainer">
    <div class="croco-site-desktop-menu__template-loader" v-if="templateLoading">
      <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg>
    </div>
		<span
			class="croco-site-desktop-menu__item-title"
			v-on:mouseenter="subToggle">
			{{itemData.name}}
			<span class="croco-site-desktop-menu__sub-marker">
				<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M7.41 8.59009L12 13.1701L16.59 8.59009L18 10.0001L12 16.0001L6 10.0001L7.41 8.59009Z" fill="#000000"/>
				</svg>
			</span>
		</span>
	</div>
	<transition name="sub-container-animation" v-if="isSubContainer">
		<div
			class="croco-site-desktop-menu__sub-container"
			ref="sub-container"
			v-show="isSubContainerOpen">
			<div class="croco-site-desktop-menu__container container">
				<ul
					class="croco-site-desktop-menu__sub-menu"
					v-if="!isTemplate">
					<desktopmenuitem
						class="sub-item"
						v-for="(item, index) in itemData.children"
						:key="index"
						:item-data-object="item"
						:level-items-object="itemData.children"
						level='sub'
					></desktopmenuitem>
				</ul>
				<div
					class="croco-site-desktop-menu__template"
					ref="template-content"
					v-if="isTemplate">
					<div class="croco-site-desktop-menu__template-inner"></div>
				</div>
			</div>
		</div>
	</transition>
</li>
        </script>
        <script type="text/x-template" id="desktop-menu-template">
            <div
	class="croco-site-desktop-menu__instance"
	v-on:mouseenter="mouseEnter"
	v-on:mouseleave="mouseLeave">
	<ul class="croco-site-desktop-menu__top-list">
		<desktopmenuitem
			class="top-item"
			v-for="(item, index) in itemsTreeData"
			:key="index"
			:item-data-object="item"
			:level-items-object="itemsTreeData"
			level='top'
		></desktopmenuitem>
	</ul>
</div>
        </script>
        <script type="text/x-template" id="mobile-menu-item-template">
            <li class="croco-site-mobile-menu__item" v-on:click="switchToSub">
	<div
		class="croco-site-mobile-menu__item-name">
		<span class="croco-site-mobile-menu__item-title" v-if="isSub">{{itemDataObject.name}}</span>
		<a :href="itemDataObject.url"
		  class="croco-site-desktop-menu__item-link"
      :class="itemDataObject.customClass"
      v-if="!isSub">
			{{ itemDataObject.name }}
		</a>
	</div>
	<span class="croco-site-mobile-menu__sub-marker" v-if="isSub">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z" fill="#000000"/>
    </svg>
	</span>
</li>
        </script>
        <script type="text/x-template" id="mobile-menu-list-template">
            <div class="croco-site-mobile-menu__list"
	:class="{ 'is-breadcrumbs': isBreadcrumbs }">
	<div
		class="croco-site-mobile-menu__back-button"
		v-if="isBack"
		v-on:click="goBack">
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M2.41458 10.6673L8.86023 4.22168L10.2744 5.63589L4.91049 10.9999H22.0821V12.9999H4.7471L10.1923 18.445L8.77805 19.8592L0.999878 12.0811L2.41409 10.6668L2.41458 10.6673Z" fill="black"/>
    </svg>
	</div>
	<div class="croco-site-mobile-menu__breadcrumbs" v-if="isBreadcrumbs">{{ breadcrumbsPath }}</div>
	<ul class="croco-site-mobile-menu__list-items">
		<mobilemenuitem v-for="item in childrenObject" :key="item.id" :item-data-object="item"></mobilemenuitem>
	</ul>
</div>
        </script>
        <script type="text/x-template" id="mobile-menu-template">
            <div class="croco-site-mobile-menu__instance">
	<div
		class="croco-site-mobile-menu__toggle"
		v-on:click="menuToggle">
		<svg class="croco-site-mobile-menu__toggle-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H4V6H20V4ZM15 11H4V13H15V11ZM4 18H20V20H4V18Z" fill="#000000"/>
    </svg>
	</div>
	<transition name="sub-container-right-animation">
		<div
			class="croco-site-mobile-menu__container"
			v-if="menuOpen">
			<transition :name="animation">
				<mobilemenulist
					:key="depth"
					:depth="depth"
					:animation="animation"
					:children-object="itemsList"
					:breadcrumbs-path="breadcrumbsPath"
					></mobilemenulist>
			</transition>
		</div>
	</transition>
	<div class="croco-site-mobile-menu__close"></div>
</div>
        </script>
        <script type="text/x-template" id="mobile-support-menu-template">
            <div class="croco-site-mobile-support-menu__instance">
	<div
		class="croco-site-mobile-support-menu__toggle"
		v-on:click="menuToggle">
		<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M0.5 16H14.5C14.6354 16 14.75 15.9479 14.8438 15.8438C14.9479 15.75 15 15.6354 15 15.5V13.2969C15 12.7656 14.849 12.2865 14.5469 11.8594C14.2448 11.4219 13.849 11.1146 13.3594 10.9375C13.0573 10.8333 12.7083 10.7292 12.3125 10.625C11.9167 10.5104 11.474 10.4062 10.9844 10.3125C10.4948 10.2188 9.95833 10.1458 9.375 10.0938C8.79167 10.0312 8.16667 10 7.5 10C6.83333 10 6.20833 10.0312 5.625 10.0938C5.04167 10.1458 4.50521 10.2188 4.01562 10.3125C3.52604 10.4062 3.08333 10.5104 2.6875 10.625C2.29167 10.7292 1.94271 10.8333 1.64062 10.9375C1.15104 11.1146 0.755208 11.4219 0.453125 11.8594C0.151042 12.2865 0 12.7656 0 13.2969V15.5C0 15.6354 0.046875 15.75 0.140625 15.8438C0.244792 15.9479 0.364583 16 0.5 16ZM7.5 9C8.05208 9 8.56771 8.89583 9.04688 8.6875C9.53646 8.47917 9.96354 8.19271 10.3281 7.82812C10.6927 7.46354 10.9792 7.04167 11.1875 6.5625C11.3958 6.07292 11.5 5.55208 11.5 5V4C11.5 3.44792 11.3958 2.93229 11.1875 2.45312C10.9792 1.96354 10.6927 1.53646 10.3281 1.17188C9.96354 0.807292 9.53646 0.520833 9.04688 0.3125C8.56771 0.104167 8.05208 0 7.5 0C6.94792 0 6.42708 0.104167 5.9375 0.3125C5.45833 0.520833 5.03646 0.807292 4.67188 1.17188C4.30729 1.53646 4.02083 1.96354 3.8125 2.45312C3.60417 2.93229 3.5 3.44792 3.5 4V5C3.5 5.55208 3.60417 6.07292 3.8125 6.5625C4.02083 7.04167 4.30729 7.46354 4.67188 7.82812C5.03646 8.19271 5.45833 8.47917 5.9375 8.6875C6.42708 8.89583 6.94792 9 7.5 9Z" fill="#5C6B79"/>
		</svg>
	</div>
	<transition name="sub-container-left-animation">
		<div class="croco-site-mobile-support-menu__container" v-show="menuOpen" ref="template-container">
			<div class="croco-site-desktop-support-menu__template-loader" v-if="templateLoading">
				<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg>
			</div>
			<div class="croco-site-mobile-support-menu__container-inner">
			</div>
		</div>
	</transition>
</div>
        </script>
        <script>
            var CTrackingPlugins = {
                "jetelements": {
                    "name": "JetElements",
                    "id": "19682",
                    "price": "43",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetengine": {
                    "name": "JetEngine",
                    "id": "19804",
                    "price": "43",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetblog": {
                    "name": "JetBlog",
                    "id": "19801",
                    "price": "23",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetsearch": {
                    "name": "JetSearch",
                    "id": "36274",
                    "price": "23",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetcomparewishlist": {
                    "name": "JetCompareWishlist",
                    "id": "43098",
                    "price": "15",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetproductgallery": {
                    "name": "JetProductGallery",
                    "id": "32238",
                    "price": "23",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetpopup": {
                    "name": "JetPopup",
                    "id": "19812",
                    "price": "22",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetsmartfilters": {
                    "name": "JetSmartFilters",
                    "id": "21000",
                    "price": "43",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetwoobuilder": {
                    "name": "JetWooBuilder",
                    "id": "19806",
                    "price": "43",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetmenu": {
                    "name": "JetMenu",
                    "id": "19684",
                    "price": "43",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jettabs": {
                    "name": "JetTabs",
                    "id": "19686",
                    "price": "23",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetreviews": {
                    "name": "JetReviews",
                    "id": "32231",
                    "price": "22",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jettricks": {
                    "name": "JetTricks",
                    "id": "19808",
                    "price": "23",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetblocks": {
                    "name": "JetBlocks",
                    "id": "19810",
                    "price": "19",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetbooking": {
                    "name": "JetBooking",
                    "id": "267482",
                    "price": "19",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetstylemanager": {
                    "name": "JetStyleManager",
                    "id": null,
                    "price": null,
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetthemecore": {
                    "name": "JetThemeCore",
                    "id": "1013293",
                    "price": "23",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetappointment": {
                    "name": "JetAppointment",
                    "id": "267483",
                    "price": "19",
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetformbuilder": {
                    "name": "JetFormBuilder",
                    "id": null,
                    "price": null,
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                },
                "jetgridbuilder": {
                    "name": "JetGridBuilder",
                    "id": null,
                    "price": null,
                    "brand": "Crocoblock",
                    "category": "Plugins",
                    "quantity": 1,
                    "variant": "Single"
                }
            }
        </script>
        <script>
            jQuery(function() {

                "use strict";

                var $doc = jQuery(document)
                  , isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

                function getCookieData(name) {
                    let pairs = document.cookie.split("; "), count = pairs.length, parts;
                    while (count--) {
                        parts = pairs[count].split("=");
                        if (parts[0] === name)
                            return parts[1];
                    }
                    return false;
                }

                $doc.ready(function() {
                    let plugins = getCookieData("csc_cart")
                      , $plugin = jQuery('.csc-plugin').attr('data-plugin')
                      , $visible = jQuery('.csc-plugin .visible-state')
                      , $hidden = jQuery('.csc-plugin .hidden-state');

                    if (plugins && plugins.includes($plugin)) {
                        $visible.addClass('d-inline-flex');
                        $hidden.addClass('d-none');
                    }
                });

                $doc.on('click', '.subscription-trigger', function(event) {

                    event.preventDefault();

                    var $subscription = jQuery('.subscription-section')
                      , $close = jQuery('.subscription-section .close')
                      , $body = jQuery('body');

                    $body.addClass('overflow-hidden');
                    $subscription.addClass('d-flex flex-column justify-content-center fixed-top h-100 show');
                    $close.addClass('d-block');

                    if (isMobile) {
                        $subscription.addClass('overflow-auto pt-196');
                    }

                });

                $doc.on('mouseup', function(event) {

                    event.preventDefault();

                    var $container = jQuery('.croco-pricing-widget')
                      , $subscription = jQuery('.subscription-section')
                      , $close = jQuery('.subscription-section .close')
                      , $body = jQuery('body');

                    if (event.which == 1 && $container.has(event.target).length === 0) {
                        $body.removeClass('overflow-hidden');
                        $subscription.removeClass('d-flex flex-column justify-content-center fixed-top h-100 show');
                        $close.removeClass('d-block');
                    }

                    if (isMobile) {
                        $subscription.removeClass('overflow-auto pt-196');
                    }

                });

                $doc.on('click', '.cs-plugin__add-to-cart', function(event) {

                    event.preventDefault();

                    var $button = jQuery(this)
                      , $body = jQuery('body');

                    $body.addClass('csc-loading');

                    trackPluginEvent($button.data('plugin'), 'add');

                    let btnClass = $button.data('btn-class');

                    jQuery.ajax({
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            csc_action: 'add',
                            plugin: $button.data('plugin'),
                            btnClass: btnClass ? btnClass : null,
                            context: 'cart_plugin',
                        }
                    }).done(function(response) {
                        if (response.success) {

                            $body.removeClass('csc-loading');

                            setTimeout(function() {
                                $body.addClass('in-cart');
                            }, 750);

                            for (var selector in response.data.fragments) {
                                var $el = jQuery(selector);

                                if ($el.length) {
                                    $el.html(response.data.fragments[selector]);
                                }

                            }
                        }
                    });

                });

                $doc.on('click', '.csc-plugin__add-to-cart', function(event) {

                    event.preventDefault();

                    var $button = jQuery(this)
                      , $body = jQuery('body');

                    $body.addClass('csc-loading');

                    const plugins = $button.data('plugin').split(',');

                    for (var i = 0; i < plugins.length; i++) {
                        trackPluginEvent(plugins[i], 'add');
                    }

                    if ($button.data('redirect')) {
                        $button.attr('disabled', 'disabled');
                    }

                    jQuery.ajax({
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            csc_action: 'add',
                            plugin: $button.data('plugin'),
                            context: 'cart_plugin',
                        }
                    }).done(function(response) {
                        if (response.success) {

                            $body.removeClass('csc-loading');

                            if ($button.data('redirect')) {
                                window.location = response.data.url;
                                return;
                            }

                            for (var selector in response.data.fragments) {
                                var $el = jQuery(selector);

                                if ($el.length) {
                                    $el.html(response.data.fragments[selector]);
                                }

                            }

                        } else {
                            $button.removeAttr('disabled');
                        }

                    });

                });

                $doc.on('click', '.csc-plugin__remove', function() {

                    var $button = jQuery(this)
                      , $body = jQuery('body');

                    $body.addClass('csc-loading');

                    trackPluginEvent($button.data('plugin'), 'remove');

                    jQuery.ajax({
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            csc_action: 'remove',
                            plugin: $button.data('plugin'),
                            fragment: {
                                selector: '.csc-plugin[data-plugin="' + $button.data('plugin') + '"]',
                                cb: 'render_cart_plugin',
                            },
                        }
                    }).done(function(response) {

                        $body.removeClass('csc-loading');

                        if (response.success) {

                            var $container = $button.closest('.csc-cart-plugin');
                            $container.remove();

                            for (var selector in response.data.fragments) {
                                var $el = jQuery(selector);

                                // console.log( $el );

                                if ($el.length) {
                                    $el.html(response.data.fragments[selector]);
                                }

                            }

                        }
                    });

                });

            });
        </script>
        <script>
            function getCartCookieData(name) {
                let pairs = document.cookie.split("; "), count = pairs.length, parts;
                while (count--) {
                    parts = pairs[count].split("=");
                    if (parts[0] === name)
                        return parts[1];
                }
                return false;
            }

            function trackPluginEvent(plugin, eventType) {

                eventType = eventType || 'add';

                let eventAction;

                const pluginData = window.CTrackingPlugins[plugin] || false;
                const variant = getCartCookieData('csc_license') || false;

                if (!pluginData) {
                    return;
                }

                if ('add' === eventType) {
                    eventAction = eventType + '_to_cart';
                } else {
                    eventAction = eventType + '_from_cart';
                }

                if (variant) {
                    pluginData.variant = variant;
                }

                window.dataLayer = window.dataLayer || [];

                /*

	pre GA4 tracking

	window.dataLayer.push({
		'event': eventAction,
		'ecommerce': {
			[ eventType ]: {
				'products': [ pluginData ]
			}
		}
	});
	 */

                /**
	 * GA4 tracking data
	 */
                window.dataLayer.push({
                    event: eventAction,
                    ecommerce: {
                        items: [{
                            item_id: pluginData.id,
                            item_name: pluginData.name,
                            affiliation: "Croco",
                            item_brand: "initial",
                            item_category: pluginData.category,
                            item_variant: pluginData.variant,
                            price: pluginData.price,
                            quantity: pluginData.quantity
                        }]
                    }
                });

                // console.log( window.dataLayer );

            }
        </script>
        <script type="text/html" id="tmpl-jet-ajax-search-results-item">
            <div class="jet-ajax-search__item d-flex {{{data.post_class}}}">
                <div class="jet-ajax-search__icon-box text-size-null mr-12">{{{data.post_icon}}}</div>
                <a class="jet-ajax-search__link" href="{{{data.link}}}" target="{{{data.link_target_attr}}}">{{{data.title}}}</a>
            </div>
        </script>
        <link rel='stylesheet' id='jet-form-builder-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_5664219798de0e41a4d50ec18bc14dcf.css?ver=3.1.7' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-post-8941-css' href='https://crocoblock.com/wp-content/uploads/elementor/css/post-8941.css?ver=1685122821' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' type='text/css' media='all'/>
        <link rel='stylesheet' id='elementor-post-57724-css' href='https://crocoblock.com/wp-content/uploads/elementor/css/post-57724.css?ver=1658465177' type='text/css' media='all'/>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/underscore.min.js?ver=1.13.4' id='underscore-js'></script>
        <script type='text/javascript' id='wp-util-js-extra'>
            /* <![CDATA[ */
            var _wpUtilSettings = {
                "ajax": {
                    "url": "\/wp-admin\/admin-ajax.php"
                }
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/wp-util.min.js?ver=6.3.3' id='wp-util-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/jet-search/assets/lib/chosen/chosen.jquery.min.js?ver=1.8.7' id='jquery-chosen-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_d1e889fa43c0fc3b205b06ba4dc12550.js?ver=3.0.3' id='jet-search-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_1278bec9125833f28c1e5d610748eee0.js?ver=2.0.4' id='crocoblock-clipboard-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_06619d43deaf1087c20a5f57272b8909.js?ver=20151215' id='crocoblock-io-lazy-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/themes/crocoblock/js/slick.min.js?ver=1.6.0' id='crocoblock-slick-js'></script>
        <script type='text/javascript' id='crocoblock-theme-script-js-extra'>
            /* <![CDATA[ */
            var CrocoblockThemeScript = {
                "ajaxUrl": "https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php"
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_aed9032599c00777da35ede8d00e6f15.js?ver=20151211' id='crocoblock-theme-script-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_6d4fb7806a34c653878ac7f353d8fee6.js?ver=1.0.0' id='crocoblock-exa-scripts-js'></script>
        <script type='text/javascript' id='vue-js-extra'>
            /* <![CDATA[ */
            var jgbSettings = {
                "api": {
                    "endpoints": {
                        "Posts": "https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/posts\/",
                        "PostTypes": "https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/post-types\/",
                        "TaxonomyTerms": "https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/taxonomy-terms\/",
                        "Taxonomies": "https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/taxonomies\/"
                    }
                }
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/croco-site-content-types/assets/js/public/vue.min.js?ver=2.6.10' id='vue-js'></script>
        <script type='text/javascript' id='croco-site-menu-frontend-js-extra'>
            /* <![CDATA[ */
            var CrocoSiteMenuData = {
                "version": "2.0.1",
                "ajaxUrl": "https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php",
                "isMobile": "false",
                "elementorTemplateApiUrl": "https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/elementor-template",
                "blockEditorTemplateApiUrl": "https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/block-editor-template",
                "menuItemsApiUrl": "https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/get-menu-items",
                "loggedIn": "false",
                "devMode": "false",
                "contentType": "reusable-blocks"
            };
            var CrocoSiteMenuData = {
                "menuData": {
                    "croco-site-desktop-menu": {
                        "name": "Croco Desktop Menu",
                        "slug": "croco-desktop-menu",
                        "items": {
                            "item-13182": {
                                "id": "item-13182",
                                "name": "Products",
                                "url": "",
                                "itemParent": false,
                                "elementorTemplateId": 72016,
                                "open": false,
                                "afterBadgeText": "",
                                "customClass": "megamenu-link"
                            },
                            "item-28595": {
                                "id": "item-28595",
                                "name": "Solutions",
                                "url": "",
                                "itemParent": false,
                                "elementorTemplateId": 72018,
                                "open": false,
                                "afterBadgeText": "",
                                "customClass": "megamenu-link"
                            },
                            "item-39877": {
                                "id": "item-39877",
                                "name": "Feature List",
                                "url": "",
                                "itemParent": false,
                                "elementorTemplateId": 72020,
                                "open": false,
                                "afterBadgeText": "",
                                "customClass": "dropdown-link"
                            }
                        }
                    },
                    "croco-site-desktop-support-menu": {
                        "name": "Support",
                        "slug": "support",
                        "items": {
                            "item-13587": {
                                "id": "item-13587",
                                "name": "Sign In",
                                "url": "https:\/\/account.crocoblock.com\/",
                                "itemParent": false,
                                "elementorTemplateId": false,
                                "open": false,
                                "afterBadgeText": "",
                                "customClass": ""
                            },
                            "item-13588": {
                                "id": "item-13588",
                                "name": "Help Center",
                                "url": "",
                                "itemParent": false,
                                "elementorTemplateId": 72022,
                                "open": false,
                                "afterBadgeText": "",
                                "customClass": "dropdown-link"
                            },
                            "item-13589": {
                                "id": "item-13589",
                                "name": "Pricing",
                                "url": "https:\/\/crocoblock.com\/pricing\/",
                                "itemParent": false,
                                "elementorTemplateId": false,
                                "open": false,
                                "afterBadgeText": "",
                                "customClass": "btn menu-btn menu-btn-outline"
                            }
                        }
                    }
                },
                "version": "2.0.1",
                "ajaxUrl": "https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php",
                "isMobile": "false",
                "elementorTemplateApiUrl": "https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/elementor-template",
                "blockEditorTemplateApiUrl": "https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/block-editor-template",
                "menuItemsApiUrl": "https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/get-menu-items",
                "loggedIn": "false",
                "devMode": "false",
                "contentType": "reusable-blocks"
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_497fb9c511ae15fee379d7903beb9f60.js?ver=2.0.1' id='croco-site-menu-frontend-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_41f51437bd5e8bef231a33ff6d27495e.js?ver=3.1.7' id='jet-fb-deprecated-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_72aaab5af6ac329679dca21aa5b31091.js?ver=1.0.0' id='jet-plugins-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2' id='wp-polyfill-inert-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.11' id='regenerator-runtime-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1' id='wp-hooks-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef' id='wp-i18n-js'></script>
        <script id="wp-i18n-js-after" type="text/javascript">
            wp.i18n.setLocaleData({
                'text direction\u0004ltr': ['ltr']
            });
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/url.min.js?ver=8814d23f2d64864d280d' id='wp-url-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/api-fetch.min.js?ver=0fa4dabf8bf2c7adf21a' id='wp-api-fetch-js'></script>
        <script id="wp-api-fetch-js-after" type="text/javascript">
            wp.apiFetch.use(wp.apiFetch.createRootURLMiddleware("https://crocoblock.com/wp-json/"));
            wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware("f8c487c627");
            wp.apiFetch.use(wp.apiFetch.nonceMiddleware);
            wp.apiFetch.use(wp.apiFetch.mediaUploadMiddleware);
            wp.apiFetch.nonceEndpoint = "https://crocoblock.com/wp-admin/admin-ajax.php?action=rest-nonce";
        </script>
        <script type='text/javascript' id='jet-form-builder-frontend-forms-js-extra'>
            /* <![CDATA[ */
            var JetFormBuilderSettings = {
                "ajaxurl": "https:\/\/crocoblock.com\/plugins\/jetengine\/custom-post-type\/?jet_form_builder_submit=submit&method=ajax",
                "devmode": "",
                "validation_endpoint": {
                    "url": "https:\/\/crocoblock.com\/wp-json\/jet-form-builder\/v1\/validate-field",
                    "method": "POST"
                },
                "replaceAttrs": ["href", "src", "alt", "title"],
                "builtInStates": ["DEFAULT.STATE"]
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_8883212da28fe2651c2fbe7b30819230.js?ver=3.1.7' id='jet-form-builder-frontend-forms-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/jet-popup/assets/js/lib/anime-js/anime.min.js?ver=2.0.2' id='jet-anime-js-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.11.5' id='elementor-webpack-runtime-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.11.5' id='elementor-frontend-modules-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script>
        <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2' id='jquery-ui-core-js'></script>
        <script id="elementor-frontend-js-before" type="text/javascript">
            var elementorFrontendConfig = {
                "environmentMode": {
                    "edit": false,
                    "wpPreview": false,
                    "isScriptDebug": false
                },
                "i18n": {
                    "shareOnFacebook": "Share on Facebook",
                    "shareOnTwitter": "Share on Twitter",
                    "pinIt": "Pin it",
                    "download": "Download",
                    "downloadImage": "Download image",
                    "fullscreen": "Fullscreen",
                    "zoom": "Zoom",
                    "share": "Share",
                    "playVideo": "Play Video",
                    "previous": "Previous",
                    "next": "Next",
                    "close": "Close"
                },
                "is_rtl": false,
                "breakpoints": {
                    "xs": 0,
                    "sm": 480,
                    "md": 768,
                    "lg": 1025,
                    "xl": 1440,
                    "xxl": 1600
                },
                "responsive": {
                    "breakpoints": {
                        "mobile": {
                            "label": "Mobile",
                            "value": 767,
                            "default_value": 767,
                            "direction": "max",
                            "is_enabled": true
                        },
                        "mobile_extra": {
                            "label": "Mobile Extra",
                            "value": 880,
                            "default_value": 880,
                            "direction": "max",
                            "is_enabled": false
                        },
                        "tablet": {
                            "label": "Tablet",
                            "value": 1024,
                            "default_value": 1024,
                            "direction": "max",
                            "is_enabled": true
                        },
                        "tablet_extra": {
                            "label": "Tablet Extra",
                            "value": 1200,
                            "default_value": 1200,
                            "direction": "max",
                            "is_enabled": false
                        },
                        "laptop": {
                            "label": "Laptop",
                            "value": 1366,
                            "default_value": 1366,
                            "direction": "max",
                            "is_enabled": false
                        },
                        "widescreen": {
                            "label": "Widescreen",
                            "value": 2400,
                            "default_value": 2400,
                            "direction": "min",
                            "is_enabled": false
                        }
                    }
                },
                "version": "3.11.5",
                "is_static": false,
                "experimentalFeatures": {
                    "e_optimized_assets_loading": true,
                    "e_optimized_css_loading": true,
                    "a11y_improvements": true,
                    "kit-elements-defaults": true
                },
                "urls": {
                    "assets": "https:\/\/crocoblock.com\/wp-content\/plugins\/elementor\/assets\/"
                },
                "swiperClass": "swiper-container",
                "settings": {
                    "page": [],
                    "editorPreferences": []
                },
                "kit": {
                    "active_breakpoints": ["viewport_mobile", "viewport_tablet"]
                },
                "post": {
                    "id": 40023,
                    "title": "JetEngine%20Custom%20Post%20Type%20for%20WordPress.%20CPT%20Feature%20%7C%20Crocoblock",
                    "excerpt": "",
                    "featuredImage": false
                }
            };
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.11.5' id='elementor-frontend-js'></script>
        <script type='text/javascript' id='jet-popup-frontend-js-extra'>
            /* <![CDATA[ */
            var jetPopupData = {
                "elements_data": {
                    "sections": [],
                    "columns": [],
                    "widgets": []
                },
                "version": "1.6.3",
                "ajax_url": "https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php"
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_a6284abc60ea8f955199358145746582.js?ver=1.6.3' id='jet-popup-frontend-js'></script>
        <script type='text/javascript' id='jet-tabs-frontend-js-extra'>
            /* <![CDATA[ */
            var JetTabsSettings = {
                "ajaxurl": "https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php",
                "isMobile": "false",
                "templateApiUrl": "https:\/\/crocoblock.com\/wp-json\/jet-tabs-api\/v1\/elementor-template",
                "devMode": "false"
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/jet-tabs/assets/js/jet-tabs-frontend.min.js?ver=2.1.21' id='jet-tabs-frontend-js'></script>
        <script type="text/javascript">
            !function(t, e, c, n) {
                var s = e.createElement(c);
                s.async = 1,
                s.src = "https://script.esputnik.com/" + n + "/sc.js";
                var r = e.scripts[0];
                r.parentNode.insertBefore(s, r)
            }(window, document, 'script', "C468295CBC62478E9CED607AED95F53A");
        </script>
        <script>
            window.dataLayer = window.dataLayer || [];

            /*

			pre GA4 tracking

			window.dataLayer.push({
				'event': 'detailView',
				'ecommerce': {
					'detail': {
						'products': [{"item_id":"19804","item_name":"JetEngine","affiliation":"Croco","item_brand":"Crocoblock","item_category":"Plugins","price":"43","quantity":1}]					}
				}
			});

			*/

            /**
			 * GA4 tracking data
			 */
            window.dataLayer.push({
                ecommerce: null
            });
            // Clear the previous ecommerce object.
            window.dataLayer.push({
                event: "view_item",
                ecommerce: {
                    items: [{
                        "item_id": "19804",
                        "item_name": "JetEngine",
                        "affiliation": "Croco",
                        "item_brand": "Crocoblock",
                        "item_category": "Plugins",
                        "price": "43",
                        "quantity": 1
                    }]
                }
            });
        </script>
        <script type='text/javascript'>
            var CSCartData = {
                "desing-single": {
                    "name": "Design",
                    "id": 9,
                    "price": "39",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Single",
                    "quantity": 1
                },
                "design-unlimited": {
                    "name": "Design",
                    "id": 9,
                    "price": "59",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "multi-tool-single": {
                    "name": "Multi Tool",
                    "id": 9,
                    "price": "69",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Single",
                    "quantity": 1
                },
                "multi-tool-unlimited": {
                    "name": "Multi Tool",
                    "id": 9,
                    "price": "99",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "e-commerce-single": {
                    "name": "E-Commerce",
                    "id": 9,
                    "price": "69",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Single",
                    "quantity": 1
                },
                "e-commerce-unlimited": {
                    "name": "E-Commerce",
                    "id": 9,
                    "price": "99",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "lifetime": {
                    "name": "All Inclusive Lifetime",
                    "id": 9,
                    "price": "999",
                    "brand": "Crocoblock",
                    "category": "Lifetime",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "yearly": {
                    "name": "All Inclusive Yearly",
                    "id": 9,
                    "price": "229",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "desing-new-single": {
                    "name": "Design",
                    "id": 9,
                    "price": "80",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Single",
                    "quantity": 1
                },
                "design-new-unlimited": {
                    "name": "Design",
                    "id": 9,
                    "price": "165",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "dynamic-new-single": {
                    "name": "Dynamic",
                    "id": 9,
                    "price": "85",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Single",
                    "quantity": 1
                },
                "dynamic-new-unlimited": {
                    "name": "Dynamic",
                    "id": 9,
                    "price": "175",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "e-commerce-new-single": {
                    "name": "E-Commerce",
                    "id": 9,
                    "price": "70",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Single",
                    "quantity": 1
                },
                "e-commerce-new-unlimited": {
                    "name": "E-Commerce",
                    "id": 9,
                    "price": "145",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "yearly-new-single": {
                    "name": "All-Inclusive Yearly",
                    "id": 9,
                    "price": "130",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Single",
                    "quantity": 1
                },
                "yearly-new-unlimited": {
                    "name": "All-Inclusive Yearly",
                    "id": 9,
                    "price": "265",
                    "brand": "Crocoblock",
                    "category": "Sets",
                    "variant": "Unlimited",
                    "quantity": 1
                },
                "freelance-lifetime": {
                    "name": "All Inclusive Lifetime",
                    "id": 9,
                    "price": "750",
                    "brand": "Crocoblock",
                    "category": "Lifetime",
                    "variant": "Unlimited",
                    "quantity": 1
                }
            };
            (function() {

                "use strict";

                jQuery(document).on('click', 'a.cs-add-to-cart', function(event) {

                    event.preventDefault();

                    var $this = jQuery(this), type;

                    if ($this.hasClass('is-single')) {
                        type = 'single';
                    } else {
                        type = 'unlimited';
                    }

                    if (!window.CSCartData || !window.CSCartData[type]) {
                        window.location = $this.attr('href');
                        return;
                    }

                    window.dataLayer = window.dataLayer || [];

                    /*

		pre GA4 tracking
		
		window.dataLayer.push({
			'event': 'addToCart',
			'ecommerce': {
				'add': {
					'products': [{
						'name': window.CSCartData[ type ].name,
						'id': window.CSCartData[ type ].id,
						'price': window.CSCartData[ type ].price,
						'brand': 'Crocoblock',
						'category': window.CSCartData[ type ].category,
						'variant': window.CSCartData[ type ].variant,
						'quantity': 1
					}]
				}
			}
		});

		*/

                    /**
		 * GA4 tracking data
		 */
                    window.dataLayer.push({
                        event: "add_to_cart",
                        ecommerce: {
                            items: [{
                                item_id: window.CSCartData[type].id,
                                item_name: window.CSCartData[type].name,
                                affiliation: "Croco",
                                item_brand: "initial",
                                item_category: window.CSCartData[type].category,
                                item_variant: window.CSCartData[type].variant,
                                price: window.CSCartData[type].price,
                                quantity: 1
                            }]
                        }
                    });

                    window.dataLayer.push({
                        'dr_event_name': 'add_to_cart',
                        'dr_event_value': window.CSCartData[type].price,
                        'dr_event_items': [{
                            'id': window.CSCartData[type].id,
                            'google_business_vertical': 'custom',
                        }]
                    });

                    var fbData = {
                        'value': window.CSCartData[type].price,
                        'currency': 'USD',
                        'content_ids': [parseInt(window.CSCartData[type].id, 10)],
                        'content_type': 'product',
                        'content_name': window.CSCartData[type].name,
                        'content_category': 'Plugins',
                    };

                    if ('fbq'in window) {
                        fbq('track', 'AddToCart', fbData);
                    } else {
                        console.log(fbData);
                    }

                    window.location = $this.attr('href');

                });

                jQuery(document).on('click', 'a.crocoblock-price__btn, .cs-price__btn', function(event) {

                    event.preventDefault();

                    var $this = jQuery(this)
                      , type = $this.data('price');

                    if (!window.CSCartData || !window.CSCartData[type]) {
                        if ('_blank' !== $this.attr('target')) {
                            window.location = $this.attr('href');
                        } else {
                            window.open($this.attr('href'), '_blank').focus();
                        }

                        return;
                    }

                    var fbData = {
                        'value': window.CSCartData[type].price,
                        'currency': 'USD',
                        'content_ids': [parseInt(window.CSCartData[type].id, 10)],
                        'content_type': 'product',
                        'content_name': window.CSCartData[type].name,
                        'content_category': 'Sets',
                    };

                    if ('fbq'in window) {
                        fbq('track', 'AddToCart', fbData);
                    }

                    window.dataLayer = window.dataLayer || [];

                    /*

		pre GA4 tracking

		window.dataLayer.push({
			'event': 'addToCart',
			'ecommerce': {
				'add': {
					'products': [ window.CSCartData[ type ] ]
				}
			}
		});

		*/

                    /**
		 * GA4 tracking data
		 */
                    window.dataLayer.push({
                        event: "add_to_cart",
                        ecommerce: {
                            items: [{
                                item_id: window.CSCartData[type].id,
                                item_name: window.CSCartData[type].name,
                                affiliation: "Croco",
                                item_brand: "initial",
                                item_category: window.CSCartData[type].category,
                                item_variant: window.CSCartData[type].variant,
                                price: window.CSCartData[type].price,
                                quantity: 1
                            }]
                        }
                    });

                    window.dataLayer.push({
                        'dr_event_name': 'add_to_cart',
                        'dr_event_value': window.CSCartData[type].price,
                        'dr_event_items': [{
                            'id': window.CSCartData[type].id,
                            'google_business_vertical': 'custom',
                        }]
                    });

                    if ('_blank' !== $this.attr('target')) {
                        window.location = $this.attr('href');
                    } else {
                        window.open($this.attr('href'), '_blank').focus();
                    }

                });

            }
            )();
        </script>
