.editor-content input[type="text"],
.editor-content input[type="email"],
.editor-content input[type="number"],
.editor-content input[type="password"],
.editor-content input[type="search"],
.editor-content input[type="tel"],
.acf-field input[type="url"],
.editor-content textarea,
.editor-content select,
.comment-form input,
.comment-form textarea {
    background: #fff;
    padding: 10px 12px !important;
    height: 72px;
    display: block;
    box-sizing: border-box;
    font-family: inherit;
    width: 100%;
    transition: 0.4s ease;
    font-size: 14px;
    text-align: right;
    border-radius: 16px;
    border: 1px solid var(--color4);
    appearance: none;
    -webkit-appearance: textfield;
}

.editor-content.acf-error input[type="url"],
.editor-content.acf-error input[type="text"],
.editor-content.acf-error input[type="email"] {
    border: 1px solid #E9322A;
    background: #E9322A1A;
}

.editor-content input[type="text"]::placeholder,
.editor-content input[type="email"]::placeholder,
.editor-content input[type="number"]::placeholder,
.editor-content input[type="password"]::placeholder,
.editor-content input[type="search"]::placeholder,
.editor-content input[type="tel"]::placeholder,
.editor-content textarea::placeholder,
.comment-form input::placeholder,
.comment-form textarea::placeholder {
    color: var(--gray);
    font-size: 14px;
}

.editor-content input[type="text"]:focus,
.editor-content input[type="email"]:focus,
.editor-content input[type="number"]:focus,
.editor-content input[type="password"]:focus,
.editor-content input[type="search"]:focus,
.editor-content input[type="tel"]:focus,
.editor-content textarea:focus,
.comment-form input:focus,
.comment-form textarea:focus {
    border-color: var(--color3) !important;

}

.af-input select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0816955 0.95631C-0.0393348 0.793193 -0.0258871 0.561713 0.122039 0.413787C0.284757 0.251068 0.548576 0.251068 0.711295 0.413787L5 4.70249L9.2887 0.413787L9.33544 0.373444C9.49856 0.252413 9.73003 0.265861 9.87796 0.413787C10.0407 0.576505 10.0407 0.840324 9.87796 1.00304L5.29463 5.58638L5.2479 5.62672C5.08478 5.74775 4.8533 5.7343 4.70537 5.58638L0.122039 1.00304L0.0816955 0.95631Z' fill='%23B27D34'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 10px 6px;
    padding-right: 2.5rem;
}

.acf-url i {
    top: 12px !important;
    color: var(--color3);
}

.acf-radio-list input,
.acf-checkbox-list input {
    accent-color: var(--color3);
}

.acf-switch.-on {
    background: var(--color3) !important;
    border-color: var(--color3) !important;
}

.acf-switch.-on .acf-switch-slider {
    border-color: var(--color3) !important;
}

.acf-switch .acf-switch-off {
    color: #fff;
}

.acf-switch .acf-switch-on {
    color: var(--color3) !important;
    text-shadow: none !important;
    font-weight: bold;
}

.editor-content textarea,
.comment-form textarea {
    min-height: 191px;
    padding-top: 13px !important;
}

.editor-content :is(textarea, input)::-webkit-input-placeholder,
.editor-content :is(textarea, input)::-moz-placeholder,
.editor-content :is(textarea, input)::-ms-input-placeholder,
.editor-content :is(textarea, input)::placeholder {
    color: #A3A3A8;
    font-size: 14px;
    text-align: right;
}

.editor-content {
    line-height: 32px;
}

.editor-content img:not(.img_gallery, .product-thumbnail, .attachment-img_product) {
    border-radius: 0;
    margin-bottom: 24px;
}

.gl--box {
    position: relative;
    padding: 0 70px;
    max-width: 96%;
    margin: 40px auto;
}

.sw--gallery .swiper-slide {
    display: flex;
}

.lg-img-wrap img {
    border-radius: 20px;
}

