/*--------------------- Copyright (c) 2023 -------
[Master Stylesheet] 
Project: AIJourney Styles
Version: 1.0.0
 -----------------------------------------------*/
 /**----------- 	Global CSS Start -----------**/
:root {
    --aijourney-title-family: 'Inter', sans-serif;
    --aijourney-globmid-family: 'Inter', sans-serif;
    --aijourney-main-bg: #f6faff;
    --aijourney-alternate-bg: #ebeef8;
    --aijourney-font-color: #536387;
    --aijourney-title-color: #0d172a;
    --aijourney-title-color: #263654;
    --aijourney-white: #ffffff;
    --aijourney-primary-color: #3758f9;
    --aijourney-primary-rgb: 55, 88, 249;
    --aijourney-border-color: #e2e1ff;
    --aijourney-input-border: #e2e1ff;
    --aijourney-input-bg: #fafaff;
    --aijourney-footer-bg: #f2f2f2;
    --aijourney-placeholder: #97b0c1;
    --aijourney-font-size: 14px;
    --aijourney-title-size: 32px;
    --aijourney-sub-title-size: 26px;
    --aijourney-widgets-title-size: 22px;
    --aijourney-transition: all 0.3s ease-in-out;
    --aijourney-page-title-bg: linear-gradient(90deg,#F7E9F3 0%,#E0DFFC 100%);
    --aijourney-btn-bg: #0d172a;
    --aijourney-btn-hover-bg: var(--aijourney-primary-color);
    --aijourney-btn-radius: 6px;
    --aijourney-secondary-color: #eef1ff;
}

* {
    outline: 0 !important;
}
body {
    font-family: var(--aijourney-globmid-family);
    font-weight: 400;
    font-size: var(--aijourney-font-size);
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    background: var(--aijourney-main-bg);
    color: var(--aijourney-font-color);
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background-color: var(--aijourney-title-color);
    border-radius: 60px;
}
.post,
.page {
    margin: 0;
}
a {
    color: var(--aijourney-font-color);
}

a:visited:hover,
a:hover,
a:focus,
button,
button:hover {
    color: var(--aijourney-primary-color);
}

a,
a:hover,
a:focus,
button,
button:hover,
.wp-block-calendar a {
    text-decoration: none;
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
img {
    max-width: 100%;
    height: auto;
}

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

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

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

input,
textarea,
select,
button,
button:focus,
button:hover,
label,
.form-control:focus {
    box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    color: var(--aijourney-title-color);
    text-transform: capitalize;
    font-family: var( --aijourney-title-family);
    line-height: 1.2;
}

strong {
    font-weight: 700;
}

iframe {
    width: 100%;
    border: none;
}

a:visited {
    color: inherit;
}

mark,
ins {
    background: transparent;
}
audio, video {
    display: inline-block;
    max-width: 100%;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid var(--aijourney-border-color);
    background: var(--aijourney-input-bg);
    border-radius: var(--aijourney-btn-radius);
    color: var(--aijourney-font-color);
    font-size: var(--aijourney-font-size);
    line-height: 1.5;
    padding: 0 20px;
    height: 50px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
.form-control:focus,
input[type="datetime-local"],
input[type="color"],
textarea {
    color: var(--aijourney-font-color);
    border: 1px solid var(--aijourney-border-color);
    background: var(--aijourney-input-bg);
    width: 100%;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-radius: var(--aijourney-btn-radius);
}

.input-wrap textarea {
    height: 150px;
    border-radius: var(--aijourney-btn-radius);
    padding: 20px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--aijourney-primary-color);
    color: var(--aijourney-font-color);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}

input::-webkit-input-placeholder,
.input-wrap input::-webkit-input-placeholder,
.input-wrap textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--aijourney-placeholder);
}

.input-wrap input::-moz-placeholder,
.input-wrap textarea::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--aijourney-placeholder);
    opacity: 1;
}

.input-wrap input:-ms-input-placeholder,
input:-ms-input-placeholder,
.input-wrap textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--aijourney-placeholder);
    opacity: 1;
}

.input-wrap input:-moz-placeholder,
input:-moz-placeholder,
.input-wrap textarea:-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--aijourney-placeholder);
    opacity: 1;
}

.input-wrap label {
    font-weight: 600;
    color: var(--aijourney-title-color);
    margin: 0 0 3px;
}

.toast {
    background: var(--aijourney-primary-color);
}

.toast-success {
    background: var(--success);
}

.toast-error {
    background: var(--danger);
}

.txt-primary {
    color: var(--aijourney-primary-color);
}

#scroll {
    position: fixed;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 99;
    visibility: hidden;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    background-color: var(--aijourney-primary-color);
    color: var(--aijourney-main-bg);
    border: 2px solid var(--aijourney-primary-color);
}

#scroll.active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 1s;
    -webkit-animation: bounceInDown 1s;
    -moz-animation: bounceInDown 1s;
}

#scroll:hover {
    background-color: var(--aijourney-main-bg);
    color: var(--aijourney-primary-color);
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(0px);
    }
}

/*--------------------------------------------- Preloader CSS Start ---------------------------------------------*/

.preloader {
    background-color: rgb(255 255 255 / 92%);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647;
    width: 100%;
    height: 100%;
}

.preloader-inner {
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.preloader img {
    max-height: 70px;
}
/* GO to top button */
.mid-scroll-top {
    position: fixed;
    right: 35px;
    bottom: 35px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 9;
    visibility: hidden;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    background-color: var(--aijourney-primary-color);
    border: 0;
}
.mid-scroll-top.active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}
.mid-scroll-top svg {
    color: var(--aijourney-white);
}
.mid-scroll-top:hover {
    color: var(--aijourney-white);
    background: var(--aijourney-primary-color);
}
.mid-scroll-top svg {
    height: 20px;
    fill: currentColor;
}

/*--------------------------------------------- Button CSS Start ---------------------------------------------*/
.mid-btn-wrap {
    display: flex;
    flex-wrap: wrap;
}
.mid-btn {
    padding: 10px 20px;
    background: var(--aijourney-btn-bg) !important;
    color: var(--aijourney-white) !important;
    font-weight: 400;
    font-size: var(--aijourney-font-size);
    display: inline-block;
    min-width: 120px;
    text-align: center;
    border-radius: 0 !important;
    border: none !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    transition: box-shadow 0.5s;
    letter-spacing: 1px;
    border-radius: var(--aijourney-btn-radius) !important;
}

.mid-btn:hover,
.mid-btn:focus {
    transition: box-shadow 0.5s;
    -webkit-box-shadow: inset 0 0 0 2em var(--aijourney-btn-hover-bg);
    -moz-box-shadow: inset 0 0 0 2em var(--aijourney-btn-hover-bg);
    box-shadow: inset 0 0 0 2em var(--aijourney-btn-hover-bg);
}

.mid-btn:hover,
.mid-btn:visited,
.mid-btn:visited:hover,
.mid-btn:active:hover,
.mid-btn:focus:hover {
    color: var(--aijourney-white);
    background: var(--aijourney-primary-color);
    border: none;
}

.mid-btn,
.mid-btn:hover,
.mid-btn:focus,
.mid-btn:visited,
.mid-btn:active {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}

.btn-white,
.btn-white:visited:hover,
.btn-white:active:hover,
.btn-white:focus:hover,
.btn-white:hover,
.btn-white:focus,
.btn-white:visited,
.btn-white:active {
    color: var(--aijourney-primary-color);
    background: var(--aijourney-main-bg);
    border: none;
}

/*---------------------------------------------Input Button ---------------------------------------------*/

body div input.mid-btn {
    padding: 13px 20px;
    background: var(--aijourney-primary-color);
    color: var(--aijourney-main-bg);
    font-weight: 500;
    font-size: var(--aijourney-font-size);
    display: inline-block;
    min-width: 170px;
    text-align: center;
    border-radius: var(--aijourney-btn-radius);
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
}
.input-wrap {
    margin: 0 0 23px;
}
textarea {
    line-height: 1.5;
    padding: 10px 20px;
    min-height: 100px;
}
/*--------------------------------------------- Breadcrumb CSS Start ---------------------------------------------*/
.mid-breadcrumb-wrapper {
    background: var(--aijourney-page-title-bg);
    padding: 56px 0 60px;
    position: relative;
    background-size: cover !important;
    background-position: center bottom !important;
    color: var(--aijourney-font-color);
    text-align: center;
    border-radius: 20px;
}
.mid-breadcrumb-container h1 {
    color: var(--aijourney-title-color);
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 7px;
    word-break: break-word;
}
.mid-breadcrumb-container ul {
    list-style: none;
    margin: 0;
    display: inline-block;
    position: relative;
    padding: 0;
}
.mid-breadcrumb-container ul li {
    color: var(--aijourney-font-color);
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 500;
    position: relative;
    word-break: break-word;
    text-transform: capitalize;
}
.mid-breadcrumb-container ul li:before {
    margin: 0 8px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 18px;
    content: '|';
    font-size: 12px;
    color: inherit;
    font-family: "Font Awesome 5 Free";
    line-height: normal;
    font-weight: 900;
}
.mid-breadcrumb-container ul li:first-child:before {
    content: unset;
}
.mid-breadcrumb-container ul li a,
.mid-breadcrumb-container ul li a:hover,
.mid-breadcrumb-container ul li a:focus {
    color: var(--aijourney-primary-color);
}
body .mid-images-masonry-view .mid-img-box-thumb img {
    min-height: 100px;
}
.mid-logo-wrap .mid-logo {
    max-height: 40px;
}
/*--------------------------------------------- Default Footer CSS Start ---------------------------------------------*/
.mid-footer-wrapper {
    position: relative;
    padding: 0px 30px 0px;
    width: calc(100% - 100px);
    margin-left: auto;
}
body .default-copyright-area {
    background: var(--aijourney-main-bg);
    padding: 14px 0 14px;
    margin: 15px 0 0;
}
.mid-footer-widget .menu li a span svg {
    fill: var(--aijourney-white);
}
.mid-footer-widget .widget-title {
    margin-top: 20px;
}
.mid-footer-widget .menu li {
    margin: 0 0 15px;
}
.mid-footer-widgets .widget ul li a,
.mid-footer-widgets .widget ol li a,
.mid-footer-widgets .widget ul li:before,
.mid-footer-widgets .widget ol li:before,
.mid-footer-widgets .widget ul li a,
.mid-footer-widgets .widget ol li a,
.mid-footer-widgets .widget ul li,
.mid-footer-widgets .widget ol li:before,
.mid-footer-widgets .widget ul li>a,
.mid-footer-widgets .widget ol li>a,
.mid-footer-widgets .wp-block-latest-comments__comment-author,
.mid-footer-widgets .wp-block-latest-comments__comment-author:visited,
.mid-footer-widgets .wp-block-latest-posts.wp-block-latest-posts__list li a,
.mid-footer-widgets .wp-block-latest-posts.wp-block-latest-posts__list li a:visited {
    color: var(--aijourney-white);
}
.mid-footer-widgets .mid-recent-post-widgets ul li:last-child {
    margin: 0;
}
.mid-nav-menus ul {
    padding: 0;
    list-style: none;
}
.mid-footer-widgets .mid-nav-menus li.menu-item-has-children:before {
    margin: 12px 0 0;
}
.mid-footer-widgets .mid-nav-menus li:last-child {
    margin-bottom: 0;
}
.mid-copyright-wrapper p a:hover {
    color: var(--aijourney-primary-color);
}
.mid-footer-info-text a:hover {
    color: var(--aijourney-primary-color);
}
.mid-widgets-contact:hover span svg {
    fill: var(--aijourney-primary-color);
}
.mid-widgets-contact:hover span svg,
.mid-widgets-contact span svg {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
/*--------------------------------------------- Copyright CSS ---------------------------------------------*/
.mid-copyright-wrapper {
    padding: 13px 20px 14px;
    position: relative;
    margin-top: 33px;
    color: var(--aijourney-title-color);
    border-top: 1px solid var(--aijourney-border-color);
}
.mid-copyright-wrapper p {
    margin: 0;
}
.mid-copyright-wrapper p a {
    color: var(--aijourney-primary-color);
    font-weight: 500;
}
.mid-copyright-wrapper p a:hover {
    color: var(--aijourney-primary-color);
}

/*--------------------------------------------- Widget Start---------------------------------------------*/
.widget.widget_search.widget_block .wp-block-search__label {
    font-size: var(--aijourney-widgets-title-size);
    font-weight: 600;
    color: var(--aijourney-title-color);
    margin: 0px 0 25px;
    position: relative;
    padding: 0 0 12px;
    text-transform: capitalize;
    font-family: var( --aijourney-title-family);
    line-height: 1.2;
}

.widget.widget_search.widget_block .wp-block-search__label:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: var(--aijourney-primary-color);
    width: 80px;
}

.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search .wp-block-search__button.mid-btn {
    padding: 0 16px;
    min-width: 100px;
    text-align: center;
}

.wp-block-file .wp-block-file__button,
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:visited {
    background: var(--aijourney-primary-color);
    opacity: 1;
    color: var(--aijourney-white);
}

.search .mid-column-pagination {
    margin: 43px 0 0;
}

body.search .mid-blog-columns article {
    background: var(--aijourney-main-bg);
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 45px;
    padding: 0px 0 44px;
    border-bottom: 1px solid var(--aijourney-border-color);
}

body.search .mid-blog-columns article>* {
    width: 100%;
}

.mid-main-post-wrapper article.post.sticky ul {
    margin: 0;
}

.wp-block-group.has-background {
    color: #787878;
    padding: 13px 20px 3px;
}

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
    color: var(--aijourney-font-color);
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
    border-color: var(--aijourney-border-color);
}

.mid-contact-page-form .wpcf7-response-output {
    position: relative;
    z-index: 6;
    top: 260px;
    background: var(--aijourney-main-bg);
}

/** Post Inner **/

.mid-main-post-wrapper {
    padding: 30px 0 30px;
}

.sticky-post {
    margin: 0 10px 0 0;
    color: var(--aijourney-primary-color);
}

.entry-title {
    font-size: var(--aijourney-sub-title-size);
    font-weight: 600;
    color: var(--aijourney-title-color);
    margin: 0 0 18px;
    word-break: break-word;
}

.entry-title a {
    color: var(--aijourney-title-color);
}

.entry-title a:hover,
.entry-title:hover a {
    color: var(--aijourney-primary-color);
}

.entry-title:hover,
.entry-title {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}

.mid-text-icon {
    color: var(--aijourney-primary-color);
    display: inline-block;
    margin: 0 3px 0 0;
    height: fit-content;
    vertical-align: middle;
}
.mid-text-icon svg {
    fill: var(--aijourney-primary-color);
    height: 15px;
}

dl,
ol,
ul {
    margin: 0 0 0;
}

ol,
ul {
    padding: 0 0 0 30px;
}

.widget ul,
.widget ol {
    list-style: none;
    padding: 0;
}

.single .mid-blog-head {
    margin-bottom: 23px;
}

