/* Felidae */
@font-face {
  font-family: "Felidae";
  src: url("../fonts/Felidae.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Tartuffo Thin */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-Thin-BF643371db08833.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

/* Tartuffo Thin Italic */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-ThinItalic-BF643371db0d546.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}

/* Tartuffo Light */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-Light-BF643371daf1e86.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

/* Tartuffo Light Italic */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-LightItalic-BF643371da383c5.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}

/* Tartuffo Regular */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-Regular-BF643371db1355b.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

/* Tartuffo Regular Italic */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-RegularItalic-BF643371dadcd03.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

/* Tartuffo Medium */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-Medium-BF643371daee2ec.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

/* Tartuffo Medium Italic */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-MediumItalic-BF643371da36ab4.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}

/* Tartuffo Bold */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-Bold-BF643371dae156a.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* Tartuffo Bold Italic */
@font-face {
  font-family: "Tartuffo";
  src: url("../fonts/Tartuffo_Trial-BoldItalic-BF643371dae73b0.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}


:root {
  --font-archivo: 'Archivo', sans-serif;
  --font-spaceGrotesk: 'Space Grotesk', sans-serif;
  --font-felidae: 'Felidae', sans-serif;
  --font-tartuffo-Trial: 'Tartuffo', sans-serif;
  --font-kanit: 'Kanit', sans-serif;
  /* Colors --------------- */
  --white-color: #fff;
  --white-color-opc: 255, 255, 255;
  --dark-white-color: #fff;
  --dark-black-color: #020202;
  --black-color: #020202;
  --black-color-opc: 2, 2, 2;
  --dark-title-color: #020202;
  --title-color: #020202;
  --title-color-opc: 2, 2, 2;
  --dark-text-color: #999999;
  --text-color: #404040;
  --global-text-color: #404040;
  --text-color-opc: 64, 64, 64;
  /* Theme Color */
  --primary-color1: #C2EE10;
  --primary-color1-opc: 194, 238, 16;
  --borders-color: #E8E8E8;
  --borders-color-opc: 232, 232, 232;
}

body.dark {
  --dark-white-color: #020202;
  --black-color: #fff;
  --black-color-opc: 255, 255, 255;
  --title-color: #fff;
  --title-color-opc: 255, 255, 255;
  --text-color: #999999;
  --borders-color: #2F2F2F;
  --borders-color-opc: 47, 47, 47;
  background-color: #141414;
}

.logged-in header.style-2 {
  top: 32px;
}

.logged-in.e-preview--show-hidden-elements header.style-2 {
  position: static !important;
  top: 0;
}

.site-title h3 {
  margin: 10px 0;
}

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

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

.breadcrumb-item+.breadcrumb-item::before {
  display: none;
}

body.dark .custom-header h2 {
  color: #ffffff !important;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
  position: absolute !important;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  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-color1);
  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 {
  max-width: 100%;
}

.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-block-cover p.has-large-font-size {
  color: #fff !important;
}

.wp-block-file {
  font-family: var(--font-archivo);
  margin-top: 20px;
  margin-bottom: 10px;
}

.wp-block-button__link {
  font-size: 16px;
  font-weight: 500;
  color: var(--white-color);
  background-color: var(--primary-color1);
  transition: 0.35s;
}

.wp-block-button__link:hover {
  color: #fff;
  background: #2e2d31;
}

.wp-block-file__button {
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  background: #32373c;
  transition: 0.35s;
}

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

.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
  margin-right: 10px;
}

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

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

/* Formatting */
code {
  margin: 20px 0;
  padding: 5px 15px;
  background: var(--primary-color1);
  color: white !important;
  display: inline-block;
}

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

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

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

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

embed,
iframe,
object {
  width: 100%;
  max-width: 100%;
  min-height: 500px;
}

/* sticky icon  */
.blog-standard-page .blog-card2 {
  position: relative;
}

.sticky-post-icon {
  position: absolute;
  right: 1rem;
  top: 30px;
  content: "\e6de";
  font-family: "themify";
  display: block;
  font-size: 30px;
  color: var(--primary-color1);
  left: auto;
  padding-top: 14px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
}

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

/* global details content ul,ol style  */
.page-content-wrapper ul,
.page-content-wrapper ol,
.blog-content-area ul,
.blog-content-area ol {
  padding: 0;
  margin: 0;
  padding-left: 20px;
}

.page-content-wrapper ul li,
.page-content-wrapper ol li,
.blog-content-area ul li,
.blog-content-area ol li {
  position: relative;
  margin-bottom: 15px;
}

.page-content-wrapper ul li ul,
.page-content-wrapper ol li ol,
.blog-content-area ul li ul,
.blog-content-area ol li ol {
  margin-top: 15px;
  padding-left: 15px;
}

.page-content-wrapper ul li a,
.page-content-wrapper ol li a,
.blog-content-area ul li a,
.blog-content-area ol li a {
  color: var(--text-color);
  font-family: var(--font-kanit);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}

/* tags cloud */
.blog-content-area .wp-block-tag-cloud {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.blog-content-area .wp-block-tag-cloud a {
  color: var(--text-color);
  font-family: var(--font-kanit);
  font-weight: 400;
  font-size: 16px !important;
  line-height: 1;
  padding: 5px 11px;
  border: 1px solid var(--borders-color);
  border-radius: 100px;
  transition: 0.5s;
}

.blog-content-area .nice-select {
  float: none;
}

.wp-block-search__inside-wrapper input {
  appearance: none;
  border: 1px solid #949494;
  padding: 8px;
  text-decoration: unset !important;
  text-transform: inherit;
}

/* password protected post  */
form.post-password-form input {
  background: transparent;
  color: var(--title-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  padding: 10px 20px;
  height: 56px;
  border: 1px solid var(--borders-color);
  border-radius: 5px;
}

form.post-password-form input[type="submit"] {
  background-color: var(--primary-color1);
  font-family: var(--font-kanit);
  font-weight: 500;
  font-size: 14px;
  color: var(--dark-title-color);
  letter-spacing: 0.48px;
  line-height: 1;
  text-transform: uppercase;
  padding: 23px 37px;
  border-radius: 5px;
  white-space: nowrap;
}

/* details & inside comment table  */

.blog-content-area .wp-block-calendar,
.single-comment-area .wp-block-calendar {
  margin: 30px 0;
}

.blog-content-area table,
.single-comment-area table {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
}

.blog-content-area table th,
.blog-content-area table tr,
.blog-content-area table td,
.single-comment-area table th,
.single-comment-area table tr,
.single-comment-area table td {
  padding: 10px;
  border: 1px solid var(--borders-color);
}

.blog-content-area table th a,
.blog-content-area table tr a,
.blog-content-area table td a,
.single-comment-area table th a,
.single-comment-area table tr a,
.single-comment-area table td a {
  color: var(--title-color);
  font-family: var(--font-archivo);
  font-weight: 500;
}


/* page pagination  */
.blog-details-page .blog-content-area .page-paginations {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
}

.blog-details-page .blog-content-area .page-paginations li {
  position: inherit;
  margin: 0;
  padding: 0;
}

.blog-details-page .blog-content-area .page-paginations li a,
.blog-details-page .blog-content-area .page-paginations li span {
  color: var(--text-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--borders-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.blog-details-page .blog-content-area .page-paginations li span.current {
  color: var(--dark-white-color);
  background-color: var(--black-color);
}

/* query-pagination */
nav.wp-block-query-pagination {
  margin: 20px 0;
}

.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span.current {
  color: var(--text-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--borders-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.wp-block-query-pagination-numbers span.current {
  color: var(--dark-white-color);
  background-color: var(--black-color);
}

/* Global Comment Form & list CSS  */
.page-content-wrapper .comment-respond,
.comment-and-form-area .comment-respond {
  margin-top: 30px;
  padding: 45px 60px 60px;
  background-color: #F0F0F0;
}

.page-content-wrapper .comment-respond h3,
.comment-and-form-area .comment-respond h3 {
  font-size: 30px;
  font-family: var(--font-archivo);
  font-weight: 500;
  line-height: 1.3;
}

.page-content-wrapper .comment-respond h3 a,
.comment-and-form-area .comment-respond h3 a {
  font-size: 16px;
  color: var(--text-color);
}

.page-content-wrapper .comment-respond h3 small a,
.comment-and-form-area .comment-respond h3 small a {
  color: var(--primary-color1);
}

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

.page-content-wrapper .comment-respond form .form-inner label,
.comment-and-form-area .comment-respond form .form-inner label {
  color: var(--title-color);
  font-family: var(--font-archivo);
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  margin-bottom: 12px;
}

.page-content-wrapper .comment-respond form .form-inner input,
.page-content-wrapper .comment-respond form .form-inner textarea,
.comment-and-form-area .comment-respond form .form-inner input,
.comment-and-form-area .comment-respond form .form-inner textarea {
  width: 100%;
  background-color: #fff;
  color: var(--title-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  padding: 10px 20px;
  height: 56px;
  border: none;
  border-radius: 0;
}

.page-content-wrapper .comment-respond form .form-inner textarea,
.comment-and-form-area .comment-respond form .form-inner textarea {
  resize: none;
  padding: 20px 25px;
  min-height: 170px;
}

.page-content-wrapper .comment-respond form p.comment-notes,
.page-content-wrapper .comment-respond form p.comment-form-cookies-consent,
.comment-and-form-area .comment-respond form p.comment-notes,
.comment-and-form-area .comment-respond form p.comment-form-cookies-consent {
  cursor: pointer;
  color: var(--text-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.page-content-wrapper .comment-respond form p.comment-form-cookies-consent input[type="checkbox"],
.comment-and-form-area .comment-respond form p.comment-form-cookies-consent input[type="checkbox"] {
  border-color: var(--black-color);
  height: 14px;
  width: 14px;
  border-radius: 5px;
  margin-right: 5px;
}

/* global commet list css  */
.page-content-wrapper .comment-area ul.comment,
.comment-and-form-area ul.comment {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.page-content-wrapper .comment-area ul.comment li.single-comment-area,
.comment-and-form-area ul.comment li.single-comment-area {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}

.page-content-wrapper .comment-area ul.comment li.single-comment-area .author-img,
.comment-and-form-area ul.comment li.single-comment-area .author-img {
  width: 50px;
}

.page-content-wrapper .comment-area ul.comment li.single-comment-area .comment-content,
.comment-and-form-area ul.comment li.single-comment-area .comment-content {
  width: calc(100% - 70px);
}

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

.page-content-wrapper .comment-area ul.comment li.single-comment-area .comment-content .author-name-deg,
.comment-and-form-area ul.comment li.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 ul.comment li.single-comment-area .comment-content .author-name-deg h6,
.comment-and-form-area ul.comment li.single-comment-area .comment-content .author-name-deg h6 {
  line-height: 1;
  margin-bottom: 0;
  color: var(--title-color);
  font-family: var(--font-archivo);
  font-size: 18px;
  font-weight: 500;
}

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

.page-content-wrapper .comment-area ul.comment li.single-comment-area .comment-content p,
.comment-and-form-area ul.comment li.single-comment-area .comment-content p {
  color: var(--text-color);
  margin-bottom: 12px;
}

.page-content-wrapper .comment-area ul.comment li.single-comment-area .comment-content a.comment-reply-link,
.comment-and-form-area ul.comment li.single-comment-area .comment-content a.comment-reply-link {
  line-height: 1;
}

.page-content-wrapper .comment-area ul.comment li.single-comment-area .comment-content a.comment-reply-link .replay-btn,
.comment-and-form-area ul.comment li.single-comment-area .comment-content a.comment-reply-link .replay-btn {
  color: var(--text-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: 0.35s;
}

.page-content-wrapper .comment-area ul.comment li.single-comment-area .comment-content a.comment-reply-link .replay-btn svg,
.comment-and-form-area ul.comment li.single-comment-area .comment-content a.comment-reply-link .replay-btn svg {
  margin-bottom: -3px;
}

/*guterburg block comment  */
.wp-block-comments {
  box-sizing: border-box;
}

.comment-respond.wp-block-post-comments-form,
.wp-block-comments .comment-respond {
  margin-top: 30px;
  padding: 45px 60px 60px;
  background-color: #F0F0F0;
}

.comment-respond.wp-block-post-comments-form h3,
.wp-block-comments .comment-respond h3 {
  font-size: 30px;
  font-family: var(--font-archivo);
  font-weight: 500;
  line-height: 1.3;
}

.comment-respond.wp-block-post-comments-form h3 a,
.wp-block-comments.comment-respond h3 a {
  font-size: 16px;
  color: var(--text-color);
}

.comment-respond.wp-block-post-comments-form h3 small a,
.wp-block-comments .comment-respond h3 small a {
  color: var(--primary-color1);
}

.comment-respond.wp-block-post-comments-form form,
.wp-block-comments .comment-respond form {
  margin-top: 30px;
}

.comment-respond.wp-block-post-comments-form form label,
.wp-block-comments .comment-respond form label {
  color: var(--title-color);
  font-family: var(--font-archivo);
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  margin-bottom: 12px;
}

.comment-respond.wp-block-post-comments-form form input,
.comment-respond.wp-block-post-comments-form form textarea,
.wp-block-comments .comment-respond form input,
.wp-block-comments .comment-respond form textarea {
  width: 100%;
  background-color: #fff;
  color: var(--title-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  padding: 10px 20px;
  height: 56px;
  border: none;
  border-radius: 0;
}

.comment-respond.wp-block-post-comments-form form textarea,
.wp-block-comments .comment-respond form textarea {
  resize: none;
  padding: 20px 25px;
  min-height: 170px;
}

.comment-respond.wp-block-post-comments-form form p.comment-notes,
.comment-respond.wp-block-post-comments-form form p.comment-form-cookies-consent,
.wp-block-comments .comment-respond form p.comment-notes,
.wp-block-comments .comment-respond form p.comment-form-cookies-consent {
  cursor: pointer;
  color: var(--text-color);
  font-family: var(--font-kanit);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.comment-respond.wp-block-post-comments-form form p.comment-form-cookies-consent input[type="checkbox"],
.wp-block-comments .comment-respond form p.comment-form-cookies-consent input[type="checkbox"] {
  margin-top: 0 !important;
  border-color: var(--black-color);
  height: 14px;
  width: 14px;
  border-radius: 5px;
  margin-right: 5px;
}

.comment-respond.wp-block-post-comments-form form .form-submit input,
.wp-block-comments .comment-respond form .form-submit input {
  width: auto;
  background-color: var(--black-color);
  font-family: var(--font-kanit);
  font-weight: 500;
  font-size: 14px;
  color: var(--dark-white-color);
  letter-spacing: 0.48px;
  line-height: 1;
  text-transform: uppercase;
  padding: 23px 37px;
  border-radius: 100px;
  white-space: nowrap;
}


/* other's css  */
.blog-content-area .wp-block-post-template,
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
  padding: 0;
}

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