.lg-outer {
    text-align: right;
}

.swiper.swiper-lightgallery {
    margin: 32px 0;
}

.swiper.swiper-lightgallery:not(.swiper-initialized) .swiper-slide {
    flex-shrink: unset;
    margin-left: 15px;
    width: 264px;
    flex: 0 0 264px;
}

.gallery_item a {
    overflow: hidden;
}

.gallery_item a::before {
    content: "";
    font-family: 'icomoon';
    font-size: 28px;
    width: 100%;
    height: 100%;
    background: #AB9B874D;
    backdrop-filter: blur(20px);
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.4s;
    opacity: 0;


}

.gallery_item a::after {
    content: "\e930";
    font-family: 'icomoon';
    font-size: 28px;
    width: 52px;
    height: 52px;
    background-color: #FFFFFF47;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: 0.4s;
    border-radius: 16px;
    opacity: 0;
}

.gallery_item a:hover::after,
.gallery_item a:hover:before {
    transition: 0.4s;
    opacity: 1;
}

.editor-content .gallery_item img {
    object-fit: cover;
    width: 100% !important;
    height: 100%;
}

.gallery_item a {
    width: 100%;
    display: block;
    position: relative;
}

.lg-thumb {
    margin: auto;
}

.editor-content .alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

.editor-content .alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.editor-content .aligncenter {
    text-align: center;
    display: block;
    margin: 20px auto;
}

.editor-content li h1,
.editor-content li h2,
.editor-content li h3,
.editor-content li h4,
.editor-content li h5,
.editor-content li h6 {
    margin-bottom: 0;
    display: inline;
    color: var(--color_text);
    font-family: var(--main_font);
}

.light-content.editor-content li h1,
.light-content.editor-content li h2,
.light-content.editor-content li h3,
.light-content.editor-content li h4,
.light-content.editor-content li h5,
.light-content.editor-content li h6 {
    color: rgba(255, 255, 255, 0.8);
}

.light-content.editor-content h2,
.light-content.editor-content h3,
.light-content.editor-content h4,
.light-content.editor-content h5,
.light-content.editor-content h6 {
    color: #fff;
}

.editor-content :is(h1, h2, h3, h4, h5, h6):not(.product-item-title) {
    margin-bottom: 16px;
    color: var(--color1);
}

.editor-content.main-content :is(h1, h2, h3, h4, h5, h6):not(.product-item-title) {
    margin-top: 25px;
    margin-bottom: 15px;
}

.editor-content em {
    font-style: italic;
}

.editor-content h1 {
    font-size: calc(var(--heading_h1_fontsize));
}

.editor-content h2:not(.product-item-title) {
    font-size: calc(var(--heading_h1_fontsize) - 2px);
}

.editor-content h3:not(.product-item-title) {
    font-size: calc(var(--heading_h1_fontsize) - 4px);
}

.editor-content h4 {
    font-size: calc(var(--heading_h1_fontsize) - 5px);
}

.editor-content h5 {
    font-size: calc(var(--heading_h1_fontsize) - 6px);
}

.editor-content h6 {
    font-size: calc(var(--heading_h1_fontsize) - 7px);
}

.editor-content ul,
.editor-content ol {
    margin-bottom: 10px;
}

.editor-content ul li {
    margin: 10px 0;
    font-size: 16px;
    line-height: 32px;
}

.light-content.editor-content ul li {
    color: rgba(255, 255, 255, 0.8);
}

.editor-content.main-content ul li:before {
    content: '';
    min-width: 4px;
    height: 5px;
    margin-left: 12px;
    background: var(--color3);
    transition: 0.4s ease;
    display: inline-flex;
}

.light-content.editor-content.main-content ul li::before {
    background: #fff;
}

.editor-content .wp-caption-text {
    text-align: center;
    color: var(--color1);
}

.light-content.editor-content .wp-caption-text {
    color: rgba(255, 255, 255, 0.8);
}

.editor-content .wp-caption {
    width: auto !important;
}