.mid-main-post-wrapper article.post {
    background: var(--aijourney-main-bg);
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 45px;
    padding: 0 0 44px;
    border-bottom: 1px solid var(--aijourney-border-color);
}

.mid-main-post-wrapper article.post:last-child {
    margin-bottom: 0;
    border: 0;
    padding: 0;
}

.mid-main-post-wrapper article.post:last-of-type {
    border: 0;
    padding: 0;
}
.edit-btn-read-more-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 0;
    width: 100%;
}

.edit-btn-read-more-wrap>* {
    margin-right: 20px;
}

.edit-btn-read-more-wrap .entry-footer {
    margin: 0;
}

.edit-btn-read-more-wrap>* :last-of-type {
    margin-right: 0;
}

.edit-btn-read-more-wrap a {
    color: var(--aijourney-primary-color);
    text-transform: uppercase;
    font-weight: 600;
}

.edit-btn-read-more-wrap .edit-link a,
.edit-link a {
    color: var(--aijourney-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--aijourney-font-size);
    letter-spacing: .6px;
    position: relative;
}

.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-squared .wp-block-button__link:before {
    border-radius: 0 !important;
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--aijourney-primary-color);
    border: 2px solid;
    background: transparent;
}

.wp-block-button__link.mid-btn:hover,
.wp-block-button__link.mid-btn:focus {
    transition: box-shadow 0.5s;
    -webkit-box-shadow: inset 0 0 0 5em var(--aijourney-btn-hover-bg);
    -moz-box-shadow: inset 0 0 0 5em var(--aijourney-btn-hover-bg);
    box-shadow: inset 0 0 0 5em var(--aijourney-btn-hover-bg);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link {
    box-shadow: none;
    background: transparent !important;
    border: 1px solid var(--aijourney-primary-color) !important;
    color: var(--aijourney-primary-color) !important;
}

blockquote {
    background-color: var(--aijourney-alternate-bg);
    padding: 31px 40px 34px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 43px 0 44px;
    border-left: 6px solid var(--aijourney-primary-color);
}
blockquote p {
    font-size: var(--aijourney-font-size);
    font-weight: 500;
    margin-bottom: 0;
}
blockquote strong,
blockquote a {
}
blockquote.has-very-dark-gray-color,
blockquote.has-very-dark-gray-color p,
blockquote.has-very-dark-gray-color cite {
}

.wp-block-quote.is-style-large {
    padding: 26px 40px 32px;
}

.has-text-color.has-light-gray-color {
    padding: 27px 40px 34px;
}

.wp-block-pullquote:not(.is-style-solid-color) blockquote {
    padding: 27px 40px 33px;
    margin-top: 30px;
    margin-bottom: 0;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--aijourney-alternate-bg);
    color: var(--aijourney-title-color);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
    color: var(--aijourney-title-color);
}

.mid-blog-head {
    margin: 0 0 8px;
    display: inline-block;
    width: 100%;
}

.mid-blog-head .entry-title a {
    font-weight: 700;
    font-size: var(--aijourney-sub-title-size);
}

.wp-block-search .wp-block-search__input {
    border-color: var(--aijourney-border-color);
}

.entry-content {
    margin: 0;
}

p {
    margin-bottom: 10px;
}

article p>mark,
article p>ins {
    background: #fff9c0;
    color: #222222;
}

.wp-block-audio audio {
    min-width: 200px;
}

.wp-block-embed {
    word-break: break-word;
}

.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
}

.wp-block-cover-image.has-background-dim,
.wp-block-cover.has-background-dim {
    color: var(--aijourney-white);
}

.wp-block-button,
.wp-block-cover,
.wp-block-cover-image {
    margin-bottom: 16px;
}

.widget ul.menu ul.sub-menu {
    margin: 6px 0 0 0;
}

.wp-block-archives-dropdown select {
    margin: 0 0 30px;
}
/*--------------------------------------------- Lists ---------------------------------------------*/

ul ul {
    list-style: circle;
}

ul ul ul {
    list-style: square;
}

ol ol {
    list-style: lower-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol li,
ul li {
    margin-bottom: 10px;
}

ol li:last-child,
ul li:last-child {
    margin-bottom: 0;
}
ol li ol,
ul li ul,
ol li ul,
ul li ol {
    margin: 10px 0 0;
}
select {
    color: var(--aijourney-font-color);
    border: 1px solid var(--aijourney-border-color);
    width: 100%;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-radius: var(--aijourney-btn-radius);
    cursor: pointer;
    background: var(--aijourney-input-bg);
}
table {
    width: 100%;
    margin: 0 0 30px;
}
.calendar_wrap {
    margin: 30px 0 0px;
}
.wp-calendar-table {
    margin: 0;
}
table th {
    font-weight: 700;
    color: var(--aijourney-title-color);
}
table th,
table td,
.wp-block-calendar tbody td,
.wp-block-calendar th {
    border: 1px solid var(--aijourney-border-color);
    padding: 10px 10px;
    text-align: center;
}
.wp-calendar-table tbody td#today {
    background: var(--aijourney-primary-color);
    margin: auto;
    color: var(--aijourney-white);
}
form.post-password-form input[type="submit"] {
    border-radius: 0;
}
/*--------------------------------------------- Widget ---------------------------------------------*/
.wp-block-image img {
    border-radius: 0;
}
.widget.widget_rss ul li {
    margin-bottom: 28px;
}
.widget.widget_rss ul li:last-child {
    margin-bottom: 0;
}
.widget_rss .rsswidget {
    color: var(--aijourney-title-color);
}
.widget.widget_rss ul li a {
    width: 100%;
    display: inline-block;
    color: var(--aijourney-title-color);
    font-weight: 500;
}
.widget.widget_rss ul li span.rss-date {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--aijourney-font-size);
    font-weight: 500;
    padding-left: 20px;
    color: var(--aijourney-primary-color);
    margin: 6px 0 9px;
}
.widget.widget_rss ul li cite {
    display: inline-block;
    width: 100%;
    margin-top: 6px;
    font-weight: 500;
    color: var(--aijourney-title-color);
}
.mid-single-data>p:last-child {
    margin-bottom: 0;
}
.widget .post-date {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--aijourney-font-size);
    font-weight: 500;
    padding-left: 20px;
    color: var(--aijourney-primary-color);
    margin: 6px 0 9px;
}
.widget .post-date:before {
    content: "\f073";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mid-widget-post-date {
    color: var(--aijourney-primary-color);
}
.mid-widget-post-title {
    font-weight: 600;
    color: var(--aijourney-title-color);
}
.mid-widget-post-title:hover {
    color: var(--aijourney-primary-color);
}
.mid-widget-post-title:hover,
.mid-widget-post-title {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
.widget.widget_categories ul {
    margin: 0 0 2px;
}
.mid-widget-post-date {
    color: var(--aijourney-primary-color);
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--aijourney-font-size);
    font-weight: 500;
    padding-left: 20px;
    margin: 6px 0 9px;
}
/*--------------------------------------------- Tag ---------------------------------------------*/
.widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
}
.widget.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud .tag-cloud-link {
    border-radius: 0;
    text-transform: capitalize;
    background-color: var(--aijourney-alternate-bg);
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 6px;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
}

.widget.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover {
    background-color: var(--aijourney-alternate-bg);
    color: var(--aijourney-title-color);
}

.widget.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud .tag-cloud-link,
.widget.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover{
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
.cat-links,
.tags-links {
    width: 100%;
    display: inline-block;
    font-weight: 600;
    color: var(--aijourney-title-color);
}
.cat-links a,
.tags-links a,
.cat-links a:not([href]):not([class]),
.tags-links a:not([href]):not([class]) {
    border-radius: 3px;
    text-transform: capitalize;
    background-color: var(--aijourney-alternate-bg);
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 4px 15px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--aijourney-title-color);
}
.cat-links a:hover,
.tags-links a:hover,
.cat-links a:not([href]):not([class]):hover,
.tags-links a:not([href]):not([class]):hover {
    background-color: var(--aijourney-alternate-bg);
    color: var(--aijourney-title-color);
}
.mid-cat-links,
.mid-tags-links {
    margin: 0 10px 0 0;
}
.widget.widget_text .textwidget strong {
    color: var(--aijourney-title-color);
}
.widget .calendar_wrap table th,
.widget .calendar_wrap table td {
    padding: 10px 3px;
    font-size: var(--font14);
    text-align: center;
}
.widget_recent_comments li .comment-author-link {
    display: inline-block;
}
.widget a {
    text-transform: capitalize;
}
.widget_recent_comments li a {
    font-weight: 600;
}
.widget_recent_comments li a,
.widget.widget_recent_comments ul li.recentcomments,
.widget.widget_recent_comments ul li.recentcomments a {
    color: var(--aijourney-title-color);
}
.widget_recent_comments li a:hover,
.widget.widget_recent_comments ul li.recentcomments a:hover {
    color: var(--aijourney-primary-color);
}
.widget_recent_comments li .url,
.widget_recent_comments li .comment-author-link {
    color: var(--aijourney-title-color);
    font-weight: 600;
}
.widget.widget_recent_comments ul li.recentcomments {
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
    min-height: 40px;
}
.widget.widget_text .textwidget p img {
    margin: 7px 0;
}
.widget.widget_text p strong {
    margin: 3px 0;
    display: inline-block;
    width: 100%;
}
.widget.widget_text .textwidget strong {
    color: var(--aijourney-title-color);
}
.widget_product_search {
    padding: 40px 30px 33px;
}
body .comments-area ol ol,
body .comments-area ol ol ol {
    list-style: decimal;
}
.comment-list {
    padding: 0;
    list-style: none;
}
.comment-author {
    width: 80px;
    height: 80px;
}
.comment-author img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: none;
    border-radius: 50%;
}

