:root {
    --font-playfair: 'Playfair Display', sans-serif;
    --font-worksans: 'Work Sans', sans-serif;
    /* Colors --------------- */
    --dark-primary-color: #171717;
    --primary-color: #171717;
    --primary-color-opc: 23, 23, 23;
    --dark-title-color: #171717;
    --title-color: #171717;
    --title-color-opc: 23, 23, 23;
    --white-color: #fff;
    --dark-white-color: #fff;
    --text-color-white: #D3D3D3;
    --dark-text-color: #595959;
    --text-color: #595959;
    --text-color2: #545454;
    --text-color-opc: 89, 89, 89;
    --borderr-color: #EEEEEE;
    --borderr-color-opc: 230, 230, 230;
    --section-bg-color: #F9F9F9;
    --section-bg-color2: #FBF8F8;

}

body.dark {
    --primary-color: #FFFFFF;
    --primary-color-opc: 255, 255, 255;
    --title-color: #FFFFFF;
    --title-color-opc: 255, 255, 255;
    --text-color: #D3D3D3;
    --text-color-opc: 211, 211, 211;
    --borderr-color: #343434;
    --white-color: #171717;
    --section-bg-color: #212121;
    --section-bg-color2: #212121;
    background-color: #171717;
}

/* Default unit test header css  */

.site-title h3 {
    margin: 0;
}

.set-menu h4 {
    margin: 10px 0;
    font-size: 18px;
}

.set-menu h4 a,
.site-title h3 a {
    color: var(--primary-color);
}

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

.screen-reader-text:focus {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: var(--primary-color);
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

#content[tabindex="-1"]:focus {
    outline: 0;
}

.bypostauthor {
    display: block;
}

.gallery-caption {
    display: block;
}

.wp-caption-text {
    margin: 0.8075em 0;
}

.wp-block-button {
    margin-bottom: 20px;
}

.alignfull,
.alignwide {
    margin-bottom: 20px;
}

.alignleft {
    float: left;
    margin-right: 2em;
    clear: both;
}