.editor-content.main-content ul li a,
.editor-content.main-content ol li a,
.editor-content.main-content p a {
    color: var(--color1);
    background: #00377B14;
    border-radius: 5px;
    padding: 0 5px;
}

.editor-content.main-content blockquote p a,
.light-content.editor-content.main-content p a {
    color: rgba(255, 255, 255, 0.8);
    background: var(--color3);
}

.editor-content.main-content a:hover {
    color: var(--color3);
}

.editor-content.main-content blockquote p a:hover,
.light-content.editor-content.main-content p a:hover {
    background: var(--color4);
    color: #111;
}

.editor-content.main-content td a {
    color: var(--color2);
}

.light-content.editor-content.main-content td a {
    color: rgba(255, 255, 255, 0.8);
}

.editor-content.main-content td a:hover {
    color: var(--color1);
}

.editor-content a .btn {
    background: var(--color2);
    border: none;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-family: inherit;
}

.editor-content a .btn:hover {
    color: var(--color1);

}

.editor-content a .btn i {
    display: none;
}

.editor-content,
.editor-content p {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 28px;
    text-align: justify;
    color: var(--gray);
    font-family: var(--thin_font);
}

.editor-content.short-desc,
.editor-content.short-desc p {
    color: var(--gray);
}

.editor-content p {
    margin-bottom: 20px;
    white-space: break-spaces
}

.editor-content blockquote,
.editor-content blockquote *,
.light-content.editor-content,
.light-content.editor-content span,
.light-content.editor-content p {
    color: rgb(255, 255, 255);
}

.light-content.editor-content ul li,
.light-content.editor-content ol li {
    color: rgb(255, 255, 255);
}

.light-content.editor-content.main-content a {
    color: #fff;
}

.light-content.editor-content.main-content a:hover {
    color: #fff;
}


.light-content.editor-content blockquote {
    border-color: var(--color1);
}

.light-content.editor-content blockquote p {
    color: var(--color_text) !important;
}

.editor-content blockquote::before {
    content: "\e926";
    font-family: 'icomoon';
    font-size: 64px;
    display: block;
    position: absolute;
    right: 50%;
    top: 9px;
    line-height: 1;
    transform: translateX(50%);
    z-index: 1;
    color: var(--color3);
}

.editor-content blockquote {
    padding: 40px 40px 48px 70px;
    position: relative;
    margin: 32px 0;
    display: block;
    color: #fff;
    z-index: 1;
    background: #142438;
    background: linear-gradient(120deg, rgba(20, 36, 56, 1) 0%, rgba(11, 64, 110, 1) 20%, rgba(20, 36, 56, 1) 100%);

}

#more-tax-desc blockquote:before {
    filter: brightness(0);
}

.editor-content blockquote p {
    text-align: center;
    position: relative;
    margin-bottom: 0;
}

.editor-content ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.editor-content ol li {
    counter-increment: item;
    position: relative;
    padding-right: 28px;
    margin: 10px 0;
    line-height: 2;
}

.light-content.editor-content ol li {
    color: #fff;
}

.light-content.editor-content ol li:before {
    color: #fff;
}

.light-content.editor-content ol li:after {
    background: #fff;
}

.editor-content ol li:before {
    top: -8px;
    content: counter(item) " ";
    color: var(--color2);
    font-size: 16px;
    height: 100%;
    width: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    right: 0;
}