.mid-comment-data {
    display: flex;
    flex-wrap: wrap;
    background: var(--aijourney-alternate-bg);
    border-radius: 0;
    border: none;
}
.comments-area>ol.comment-list>li blockquote {
    background: var(--aijourney-alternate-bg);
    border-color: var(--aijourney-font-color);
}
.comment-info {
    width: calc(100% - 80px);
    padding: 0 0 0 20px;
}
.comment-reply-link {
    color: var(--aijourney-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--aijourney-font-size);
    letter-spacing: .6px;
    position: relative;
}
.comment-reply-link i {
    margin: 0 10px 0 0;
}
h3#reply-title.comment-reply-title small a {
    color: var(--aijourney-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--aijourney-font-size);
    letter-spacing: .6px;
    position: relative;
}
h3#reply-title.comment-reply-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px;
}
h3#reply-title.comment-reply-title:before,
.comments-area>ol.comment-list>li #reply-title:before {
    width: 100px;
}
.comment-respond {
    margin: 0;
    width: 100%;
}
.comment-respond .form-submit {
    margin: 0;
}
.comments-area .no-comments {
    margin: 15px 0 10px;
}
.comments-area>ol.comment-list>li {
    background: var(--aijourney-alternate-bg);
    padding: 30px 30px;
    margin: 0 0 20px;
    border: 0;
}
.comments-title {
    margin: 0 0 27px;
    font-size: var(--aijourney-title-size);
    font-weight: 700;
    color: var(--aijourney-title-color);
}
.comments-area .comment-respond {
    margin: 50px 0 0;
    display: flex;
    flex-wrap: wrap;
}
.comments-area .comment-respond>* {
    width: 100%;
}
.mid-blog-columns>.comments-area {
    margin: 36px 0 0;
}
h3#reply-title.comment-reply-title small {
    font-size: var(--aijourney-font-size);
}
.comments-area>ul,
.comments-area>ol {
    list-style: none;
}
.comments-area>ul .children,
.comments-area>ol .children {
    list-style: none;
    margin: 0;
}
.comment-head {
    margin: 0 0 15px;
}
.comment-head h3 {
    font-size: var(--aijourney-widgets-title-size);
    font-weight: 600;
    margin: 0 0 6px;
    color: var(--aijourney-title-color);
}
.comment-head h3 a {
    font-weight: 600;
    color: var(--aijourney-title-color);
}
.comment-date {
    margin: 0 0 0;
}
.comment-head .comment-date a {
    color: var(--aijourney-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--aijourney-font-size);
    letter-spacing: .6px;
    position: relative;
}
.comments-area blockquote {
    margin: 0 0 25px;
}
.comments-area dt {
    color: var(--aijourney-title-color);
}
.comments-area>ul .children>li,
.comments-area>ol .children>li {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--aijourney-border-color);
    padding: 0 0 20px;
}
.comments-area>ul .children>li:last-child,
.comments-area>ol .children>li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding: 0 0 0;
}
.comments-area>ol.comment-list>li .children li:last-child,
.comments-area>ul.comment-list>li .children li:last-child {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}
.comments-area>ol.comment-list>li .children li:first-child,
.comments-area>ul.comment-list>li .children li:first-child {
    margin-top: 23px;
    border-top: 1px solid var(--aijourney-border-color);
    padding-top: 30px;
}
.comments-area>ol.comment-list>li .children li p:last-of-type {
    margin-bottom: 3px;
}
.comment-respond .comment-notes {
    display: none;
}
.comment-respond .comment-form-cookies-consent {
    display: none;
}
/*--------------------------------------------- Page And Post  ---------------------------------------------*/
p.has-text-align-center {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
.wp-block-file .wp-block-file__button {
    background: var(--aijourney-title-color);
    color: var(--aijourney-main-bg);
}
.wp-block-calendar table th {
    font-weight: 600;
    background: transparent;
    padding: 4px 10px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
    padding: 0;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    display: block;
    color: var(--aijourney-title-color);
    font-size: var(--aijourney-font-size);
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-author:visited,
.wp-block-latest-posts.wp-block-latest-posts__list li a,
.wp-block-latest-posts.wp-block-latest-posts__list li a:visited {
    color: var(--aijourney-font-color);
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
    font-weight: 600;
}
.wp-block-cover-text strong {
    color: var(--aijourney-white);
}
.mid-single-data>ol,
.mid-single-data>ul {
    margin-bottom: 30px;
}
.mid-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mid-post-meta>* {
    margin-right: 30px;
}
.mid-post-meta>*:last-of-type {
    margin-right: 0;
}
.mid-post-meta.mid-date-with-thumb a {
    font-weight: 500;
}
.mid-blog-authore {
    text-transform: capitalize;
}
.wp-block-archives.wp-block-archives-list a {
    color: var(--aijourney-title-color);
}
.wp-block-archives.wp-block-archives-dropdown {
    margin: 0 0 25px;
}
.mid-single-data .wp-block-calendar td,
.mid-single-data .wp-block-calendar th {
    padding: 15px 10px;
}
body.search .mid-blog-columns article .mid-single-imgae-wrap,
.mid-single-imgae-wrap {
    margin: 0 0 35px;
    border-radius: 0;
    overflow: hidden;
}
.mid-post-counting {
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    color: var(--aijourney-font-color);
}
.mid-post-counting:before {
    content: "(";
}
.mid-post-counting:after {
    content: ")";
}
.calendar_wrap nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
}
.wp-block-calendar nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.wp-block-calendar nav.wp-calendar-nav a {
    text-decoration: none;
    color: var(--aijourney-title-color);
}
.wp-block-categories.wp-block-categories-dropdown {
    margin-bottom: 25px;
}
.mid-blog-columns {
    margin-bottom: 50px;
}
.mid-sidebar-wrapper {
    margin-bottom: 50px;
}
.widget_archive li,
.widget_categories li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.widget_archive li .children,
.widget_categories li .children {
    width: 100%;
}
.mid-blog-thumb-page-wrapper .mid-blog-thumb-section {
    margin: 0 0 50px;
}
.mid-blog-single-imgae .post-thumbnail {
    margin: -25px -30px 35px;
    border-radius: 0;
    overflow: hidden;
}
body .mid-single-data figure {
    margin-bottom: 15px;
    padding-top: 3px;
}
.mid-details-wrapper {
    width: 100%;
}
.mid-blog-inner>.comments-area {
    margin-top: 50px;
}
.comments-area>ol.comment-list>li #reply-title {
    font-size: var(--aijourney-widgets-title-size);
}
/*--------------------------------------------- Single Post ---------------------------------------------*/
.mid-blog-columns .mid-blog-details {
    display: flex;
    flex-wrap: wrap;
}
.mid-single-blog {
    padding: 30px 0 30px;
}
.mid-blog-single-imgae .post-thumbnail {
    margin: 0;
}
.single .mid-blog-single-imgae .post-thumbnail {
    margin: 0 0 35px;
}
.mid-blog-meta {
    margin: 33px 0 17px;
    width: 100%;
}
.mid-single-blog .entry-content>ul,
.mid-single-blog .entry-content>ol {
    margin-bottom: 20px;
}
.mid-blog-columns .comments-area>ol.comment-list {
    margin-bottom: 20px;
    width: 100%;
}
.mid-blog-columns .mid-blog-details .edit-link {
    margin: 0 0 20px;
    width: 100%;
}
.comments-area>ol.comment-list>li .comment-respond {
    margin: 33px 0 0;
}
.comment-respond .comment-form-cookies-consent+.row .input-wrap {
    margin-bottom: 23px;
}
.mid-categories-tags {
    width: 100%;
}
.mid-categories-tags div>span a:first-child {
    margin-left: 10px;
}
/*--------------------------------------------- Authore Info ---------------------------------------------*/
.mid-blog-authore-box {
    background: var(--aijourney-primary-color);
    padding: 30px 30px 10px;
    display: flex;
    flex-wrap: wrap;
    margin: 23px 0 18px;
    border-radius: 0;
}
.mid-blog-authore-img {
    width: 100px;
    height: 100px;
    margin: 0 0 20px;
}
.mid-blog-authore-img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 3px solid var(--aijourney-white);
    border-radius: 50%;
}
.mid-blog-authore-info {
    width: calc(100% - 100px);
    padding: 0 15px 0 30px;
    color: var(--aijourney-white);
}
.mid-blog-authore-box p {
    margin-bottom: 8px;
}
.mid-blog-authore-info h5 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 7px;
    color: var(--aijourney-white);
}
.mid-blog-authore-info h5 span {
    color: var(--aijourney-primary-color);
    font-weight: 600;
    margin: 0 10px 0 0;
}
/*--------------------------------------------- Comments ---------------------------------------------*/
.comment-reply-title {
    font-size: var(--aijourney-title-size);
    font-weight: 700;
    margin: 0 0 0;
    color: var(--aijourney-title-color);
    line-height: 1.4;
    margin-bottom: 19px;
}
.wp-block-latest-comments {
    padding: 0;
}
.wp-block-latest-comments__comment-date {
    font-size: var(--aijourney-font-size);
    margin: 3px 0 5px;
    display: inline-block;
    width: 100%;
    color: var(--aijourney-primary-color);
    font-weight: 500;
}
.comment-list .input-wrap textarea,
.comment-list .input-wrap input {
    border: 1px solid var(--aijourney-border-color);
}
.wp-block-categories.wp-block-categories-dropdown .nice-select {
    margin: 0 0 23px;
}
/*--------------------------------------------- Pagination CSS ---------------------------------------------*/
.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
}
.pagination .nav-links>*:not(.dots) {
    height: 50px;
    width: 50px;
    color: var(--aijourney-title-color);
    text-transform: capitalize;
    line-height: 50px;
    display: inline-flex;
    justify-content: center;
    border: none;
    border-radius: 80px;
    margin: 0 10px 0 0;
    align-items: center;
}
.pagination .nav-links .dots {
    height: 50px;
    width: 50px;
    color: var(--aijourney-title-color);
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border: none;
    margin: 0 10px 0 0;
}
.page-numbers>span {
    display: none;
}
.page-numbers svg {
    fill: var(--aijourney-title-color);
}
.pagination .nav-links>*:hover,
.pagination .nav-links .current {
    background: var(--aijourney-primary-color);
    color: var(--aijourney-white);
}
.pagination .nav-links .dots:hover {
    background: transparent;
    color: var(--aijourney-title-color);
}
.pagination .nav-links>*:hover svg,
.pagination .nav-links>*:hover svg path {
    fill: var(--aijourney-white);
}
.pagination .nav-links>*,
.pagination .nav-links>*:hover {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
.page-links .page-number span,
.page-links .page-number a {
    height: 50px;
    width: 50px;
    background: var(--aijourney-alternate-bg);
    color: var(--aijourney-title-color);
    text-transform: capitalize;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 0;
    margin: 0 0 0 10px;
}
.page-links .page-number span.current,
.page-links .page-number a:hover {
    background: var(--aijourney-primary-color);
    color: var(--aijourney-title-color);
}
.mid-main-page-container .mid-blog-columns .page-links {
    margin: 40px 0 0;
    display: inline-block;
    width: 100%;
}
/*--------------------------------------------- Search  ---------------------------------------------*/
.wp-block-search {
    margin: 0 0 30px;
}
.wp-block-search .wp-block-search__input {
    border-radius: 0;
}
.wp-block-search .wp-block-search__button {
    margin: 0;
    border-radius: 0;
}
.search-form {
    display: flex;
    flex-wrap: wrap;
}
.search-form label {
    width: calc(100% - 60px);
    margin: 0;
}
.search-form label input.search-field {
    border-radius: 0;
}
.search-form .search-submit {
    min-width: 60px;
    width: 60px;
    border-radius: 0;
    height: 50px;
    background: var(--aijourney-primary-color);
    border: 1px solid var(--aijourney-primary-color);
}
.search-form .search-submit svg {
    fill: var(--aijourney-white);
}
/*--------------------------------------------- Side Bar CSS ---------------------------------------------*/
.widget {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0 0 66px;
    padding: 0;
}
.widget:last-of-type {
    margin-bottom: 0;
}
.widget_tag_cloud {
    margin-bottom: 65px;
}
.mid-recent-post-widgets {
    padding-bottom: 0px;
}
.widget-title {
    font-size: var(--aijourney-widgets-title-size);
    font-weight: 600;
    color: var(--aijourney-title-color);
    margin: 0px 0 25px;
    position: relative;
    padding: 0 0 12px;
    display: inline-block;
}
.widget-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: var(--aijourney-primary-color);
    width: 85%;
}
.widget ul li,
.widget ol li {
    margin: 0 0 12px;
    position: relative;
    padding-left: 18px;
}
.widget ul li:before,
.widget ol li:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 0%;
    background: var(--aijourney-primary-color);
    top: 10px;
}
.widget ul li:hover>a,
.widget ol li:hover>a {
    color: var(--aijourney-primary-color);
}
.widget ul li:hover a,
.widget ol li:hover a,
.widget ul li:hover:before,
.widget ol li:hover:before,
.widget ul li a,
.widget ol li a,
.widget ul li:before,
.widget ol li:before {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
.widget ul li:last-child,
.widget ol li:last-child {
    margin: 0;
}
.widget ul.children {
    margin-top: 5px;
}
.widget ul.children,
.widget ol.children {
    margin-left: 15px;
}
caption {
    color: var(--aijourney-title-color);
}
.wp-block-calendar table th,
.wp-block-calendar table td {
    text-align: center;
}
.wp-block-calendar table th,
.wp-calendar-table th {
    background: var(--aijourney-primary-color);
    color: var(--aijourney-white);
}
.wp-block-calendar {
    margin: 30px 0 0;
    display: inline-block;
    width: 100%;
}
/**/
.entry-header .entry-title {
    margin-bottom: 0;
}

.entry-header .mid-post-meta {
    margin-top: 10px;
}

.entry-header.mid-blog-head {
    margin: 0 0 20px;
}
.sticky-post {
    verticmid-align: middle;
}
.single .entry-header .mid-post-meta {
    margin-top: 0px;
}
.alignright {
    clear: both;
    margin-top: 0.5em;
}
.is-style-rounded .wp-block-button__link.mid-btn {
    border-radius: 50px !important;
}
.mid-page-columns .comments-area {
    margin-top: 34px;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p {
    color: #767676;
}
.mid-page-columns {
    margin-bottom: 50px;
}
.mid-main-page-container {
    /* padding: 80px 0 30px; */
}
.wp-block-group.has-background {
    margin: 0 0 20px;
}
body .widget.widget_categories .children {
    margin-top: 12px;
}
body .widget.widget_categories .children:last-of-type {
    margin-bottom: 0;
}

/*--------------------------------------------- Widget Spacing ---------------------------------------------*/
.widget.widget_search {
    margin: 0 0 75px;
}
.widget.widget_recent_comments .widget-title {
    margin-bottom: 30px;
}
.widget.widget_recent_comments {
    margin-bottom: 19px;
}
.widget.widget_archive select {
    margin: 5px 0 7px;
}
.widget.widget_calendar .widget-title {
    margin-bottom: 30px;
}
.widget.widget_calendar .calendar_wrap {
    margin: 0 0 2px;
}
.widget.widget_categories select {
    margin: 5px 0 7px;
}
.widget.widget_search .widget-title {
    margin-bottom: 30px;
    margin-top: -4px;
}
.widget.widget_text .widget-title {
    margin-bottom: 21px;
}
.widget.widget_text select,
.widget.widget_text .nice-select {
    margin-bottom: 9px;
}
.widget.widget_tag_cloud .widget-title {
    margin-bottom: 30px;
}

/*--------------------------------------------- Sidebar Only ---------------------------------------------*/
.mid-sidebar-wrapper .widget {
    background: #eff3fd;
    margin: 0 0 30px;
    padding: 35px 30px 40px;
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
}
.mid-sidebar-wrapper .widget.widget_archive select,
.mid-sidebar-wrapper .widget.widget_archive .nice-select {
    margin: 5px 0 6px;
}
.mid-sidebar-wrapper .widget.widget_categories select,
.mid-sidebar-wrapper .widget.widget_categories .nice-select {
    margin: 5px 0 9px;
}
.mid-sidebar-wrapper .widget_pages {
    padding-bottom: 2px;
}
.mid-sidebar-wrapper .widget.widget_recent_comments {
    padding-bottom: 0px;
    margin-bottom: 38px;
}
.widget.widget_meta {
    padding-bottom: 2px;
}
.widget.widget_rss {
    padding: 0 0 5px;
}
.widget.widget_archive {
    padding-bottom: 3px;
}
.widget.widget_recent_entries {
    padding-bottom: 2px;
}
/*--------------------------------------------- Footer Widgets Only ---------------------------------------------*/
.mid-footer-wrapper .widget.widget_search .widget-title {
    margin-top: 0;
}
.mid-footer-wrapper .widget_search .search-form {
    margin: 0 0 7px;
}
.mid-footer-wrapper .widget.widget_categories ul {
    margin: 5px 0 0px;
}
.mid-footer-wrapper .widget_tag_cloud {
    margin-bottom: 35px;
}
.mid-footer-wrapper .widget_recent_comments {
    margin-bottom: 18px;
}
.mid-footer-wrapper .widget:last-of-type {
    margin-bottom: 8px;
    margin-top: 20px;
}
/*--------------------------------------------- 404 Page Styling ---------------------------------------------*/
.mid-error-page-wrapper {
    padding: 66px 0 71px;
    text-align: center;
}
.mid-error-img img {
    max-height: 350px;
    margin: 0 0 10px;
}
.mid-error-info h1 {
    font-size: 52px;
    font-weight: 900;
    color: var(--aijourney-primary-color);
    margin: 0;
}
.mid-error-info p {
    margin: 10px auto 0;
    max-width: 640px;
}
.mid-error-btn {
    margin: 35px 0 0;
}
/*--------------------------------------------- Aside  ---------------------------------------------*/
.mid-aside-wrapper {
    position: fixed;
    left: 0;
    width: 100px;
    background: var(--aijourney-white);
    top: 70px;
    bottom: 0px;
    overflow: auto;
    z-index: 99;
    box-shadow: 0 1px 1px rgb(0 0 0 / 18%);
    padding: 10px 0 80px;
}
body.admin-bar .mid-aside-wrapper {
    top: 100px;
}
.mid-aside-col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mid-aside-menu {
    width: 100%;
}
.mid-aside-menu ul.menu {
    padding: 0;
}
.mid-aside-menu ul.menu li {
    list-style: none;
    margin: 0;
}
.mid-aside-menu ul.menu > li> a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column-reverse;
    font-size: 12px;
    font-weight: 500;
    margin: 0 auto 0px;
    padding: 10px 20px;
    position: relative;
}
.mid-aside-menu ul.menu > li> a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--aijourney-white);
    border-radius: 0 10px 10px 0;
    height: 60%;
    width: 6px;
}
.mid-aside-menu ul.menu > li >a .menu-item-desc {
    margin: 0 0 3px;
}
.mid-aside-menu ul.menu > li >a svg {
    height: 18px;
    width: 18px;
}
.mid-aside-menu ul.menu > li.current-menu-item > a {
    color: var(--aijourney-primary-color);
    background: var(--aijourney-alternate-bg);
}
.mid-aside-menu ul.menu > li.current-menu-item > a:before {
    background: var(--aijourney-primary-color);
}
.mid-aside-menu ul.menu li ul.sub-menu {
    padding: 0;
    width: 80px;
    margin: auto;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}