.alignright {
    float: right;
    margin-left: 2em;
    margin-bottom: 20px;
    clear: both;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 20px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.details-page-content:after,
.wp-block-image:after {
    content: "";
    clear: both;
    display: table;
}

/*--------------------------------------------------------------
  # End Accessibility
--------------------------------------------------------------*/



/*--------------------------------------------------------------
  # Start sidebar list css
--------------------------------------------------------------*/
.blog-sidebar dl,
.blog-sidebar ol,
.blog-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-sidebar dl li,
.blog-sidebar ol li,
.blog-sidebar ul li {
    margin-top: 20px;
}

.blog-sidebar dl li:first-child,
.blog-sidebar ol li:first-child,
.blog-sidebar ul li:first-child {
    margin-top: 0;
}

.blog-sidebar dl li ul,
.blog-sidebar ol li ul,
.blog-sidebar ul li ul {
    margin-top: 20px;
    margin-left: 15px;
}

.blog-sidebar dl li a,
.blog-sidebar ol li a,
.blog-sidebar ul li a {
    color: var(--text-color);
    font-family: var(--font-worksans);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-transform: capitalize;
}

.widget_archive li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*--------------------------------------------------------------
  # End sidebar list css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # Start blog css
--------------------------------------------------------------*/
code {
    padding: 5px 15px;
    background: var(--primary-color);
    color: white !important;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* spacing present */

.has-light-green-cyan-background-color p,
.has-pale-pink-background-color p,
.has-pale-cyan-blue-background-color p {
    color: var(--black-color) !important;
    padding: 10px;
}

.wp-block-cover p.has-large-font-size {
    color: #fff !important;
}

.has-text-align-center {
    text-align: center !important;
}

/* Blocks Layout */
.wp-block-group.has-background {
    padding: 20px;
    margin-bottom: 30px;
}

.wp-block-group.has-background p,
.wp-block-media-text.has-media-on-the-right p {
    color: var(--black-color) !important;
}

.wp-block-file {
    font-family: var(--font-worksans);
    color: var(--title-color);
    margin-top: 20px;
}

.wp-block-file__button {
    padding: 5px 15px;
}

.wp-block-file__button:hover {
    color: var(--primary-color);
}

.wp-block-embed__wrapper {
    font-weight: 400;
    color: var(--title-color);
    font-family: var(--font-worksans);
}

/* Cover */
.wp-block-cover.has-background-dim {
    color: #ffffff;
}

.wp-block-cover p.wp-block-cover-text {
    font-size: 2em !important;
    z-index: 1;
    margin-bottom: 0;
    max-width: 840px;
    padding: 0.44em;
    text-align: center;
    line-height: 1.8;
    color: #fff !important;
}

.alignfull,
.alignwide {
    margin-bottom: 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    gap: 15px;
    margin-right: 5px;
}

figure.wp-block-gallery {
    margin-bottom: 40px;
}

.wp-block-embed iframe {
    min-height: 400px;
    width: 100%;
}

.wp-block-media-text__content .has-large-font-size+p {
    line-height: 1.6;
}

.wp-block-quote.is-style-large {
    padding: 30px 100px !important;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    padding: 30px 100px !important;
}

.wp-block-quote.has-text-align-right {
    padding-right: 3em !important;
}

:root .has-very-light-gray-color {
    color: #eee !important;
}


.wp-block-code code {
    color: #2a2d33;
}

pre.wp-block-code {
    background: var(--primary-color);
    border: none;
}

pre.wp-block-preformatted {
    margin-top: 10px;
}

pre {
    margin-top: 15px;
    color: #212529;
    background-color: var(--primary-color);
    background-image: linear-gradient(#f8f8f8 50%, rgb(67 143 249 / 10%) 50%);
    background-size: 38px 38px;
    border: 1px solid var(--primary-color);
    display: block;
    line-height: 19px;
    margin-bottom: 20px;
    overflow: visible;
    overflow-y: hidden;
    padding: 0 0 0 4px;
    word-break: break-word;
}

/*--------------------------------------------------------------
  # End blog css
--------------------------------------------------------------*/

.single-widgets {
    font-family: var(--font-worksans);
    margin-top: 30px;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #FAF8F8;
}

.blog-sidebar .single-widgets p {
    font-family: var(--font-worksans);
}

.blog-sidebar .single-widgets img {
    height: auto;
}

.single-widgets:first-child {
    margin-top: 0;
}

.single-widgets label,
.single-widgets .widget-title,
.single-widgets .wp-block-heading {
    color: var(--dark-primary-color);
    font-family: var(--font-playfair);
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 25px;
}

.single-widgets .nice-select {
    float: none;
    white-space: normal;
}

.single-widgets .nice-select .current {
    font-size: 15px;
}

.single-widgets .nice-select .list .option {
    margin-top: 0px;
}

/* Search  */
.search-group .form-inner2 {
    display: flex;
    align-items: center;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
}

.search-group .form-inner2 input {
    background-color: transparent;
    color: #7D7D7D;
    font-family: var(--font-worksans);
    font-size: 14px;
    font-weight: 400;
    border: none;
    outline: none;
    width: 100%;
    padding: 0px 25px;
    height: 52px;
    border-radius: unset;
}

.search-group .form-inner2 button {
    position: relative;
    min-width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    color: var(--white-color);
    background-color: var(--title-color);
    overflow: hidden;
    z-index: 1;
    border-radius: 0 6px 6px 0;
}

.search-group .form-inner2 svg {
    fill: var(--white-color);
}

.wp-block-tag-cloud a,
.blog-sidebar .single-widgets .tagcloud a {
    position: relative;
    font-family: var(--font-worksans);
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    color: var(--text-color);
}

.wp-block-tag-cloud a:hover,
.blog-sidebar .single-widgets .tagcloud a:hover {
    color: var(--primary-color);
}

.wp-block-tag-cloud a::after,
.blog-sidebar .single-widgets .tagcloud a:after {
    content: ",";
}

.wp-block-tag-cloud a:last-child::after,
.blog-sidebar .single-widgets .tagcloud a:last-child:after {
    display: none;
}

.wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
}

.wp-block-search__inside-wrapper input {
    background-color: transparent;
    color: #7D7D7D;
    font-family: var(--font-worksans);
    font-size: 14px;
    font-weight: 400;
    border: none;
    outline: none;
    width: 100%;
    padding: 0px 25px;
    height: 52px;
    border-radius: unset;
}

.wp-block-search__inside-wrapper button {
    position: relative;
    min-width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    color: var(--white-color);
    background-color: var(--title-color);
    overflow: hidden;
    z-index: 1;
    border-radius: 0 6px 6px 0;
}

/* Calender CSS  */
.wp-calendar-table {
    width: 100%;
}

.wp-calendar-table>caption {
    background: var(--primary-color);
    color: white;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    caption-side: top;
    font-family: var(--font-unbounded);
    font-weight: 500;
    margin-bottom: 1px;
}

.wp-calendar-table thead th {
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    background-color: #1c2527;
}

.wp-calendar-table tbody tr {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: var(--font-unbounded);
}

.wp-calendar-table tbody td {
    border: 1px solid var(--primary-color);
    padding: 5px 0;
    text-align: center;
    color: var(--title-color);
}

/* Standard post css  */

.article-card {
    position: relative;
}

.sticky-post-icon {
    position: absolute;
    right: 20px;
    top: 0;
    width: 100px;
    height: 100px;
    content: "\e6de";
    font-family: "themify";
    display: block;
    font-size: 50px;
    color: rgba(var(--primary-color), 0.19);
    left: auto;
    padding-top: 14px;
    line-height: 1;
    text-align: center;
    border-radius: 50%;
    opacity: 0.3;
    z-index: 2;
}

.details-page-wrapper .details-page-content ul {
    padding: 0;
    margin: 20px 0 15px;
}

.details-page-wrapper .details-page-content ul li {
    display: block;
    margin-bottom: 10px;
}

.details-page-wrapper .details-page-content ul li:last-child {
    margin-bottom: 0;
}

.details-page-content table th,
.details-page-content table tr,
.details-page-content table td {
    padding: 10px;
    font-family: var(--font-unbounded);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.comment-content ul li,
.comment-content ol li {
    margin: 5px 0;
}

/* paginnate page details  */
.details-page-content ul.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 20px;
    margin-bottom: 0;
}

.details-page-content ul.pagination li a,
.details-page-content ul.pagination li span {
    font-family: var(--font-worksans);
    font-size: 15px;
    font-weight: 500;
    width: 36px;
    height: 36px;
    border: 1px solid #EEEEEE;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    color: var(--dark-text-color);
    transition: 0.35s;
}

.details-page-content ul.pagination li {
    margin: 0;
}

.details-page-content ul.pagination li span.current {
    background: var(--title-color);
    color: var(--white-color);
}

/* paginnate page details  */

/* password protected post  */

form.post-password-form input {
    background-color: transparent;
    color: #7D7D7D;
    font-family: var(--font-worksans);
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #EEEEEE;
    outline: none;
    width: 100%;
    padding: 0px 25px;
    height: 52px;
    border-radius: unset;
    display: inline-block;
}

form.post-password-form input[type="submit"] {
    position: relative;
    width: auto;
    height: 52px;
    margin-left: -8px;
    border: none;
    outline: none;
    color: var(--white-color);
    background-color: var(--title-color);
    overflow: hidden;
    z-index: 1;
    border-radius: 0 6px 6px 0;
}

/* password protected post  */

/* Page content css  */
.page-content-wrapper:after {
    display: table;
    clear: both;
    content: "";
}

.page-content-wrapper .inquiry-form {
    clear: both;
}

.page-content-wrapper .comment-respond {
    margin-top: 80px;
}

/* End Page content css  */


/* Start post format CSS  */
.article-stndard-card .post-video iframe,
.article-stndard-card .post-audio iframe,
.article-card .post-video iframe,
.article-card .post-audio iframe {
    width: 100%;
    min-height: 400px;
}

.details-page-wrapper .post-video iframe,
.details-page-wrapper .post-audio iframe {
    width: 100%;
    min-height: 500px;
    margin: 40px 0;
}

.post-gallery {
    position: relative;
}

.slider-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.slider-arrows .blog1-prev,
.slider-arrows .blog1-next {
    background-color: #fff;
    padding: 5px 15px;
}

.article-stndard-card .post-video,
.article-stndard-card .post-audio,
.article-stndard-card .post-quote {
    margin-bottom: 23px;
}

blockquote {
    margin: 0;
    font-size: 16px;
    padding: 30px 30px 55px;
    background-color: #F9F9F9;
}

blockquote h4 {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 600;
}

.details-page-wrapper blockquote {
    padding: 40px;
    margin: 40px 0;
    border-left: 2px solid var(--primary-color);
}

.details-page-wrapper blockquote h4 {
    margin-bottom: 0;
}

/* End post format css  */


/* Start comment area css  */
.page-content-wrapper .comment-area,
.comment-and-form-area .comment-area {
    border: 1px solid #eee;
    padding: 60px 88px;
}

.page-content-wrapper .comment-area .comment-title,
.comment-and-form-area .comment-area .comment-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.page-content-wrapper .comment-area .comment,
.comment-and-form-area .comment-area .comment {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-content-wrapper .comment-area .comment>li,
.comment-and-form-area .comment-area .comment>li {
    margin-bottom: 40px;
}

.page-content-wrapper .comment-area .comment>li:last-child,
.comment-and-form-area .comment-area .comment>li:last-child {
    margin-bottom: 0;
}

.page-content-wrapper .comment-area .comment .single-comment-area,
.comment-and-form-area .comment-area .comment .single-comment-area {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}

.page-content-wrapper .comment-area .comment .single-comment-area .author-img img,
.comment-and-form-area .comment-area .comment .single-comment-area .author-img img {
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
}

.page-content-wrapper .comment-area .comment .single-comment-area .comment-content .author-name-deg,
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.page-content-wrapper .comment-area .comment .single-comment-area .comment-content .author-name-deg h6,
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 {
    line-height: 1;
    margin-bottom: 0;
    color: var(--title-color);
    font-family: var(--font-worksans);
    font-size: 18px;
    font-weight: 500;
}

.page-content-wrapper .comment-area .comment .single-comment-area .comment-content .author-name-deg span,
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg span {
    color: var(--text-color);
    font-family: var(--font-worksans);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.page-content-wrapper .comment-area .comment .single-comment-area .comment-content p,
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content p {
    margin-bottom: 12px;
    font-family: var(--font-worksans);
    color: var(--text-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
}

.page-content-wrapper .comment-area .comment .single-comment-area .comment-content .replay-btn,
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn {
    color: var(--title-color);
    font-family: var(--font-worksans);
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
    cursor: pointer;
    transition: 0.35s;
}

.page-content-wrapper .comment-area .comment .single-comment-area .comment-content .replay-btn svg,
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn svg {
    transition: 0.35s;
    fill: var(--title-color);
}

.page-content-wrapper .comment-area .comment ul.children,
.comment-and-form-area .comment-area .comment ul.children {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 70px;
    border-top: 1px solid #eee;
    padding-top: 24px;
}

.page-content-wrapper .comment-area .comment-respond,
.comment-and-form-area .comment-area .comment-respond {
    padding: 60px 50px;
    border-radius: 10px;
    background: #F9F9F9;
}

.page-content-wrapper .comment-area .comment ul.children .comment-respond,
.comment-and-form-area .comment-area .comment ul.children .comment-respond {
    margin-bottom: 24px;
}

.page-content-wrapper .comment-area .comment .comment-respond,
.comment-and-form-area .comment-area .comment .comment-respond {
    margin-bottom: 24px;
}

/* Form  */

.comment-respond {
    padding: 60px 88px;
    border-radius: 10px;
    background: #F9F9F9;
}

.comment-respond h3#reply-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.comment-respond .title h4 {
    color: var(--title-color);
    font-family: var(--font-worksans);
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
}

.comment-respond h3.comment-reply-title {
    color: var(--title-color);
    font-family: var(--font-worksans) !important;
    text-transform: capitalize;
    font-size: 24px !important;
    font-weight: 500;
    margin-bottom: 0;
}

.comment-respond h3#reply-title small {
    color: var(--title-color);
    font-family: var(--font-worksans);
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.comment-respond .form-inner {
    position: relative;
    line-height: 1;
}

.comment-respond p.logged-in-as,
.comment-respond .comment-notes {
    font-family: var(--font-worksans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: var(--title-color);
    text-align: left;
    margin-bottom: 20px;
}

.comment-respond p input,
.comment-respond .form-inner input {
    background-color: var(--white-color);
    font-family: var(--font-worksans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--text-color);
    text-align: left;
    border: none;
}

.comment-respond p.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.comment-respond p.comment-form-cookies-consent input[type="submit"] {
    margin-bottom: -2px;
}

.comment-respond p textarea,
.comment-respond .form-inner textarea {
    background-color: var(--white-color);
    font-family: var(--font-worksans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    min-height: 200px;
    border: none;
}

.comment-respond .form-inner input[type="submit"] {
    width: auto;
    background-color: var(--primary-color);
    border-radius: 6px;
    border: 1px solid transparent;
    z-index: 1;
    white-space: nowrap;
    transition: all 0.6s;
    align-items: center;
    line-height: 1;
    color: var(--white-color);
    font-family: var(--font-worksans);
    font-size: 16px;
    font-weight: 500;
    height: 60px;
}

.comment-respond .form-inner input[type="submit"]:hover {
    border-color: var(--primary-color);
    color: var(--title-color);
    background: transparent;
}

.comment-respond p.form-submit input[type="submit"] {
    width: auto;
    padding: 15px 30px;
    background-color: var(--primary-color);
    border-radius: 6px;
    border: 1px solid transparent;
    z-index: 1;
    white-space: nowrap;
    transition: all 0.6s;
    align-items: center;
    line-height: 1;
    color: var(--white-color);
    font-family: var(--font-worksans);
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}

/* End comment area css  */


/* message css  */
.mc4wp-response p {
    color: #ffc107;
}

.wpcf7 form .wpcf7-response-output {
    color: var(--title-color);
}