.editor-content .wp-video {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

.editor-content.main-content table td {
    white-space: nowrap;
    border-bottom: none;
    padding: 0.5rem 1rem;
    font-size: inherit;
}

.editor-content.main-content table td p {
    margin: 0 !important;
}

.editor-content.main-content table tr:first-child th,
.editor-content.main-content table tr:first-child {
    border-top: none;
    border-right: none;
    white-space: nowrap;
    padding: 1rem;
    background: var(--color1);
    color: #ffff;
}

.editor-content.main-content table tr:first-child th,
.editor-content.main-content table tr:first-child th span,
.editor-content.main-content table tr:first-child th p,
.editor-content.main-content table tr:first-child td,
.editor-content.main-content table tr:first-child td span,
.editor-content.main-content table tr:first-child td p {
    color: #ffff;
}

.editor-content.main-content table :is(tbody, thead) {
    display: table;
    width: 100%;
}

.editor-content.main-content table {
    border-collapse: collapse;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
    width: 100%;
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: auto;
    scrollbar-color: var(--color1) #C2D2E4;
    scrollbar-width: thin !important;
    border-bottom: 0;
    /*background: #f1f2f3;*/
    border-radius: 10px 10px 0 0;
    border: 1px solid #dcdfe1;

}


.editor-content.main-content table tr,
.editor-content.main-content table td,
.editor-content.main-content table th {
    border: 1px solid #dcdfe1;
    text-align: center;

}

.editor-content.main-content table tr th:last-child,
.editor-content.main-content table tr td:last-child,
.editor-content.main-content table tr {
    border-left: none;
}

.editor-content.main-content table tr td:first-child,
.editor-content.main-content table tr {
    border-right: none;
}

.editor-content.main-content table tr:nth-child(2n) {
    background: #f1f2f3;
}

.light-content.editor-content.main-content table tr:nth-child(2n) {
    background: var(--color1);
}

.editor-content.main-content table th {
    font-weight: bold;
}

.editor-content.main-content table td {
    white-space: nowrap;
    border-bottom: none;
    color: #000;
    padding: 10px 15px;
    font-size: inherit;
}

.light-content.editor-content.main-content table td {
    color: #fff;
}

/* width */
.editor-content.main-content table::-webkit-scrollbar {
    height: 4px !important;
    width: 3px !important;
}

/* Track */
.editor-content.main-content table::-webkit-scrollbar-track {
    background: #eae8e4 !important;
    height: 4px !important;
}

/* Handle */
.editor-content.main-content table::-webkit-scrollbar-thumb {
    background: rgb(123, 123, 123) !important;
    height: 4px !important;
}

/* Handle on hover */
.editor-content.main-content table::-webkit-scrollbar-thumb:hover {
    background: var(--color1);
}

.light-content.editor-content.main-content table::-webkit-scrollbar-thumb:hover {
    background: var(--color2);
}

.svg-clip {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.styled-editor {
    padding: 16px;
    border: 1px solid #E9EAEB
}



@media screen and (min-width: 576px) {
    .editor-content img:not(.product-thumbnail, .attachment-img_product) {
        width: unset;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {

    .editor-content .alignright,
    .editor-content .alignleft {
        max-width: 50%;
    }

}


@media screen and (min-width: 992px) {
    .styled-editor {
        padding: 32px;
    }

    .editor-content blockquote {
        padding: 40px 40px 48px 180px;
        margin: 32px auto;
    }

    .editor-content blockquote::before {
        font-size: 110px;
        display: block;
        position: absolute;
        right: unset;
        top: unset;
        transform: unset;
        left: 36px;
        bottom: -19px;
    }

    .editor-content ol li {
        padding-right: 18px;
    }

    .editor-content blockquote p {
        text-align: right;
    }

    .editor-content ol li:before {
        top: 0;
    }

    .editor-content ol li:after {
        top: 19px;
    }

    .editor-content ul,
    .editor-content ol {
        margin-bottom: 16px;
    }

    .section-editor-inner {
        padding: 54px;
    }
}

@media screen and (min-width: 1200px) {}

@media screen and (max-width: 991.99px) {
    .editor-content blockquote {
        padding: 48px 10px 36px;
        margin: 48px 0 24px
    }

    .editor-content blockquote::before {
        top: -33px;
    }

    .editor-content ol li {
        padding-right: 15px;
        margin: 10px 0;
        line-height: 1.4;
    }

    .editor-content ol li:before {
        top: 0px
    }
}