/* Color Switch */
.color-switcher {
    position: fixed;
    bottom: 20px;
    z-index: 999;
    height: fit-content;
    margin: auto;
    left: 10px;
}
.switches-container {
    width: 60px;
    display: flex;
    background: var(--aijourney-title-color);
    min-height: 30px;
    margin-right: auto;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px;
}
.color-switcher svg {
    fill: var(--aijourney-white);
    margin-right: 2px;
    height: 16px;
    vertical-align: text-bottom;
    width: 16px;
}
.switches-container input {
    visibility: hidden;
    position: absolute;
    top: 0;
}
.switches-container label {
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: var(--aijourney-white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 3px;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}
.switch {
    border-radius: 3px;
    background: var(--aijourney-primary-color);
    height: 100%;
}
.switch div {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: grid;
    height: 30px;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    color: var(--aijourney-white);
    font-weight: 600;
    left: 0;
    border-radius: 30px;
    background: var(--aijourney-primary-color);
    align-items: center;
    justify-content: center;
}
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}
/* Category Aside  */
.mid-category-aside {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    visibility: hidden;
    transition: all .8s ease;
}
.show-categories .mid-category-aside {
    opacity: 1;
    visibility: visible;
    width: 100%;
    transition: all .8s ease;
}
.mid-category-aside-row {
    background-color: var(--aijourney-white);
    width: 280px;
    margin-left: auto;
    padding: 30px 30px;
    height: 100%;
    overflow: hidden auto;
    position: relative;
    right: -500px;
    transition-delay: 1s;
    transition: right 1s ease;
}
.show-categories .mid-category-aside .mid-category-aside-row {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.mid-category-aside,
.show-categories .mid-category-aside {
    /* -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition); */
}
.mid-cat-toggle-btn {
    display: inline-flex;
}
.mid-close-categories {
    position: absolute;
    right: 20px;
    top: 25px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    z-index: 1;
    text-align: center;
}
.mid-close-categories svg {
    height: 16px;
    vertical-align: bottom;
}
.mid-category-nav {
    position: relative;
}
.mid-category-nav ul {
    padding: 0;
}
.mid-category-nav ul li {
    margin: 0;
    list-style: none;
    padding: 0;
}
body .mid-cat-toggle-btn a svg {
    height: 15px;
    vertical-align: text-bottom;
    margin: 0 0 0 0;
}
.mid-category-nav ul li::before {display: none;}

.mid-category-nav ul li a {
    padding: 8px 0;
    display: block;
    font-size: 14px;
}
.mid-cat-img {
    margin-right: 10px;
}
.mid-cat-img img {
    height: 20px;
}
.mid-category-aside-inner {
    height: 100%;
    overflow: auto;
}
.mid-category-aside h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px;
}

/*--------------------------------------------- Header ---------------------------------------------*/
.mid-logo-icon-wrap {
    display: inline-flex;
    align-items: center;
    grid-gap: 20px;
    flex-wrap: wrap;
}
.mid-logo-wrap {
    text-transform: capitalize;
    font-weight: 600;
}
.mid-logo-wrap a {
    font-weight: 700;
    color: var(--aijourney-title-color);
    font-size: 22px;
}
.mid-header-widgets-wrap {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    justify-content: flex-end;
}
.mid-header-widgets-wrap .mid-btn {
    padding-top: 6px;
    padding-bottom: 6px;
}
.mid-header-widgets-wrap svg {
    height: 26px;
}
.mid-header-widgets-wrap > a {
    color: var(--aijourney-title-color);
}
/* Header Nav */
body.admin-bar .mid-header-wrapper {
    top: 30px;
}
.mid-header-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--aijourney-white);
    padding: 15px 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 0 1px rgb(0 0 0 / 18%);
    z-index: 999;
}
.mid-header-wrapper .menu {
    display: flex;
    flex-wrap: wrap;
    text-transform: capitalize;
}
.mid-header-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.mid-header-wrapper .menu li {
    position: relative;
    margin: 0;
}
.mid-header-wrapper .menu li a,
.mid-header-wrapper .menu li a:visited,
.mid-header-wrapper .menu li a:focus {
    color: var(--aijourney-title-color);
    font-weight: 500;
}
.mid-header-wrapper .menu li.current-menu-item>a,
.mid-header-wrapper .menu li.current-menu-item>a:focus,
.mid-header-wrapper .menu li.current-menu-item>a:visited {
    color: var(--aijourney-primary-color);
}
.mid-header-wrapper .menu li.current-menu-ancestor>a,
.mid-header-wrapper .menu li.current-menu-ancestor>a:focus,
.mid-header-wrapper .menu li.current-menu-ancestor>a:visited {
    color: var(--aijourney-primary-color);
}
.mid-header-wrapper .menu > li > a {
    position: relative;
    display: inline-flex;
    padding: 4px 10px;
    flex-direction: row-reverse;
    grid-gap: 5px;
}
.mid-header-wrapper .menu li a .menu-item-desc {
    display: inline-block;
    margin: 0;
    width: 20px;
    height: 20px;
}
.mid-header-wrapper .menu li a .menu-item-desc svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 3px;
}
.mid-header-wrapper .mid-search-btn svg {
    fill: var(--aijourney-primary-color);
    height: 20px;
    cursor: pointer;
}
.mid-header-wrapper .row {
    align-items: center;
    justify-content: center;
}
.mid-main-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
/**/
.mid-user-details {
    position: relative;
}
.mid-user-details-box {
    position: absolute;
    right: 0;
    min-width: 190px;
    background: var(--aijourney-white);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    top: calc(100% + 5px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
}
.mid-user-details-box.show {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
.mid-user-details-box.show,
.mid-user-details-box {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
.mid-user-details-box {
    padding: 20px 0;
}
.mid-user-details-box ul li a {
    padding: 1px 20px;
    display: block;
}
.mid-user-details-box ul li a svg {
    height: 20px;
    margin-right: 5px;
}
.mid-user-icon img {
    width: 40px;
    height: 40px;
    border: 3px solid var(--aijourney-border-color);
    border-radius: 50%;
    min-height: 40px;
    min-width: 40px;
}
.mid-user-details-box .menu-profile-menu-container ul {
    padding: 0;
}
.mid-user-details-box .menu-profile-menu-container ul a {
    padding: 1px 20px !important;
    color: var(--aijourney-font-color) !important;
}
.mid-user-details-box .menu-profile-menu-container ul a:hover {
    color: var(--aijourney-primary-color) !important;
}
.mid-info-settings .mid-btn-wrap {
    margin: 30px 0 0;
}
/**/
.mid-aside-pannel {
    position: relative;
    cursor: pointer;
    width: 14px;
    height: 12px;
    display: inline-block;
}
.mid-aside-pannel span {
    display: block;
    float: right;
    width: 100%;
    height: 2px;
    background: var(--aijourney-title-color);
}
.mid-aside-pannel span:not(:last-child) {
    margin-bottom: 4px;
}
.mid-aside-pannel span:nth-child(2) {
    width: 10px;
}
.mid-aside-pannel span:nth-child(3) {
    width: 12px;
}
.mid-aside-pannel:hover span:nth-child(2) {
    width: 14px;
}
.mid-aside-pannel:hover span:nth-child(1) {
    width: 8px;
}
.mid-aside-pannel:hover span:nth-child(3) {
    width: 8px;
}
.mid-aside-pannel:hover,
.mid-aside-pannel:hover span,
.mid-aside-pannel span {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
/*--------------------------------------------- Banner Style  ---------------------------------------------*/
/* Main Container */
.main-page-content {
    width: calc(100% - 100px);
    margin-left: auto;
    padding: 30px 30px 30px 30px;
    margin-top: 70px;
}

/* Main Banner */
.mid-banner-wrapper {
    padding: 80px 20px;
    background: url(../images/banner-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    color: var(--aijourney-white);
}
.mid-banner-wrapper:before {
    content: "";
    background: var(--aijourney-primary-color);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    opacity: .6;
}
.mid-banner-content {
    max-width: 620px;
    margin: auto;
    position: relative;
}
.mid-banner-title h2 {
    color: var(--aijourney-white);
    font-size: 46px;
    font-weight: 700;
}
.mid-banner-desc {
    font-size: 20px;
    font-weight: 500;
}

/* Search Tags */
.mid-search-tags ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 10px;
    justify-content: center;
}
.mid-search-tags ul li {
    margin: 0;
    list-style: none;
}
.mid-search-tags ul li a {
    border: 1px solid var(--aijourney-border-color);
    display: inline-block;
    padding: 2px 15px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: var(--aijourney-white);
}
.mid-search-tags ul li a:hover {
    border-color: var(--aijourney-white);
    color: var(--aijourney-white);
}
/* Search btn */
.mid-searcg-box {
    position: relative;
}
.mid-searcg-box input {
    padding-right: 60px;
}
.mid-searcg-box button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
}
.mid-searcg-box button svg {
    height: 20px;
    fill: currentColor;
}
.mid-search-has-btn .mid-searcg-box input {
    padding-right: 170px;
}
.mid-search-has-btn .mid-searcg-box .mid-btn {
    min-width: 140px;
    padding: 3px 20px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    font-size: inherit;
}
.mid-search-tags {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    font-size: 18px;
    align-items: center;
    margin: 15px 0 0;
    justify-content: center;
    font-weight: 500;
    text-transform: uppercase;
}
.mid-search-tags ul {
    margin: 0 0 4px;
    text-transform: capitalize;
    font-weight: 500;
}

/* Banner Style Two */
.mid-banner-wrapper.mid-banner-style2 {
    border-radius: 0;
    padding: 120px 20px;
    background: url(../images/banner-bg1.jpg);
    background-position: center !important;
    background-size: cover !important;
}
.mid-banner-wrapper.mid-banner-style2::before {
    background: #1d1933;
    opacity: .85;
}
.mid-banner-wrapper.mid-banner-style2 .container-fluid {
    max-width: 1720px;
}
.mid-banner-wrapper.mid-banner-style2 .mid-banner-content {
    max-width: 780px;
    margin: 0;
    text-align: left;
}
.mid-banner-wrapper.mid-banner-style2 .mid-search-tags ul li a {
    background: rgb(255 255 255 / 10%);
    border-color: transparent;
}
.mid-banner-wrapper.mid-banner-style2 .mid-search-tags ul li a:hover {
    background: var(--aijourney-primary-color);
}
.mid-banner-wrapper.mid-banner-style2 .mid-searcg-box input {
    border-radius: 5px;
    background: rgb(255 255 255 / 8%);
    color: #ffffff !important;
    border-color: rgb(255 255 255 / 10%);
    border-width: 0 0 2px 0;
}
.mid-banner-wrapper.mid-banner-style2 .mid-banner-content .mid-search-tags ul {
    grid-gap: 5px;
}
.mid-banner-wrapper.mid-banner-style2 .mid-banner-content .mid-banner-title h2 {
    font-size: 18px;
    margin: 0;
    font-weight: 500;
}
.mid-banner-wrapper.mid-banner-style2 .mid-banner-content .mid-search-tags {
    justify-content: flex-start;
    margin: 15px 0 0;
}
.mid-banner-wrapper.mid-banner-style2 .mid-banner-content .mid-banner-desc {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    margin: 10px 0 20px;
    text-transform: capitalize;
}
.mid-banner-wrapper.mid-banner-style2 .mid-searcg-box button svg {
    color: var(--aijourney-white);
}
.mid-banner-wrapper.mid-banner-style2 .mid-searcg-box input:focus {
    border-color: var(--aijourney-white);
}
.mid-banner-wrapper.mid-banner-style2 .mid-searcg-box input::-webkit-input-placeholder {
    color: var(--aijourney-white);
    opacity: 60%;
}
.mid-banner-wrapper.mid-banner-style2 .mid-searcg-box input::-moz-placeholder {
    color: var(--aijourney-white);
    opacity: 60%;
}
.mid-banner-wrapper.mid-banner-style2 .mid-searcg-box input:-ms-input-placeholder {
    color: var(--aijourney-white);
    opacity: 60%;
}
.mid-banner-wrapper.mid-banner-style2 .mid-searcg-box input:-moz-placeholder {
    color: var(--aijourney-white);
    opacity: 60%;
}

/*--------------------------------------------- GENERATE Style Start ---------------------------------------------*/
.mid-generate-wrapper {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
}
.mid-filter-box {
    padding: 30px 20px;
    background: var(--aijourney-white);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    width: 400px;
}
.mid-filted-content {
    width: calc(100% - 430px);
}
.mid-generate-box {
    padding: 30px 20px;
    background: var(--aijourney-white);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    margin-top: 20px;
    position: relative;
}
.mid-filter-navigation {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
    align-items: center;
}
.mid-filter-navigation .input-wrap {
    margin: 0;
    min-width: 150px;
}
.mid-img-filter-sizes ul {
    padding: 0;
    display: inline-flex;
    grid-gap: 5px;
    flex-wrap: wrap;
}
.mid-img-filter-sizes ul li {
    margin: 0;
    list-style: none;
    position: relative;
}
.mid-img-filter-sizes ul li input {
    min-width: 0;
    opacity: 0;
    width: 0;
}
.mid-img-filter-sizes ul li label {
    background: var(--aijourney-input-bg);
    color: var(--aijourney-font-color);
    padding: 6px 20px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid var(--aijourney-border-color);
}
.mid-img-filter-sizes ul li input:checked ~ label {
    background: var(--aijourney-title-color);
    color: var(--aijourney-white);
    border-color: var(--aijourney-title-color);
}
.mid-filter-navigation .input-wrap select {
    height: 35px;
    font-size: 12px;
    font-weight: 500;
}
.mid-single-generated-img {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 10px 10px;
}
.mid-single-generated-img img {
    max-height: 300px;
    object-fit: contain;
}

/*--------------------------------------------- GENERATE Style End ---------------------------------------------*/

/*--------------------------------------------- ImageGrid Style Start ---------------------------------------------*/
.mid-images-grid-wrapper {
    padding: 30px 0;
}
.mid-sub-navigation ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 5px;
}
.mid-sub-navigation ul li {
    margin: 0;
    list-style: none;
}
.mid-sub-navigation ul li a {
    background: var(--aijourney-input-bg);
    color: var(--aijourney-font-color);
    padding: 4px 15px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--aijourney-border-color);
    display: inline-block;
}
.mid-sub-navigation ul li.active a {
    background: var(--aijourney-title-color);
    color: var(--aijourney-white);
    border-color: var(--aijourney-title-color);
}
.mid-sub-navigation {
    margin: 0 0 30px;
}
/* Image Grid */
.mid-images-grid-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 20px;
}
.mid-img-box {
    position: relative;
    border-radius: 20px;
}
.mid-img-box:after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 30%,rgba(0,0,0,.9));
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    right: 0;
}
.mid-img-box:hover:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 30%,#0a0a0a);
}
.mid-img-box:before {
    content: "";
    background: linear-gradient(45deg,#3758f9,#4d6bff);
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
}
.mid-img-box:hover:before {
    opacity: .8;
    visibility: visible;
    top: 0;
}
.mid-img-box:hover .mid-img-title {
    color: var(--aijourney-white);
}
.mid-img-zoom svg {
    fill: var(--aijourney-white);
}
.mid-img-box,.mid-img-box .mid-img-box-info,.mid-img-box .mid-img-zoom,.mid-img-box .mid-img-title,.mid-img-box:after,.mid-img-box:before,.mid-img-box:hover,.mid-img-box:hover .mid-img-box-info,.mid-img-box:hover .mid-img-zoom,.mid-img-box:hover .mid-img-title,.mid-img-box:hover:after,.mid-img-box:hover:before {
    transition: var(--aijourney-transition);
}
.mid-img-box-info {
    position: absolute;
    bottom: 100px;
    right: 20px;
    left: 20px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.mid-img-box:hover .mid-img-box-info {
    bottom: 20px;
    visibility: visible;
    opacity: 1;
}
.mid-img-zoom svg {
    height: 20px;
}
.mid-img-zoom {
    position: absolute;
    top: 10px;
    z-index: 1;
    right: 10px;
    color: var(--aijourney-white);
    visibility: hidden;
    opacity: 0;
}
.mid-img-zoom:hover, .mid-img-zoom:focus {
    color: var(--aijourney-white);
}
.mid-img-box:hover .mid-img-zoom {
    visibility: visible;
    opacity: 1;
}
.mid-img-title {
    margin: 0;
    font-weight: 600;
    color: var(--aijourney-white);
    font-size: 18px;
    line-height: 1.4;
}
body .mid-img-box-thumb img {
    border-radius: 10px;
    max-height: 260px;
    width: 100%;
    object-fit: cover;
    height: 260px;
}
.mid-img-cat {
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    color: var(--aijourney-white);
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.mid-img-cat ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 0px 10px;
}
.mid-img-cat ul li {
    list-style: none;
    margin: 0;
    position: relative;
    padding-left: 20px;
}
.mid-img-cat ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    width: 15px;
    background: var(--aijourney-white);
    border-radius: 50px;
}
.mid-img-share-btn {
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(4 4 4 / 75%);
    color: var(--aijourney-white);
    z-index: 2;
    text-align: center;
    border-radius: 50%;
}
.mid-img-share-btn:hover,
.mid-img-share-btn:focus {
    color: var(--aijourney-white);
}
.mid-img-share-btn svg {
    height: 16px;
}
/*--------------------------------------------- ImageGrid Style End ---------------------------------------------*/
/* Social Share  */

.mid-social-links {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mid-social-links ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 10px;
}
.mid-social-links ul li {
    list-style: none;
    margin: 0;
}
.mid-social-links ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    border: 1px solid var(--aijourney-border-color);
}
.mid-social-links ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 35px var(--aijourney-white);
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
    transition: box-shadow 0.3s, transform 0.3s;
}
.mid-social-links ul li a:hover {
    border-color: transparent;
}
.mid-social-links ul li a:hover:after {
    box-shadow: inset 0 0 0 2px var(--aijourney-primary-color);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.mid-social-links ul li a svg {
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.mid-social-links ul li a svg {
    height: 15px;
    position: relative;
    z-index: 1;
}
.mid-share-img-box {
    padding: 10px 20px 20px;
}

/*--------------------------------------------- Modal Style Start ---------------------------------------------*/
.modal-header {
    position: relative;
    padding: 15px 30px;
    border-bottom: 1px solid #e4e4e4;
    background: var(--aijourney-white);
}
.modal-header .modal-title {
    font-size: 18px;
    color: var(--aijourney-title-color);
    font-weight: 600;
}
.modal-body {
    padding: 20px 30px;
}
.modal-header .btn-close {
    color: #f94b37 !important;
    opacity: 1;
    background: var(--aijourney-white);
    background-image: none;
    line-height: 1;
    font-weight: 700;
}
.modal-footer {
    padding: 15px 30px;
}

/* Img Preview Modal */
.mid-zoomed-img {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    position: relative;
    text-align: center;
    padding: 0;
    margin: 0 0 10px;
}
.mid-zoomed-img img {
    max-height: 600px;
    object-fit: cover;
    margin: auto;
    width: 100%;
    border-radius: 10px;
}
.mid-img-download-btn {
    background: var(--aijourney-primary-color);
    color: var(--aijourney-white) !important;
    display: inline-flex;
    width: 35px;
    height: 35px;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    justify-content: center;
}
.mid-img-download-btn:hover, 
.mid-img-download-btn:focus {
    color: var(--aijourney-white);
}
.mid-img-download-btn svg {
    fill: currentColor;
    height: 20px;
}
.mid-zoomed-img-desc h4:hover {
    color: var(--aijourney-primary-color);
}
.mid-img-info {
    margin: 0 0 10px;
}
.mid-img-info ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    grid-gap: 15px;
    margin: 0;
}
.mid-img-info ul li {
    margin: 0;
    list-style: none;
}
.mid-img-info ul li a {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
}
.mid-img-info ul li a span {
    width: 20px;
    margin: 0 5px 0 0;
}
.mid-img-info ul li a span svg {
    height: 20px;
    color: currentColor;
}
.mid-zoomed-img-desc h4 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
}
.mid-img-categories ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
}
.mid-img-categories ul li {
    margin: 0;
    list-style: none;
}
.mid-img-categories ul li a {
    background: var(--aijourney-input-bg);
    color: var(--aijourney-font-color);
    padding: 4px 20px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--aijourney-border-color);
}
.mid-img-categories ul li a:hover {
    color: var(--aijourney-primary-color);
    border-color: var(--aijourney-primary-color);
}
.mid-img-categories {
    margin: 0 0 20px;
}
.mid-zoomed-img-desc {
    padding: 0px 0px 0px;
}
.mid-zoomed-img-desc .mid-prompt-box {
    background: transparent;
    border: 0;
    padding: 0;
    border-radius: 0;
}


/*--------------------------------------------- Modal Style End ---------------------------------------------*/

/*---------------------------  Pricing Plan ---------------------------*/

.mid-pricing-wrapper {
    padding: 80px 0 45px;
}
.mid-pricing-item {
    position: relative;
    border-radius: 20px;
    margin: 0 0 30px;
}
.mid-pricing-item:before {
    content: "";
    background: var(--aijourney-primary-color);
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    position: absolute;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
}
.mid-pricing-item:hover:before {
    opacity: 1;
    visibility: visible;
}
.mid-pricing-list li:hover {
    color: var(--aijourney-primary-color);
}
.mid-pricing-item,.mid-pricing-item .mid-pricing-list ul li,.mid-pricing-item:before,.mid-pricing-item:hover,.mid-pricing-item:hover .mid-pricing-list ul li,.mid-pricing-item:hover:before {
    transition: var(--aijourney-transition);
}
.mid-pricing-item-inner {
    position: relative;
    box-shadow: 38px 45px 93px -10px rgb(0 0 0/5%);
    background: var(--aijourney-white);
    text-align: center;
    padding: 0 20px 50px;
    border-radius: 20px;
}
.mid-pricing-meta {
    font-size: 18px;
    line-height: .8;
    font-weight: 600;
    width: 200px;
    margin: 0 auto 27px;
    background-color: var(--aijourney-primary-color);
    color: var(--aijourney-white);
    padding: 2px 10px 18px;
    border-radius: 0 0 200px 200px;
    z-index: 2;
    text-align: center;
    min-height: 35px;
}
.mid-name-shape {
    height: 20px;
    width: 250px;
    background-color: var(--aijourney-primary-color);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px 50px 0 0;
    overflow: hidden;
}
.mid-name-shape:after,.mid-name-shape:before {
    content: "";
    height: 20px;
    width: 25px;
    background-color: #2647e9;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--aijourney-primary-color);
    filter: brightness(.9);
    border-radius: 100% 100% 0 0;
}
.mid-name-shape:after {
    right: 0;
    top: 0;
    left: auto;
    border-radius: 100% 100% 0 0;
}
.mid-pricing-price {
    margin: 0 0 20px;
}
.mid-pricing-price h4 {
    margin: 0;
    font-size: 42px;
    font-weight: 800;
    color: var(--aijourney-primary-color);
}
.mid-pricing-list ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    background: rgba(var(--aijourney-primary-rgb) ,0.04);
    width: 85%;
    margin: 20px auto 40px;
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid var(--aijourney-border-color);
    color: var(--aijourney-primary-color);
}
.mid-pricing-list ul li {
    width: 100%;
    margin: 0;
    list-style: none;
}
.mid-pay-method-box {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
    justify-content: center;
    padding: 20px 0;
}
.mid-pay-method-box h4 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    margin: 0;
    font-weight: 600;
}
.mid-pricing-item {
    max-width: 340px;
    margin: 0 auto 40px;
}
/*---------------------------  Pricing Plan ---------------------------*/

/* Alert */
.mid-alert-wrapper {
    position: fixed;
    top: 40px;
    right: 20px;
    height: 50px;
    z-index: 999999;
}
.mid-alert-wrapper p {
    padding: 0px 30px;
    background: #dc3232;
    border-radius: 5px;
    line-height: 1.5;
    font-size: 18px;
    color: #fff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 0.2);
    transition: 0.5s;
}
.mid-alert-wrapper p.mid-success {
    box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1), inset 0px -5px 0px #8bc34a;
}
.mid-alert-wrapper p {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1);
    border-radius: 5px;
    padding: 15px 20px;
    margin: 0;
    color: #9ca2ab;
    font-size: 16px;
    position: relative;
    padding-left: 80px;
    -webkit-animation: alertanim 0.3s;
    -moz-animation: alertanim 0.3s;
    animation: alertanim 0.3s;
}
.mid-alert-wrapper p {
    box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1), inset 0px -5px 0px #fe5c31;
}
.mid-alert-wrapper p::before {
    content: "Yeay!";
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #0e141b;
}
.mid-alert-wrapper p::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    width: 45px;
    height: 45px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.mid-alert-wrapper p::before {
    content: "Duhh!";
}
.mid-alert-wrapper p.mid-success::before {
    content: "Yeay!";
}
.mid-alert-wrapper p::after {
    background-image: url(../images/sad.png);
}
.mid-alert-wrapper .mid-success::after {
    background-image: url(../images/happy.png);
}
.mid-alert-wrapper .mid-success {
    box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1), inset 0px -5px 0px #54cc7c;
}
/* alert css*/
.mid-alert-inner{
	display:none;
}


/* Image masonry View Gallery Start */
body .mid-images-masonry-view .mid-img-box-thumb img {
    max-height: initial;
    width: 100%;
    height: auto;
}
.mid-images-masonry-view {
    columns: 4;
    column-gap: 20px;
}
.mid-images-masonry-view .mid-img-box {
    width: 100%;
    margin-bottom: 20px;
    break-inside: avoid;
}
@media (max-width: 1200px) {
    .mid-images-masonry-view {
        columns: 3;
    }
}

@media (max-width: 768px) {
    .mid-images-masonry-view {
        columns: 2;
    }
}

@media (max-width: 480px) {
    .mid-images-masonry-view {
        columns: 1;
    }
}
/* Image masonry View Gallery Thried Style */

.mid-images-masonry-view.mid-images-grid-style2 .mid-img-box::before {
    top: 0;
    transform: scale(0);
}
.mid-images-masonry-view.mid-images-grid-style2 .mid-img-box:hover::before  {
    transform: scale(1);
}
.mid-images-masonry-view.mid-images-grid-style2 .mid-img-box .mid-img-share-btn {
    bottom: 20px;
    top: auto;
}
.mid-images-masonry-view.mid-images-grid-style2 .mid-img-box .mid-img-share-btn {
    bottom: 20px;
    top: auto;
    border-radius: 6px;
}
.mid-images-masonry-view.mid-images-grid-style2 .mid-img-box .mid-img-box-info {
    top: 30px;
    right: 30px;
    left: 30px;
    bottom: 30px;
    margin: auto;
    height: fit-content;
    width: fit-content;
    text-align: center;
    transform: translateY(80px);
}
.mid-images-masonry-view.mid-images-grid-style2 .mid-img-box:hover .mid-img-box-info {
    transform: translateY(0px);
}
/* Image masonry View Gallery Thried Style End */


/* Single Page */
.mid-single-page-img {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 10px 10px;
    margin: 0 0 30px;
}
.mid-single-page-img img {
    width: 100%;
    object-fit: cover;
    max-height: 480px;
    border-radius: 10px;
    object-fit: contain;
    cursor: pointer;
}
.mid-tags-box ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 10px;
    margin: 0 0 15px;
}
.mid-tags-page-wrap {
    padding: 80px 0;
}
.mid-tags-page-wrap .mid-tags-box ul {
   justify-content: center;
}
.mid-tags-box ul li {
    margin: 0;
    list-style: none;
}
.mid-tags-box ul li a {
    display: inline-block;
    font-weight: 500;
    background: var(--aijourney-input-bg);
    color: var(--aijourney-font-color);
    padding: 4px 20px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--aijourney-border-color);
}
.mid-tags-box ul li a:hover {
    border-color: var(--aijourney-primary-color);
    color: var(--aijourney-primary-color);
}
.mid-single-page-title {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 700;
}
.mid-prompt-box {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 30px 30px;
    margin: 0 0 30px;
}

.mid-admin-info-box {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 10px;
    margin: 0 0 30px;
    text-align: center;
}
.mid-admin-info-bg-img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.mid-admin-info-bg-img:before {
    content: "";
    background: var(--aijourney-primary-color);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    opacity: .6;
}
.mid-admin-info-bg-img img {
    height: 100px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.mid-admin-thumb-img {
    text-align: center;
    margin: -45px 0 0;
    position: relative;
    z-index: 1;
}
.mid-admin-thumb-img img {
    border: 4px solid var(--aijourney-primary-color);
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}
.mid-admin-info-box h4 {
    font-size: 18px;
    margin: 5px 0 0;
    font-weight: 700;
}

.mid-admin-points {
    background: var(--aijourney-title-color);
    color: var(--aijourney-white);
    display: inline-block;
    padding: 5px 10px;
    line-height: 1.2;
    border-radius: 4px;
    margin: 5px 0 0 ;
    font-size: 13px;
}
.mid-admin-info-list {
    margin: 10px 0 0;
}
.mid-admin-info-list ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}
.mid-admin-info-list ul li {
    margin: 0;
    list-style: none;
    min-width: 100px;
    padding: 10px 5px;
}
.mid-admin-info-list ul li h5 {
    font-size: 28px;
    font-weight: 700;
    margin: 00;
}
/*- Reactions -*/
.mid-reactions-box-wrap {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 20px;
    margin: 0 0 30px;
}
.mid-reactions-box-wrap ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    grid-gap: 15px;
}
.mid-reactions-box-wrap ul li {
    margin: 0;
    list-style: none;
    width: calc(12.5% - 16px);
    text-align: center;
    cursor: pointer;
}
.mid-reaction-icon {
    display: block;
    margin: 0 0 10px;
}
.mid-reaction-icon svg {
    height: 40px;
}
.mid-reactions-box-inner {
    background: var(--aijourney-white);
    border-radius: 5px;
    min-height: 100px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
}
.mid-reactions-box-inner .mid-reaction-btn {
    width: 100%;
}
.mid-reaction-percent {
    position: absolute;
    top: 10px;
    right: 0;
    color: #c6c7cb;
    margin: auto;
    left: 0;
    z-index: 1;
    font-weight: 700;
}
.mid-reactions-box-inner .mid-reaction-btn {
    width: 100%;
    background: var(--aijourney-primary-color);
    border-radius: 0px;
    margin: 0 0 1px;
    color: var(--aijourney-white);
    font-size: 12px;
    text-transform: capitalize;
    padding: 3px 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.mid-reactions-box-info {
    position: relative;
    height: 100px;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
}
.mid-reaction-results {
    height: 0%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--aijourney-primary-color);
    top: 0;
    margin-top: auto;
    opacity: .8;
}
.mid-reactions-box:hover .mid-reaction-icon {
    color: var(--aijourney-primary-color);
}
.mid-reactions-box[selected] .mid-reaction-icon svg {
    fill: var(--aijourney-primary-color);
    color: var(--aijourney-primary-color);
}

/* Author box */
.mid-authore-info-box {
    width: 100%;
    background: var(--aijourney-primary-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 30px 30px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
    color: var(--aijourney-white);
    align-items: center;
}
.mid-authore-thumb-img {
    width: 80px;
}
.mid-authores-content {
    width: calc(100% - 80px);
    padding-left: 20px;
}
.mid-authore-points {
    background: #efa823;
    padding: 3px 20px;
    border-radius: 3px;
    margin: 0;
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
    float: right;
}
.mid-authores-content h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--aijourney-white);
    margin: 0 0 20px;
}
.mid-authore-info-list ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mid-authore-info-list ul li {
    margin: 0;
    list-style: none;
}
.mid-authore-thumb-img img {
    border: 3px solid;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    object-fit: cover;
    background: var(--aijourney-white);
}
.mid-authore-info-list ul li a:focus,
.mid-authore-info-list ul li a,
.mid-authore-info-list ul li a:hover {
    color: currentColor;
}
.mid-authore-info-list ul li a {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 30px;
    position: relative;
    background: rgb(255 255 255 / 10%);
    padding: 3px 20px;
    display: inline-block;
    border-radius: 3px;
}
.mid-authore-info-list ul li a:before {
    content: "";
    position: absolute;
    right: -17px;
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mid-authore-info-list ul li:last-child a {
    margin: 0;
}
.mid-authore-info-list ul li:last-child a:before {
    content: unset;
}
.mid-authore-info-list {
    margin: 0 0 10px;
}
/* User Box */
.mid-users-page-wrap {
    padding: 30px 0;
}
.mid-user-info-row {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    display: grid;
    grid-gap: 30px;
}
.mid-user-info-box {
    width: 100%;
    background: var(--aijourney-white);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0 0 30px;
    text-align: center;
}
.mid-user-info-box ul {
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
}
.mid-user-info-box ul li {
    margin: 0;
    list-style: none;
    position: relative;
    padding: 10px 0;
}
.mid-user-info-box ul li h5 {
    font-size: 24px;
    font-weight: 700;
    margin: 00;
}
.mid-user-info-list {
    border-top: 1px solid var(--aijourney-border-color);
    margin: 30px 0 0;
}
.mid-user-info-box ul li:after {
    content: "";
    border-right: 1px solid var(--aijourney-border-color);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.mid-user-info-box ul li:last-child:after {
    content: unset;
}
.mid-users-content h4 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
}
.mid-user-thumb-img {
    margin: 0 auto 10px;
    position: relative;
    width: fit-content;
}
body .mid-user-info-bg-img img {
    border-radius: 50%;
    margin-top: -50px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    min-height: 180px;
    object-fit: cover;
    max-height: 180px;
}
body .mid-user-thumb-img > img {
    width: 80px;
    height: 80px;
    border: 3px solid var(--aijourney-white);
    border-radius: 50%;
    background: var(--aijourney-white);
    box-shadow: 0 0 20px rgb(0 0 0 / 28%);
    object-fit: cover;
}
.mid-user-points {
    color: var(--aijourney-primary-color);
    font-weight: 700;
}
.mid-user-thumb-img span img {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

/* Nothing Found  */
.mid-data-not-found-content {
    max-width: 620px;
    margin: auto;
    text-align: center;
    padding: 50px 20px;
    background: var(--aijourney-white);
    border-radius: 10px;
    border: 1px solid var(--aijourney-border-color);
}
.mid-data-not-found-content svg {
    height: 80px;
}
.mid-data-not-found-content h4 {
    font-weight: 700;
    margin: 20px 0 10px;
}
.mid-img-note {
    font-weight: 700;
    margin: 15px 0 0;
    color: #f75420;
}
/**/
.mid-remember {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin: 0 0 20px;
}
.mid-login-form .mid-remember {
    margin-bottom: 30px;
    justify-content: space-between;
}

.mid-checkbox label {
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}

.mid-checkbox {
    position: relative;
}

.mid-checkbox input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 18px;
    height: 18px;
    margin-top: 4px;
    z-index: 1;
    cursor: pointer;
}

.mid-checkbox label::before,
.mid-checkbox span::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 3px;
    margin-right: 8px;
    flex: none;
    background-color: #e7ebff;
    border: 2px solid #d6ddff;
    transition: all 0.3s;
    display: inline-block;
    vertical-align: middle;
}

.mid-checkbox>label::after,
.mid-checkbox>span::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    width: 10px;
    height: 5px;
    border-left: 2px solid var(--aijourney-border-color);
    border-bottom: 2px solid var(--aijourney-border-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(1);
    opacity: 0;
}

.mid-checkbox>input:checked~label::after,
.mid-checkbox>input:checked~span::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
}

.mid-checkbox>input:checked~label::before,
.mid-checkbox>input:checked~span::before {
    background: var(--aijourney-primary-color);
    border: 1px solid var(--aijourney-primary-color);
}
.mid-auth-btn .mid-btn {
    width: 100%;
}
.mid-auth-note {
    margin: 15px 0 0px;
    font-weight: 500;
    text-align: center;
}
.mid-auth-note .mid-link-btn {
    color: var(--aijourney-primary-color);
    font-weight: 600;
}
/**/
.mid-aside-mobile-toggle {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--aijourney-white);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 0px 5px 5px 0px;
    border-left: 0;
    z-index: 9;
}
.mid-aside-mobile-toggle svg {
    height: 15px;
    color: var(--aijourney-primary-color);
}
body.show-aside .mid-aside-mobile-toggle svg {
    transform: rotate(180deg) translateX(3px);
}
.mid-auth-content {
    padding: 10px 0 20px;
}
.stripe-button-el {
    display: none !important;
}
.mid-pay-method-box .mid-btn {
    height: auto;
    min-width: 140px;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.5;
}
/* Search From */
.mid-search-form {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: url(../images/close_search.png), auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.mid-search-form.show-search {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.mid-search-form.show-search,
.mid-search-form {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.mid-search-form-inner {
    width: 50%;
    position: relative;
    text-align: end;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    visibility: hidden;
}
.mid-search-form.show-search .mid-search-form-inner {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}
.mid-search-form.show-search .mid-search-form-inner,
.mid-search-form-inner {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.search-bar-inner {
    position: relative;
    height: 50px;
}
.search-bar-inner input {
    width: 100%;
    height: 50px;
    padding: 12px 55px 12px 0;
    border: none;
    border-radius: 0;
    background: transparent;
    border-bottom: 2px solid var(--aijourney-white);
    color: var(--aijourney-white);
}
.search-bar-inner input::-webkit-input-placeholder {
    color: var(--aijourney-white);
    opacity: 90%;
}
.search-bar-inner input::-moz-placeholder {
    color: var(--aijourney-white);
    opacity: 90%;
}
.search-bar-inner input:-ms-input-placeholder {
    color: var(--aijourney-white);
    opacity: 90%;
}
.search-bar-inner input:-moz-placeholder {
    color: var(--aijourney-white);
    opacity: 90%;
}
.search-bar-inner input:focus {
    color: var(--aijourney-white);
}
.search-bar-inner button {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    border: none;
    background: transparent;
    fill: var(--aijourney-white);
    width: 50px;
    cursor: pointer;
}
.close-search {
    margin: 0 0 50px 0;
    display: inline-block;
    padding: 0 15px;
}
.close-search svg {
    width: 20px;
    fill: var(--aijourney-white);
}
/**/
.mid-img-note {
    display: none;
}
.mid-pay-method-box button {
    padding: 0;
    border: 0;
    background: transparent;
}
/* Settings Page */
.mid-settings-form {
    width: 100%;
    position: relative;
    max-width: 780px;
    margin: auto;
}
.mid-settings-form > h4 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    margin: 0 0 10px;
}
.mid-info-settings, .mid-plan-settings {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 30px 30px;
    margin: 0 0 40px;
}
.mid-settings-form {

}
.mid-plan-settings ul {
    padding: 0;
}
.mid-plan-settings ul li {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    margin: 0 0 15px;
    border-bottom: 1px solid var(--aijourney-border-color);
    padding-bottom: 15px;
}
.mid-plan-settings ul li:last-child {
    margin: 0 0 0;
    border-bottom: 0;
    padding-bottom: 0;
}
.mid-settings-form .input-wrap input[type="file"] {
    color: var(--aijourney-font-color);
    border: 1px solid var(--aijourney-border-color);
    background: var(--aijourney-input-bg);
    width: 100%;
    padding: 8px 10px;
    height: 50px;
    border-radius: var(--aijourney-btn-radius);
}
.mid-settings-wrapper {
    padding: 50px 0;
}
.mid-info-settings .input-wrap {
    margin: 0 0 10px;
}
/**/
.mid-avatar-update .avatar-edit input {
    display: none;
}
.mid-avatar-update .mid-avatar-preview {
    width: 80px;
    height: 80px;
    position: absolute;
    border-radius: 100%;
    background: var(--aijourney-title-color);
    padding: 5px;
    margin: 0;
    left: 30px;
    top: 50px;
}
.mid-avatar-update .mid-avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.mid-user-picture {
    background: var(--aijourney-primary-color);
    background: url(../images/profile-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 90px;
    margin: 0 0 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 10px;
    padding: 8px 0 0;
}
.avatar-edit label {
    font-weight: 700;
    cursor: pointer;
    color: var(--aijourney-white);
}

.modal-md {
    max-width: 600px;
}
/**/

.mid-zoomed-img .mid-img-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000000;
    width: fit-content;
    margin-bottom: -20px;
    padding: 10px 30px;
    border-radius: 60px;
    color: var(--aijourney-white);
}
.mid-zoomed-img .mid-img-info a {
    color: currentColor;
}
.mid-zoomed-img .mid-img-categories {
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0;
    right: 20px;
}
.mid-settings-form .nav {
    justify-content: center;
}
.mid-settings-form .nav button {
    border-radius: 5px 5px 0 0;
    position: relative;
    margin-bottom: -2px;
    font-weight: 600;
    z-index: 1;
    padding: 15px 20px;
    color: var(--aijourney-font-color);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--aijourney-primary-color);
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-bottom: 0;
}
.close-img {
    width: 30px;
    display: inline-flex;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    color: #ffffff;
    background: #f94b37;
    justify-content: center;
    border-radius: 30px;
    align-items: center;
}
.close-img svg {
    height: 10px;
}
.imgZoom .modal-body {
    padding: 0;
}
.imgZoom .modal-dialog {
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 0;
}
.imgZoom .modal-content {
    border: 0;
}
.imgZoom  .modal-dialog {
    max-width: 820px;
}
.mid-column-pagination {
    margin: 40px 0 0;
}
.mid-column-pagination nav {
    justify-content: center;
}
/* Image uploader  */
.mid-upload-screen-wrapper {
    padding: 80px 0;
}
.avatar-preview {
    width: 60px;
    height: 60px;
    position: relative;
    margin: auto;
    border-radius: 5px;
    border: 1px solid var(--aijourney-border-color);
    padding: 3px;
}
.avatar-preview>div {
    width: 100%;
    border-radius: 5px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.mid-img-uploader {
    position: relative;
    border: 1px dashed #969ca3;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--aijourney-white);
    padding: 20px 20px;
    max-width: 100%;
    width: 100%;
    margin: 0 0 30px;
    border-radius: 10px;
    justify-content: space-between;
}
.mid-img-uploader input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}
.mid-img-uploader input {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    line-height: 8;
    font-weight: 700;
    font-size: 15px;
    color: var(--aijourney-font-color);
    width: 100%;
    padding: 0;
    opacity: 0;
}
.upload-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
    width: calc(100% - 60px);
    padding-left: 20px;
}
.upload-content p {
    width: 100%;
    font-weight: 700;
    color: var(--aijourney-title-color);
    margin: 0 0 5px;
}
.mid-btn-link {
    padding: 5px 20px;
    background: #3758f9;
    color: var(--aijourney-white);
    font-weight: 400;
    font-size: var(--aijourney-font-size);
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}
.mid-upload-form {
    max-width: 820px;
    margin: auto;
}
.input-tags {
    border: 1px solid var(--aijourney-border-color);
    background: var(--aijourney-input-bg);
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
}
.input-tags input {
    width: fit-content;
    background: transparent;
    border: 0;
    height: auto;
    line-height: 1.5;
    padding: 0;
}
.input-tags span.tags {
    display: inline-flex;
    grid-gap: 10px;
    flex-wrap: wrap;
    margin-right: 5px;
}
.mid-tag {
    background: #eff1fd;
    padding: 3px 15px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--aijourney-title-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e2ed;
}
.mid-tag b {
    background: #ff2b2b;
    width: 15px;
    display: inline-flex;
    height: 15px;
    cursor: pointer;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #ffffff;
    font-weight: 300;
    font-size: 11px;
    margin-left: 8px;
    margin-bottom: 1px;
    padding-bottom: 1px;
}


/* Aside Hidden  */
body.aside-hidden .main-page-content {
    padding: 0 0 0;
    width: 100%;
}
body.aside-hidden .main-page-content .mid-breadcrumb-wrapper {
    border-radius: 0;
}
body.aside-hidden .mid-footer-wrapper {
    width: 100%;
}
/* Aside Hidden End */

.mid-header-widgets-wrap .mid-uploadd-btn {
    /* background: #078dfc !important; */
}
.mid-header-widgets-wrap  .mid-uploadd-btn svg {
    height: 18px;
    width: 18px;
    vertical-align: text-bottom;
}
.mid-cat-toggle-btn .mid-btn {
    min-width: auto;
    padding: 0;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* Thank you  */
.mid-thankyou-wrap {
    padding: 80px 0;
}
.mid-thankyou-content {
    max-width: 480px;
    margin: auto;
    background: var(--aijourney-white);
    padding: 0px;
    border-radius: 20px;
    overflow: hidden;
}
.mid-thankyou-content img {
    height: 180px;
    margin: 0 auto 25px;
}
.mid-thankyou-content p {
    font-size: 16px;
    margin: 0 auto 20px;
    font-weight: 500;
    max-width: 450px;
}
.thankyou-title {
    display: block;
    font-size: 34px;
}
.mid-thankyou-img-box {
    background: url(../images/thankyou-bg.svg);
    background-size: 20%;
    background-position: bottom center;
    height: 30px;
}
.mid-thankyou-img-box.mid-thankyou-img-box-bottom {
    transform: rotate(180deg);
}
.mid-planname {
    color: var(--aijourney-primary-color);
}
.thankyou-title {
    display: block;
    font-size: 48px;
    font-weight: 400;
    font-style: italic;
    color: #32ba7c;
    font-family: 'Pacifico', cursive;
}
.mid-thankyou-data {
    padding: 40px 40px 40px;
}
.loader-symbol {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
}

/* Water Mark */

#watermark-img {
    position: relative;
    text-align: center;
    width: fit-content;
    margin: auto;
}
#ai-prev-watermark {
    width: 100%;
}
#ai-prev-watermark {
    width: 100%;
    object-fit: contain;
    object-position: center;
    height: 100%;
}
#watermark-img #watermark {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 68px;
    font-weight: 600;
    color: #a9a9a9;
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 5px #000;
}
.loader-symbol img {
    margin-right: 6px;
}

.main-page-content {
    overflow-x: hidden;
}
.aside-hidden .mid-main-post-wrapper .mid-container,
.aside-hidden .mid-pricing-wrapper .mid-container {
    margin: auto;
    max-width: 1740px;
}
.aside-hidden .mid-generate-wrapper {
    max-width: 1740px;
    margin: auto;
}
.mid-images-masonry-view.mid-images-grid-style2 .mid-img-cat ul {
    justify-content: center;
}
.mid-payement-failed .thankyou-title {
    color: #ff1c1c;
    font-family: var(--aijourney-globmid-family);
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
}
/**/
.mid-blog-columns .mid-img-box {
    margin-bottom: 10px;
}
.sr-comment-data {
    display: flex;
    flex-wrap: wrap;
}
.mid-container {
    padding: 0 15px;
}
.mid-single-page-title {
    word-break: break-word;
}
.mid-paypal-box {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 30px 30px;
    margin: 50px auto;
    max-width: 560px;
}
.mid-paypal-box p {
    font-weight: 500;
    text-transform: capitalize;
    display: flex;
    grid-gap: 10px;
}
.mid-offer-wrapper {
    max-width: 1680px;
    margin: auto;
    text-align: center;
    padding: 20px 00;
}
.mid-header-offer-banner {
    margin-top: 70px;
    margin-bottom: -80px;
}
.loader-symbol svg {
    margin-right: 10px;
    vertical-align: middle;
}

/*--------------------------------------------- Video Generator Style Start ---------------------------------------------*/
.mid-video-generator-wrapper {
    padding: 0 0px 20px;
    width: calc(100% - 20px);
    /* background: #ffffff; */
    margin: 20px 0;
    /* border-radius: 10px; */
}
.mid-generate-content.mid-tabs-wrap {
    padding: 40px 0 20px;
}
.mid-generate-content.mid-tabs-wrap .nav button {
    margin: 0 0 -1px;
    position: relative;
    z-index: 1;
}
.mid-video-avtars-row {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    max-height: calc(100vh - 380px);
    overflow: auto;
}
.mid-video-avtar-box {
    position: relative;
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}
.mid-video-avtar {
    position: relative;
    margin: 0 00 15px;
}
.mid-video-avtar img {
    height: 130px;
    width: 130px;
    object-fit: cover;
    border-radius: 50%;
    background: #f5f5f5;
    padding: 3px;
    margin: auto;
}
body .mid-video-avtar-box input {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 0;
    max-width: initial;
    max-height: unset;
    background: transparent;
    cursor: pointer;
    opacity: 0;
}
.mid-video-avtar-box h4 {
    margin: 0;
    font-size: var(--aijourney-font-size);
    font-weight: 600;
}
.mid-selected-mark {
    width: 20px;
    display: inline-block;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
}
body .mid-video-avtar-box input:checked ~ .mid-selected-mark {
    background: var(--aijourney-primary-color);    
}
body .mid-video-avtar-box input:checked ~ .mid-selected-mark:after {
    opacity: 1;
    visibility: visible;
    transform: rotate(-40deg) scale(1);
}
body .mid-video-avtar-box input ~ .mid-selected-mark:after,
body .mid-video-avtar-box input:checked ~ .mid-selected-mark:after {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}
.mid-video-script-wrapper .mid-form-wrapper {
    max-width: 1040px;
    margin: 0 auto 50px;
}

/**/
.mid-vid-generator-steps-box {
    margin: 0 00 50px;
}
.mid-vid-generator-steps-box a {
	text-decoration: none;
}
.mid-video-voice-row {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    max-height: calc(100vh - 380px);
    overflow: auto;
    grid-gap: 20px;
    display: grid;
}
.mid-video-voice-box {
    position: relative;
    border: 1px solid #dfddf3;
    border-radius: 10px;
    padding: 36px 11px 20px;
    background: #f6f5ff;
    width: 100%;
}
.mid-video-voice {
    position: relative;
    display: inline-flex;
    width: 25px;
    height: 25px;
    background: var(--aijourney-white);
    border: 2px solid var(--aijourney-primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.mid-vid-audio-box audio {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}
.mid-video-voice img {
    height: 12px;
    width: 12px;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.mid-video-voice img.mid-video-play {
    left: 3px;
}
body .mid-video-voice-box input {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    z-index: 1;
    border-radius: 0;
    max-width: initial;
    max-height: unset;
    background: transparent;
    cursor: pointer;
    opacity: 0;
}
.mid-video-voice-box h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mid-selected-mark {
    width: 20px;
    display: inline-block;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
}
body .mid-video-voice-box input:checked ~ .mid-selected-mark {
    background: var(--aijourney-primary-color);    
}
.mid-selected-mark:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    border-color: var(--aijourney-white);
    border-width: 0px 0px 2px 2px;
    display: inline-block;
    top: 3px;
    left: 3px;
    border-style: solid;
    transform: rotate(-40deg) scale(0);
    opacity: 0;
    visibility: hidden;
}
body .mid-video-voice-box input:checked ~ .mid-selected-mark:after {
    opacity: 1;
    visibility: visible;
    transform: rotate(-40deg) scale(1);
}
body .mid-video-voice-box input ~ .mid-selected-mark:after,
body .mid-video-voice-box input:checked ~ .mid-selected-mark:after {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}
.mid-video-btn-wrap {
    margin: 30px 0 00 0;
}
.mid-vid-audio-box {
    position: absolute;
    width: 25px;
    height: 25px;
    display: inline-flex;
    flex-wrap: wrap;
    right: 0;
    top: 0;
}
.mid-video-voice-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 5px;
}
.mid-flag-icon img {
    height: 15px;
    max-width: 25px;
    verticmid-align: middle;
}
.mid-video-tags {
    width: 100%;
}
.mid-video-tags ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 3px;
}
.mid-video-tags ul li {
    margin: 0;
    list-style: none;
}
.mid-video-tags ul li a {
    border: 1px solid var(--aijourney-border-color);
    display: inline-block;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}
.mid-video-tags ul li a:hover {
    border-color: var(--aijourney-primary-color);
    color: var(--aijourney-primary-color);
}
.mid-video-title {
    width: 100%;
    padding-right: 40px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 10px;
    min-height: 25px;
}
.mid-voice-gender {
    position: absolute;
    top: 10px;
    left: 45px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--aijourney-primary-color);
}
.mid-back-btn {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    background: var(--aijourney-white);
    text-align: center;
    color: var(--aijourney-primary-color);
    border-radius: 5px;
}
.mid-back-btn svg {
    height: 16px;
}
/*Nav */
.mid-video-generator-nav {
    text-align: center;
    margin: 0 0;
    /*background: var(--aijourney-white);*/
    /*padding: 20px 0;*/
}
.mid-video-generator-nav ul {
    display: inline-flex;
    justify-content: center;
    margin: 0 0 15px;
    grid-gap: 50px;
    position: relative;
    padding: 0;
}
.mid-video-generator-nav ul:after {
    content: "";
    position: absolute;
    top: 32px;
    left: 30px;
    right: 30px;
    margin: auto;
    height: 1px;
    background: #ededff;
    width: 70%;
}
.mid-video-generator-nav ul li {
    margin: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    grid-gap: 5px;
}
.mid-video-generator-nav ul li a {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    min-height: 50px;
    padding: 0 10px;
    grid-gap: 10px;
    z-index: 1;
    position: relative;
	box-shadow: none !important;
	color: var(--aijourney-primary-color);
}
.mid-video-generator-nav ul li a span svg {
    height: 28px;
}
.mid-video-generator-nav ul li a span {
    display: inline-flex;
    width: 60px;
    height: 60px;
    line-height: 56px;
    background: rgb(237 236 255);
    text-align: center;
    margin: auto;
    border-radius: 50%;
    border: 1px dashed;
    color: var(--aijourney-primary-color);
    align-items: center;
    justify-content: center;
}
.mid-video-generator-nav ul li a p {
    margin: 0;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700;
}
.mid-video-generator-nav ul li a.active,
.mid-video-generator-nav ul li a.step-completed,
.mid-video-generator-nav ul li.active a,
.mid-video-generator-nav ul li.step-completed a {
    color: var(--aijourney-primary-color);
}
.mid-video-generator-nav ul li a.active span,
.mid-video-generator-nav ul li a.step-completed span,
.mid-video-generator-nav ul li.active a span,
.mid-video-generator-nav ul li.step-completed a span {
    background: var(--aijourney-primary-color);
    color: var(--aijourney-white);
}

body .mid-video-generator-nav ul li.step-completed a span {
    background: #45A0BD;
}
body .mid-video-generator-nav ul li.step-completed a p {
    color: #45A0BD;
}
.mid-video-btn-wrap .mid-btn {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* Title  */
.mid-vid-title {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 800;
    padding: 2px 20px 2px 20px;
    color: var(--aijourney-primary-color);
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.6;
}
.mid-vid-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: var(--aijourney-primary-color);
    opacity: .06;
}
.mid-vid-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 80%;
    background: var(--aijourney-primary-color);
    margin: auto;
    width: 4px;
}
.btn-loader {
    height: 22px;
}
/* Info */
.mid-has-info {
    position: relative;
    margin-left: 6px;
    vertical-align: text-bottom;
}
.mid-has-info svg, .mid-has-info img {
    height: 16px;
    vertical-align: middle;
    display: inline-block;
}
.mid-has-info span {
    position: absolute;
    font-size: 12px;
    color: var(--aijourney-white);
    background: var(--aijourney-title-color);
    padding: 6px 10px;
    border-radius: 5px;
    bottom: 100%;
    min-width: 300px;
    text-align: left;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 4;
    line-height: 1.6;
}
.mid-has-info:hover span {
    opacity: 1;
    visibility: visible;
}
.mid-col-two .input-wrap {
    margin: 0;
}
/* other */
/**/
.mid-video-thumb-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    background: var(--aijourney-white);
    margin: 20px auto;
    border-radius: 10px;
    padding: 30px 30px;
}
.mid-template-section {
    position: relative;
    padding: 5px;
    background: #ededf7;
    border-radius: 10px;
    margin: 0;
	min-height: 150px;
}

.mid-template-img {
    position: relative;
    overflow: hidden;
	display:flex;
    border-radius: 8px;
	    min-height: 175px;
}

.mid-template-img:before {
    background: #022031;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .6;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.mid-template-section:hover .mid-template-img:before {
    opacity: .75;
    visibility: visible;
}

.mid-template-img .mid-template-image {
    min-height: 200px;
    max-height: 200px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
}

.mid-template-staus {
    position: absolute;
    right: 20px;
    top: 20px;
}

.mid-template-info {
    padding: 22px 50px 11px 15px;
    position: relative;
    min-height: 30px;
}
.vid-status {
    position: absolute;
    background: #222222;
    z-index: 9;
    color: #ffffff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    padding: 4px 20px;
    border-radius: 20px;
    text-transform: capitalize;
}
.mid-template-info h4 {
    font-size: var(--aijourney-font-size);
    font-weight: 600;
    color: var(--aijourney-font-color);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    white-space: nowrap;
}

.mid-template-icon {
    width: 25px;
    background: #bcbee2;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 5px;
    color: var(--aijourney-white);
    text-align: center;
    font-size: 20px;
    line-height: 12px;
    text-decoration: none !important;
	    z-index: 99;
}
.mid-template-icon:hover,
.mid-template-icon:focus {
    color: var(--aijourney-white);
}
.mid-template-dropdown {
    position: absolute;
    right: 45px;
    top: 12px;
    background: var(--aijourney-white);
    border-radius: 8px;
    border: 1px solid var(--aijourney-border-color);
    padding: 6px 10px 6px;
    min-width: 130px;
    max-width: fit-content;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    z-index: 2;
}
.mid-template-dropdown.show {
    visibility: visible;
    opacity: 1;
}
.mid-template-dropdown.show,
.mid-template-dropdown {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}

.mid-template-arrow {
    position: absolute;
    height: 13px;
    background: var(--aijourney-border-color);
    width: 1px;
    right: -7px;
    top: -3px;
    transform: rotate( 305deg);
}

.mid-template-arrow:before {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--aijourney-border-color);
    width: 14px;
    transform: rotate( 55deg);
    top: -2px;
    bottom: 6px;
}
.mid-template-dropdown ul {
    padding: 0;
    margin: 0;
}
.mid-template-dropdown ul li a {
    padding: 8px 0;
    display: inline-flex;
    width: 100%;
    font-weight: 600;
	text-decoration: none !important;
	color: #222;
}
.mid-template-dropdown ul li a:hover {
	color: var(--aijourney-primary-color)
}
.mid-template-dropdown ul li a span {
    margin: 1px 10px 0px 0;
    width: 12px;
}

.mid-template-section.disabledBox .mid-template-info,
.mid-template-section.disabledBox .mid-template-dropdown,
.mid-template-section.disabledBox .mid-template-img>a {
    opacity: .2;
}

.mid-video-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    margin: auto;
    background: rgb(255 255 255 / 12%);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    z-index: 2;
}

.mid-video-icon span {
    width: 12px;
    display: inline-block;
}

.mid-video-icon:hover {
    background: var(--aijourney-primary-color);
}

.mid-template-section:hover,
.mid-template-section,
.mid-template-section .mid-video-icon img,
.mid-template-section:hover .mid-video-icon,
.mid-template-section:hover .mid-template-img:before,
.mid-template-section .mid-template-img:before {
    -webkit-transition: var(--aijourney-transition);
    -moz-transition: var(--aijourney-transition);
    -ms-transition: var(--aijourney-transition);
    -o-transition: var(--aijourney-transition);
    transition: var(--aijourney-transition);
}

.mid-template-section:hover .mid-video-icon {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.mid-template-dropdown ul li {
    margin: 0;
}
/**/
.mid-col-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin: 0 0 20px;
}
/* Tab */
.mid-tabs ul {
  display:flex;
  padding: 0;
  margin: 0;
  flex-wrap:wrap;
}
.mid-tabs ul li {
  list-style: none;
  margin: 0;
}
/* Modal */
.ai-custom-modal {
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(0 0 0 / 60%);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 30px;
	z-index: 99999;
}
.ai-custom-modal-dialog {
	max-width: 620px;
	width: 100%;
	border-radius: 0px;
	position: relative;
}
.ai-custom-modal-content {
    background: #d6d6e5;
    padding: 5px;
    border-radius: 10px;
}
.ai-custom-modal-inner {
    display: flex;
}
.ai-custom-modal-inner video {
    border-radius: 10px;
}
.ai-close-modal {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: #f56142;
    opacity: 1;
    color: #ffffff;
    border-radius: 100%;
    border: 2px solid #ffffff;
    z-index: 9;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    padding-bottom: 1px;
    font-weight: 600;
}
.ai-custom-modal {
	opacity: 0;
	visibility: hidden;
}
body.ai-modal-open .ai-custom-modal.ai-active {
	opacity: 1;
	visibility: visible;
}
.ai-custom-modal .ai-custom-modal-dialog{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
body.ai-modal-open .ai-custom-modal.ai-active .ai-custom-modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.ai-custom-modal, 
body .ai-custom-modal,
body.ai-modal-open .ai-custom-modal.ai-active .ai-custom-modal-dialog,
body.ai-modal-open .ai-custom-modal .ai-custom-modal-dialog,
body .ai-custom-modal .ai-custom-modal-dialog{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/* Tab */
.mid-tabs {
    margin: 0 0 20px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mid-tabs ul li a {
    display: inline-block;
    padding: 10px 20px;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: var(--aijourney-title-color);
    margin: 0 10px;
    border-radius: 5px;
    min-width: 170px;
    text-align: center;
    border-bottom: 2px solid var(--aijourney-title-color);
}
.mid-tabs ul li.active a {
	background: #e3e7fe;
    color: var(--aijourney-primary-color);
    border-color: var(--aijourney-primary-color);
}
.mid-link {
    position: relative;
    display: inline-block;
    font-weight: 500;
	color: var(--aijourney-primary-color);
}
.mid-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: var(--aijourney-primary-color);
}
.mid-tab-sections {
    width: 100%;
    background: var(--aijourney-secondary-color);
    border: 1px solid var(--aijourney-border-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 30px 30px;
    margin: 0 0 40px;
}
/*--------------------------------------------- Video Generator Style ---------------------------------------------*/
.ai-custom-modal-inner video {
    border-radius: 10px;
}
.ai-custom-modal-inner {
    display: flex;
}

/* Responsive css */
@media screen and (min-width: 1400px) {
    .mid-header-wrapper .menu>li>a {
        padding: 6px 25px;
    }
}
@media screen and (min-width: 1200px) {
    .mid-menu-toggle, .close-search  {
        display: none;
    }
    /* Nav menu */
    .mid-header-wrapper .menu .sub-menu {
        position: absolute;
        background: var(--aijourney-white);
        min-width: 200px;
        left: 0;
        top: 40px;
        padding: 5px 0;
        border: none;
        visibility: hidden;
        opacity: 0;
        text-align: left;
        width: auto;
        box-shadow: 0 0 20px rgb(0 0 0 / 16%);
        border-radius: 5px;
        z-index: 99;
    }
    .mid-header-wrapper .menu>li:hover>.sub-menu,
    .mid-header-wrapper .menu>li>.sub-menu li:hover>.sub-menu,
    .mid-header-wrapper .menu>li>.sub-menu li:hover>.sub-menu li:hover>.sub-menu {
        visibility: visible;
        opacity: 1;
        z-index: 9999;
    }
    .mid-main-nav-wrapper .menu .sub-menu .sub-menu {
        left: -215px;
        top: 0;
    }
    .mid-main-nav-wrapper .menu .sub-menu li {
        padding: 6px 20px;
    }
    .mid-main-nav-wrapper .menu li:hover .sub-menu,
    .mid-main-nav-wrapper .menu .sub-menu,
    .mid-main-nav-wrapper .menu .sub-menu li,
    .mid-main-nav-wrapper .menu .sub-menu li:hover {
        -webkit-transition: var(--aijourney-transition);
        -moz-transition: var(--aijourney-transition);
        -ms-transition: var(--aijourney-transition);
        -o-transition: var(--aijourney-transition);
        transition: var(--aijourney-transition);
    }
    .mid-main-nav-wrapper .menu .sub-menu .sub-menu:before {
        content: "";
        position: absolute;
        right: -10px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-left: 10px solid var(--aijourney-white);
        border-bottom: 8px solid transparent;
        top: 6px;
    }
    .mid-main-nav-wrapper .menu .sub-menu li:hover>a {
        color: var(--aijourney-primary-color);
    }
    body .mid-main-nav-wrapper .menu>li>a:before {
        position: absolute;
        background: var(--aijourney-primary-color);
        opacity: 0;
        visibility: hidden;
        margin: auto;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 3px;
        width: 0%;
    }
    body .mid-main-nav-wrapper .menu>li:hover>a:before,
    body .mid-main-nav-wrapper .menu>li.current-menu-item>a:before {
        visibility: visible;
        opacity: 1;
        width: 65%;
    }
    body .mid-main-nav-wrapper .menu li:hover a:before,
    body .mid-main-nav-wrapper .menu li.current-menu-item a:before,
    body .mid-main-nav-wrapper .menu li:hover a:before {
        -webkit-transition: var(--aijourney-transition);
        -moz-transition: var(--aijourney-transition);
        -ms-transition: var(--aijourney-transition);
        -o-transition: var(--aijourney-transition);
        transition: var(--aijourney-transition);
    }
    .mid-main-nav-wrapper .menu li:hover>a {
        color: var(--aijourney-primary-color);
    }
}
@media screen and (max-width: 1399.98px) {
    .mid-images-masonry-view {
        columns: 4;
    }
    .mid-img-title {
        font-size: 14px;
    }
    .mid-img-cat ul {
        grid-gap: 5px;
    }
    .mid-img-cat ul li {
        font-size: 10px;
    }
    .mid-images-masonry-view.mid-images-grid-style2 .mid-img-box .mid-img-box-info {
        top: 10px;
        right: 10px;
        left: 10px;
        bottom: 10px;
    }
}
@media screen and (max-width: 1199.98px) {
    .has_sub_menu ul {
        display: none;
    }
    .mid-menu-toggle {
        display: inline-block;
        vertical-align: middle;
        height: 36px;
        width: 36px;
        padding: 9px 0;
        position: relative;
    }
    .mid-menu-toggle:before {
        position: absolute;
        content: "";
        background: var(--aijourney-btn-bg);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        border-radius: 4px;
        width: auto;
    }
    .mid-menu-toggle span {
        width: 15px;
        height: 2px;
        background: var(--aijourney-white);
        display: block;
        position: relative;
        margin: auto;
        margin-top: 3px;
        border-radius: var(--less-border-radius);
    }
    .mid-menu-toggle span,
    .mid-menu-toggle.open-menu span {
        -webkit-transition: var(--aijourney-transition);
        -moz-transition: var(--aijourney-transition);
        -ms-transition: var(--aijourney-transition);
        -o-transition: var(--aijourney-transition);
        transition: var(--aijourney-transition);
    }
    .mid-menu-toggle span:hover {
        cursor: pointer;
    }
    .mid-menu-toggle.open-menu span:nth-child(2) {
        display: none;
    }
    .mid-menu-toggle.open-menu span:nth-child(1) {
        transform: rotate( 45deg) translate(5px, 3px);
    }
    .mid-menu-toggle.open-menu span:nth-child(3) {
        transform: rotate( 135deg) translate(-6px, -11px);
        margin: 0;
    }
    .mid-main-navigation  {
        background: var(--aijourney-main-bg);
        position: fixed;
        left: -340px;
        top: 0;
        bottom: 0;
        width: 220px;
        height: 100%;
        text-align: left;
        z-index: 98;
        background-attachment: fixed;
        transition: 0.3s;
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 1px solid var(--aijourney-border-color);
    }
    .mid-main-navigation.open-menu {
        left: 0;
    }
    .admin-bar .mid-main-navigation {
        top: 30px;
    }
    .mid-header-wrapper .menu li.open:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .mid-header-wrapper .menu li.open:before,
    .mid-header-wrapper .menu li:before {
        -webkit-transition: var(--aijourney-transition);
        -moz-transition: var(--aijourney-transition);
        -ms-transition: var(--aijourney-transition);
        -o-transition: var(--aijourney-transition);
        transition: var(--aijourney-transition);
    }
    .mid-images-masonry-view {
        columns: 3;
    }
    .mid-header-wrapper .menu li {
        width: 100%;
    }
    .mid-main-navigation {
        align-items: flex-start;
        padding: 30px 10px;
    }
    .mid-header-wrapper .menu li a {
        width: 100%;
        justify-content: flex-end;
        padding: 10px 10px;
    }
    .mid-header-wrapper ul.sub-menu {
        width: 100%;
        background: #e2e7ff;
        padding: 10px 10px;
        border-radius: 5px;
    }
    .mid-header-wrapper ul.sub-menu a {
        width: 100%;
        padding: 4px 20px;
        display: inline-block;
    }
    .mid-header-wrapper ul.sub-menu ul.sub-menu {
        background: #ffffff;
    }
    .mid-header-wrapper .menu > li.has_sub_menu > a:after,
    .mid-header-wrapper .menu > li ul.sub-menu > li.has_sub_menu > a:after {
        content: "+";
        position: absolute;
        right: 10px;
        top: 4px;
        font-weight: 700;
        font-size: 20px;
    }
    .mid-header-wrapper .menu > li.has_sub_menu.open > a:after,
    .mid-header-wrapper .menu > li ul.sub-menu > li.has_sub_menu.open > a:after {
        content: "-";
    }
    .mid-header-wrapper .menu > li ul.sub-menu > li.has_sub_menu > a:after {
        top: 0px;
    }
    .mid-header-wrapper ul.sub-menu ul.sub-menu ul.sub-menu {
        background: #e4e8ff;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mid-user-info-row {
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    }
}

@media screen and (max-width: 991.98px) {
    .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.mid-btn {
        min-width: 100px;
    }
    .mid-single-data p {
        word-break: break-word;
    }
    .mid-banner-title h2 {
        font-size: 32px;
        margin: 0;
    }
    .mid-banner-wrapper {
        padding: 60px 20px;
    }
    .mid-filter-box {
        width: 100%;
    }
    .mid-filted-content {
        width: 100%;
    }
    .mid-reactions-box-wrap ul li {
        width: calc(25% - 16px);
    }
}


@media screen and (max-width: 767.98px) {
    .mid-images-masonry-view {
        columns: 2;
    }
    body .mid-aside-wrapper {
        left: -100px;
    }
    .main-page-content {
        width: 100%;
    }
    .mid-aside-mobile-toggle {
        display: inline-flex;
    }
    body.show-aside .mid-aside-wrapper {
        left: 0;
    }
    body.show-aside .mid-aside-mobile-toggle {
        left: 100px;
    }
    body.show-aside .mid-aside-mobile-toggle,
    .mid-aside-mobile-toggle,
    body .mid-aside-wrapper,
    body.show-aside .mid-aside-wrapper {
        -webkit-transition: var(--aijourney-transition);
        -moz-transition: var(--aijourney-transition);
        -ms-transition: var(--aijourney-transition);
        -o-transition: var(--aijourney-transition);
        transition: var(--aijourney-transition);
    }
    .mid-footer-wrapper {
        width: 100%;
    }
    .mid-breadcrumb-container h1 {
        font-size: 32px;
    }
    .mid-user-info-row {
        max-width: 340px;
        margin: auto;
    }
    .modal-md {
        max-width: 90%;
    }
    .mid-user-info-box ul li h5 {
        font-size: 16px;
    }
    .mid-user-info-row {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
    .mid-user-info-box ul li a {
        font-size: 12px;
    }
    .mid-info-settings, .mid-plan-settings {
        padding: 30px 20px;
    }
    .mid-user-picture {
        padding: 8px 0 30px;
    }
    .mid-authores-content {
        width: 100%;
        padding: 0 0 0;
        margin: 15px 0 0;
    }
    .mid-reaction-icon svg {
        height: 25px;
    }
    .mid-scroll-top {
        bottom: 10px;
        right: 10px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    .mid-col-two {
            grid-template-columns: repeat(1, 1fr);
    }
    .mid-video-generator-nav ul {
        flex-wrap: wrap;
    }
    .mid-video-thumb-row {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
    .mid-template-img {
        min-height: 135px;
    }
}

@media (max-width: 575.98px) {
    .mid-images-masonry-view {
        columns: 1;
    }
    body .mid-images-masonry-view .mid-img-box-thumb img {
        min-height: 180px;
    }
    .mid-logo-wrap a {
        font-size: 15px;
    }
    .mid-header-widgets-wrap {
        grid-gap: 5px;
    }
    .mid-cat-toggle-btn .mid-btn {
        font-size: 0;
        min-width: auto;
        padding: 0 0 0 2px;
        height: 30px;
        width: 30px;
        border-radius: 3px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        grid-gap: 0;
    }
    .mid-menu-toggle {
        height: 30px;
        width: 30px;
        padding: 6px 0;
    }
    .mid-banner-title h2 {
        font-size: 22px;
    }
    .main-page-content {
        padding: 10px 10px 10px 10px;
    }
    .mid-banner-desc {
        font-size: 14px;
        line-height: 1.4;
    }
    .mid-aside-wrapper {
        width: 80px;
    }
    .mid-aside-menu ul.menu > li> a {
        padding: 8px 10px;
    }
    .mid-aside-wrapper {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .mid-header-widgets-wrap svg {
        height: 24px;
    }
    body.show-aside .mid-aside-mobile-toggle {
        left: 80px;
    }
    .mid-pricing-meta {
        padding: 4px 10px 15px;
    }
    .mid-name-shape {
        margin-bottom: -1px;
    }
    .mid-breadcrumb-container h1 {
        font-size: 20px;
    }
    .mid-header-widgets-wrap .mid-uploadd-btn {
        font-size: 0;
        min-width: auto;
        padding: 0;
        height: 30px;
        width: 30px;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        grid-gap: 0;
        padding-left: 6px;
    }
    .mid-banner-wrapper.mid-banner-style2 .mid-banner-content .mid-banner-desc {
        font-size: 32px;
    }
    .mid-menu-toggle.open-menu span:nth-child(3) {
        transform: rotate( 135deg) translate(-3px, -8px);
    }
    .mid-header-wrapper .row [class*=" col-"] {
        padding: 0 5px;
    }
    .mid-header-wrapper {
        padding: 10px 0;
    }
    .mid-aside-wrapper {
        top: 60px;
    }
    body.admin-bar .mid-aside-wrapper {
        top: 90px;
    }
    .mid-settings-form .nav button {
        padding: 5px 10px;
        font-size: 12px;
    }
    .mid-reactions-box-wrap ul li {
        width: calc(50% - 16px);
    }
}