@charset "UTF-8";

/*!
Theme Name: Dizibiz
Theme URI: https://www.themeinwp.com/theme/dizibiz
Author: ThemeInWP
Author URI: https://www.themeinwp.com
Description: Dizibiz is a sleek and professional WordPress business theme designed for modern businesses looking to establish an online presence. With its clean and minimalist design, Dizibiz is perfect for showcasing your products or services in a sophisticated manner. The theme comes with a variety of customizable options, allowing you to personalize your website to your unique brand , Different layout variations to create a website that truly represents your business. Dizibiz is also fully responsive, ensuring that your website looks great on any device. Whether your visitors are browsing on a desktop, tablet, or mobile phone, they'll have a seamless user experience. In addition to its visual appeal, Dizibiz is packed with features designed to make running your business website easier. The theme includes an easy-to-use page builder, so you can create custom pages and layouts without any coding knowledge. 
Version: 1.0.0
Tested up to: 6.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dizibiz
Tags: blog, news, grid-layout, one-column, two-columns, custom-background, custom-logo, custom-menu, featured-images, flexible-header, post-formats, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Base
	- Progress Bar
	- Preloader
	- Top Bar
	- Site Branding
	- Navigation
	- Posts and pages
	- Site Content
	- Banner
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
	- Footer
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
:root {
  --theme-plain-black: #000;
  --theme-plain-white: #fff;
  --theme-bg-color: #ededed;
  --theme-bg-hover-color: #dbdbdb;
  --dark-mode-bg-color: #2a2a2a;
  --dark-mode-hover-color: #181818;
  --theme-text-color: #404040;
  --theme-component-color: #19191c;
  --theme-accent-color: #ea110c;
  --theme-accent-hover-color: #404040;
  --theme-font-size-xxsmall: 1.4rem;
  --theme-font-size-xsmall: 1.6rem;
  --theme-font-size-normal: 1.8rem;
  --theme-font-size-small: 2rem;
  --theme-font-size-medium: 2.2rem;
  --theme-font-size-big: 2.5rem;
  --theme-font-size-xbig: 3.6rem;
  --theme-font-size-large: clamp(2.5rem, 3vw, 6.1rem);
  --theme-font-family-general: "Rokkitt", serif;
  --theme-font-family-alternative: "Ubuntu", sans-serif;
  --theme-line-height-small: 1.2;
  --theme-line-height-normal: 1.5;
  --theme-line-height-big: 1.8;
}

@media(max-width: 575px) {
  :root {
    --theme-font-size-xbig: var(--theme-font-size-medium);
  }
}

/* Normalize
--------------------------------------------- */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  vertical-align: top;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
  /* 1rem = 10px */
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
}

/* Typography
--------------------------------------------- */
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: var(--theme-text-color);
  font-family: var(--theme-font-family-general);
  font-size: var(--theme-font-size-normal);
  line-height: calc(var(--theme-font-size-normal) * var(--theme-line-height-normal));
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--theme-font-family-alternative);
  font-weight: 700;
  clear: both;
  margin-top: 0;
}

h1,
h2,
h3 {
  margin-bottom: 1.5rem;
}

h4,
h5,
h6 {
  margin-bottom: 1rem;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.entry-title-large {
  font-size: var(--theme-font-size-large);
  font-weight: 900;
  line-height: calc(var(--theme-font-size-large) * var(--theme-line-height-small));
}

.entry-title-big {
  font-size: var(--theme-font-size-big);
  font-weight: 700;
  line-height: calc(var(--theme-font-size-big) * var(--theme-line-height-small));
}

.entry-title-medium,
.widget-title,
.widget_block .wp-block-group__inner-container > h2,
.single-component-title {
  font-size: var(--theme-font-size-medium);
  font-weight: 700;
  line-height: calc(var(--theme-font-size-medium) * var(--theme-line-height-small));
}

.entry-title-small {
  font-size: var(--theme-font-size-small);
  line-height: calc(var(--theme-font-size-small) * var(--theme-line-height-small));
  font-weight: 400;
}

.entry-title-xsmall {
  font-size: var(--theme-font-size-xsmall);
  line-height: calc(var(--theme-font-size-xsmall) * var(--theme-line-height-small));
  font-weight: 400;
}

.entry-title-normal {
  font-size: var(--theme-font-size-normal);
  line-height: calc(var(--theme-font-size-normal) * var(--theme-line-height-small));
  font-weight: 500;
}

.text-accent-shadow {
  text-shadow: 0.03em 0.03em 0 var(--theme-accent-color);
}

.text-dark-shadow {
  text-shadow: 0.03em 0.03em 0 #000;
}

.text-white-shadow {
  text-shadow: 0.03em 0.03em 0 #fff;
}

.text-stroke {
  color: transparent !important;
  -webkit-text-stroke-width: 1px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.text-accent-stroke {
  -webkit-text-stroke-color: var(--theme-accent-color);
}

.text-dark-stroke {
  -webkit-text-stroke-color: #fff;
}

.text-white-stroke {
  -webkit-text-stroke-color: #fff;
}

.text-stroke-hover-fill:hover,
.text-stroke-hover-fill:focus {
  color: var(--theme-accent-color);
}

.text-primary-shadow {
  text-shadow: 0.03em 0.03em 0 var(--theme-accent-color);
}

/* Elements
--------------------------------------------- */
body {
  background-color: var(--theme-plain-white);
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

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

.reset-list-style li {
  margin: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

@media (min-width: 768px) {

  .cursor-dot,
  .cursor-dot-outline {
    z-index: 1100;
    pointer-events: none;
    position: fixed;
    top: 50%;
    left: 50%
      /* rtl:ignore */
    ;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
  }

  .cursor-dot {
    width: 8px;
    height: 8px;
    background-color: var(--theme-accent-color);
  }

  .cursor-dot-outline {
    width: 30px;
    height: 30px;
    background-color: var(--theme-accent-color);
    opacity: 0.4 !important;
  }
}

.h-100 {
  height: 100% !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.data-bg {
  background-color: #d8d8d8;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: relative;
}

.data-bg-fixed {
  background-attachment: fixed;
}

.data-bg-large {
  height: 600px;
}

@media (max-width: 1400px) {
  .data-bg-large {
    height: 480px;
  }
}

@media (max-width: 575px) {
  .data-bg-large {
    height: 400px;
  }
}

.data-bg-big {
  height: 480px;
}

.data-bg-medium {
  height: 364px;
}

.data-bg-small {
  height: 64px;
}

.data-bg-overlay {
  position: relative;
}

.data-bg-overlay:before {
  content: " ";
  background: var(--theme-component-color);
  opacity: 0.4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.theme-menu {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
}

.theme-social-navigation .svg-icon {
  width: 2rem;
  height: 2rem;
}

/* Links
--------------------------------------------- */
a {
  color: #000;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: var(--theme-accent-color);
  outline: 0;
}

a:focus-visible {
  outline: 1px solid;
}

.page-content a:not(.more-link):not(.button):not(.wp-block-button__link),
.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link),
.entry-summary a:not(.more-link):not(.button):not(.wp-block-button__link),
.widget_text a:not(.more-link):not(.button) {
  text-decoration: underline;
}

/* Forms
--------------------------------------------- */
fieldset {
  border: 0.2rem solid #dcd7ca;
  padding: 2rem;
}

legend {
  font-size: 0.85em;
  font-weight: 700;
  padding: 0 1rem;
}

label {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 0 0.5rem 0;
}

label.inline,
input[type="checkbox"] + label {
  display: inline;
  font-weight: 400;
  margin-left: 0.5rem;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  top: 2px;
  display: inline-block;
  margin: 0;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #dcd7ca;
  box-shadow: none;
  cursor: pointer;
}

input[type="checkbox"]:checked::before {
  /* Use the "Yes" SVG Dashicon */
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  display: inline-block;
  margin: -0.1875rem 0 0 -0.25rem;
  height: 1.75rem;
  width: 1.75rem;
}

input,
textarea,
button,
.button {
  line-height: 1;
}

input,
textarea {
  border-color: #dcd7ca;
  color: #000;
}

code,
input[type="url"],
input[type="email"],
input[type="tel"] {
  /*rtl:ignore*/
  direction: ltr;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0.1rem;
  box-shadow: none;
  display: block;
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  margin: 0;
  max-width: 100%;
  padding: 1.5rem 1.8rem;
  width: 100%;
}

input[type="number"] {
  padding-right: 0.5rem;
}

select {
  font-size: 1em;
}

textarea {
  height: 12rem;
  line-height: 1.5;
  width: 100%;
}

input::-webkit-input-placeholder {
  line-height: normal;
}

input:-ms-input-placeholder {
  line-height: normal;
}

input::-moz-placeholder {
  line-height: revert;
  /* Reset to the value from the user-agent stylesheet. */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

button,
.button,
.wp-block-search__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid;
  border-color: var(--theme-accent-color);
  border-radius: 3px;
  background-color: var(--theme-accent-color);
  border-radius: 0;
  color: var(--theme-plain-white);
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.0333em;
  line-height: 1.25;
  margin: 0;
  opacity: 1;
  padding: 1.1em 1.44em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity 0.15s linear;
}

button:focus,
button:hover,
.button:focus,
.button:hover,
.wp-block-search__button:focus,
.wp-block-search__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
  background: var(--theme-accent-hover-color);
  border-color: var(--theme-accent-hover-color);
  color: var(--theme-plain-white);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]: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 {
  border-color: currentColor;
}

input[type="search"]:focus {
  outline: thin dotted;
  outline-offset: -4px;
}

[data-theme="dark"] .theme-button-transparent,
[data-theme="light"] .theme-button-transparent,
.theme-button-transparent {
  background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.theme-button-transparent {
  color: var(--theme-text-color);
}

[data-theme="dark"] .theme-button-transparent:hover,
[data-theme="light"] .theme-button-transparent:hover,
[data-theme="dark"] .theme-button-transparent:focus,
[data-theme="light"] .theme-button-transparent:focus,
.theme-button-transparent:hover,
.theme-button-transparent:focus {
  background: none;
  border: none;
  box-shadow: none;
}

.theme-button-transparent:hover,
.theme-button-transparent:focus {
  color: var(--theme-accent-color);
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Base
--------------------------------------------- */
.column-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.column-row-collapse {
  margin-right: 0;
  margin-left: 0;
}

.column-row-small {
  margin-right: -8px;
  margin-left: -8px;
}

.column-row-center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-content: center;
  align-items: center;
}

.column {
  position: relative;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
}

.column-row-collapse > .column {
  padding-right: 0;
  padding-left: 0;
}

.column-row-small > .column {
  padding-right: 8px;
  padding-left: 8px;
}

.column-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.column-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.column-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.column-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.column-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.column-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.column-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.column-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.column-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.column-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.column-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.column-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.mb-16 {
  margin-bottom: 1.6rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}

@media (min-width: 992px) {
  .column-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .column-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .column-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
}

@media (max-width: 1024px) {
  .column-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .column-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .column-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}

@media (max-width: 991px) {
  .column-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .column-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .column-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .column-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .mb-sm-16 {
    margin-bottom: 1.6rem;
  }
}

@media (max-width: 767px) {
  .column-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .column-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .column-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .column-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .hidden-xs-screen {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .hide-on-tablet {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

@media (min-width: 1025px) {
  .hide-on-desktop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

.single.no-sidebar .entry-content,
.archive.no-sidebar .content-area {
  max-width: calc(100vw - 3rem);
  margin-left: auto;
  margin-right: auto;
}

.wrapper,
.dizibiz-article-wrapper,
.alignwide,
.wide-max-width {
  max-width: calc(100vw - 3rem);
  margin-left: auto;
  margin-right: auto;
}

.wp-block-group .wp-block-group__inner-container > *.alignfull,
.wrapper-fluid {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.alignfull [class*="inner-container"] > .alignwide,
.alignwide [class*="inner-container"] > .alignwide {
  margin-left: auto;
  margin-right: auto;
  width: calc(100vw - 3rem);
  max-width: 100%;
}

@media only screen and (min-width: 482px) {

  .single.no-sidebar .entry-content,
  .archive.no-sidebar .content-area {
    max-width: min(calc(100vw - 10rem), 68rem);
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper,
  .dizibiz-article-wrapper,
  .dizibiz_woocommerce_active_body_class #site-content,
  .alignwide,
  .wide-max-width {
    max-width: calc(100vw - 10rem);
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper-fluid {
    max-width: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .alignfull [class*="inner-container"] > .alignwide,
  .alignwide [class*="inner-container"] > .alignwide {
    width: calc(100vw - 10rem);
  }
}

@media only screen and (min-width: 822px) {

  .single.no-sidebar .entry-content,
  .archive.no-sidebar .content-area {
    max-width: min(calc(100vw - 20rem), 68rem);
    margin-left: auto;
    margin-right: auto;
  }

  .no-sidebar .alignfull {
    margin: 32px calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
  }

  .wrapper,
  .dizibiz-article-wrapper,
  .alignwide,
  .wide-max-width {
    max-width: min(calc(100vw - 20rem), 124rem);
    margin-left: auto;
    margin-right: auto;
  }

  .alignfull [class*="inner-container"] > .alignwide,
  .alignwide [class*="inner-container"] > .alignwide {
    width: min(calc(100vw - 20rem), 124rem);
  }
}

@media only screen and (min-width: 482px) {
  .no-sidebar .entry-content > .alignleft {
    /*rtl:ignore*/
    margin-left: calc(0.5 * (100vw - min(calc(100vw - 20rem), 68rem)));
    /*rtl:ignore*/
    margin-right: 2.5rem;
  }
}

@media only screen and (min-width: 482px) {
  .no-sidebar .entry-content > .alignright {
    /*rtl:ignore*/
    margin-left: 2.5rem;
    /*rtl:ignore*/
    margin-right: calc(0.5 * (100vw - min(calc(100vw - 20rem), 68rem)));
  }
}

.site-header-wrapper {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  justify-items: center;
  gap: 3rem;
  padding: 0.8rem 0;
}

.dizibiz-entry-meta {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.dizibiz-meta {
  display: flex;
  align-items: center;
  line-height: 1;
}

.dizibiz-meta .meta-icon {
  margin-right: 0.5rem;
}

/* Progress Bar
*----------------------------------- */
#dizibiz-progress-bar {
  background-color: var(--theme-accent-color);
  position: fixed;
  width: 0;
  height: 4px;
  z-index: 99999;
}

#dizibiz-progress-bar.top {
  top: 0;
}

.admin-bar #dizibiz-progress-bar.top {
  top: 32px;
}

@media only screen and (max-width: 782px) {
  .admin-bar #dizibiz-progress-bar.top {
    top: 46px;
  }
}

@media only screen and (max-width: 600px) {
  .admin-bar #dizibiz-progress-bar.top {
    top: 0;
  }
}

#dizibiz-progress-bar.bottom {
  bottom: 0;
}

/* Preloader
--------------------------------------------- */
.theme-preloader {
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: #fff;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.theme-preloader-spinner {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: block;
  background-color: var(--theme-component-color);
}

.theme-preloader-spinner-1 .theme-preloader-throbber {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.theme-preloader-spinner-1 .theme-preloader-throbber::after {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #3498db;
  border-color: #3498db transparent #3498db transparent;
  animation: preloader 1s linear infinite;
}

.theme-preloader-spinner-2 .theme-preloader-throbber {
  border-radius: 100%;
  height: 10px;
  width: 10px;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
    40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
    40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
    40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  -webkit-animation: load 3s infinite linear;
  -moz-animation: load 3s infinite linear;
  -o-animation: load 3s infinite linear;
  animation: load 3s infinite linear;
}

@keyframes preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: translate(0px, 0px), rotate(0deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  25% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  50% {
    box-shadow: 0px -40px 0px 0px #ffffff, 0px 40px 0px 0px #ffffff,
      -40px 0px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  70% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
  }

  75% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    height: 10px;
    width: 10px;
  }

  80% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  85% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  90% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 10px;
    width: 10px;
  }

  95% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  100% {
    -webkit-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }
}

@-moz-keyframes load {
  0% {
    -moz-transform: translate(0px, 0px), rotate(0deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  25% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  50% {
    box-shadow: 0px -40px 0px 0px #ffffff, 0px 40px 0px 0px #ffffff,
      -40px 0px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  70% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
  }

  75% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    height: 10px;
    width: 10px;
  }

  80% {
    -moz-transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  85% {
    -moz-transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  90% {
    -moz-transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 10px;
    width: 10px;
  }

  95% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  100% {
    -moz-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }
}

@keyframes load {
  0% {
    transform: translate(0px, 0px), rotate(0deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  25% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  50% {
    box-shadow: 0px -40px 0px 0px #ffffff, 0px 40px 0px 0px #ffffff,
      -40px 0px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  70% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
  }

  75% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    height: 10px;
    width: 10px;
  }

  80% {
    transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  85% {
    transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  90% {
    transform: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 10px;
    width: 10px;
  }

  95% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  100% {
    transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }
}

@-o-keyframes load {
  0% {
    -o-transforms: translate(0px, 0px), rotate(0deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  25% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  50% {
    box-shadow: 0px -40px 0px 0px #ffffff, 0px 40px 0px 0px #ffffff,
      -40px 0px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff,
      -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff,
      -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
  }

  70% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
  }

  75% {
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    height: 10px;
    width: 10px;
  }

  80% {
    -o-transforms: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  85% {
    -o-transforms: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
  }

  90% {
    -o-transforms: translate(0px, 0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
      0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    background-color: #ffffff;
    height: 10px;
    width: 10px;
  }

  95% {
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }

  100% {
    -o-transforms: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff,
      40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
      40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff,
      40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
  }
}

/* Top Bar
--------------------------------------------- */
.site-topbar {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.sticky-menu .site-topbar {
  display: none;
}

.site-topbar .site-topbar-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}

.site-topbar-wrapper .site-topbar-item {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.site-topbar-item .site-topbar-component {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
}

/* Site Branding
--------------------------------------------- */
.site-title,
.site-logo,
.site-description {
  line-height: 1;
  margin: 0;
}

.site-title {
  font-size: 3.9rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .site-title {
    font-size: 3.1rem;
  }
}

@media (max-width: 575px) {
  .site-title {
    font-size: 2.5rem;
  }
}

.site-title a {
  display: block;
  text-decoration: none;
}

.site-logo a,
.site-logo img {
  display: block;
}

.site-logo img {
  max-height: 6rem;
  width: auto;
}

[data-theme="dark"] .site-logo .theme-logo-dark,
.site-logo a:not(.theme-logo-dark) {
  display: none;
}

.header-image-on .site-logo a:not(.theme-logo-dark),
[data-theme="dark"] .site-logo a:not(.theme-logo-dark) {
  display: block;
}

.header-image-on .site-logo .theme-logo-dark {
  display: none;
}

.site-logo + .site-title {
  margin-top: 1rem;
}

.site-description {
  margin-top: 1rem;
  font-size: 1.8rem;
  filter: alpha(opacity=85);
  opacity: 0.85;
  font-weight: 500;
  letter-spacing: -0.0311em;
  transition: all 0.15s linear;
}

.site-branding-center {
  text-align: center;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

/* Navigation
--------------------------------------------- */
.theme-primary-menu {
  display: none;
}

@media only screen and (min-width: 992px) {
  .theme-primary-menu {
    display: block;
  }
}

.theme-primary-menu {
  display: flex;
  flex-wrap: wrap;
}

.theme-primary-menu > li {
  list-style: none;
}

.theme-primary-menu > li:not(:last-child) {
  margin-right: 1.6rem;
}

ul.primary-menu {
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  flex-wrap: wrap;
}

.primary-menu li {
  font-size: 1.8rem;
  line-height: calc(1.8rem * 1.5);
  position: relative;
}

.primary-menu > li {
  margin: 0 0.8rem;
}

.primary-menu > li .icon {
  vertical-align: middle;
}

.primary-menu svg {
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  margin-left: 1rem;
  fill: currentColor;
}

.primary-menu a {
  color: #000240;
  display: block;
  line-height: 1.2;
  text-decoration: none;
  word-break: normal;
  word-wrap: normal;
}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
  color: #000240;
}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
  text-decoration: underline;
}

.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
  text-decoration: none;
}

/* SUB MENU */
.primary-menu ul {
  background-color: var(--theme-accent-color);
  color: #ffffff;
  font-size: 1.4rem;
  position: absolute;
  right: 9999rem;
  top: calc(100% + 1.1rem);
  padding: 1rem 0;
  width: 25rem;
  opacity: 0;
  z-index: 10;
  transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
  transform: translateY(0.6rem);
}

.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul {
  right: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.15s linear, transform 0.15s linear;
}

.primary-menu ul::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  border: 1rem solid transparent;
}

.primary-menu ul a {
  background: transparent;
  border: none;
  color: inherit;
  display: block;
  padding: 1rem 2rem;
  transition: background-color 0.15s linear;
  width: 100%;
}

.primary-menu ul a .icon {
  position: absolute;
  right: 2rem;
}

.primary-menu ul a:hover {
  color: #066ac6;
}

/* DEEP DOWN */
.primary-menu ul ul {
  top: -1rem;
}

.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
  right: 103%;
}

/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {
  .primary-menu > li.menu-item-has-children > a {
    padding-right: 0;
    margin-right: 2rem;
  }

  .primary-menu ul li.menu-item-has-children > a {
    margin-right: 4.5rem;
    padding-right: 0;
    width: unset;
  }
}

/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
  padding-right: 0;
  margin-right: 2rem;
}

body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
  margin-right: 4.5rem;
  padding-right: 0;
  width: unset;
}

#page.site {
  position: relative;
  width: 100%;
  min-height: 100%;
  z-index: 1;
  transition: transform 0.5s ease-in-out;
}

#page.site::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 32, 53, 0.3);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

/* Search Canvas
**------------------------------------------------ */
.dizibiz-search-canvas-open #page.site::before {
  display: block;
  opacity: 1;
  visibility: visible;
}

.theme-search-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  padding: 10rem 0;
  background-color: var(--theme-plain-white);
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
}

.admin-bar .theme-search-panel {
  top: 32px;
}

@media only screen and (max-width: 782px) {
  .admin-bar .theme-search-panel {
    top: 46px;
  }
}

@media only screen and (max-width: 600px) {
  .admin-bar .theme-search-panel {
    top: 0;
  }
}

.dizibiz-search-canvas-open .theme-search-panel {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.search-panel-wrapper .search-form {
  margin: 0;
  padding: 0;
  display: block;
}

.theme-search-panel input.search-field {
  background-color: none;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #ddd;
  font-size: 1.8rem;
  letter-spacing: 1px;
  width: 20rem;
  max-width: 100%;
  padding: 0 0 2rem 0;
  transition: width 0.3s ease 0.3s;
}

.dizibiz-search-canvas-open .theme-search-panel input.search-field {
  width: calc(100% - 5rem);
}

.theme-search-panel input:focus.search-field {
  border-bottom-color: #ff2e63;
  outline: none;
}

.theme-search-panel .search-submit {
  position: absolute;
  right: -9999rem;
  top: 45%;
  transform: translateY(-45%);
}

.theme-search-panel .search-submit {
  flex-shrink: 0;
}

.theme-search-panel .search-submit:focus {
  right: 15rem;
}

#theme-toggle-search-button:focus,
.theme-search-panel .search-close:focus {
  outline: thin dotted;
  outline-offset: 3px;
}

.theme-search-panel .search-close {
  position: absolute;
  top: 3.5rem;
  right: 4.5rem;
  cursor: pointer;
  fill: #ff2e63;
}

.theme-search-panel .search-close svg {
  width: 4rem;
  height: 4rem;
}

/* Off Canvas
**------------------------------------------------ */
.dizibiz-off-canvas-open #page.site {
  position: fixed;
  transform: translateX(42rem);
}

.dizibiz-off-canvas-open #page.site::before {
  opacity: 1;
  visibility: visible;
}

.theme-offcanvas-panel {
  background-color: var(--theme-plain-white);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 42rem;
  height: 100vh;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-42rem);
  transition: all 0.5s ease-in-out;
  z-index: 999;
}

@media(max-width: 575px) {
  .theme-offcanvas-panel {
    width: 100%;
  }
}

.dizibiz-off-canvas-open .theme-offcanvas-panel {
  opacity: 1;
  visibility: visible;
}

.theme-offcanvas-header {
  padding: 4rem 2rem;
  border-bottom: 2px solid;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: flex-end;
  width: 100%;
}

.theme-offcanvas-content {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2rem;
}

#theme-toggle-offcanvas-button:focus,
#theme-offcanvas-close:focus {
  outline: thin dotted;
  text-decoration: none;
}

.theme-offcanvas-header #theme-offcanvas-close {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 0.5rem;
  cursor: pointer;
}

.theme-offcanvas-header #theme-offcanvas-close span {
  display: inline-block;
  margin: 0;
  margin-right: 0.5rem;
  padding: 0;
}

.offcanvas-sidebar .widget {
  margin: 0;
  padding: 2rem 0;
}

.offcanvas-sidebar .widget:last-child {
  margin-bottom: 3rem;
}

/* Canvas Mobile Menu
**------------------------------------------------ */
.theme-offcanvas-content nav {
  margin-bottom: 3rem;
}

.theme-offcanvas-content .after-menu-offcanvas {
  padding-bottom: 3rem;
}

.theme-offcanvas-menu {
  position: relative;
  width: 100%;
}

.theme-offcanvas-menu li {
  border-style: solid;
  border-width: 0.1rem 0 0 0;
  line-height: 1;
  margin: 0;
}

.theme-offcanvas-menu > li:first-child {
  border-top: none;
}

.theme-offcanvas-menu > li:last-child {
  border-bottom: none;
}

.theme-offcanvas-menu > li > a,
.theme-offcanvas-menu > li > .ancestor-wrapper > a {
  font-size: 2rem;
}

.theme-offcanvas-menu > li:last-child {
  border-bottom-width: 0.1rem;
}

.theme-offcanvas-menu .ancestor-wrapper {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.theme-offcanvas-menu a {
  display: block;
  padding: 2rem 0;
  text-decoration: none;
  width: 100%;
}

.theme-offcanvas-menu a:focus,
.theme-offcanvas-menu a:hover,
.theme-offcanvas-menu li.current-menu-item > .ancestor-wrapper > a,
.theme-offcanvas-menu li.current_page_ancestor > .ancestor-wrapper > a {
  text-decoration: underline;
}

button.sub-menu-toggle {
  border-left: 0.1rem solid #dedfdf;
  flex-shrink: 0;
  margin: 1rem 0;
  padding: 0 2.5rem;
}

button.sub-menu-toggle:focus {
  outline: thin dotted;
}

button.sub-menu-toggle svg {
  height: 0.9rem;
  transition: transform 0.15s linear;
  width: 1.5rem;
}

button.sub-menu-toggle.active svg {
  transform: rotate(180deg);
}

.theme-offcanvas-menu ul {
  margin: 0;
  width: 100%;
  display: none;
  height: 0;
  overflow: hidden;
  transition: height 350ms ease;
}

.theme-offcanvas-menu ul li {
  padding-left: 1rem;
}

.theme-offcanvas-menu ul li a {
  color: inherit;
  font-weight: 500;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  font-size: var(--theme-font-size-normal);
  line-height: calc(var(--theme-font-size-normal) * var(--theme-line-height-normal));
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.theme-single-post-component {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}

.theme-single-post-component .entry-details a {
  text-decoration: none;
}

.theme-single-post-component .entry-image {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.theme-single-post-component .entry-image:hover {
  opacity: 0.8;
}

.theme-single-post-component .single-component-content {
  display: grid;
  gap: 3rem;
}

@media only screen and (min-width: 482px) {
  .theme-single-post-component .single-component-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1000px) {
  body.has-sidebar .theme-single-post-component .single-component-content {
    grid-template-columns: repeat(3, 1fr);
  }

  body.no-sidebar .theme-single-post-component .single-component-content {
    grid-template-columns: repeat(4, 1fr);
  }
}

.theme-single-post-component {
  position: relative;
}

.single-author-info-area {
  margin-top: 3rem;
  padding: 2rem;
}

.single-author-info-area:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: var(--theme-text-color);
  left: 0;
  right: 0;
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) top left repeat;
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) top left repeat;
}

@media only screen and (min-width: 482px) {
  .single-author-info-area {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 822px) {
  .single-author-info-area {
    margin-top: 6rem;
  }
}

.single-author-info-wrapper {
  background-color: var(--theme-plain-white);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 2rem;
  margin: 2rem;
  position: relative;
  z-index: 1;
}

.single-author-info-area .author-image {
  width: 11.6rem;
  height: 11.6rem;
}

.single-author-info-area .author-image a {
  display: block;
}

.single-author-info-area .author-name {
  font-size: 1.8rem;
  text-decoration: none;
  display: block;
  font-weight: 700;
  margin-bottom: 0.6rem;
}

.single-author-info-area .author-site {
  font-size: 1.2rem;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 0.6rem;
}

@media only screen and (max-width: 767px) {
  .single-author-info-area {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .single-author-info-area .author-details {
    display: grid;
    justify-items: center;
    align-items: center;
    text-align: center;
  }
}

/* Site Content
--------------------------------------------- */
.has-sidebar #site-content .wide-max-width {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.has-sidebar #site-content .wide-max-width #primary {
  flex-basis: 72%;
  margin-bottom: 6rem;
  margin-right: 0;
}

.has-sidebar #site-content .wide-max-width #secondary {
  flex-basis: 28%;
}

@media only screen and (min-width: 1025px) {
  .has-sidebar #site-content .wide-max-width {
    flex-direction: row;
  }

  .has-sidebar.left-sidebar #site-content .wide-max-width {
    flex-direction: row-reverse;
  }

  .has-sidebar.right-sidebar #site-content .wide-max-width #primary {
    margin-bottom: 0;
    margin-right: 2.4rem;
  }

  .has-sidebar.left-sidebar #site-content .wide-max-width #primary {
    margin-bottom: 0;
    margin-left: 6rem;
  }
}

@media (max-width: 1024px) {

  .has-sidebar #site-content .wide-max-width #primary,
  .has-sidebar #site-content .wide-max-width #secondary {
    flex-basis: 100%;
    width: 100%;
  }
}

/* article wrapper  */

.dizibiz-article-wrapper .entry-image {
  --svg-primary-color: var(--theme-plain-white);
  --svg-hover-color: var(--theme-accent-color);

  position: relative;
}

.dizibiz-article-wrapper .entry-image a:not(.featured-media-fullscreen)::before {
  position: absolute;
  content: "";
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: var(--theme-plain-black);
  opacity: 0.4;
  z-index: 5;
}

.dizibiz-article-wrapper .entry-image .featured-media-fullscreen {
  position: absolute;
  inset: 2.2rem 2.2rem auto auto;
  height: auto;
  width: auto;
  color: var(--svg-primary-color);
  z-index: 10;
}

.dizibiz-article-wrapper .entry-image .featured-media-fullscreen:where(:hover, :focus) {
  color: var(--svg-hover-color);
}

.dizibiz-article-wrapper .entry-image .featured-media-fullscreen svg {
  height: 3.2rem;
  width: 3.2rem;
}

/* archive style 1 */

.dizibiz-archive_style_1 > article:not(:last-child) {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 0.8px solid var(--theme-plain-black);
}

/* archive style 2 */

.dizibiz-archive_style_2 {
  display: grid;
}

@media only screen and (min-width: 600px) {
  .dizibiz-archive_style_2 {
    grid-template-columns: 1fr 1fr;
  }

  .dizibiz-archive_style_2 > article:nth-child(3n + 1) {
    grid-column: span 2;
  }

  .dizibiz-archive_style_2 > article:not(:nth-child(3n + 1)) .dizibiz-entry-meta {
    display: none;
  }

  .dizibiz-archive_style_2 > article:not(:nth-child(3n + 1)) .entry-title {
    font-size: 2rem;
  }
}

.dizibiz-archive_style_2 > article {
  border: 1px solid #dddddd;
  padding: 2rem;
  margin-bottom: 0;
}

/* archive style 4 */

.dizibiz-archive_style_4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}

@media (max-width: 767px) {
  .dizibiz-archive_style_4 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.6rem;
  }
}

.dizibiz-archive_style_4 > article {
  position: relative;
  height: 480px;
  background-color: #d8d8d8;
}

.dizibiz-archive_style_4 .article-block-wrapper {
  position: absolute;
  inset: auto 0 0 0;
  padding: 1.6rem;
  height: auto;
  width: 100%;
  z-index: 10;
}

.dizibiz-archive_style_4 .article-block-wrapper :where(.entry-meta, .entry-summary, .tags-links, .comments-link, .edit-link) {
  display: none;
}

.dizibiz-archive_style_4 :where(article, figure) {
  margin: 0;
}

.dizibiz-archive_style_4 .dizibiz-entry-categories > a:not(:last-child)::before,
.dizibiz-archive_style_4 {
  color: var(--theme-plain-white);
}

.dizibiz-archive_style_4 a:not(:hover):not(:focus) {
  color: inherit;
}

.dizibiz-archive_style_4 .entry-title {
  font-size: var(--theme-font-size-medium);
  line-height: calc(var(--theme-font-size-medium) * var(--theme-line-height-small));
}

.theme-sticky-component {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media (max-width: 1024px) {
  .theme-sticky-component {
    position: relative;
  }
}

.site-section {
  position: relative;
}

.theme-swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 4px;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  position: relative;
  height: 17px;
  width: 17px;
  -webkit-box-shadow: inset 0 0 0 2px transparent;
  box-shadow: inset 0 0 0 2px transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 0;
}

.theme-swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 0;
  left: 6px;
  height: 5px;
  width: 5px;
  background: var(--theme-component-color);
  display: block;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 1px #a1a1a8;
  box-shadow: 0 0 1px #a1a1a8;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.theme-swiper-pagination .swiper-pagination-bullet-active {
  -webkit-box-shadow: inset 0 0 0 2px var(--theme-component-color);
  box-shadow: inset 0 0 0 2px var(--theme-component-color);
}

/* Comments
--------------------------------------------- */
.single-comments-area {
  margin-bottom: 0;
  padding-top: 3rem;
  position: relative;
  border-top: 1px solid;
}

.single-comments-area:before {
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 3em;
  bottom: 0;
  border-left: 1px solid;
}

.single-comments-area.no-comments:after {
  display: none;
}

.comment-number {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 3rem;
  line-height: 3rem;
  border: 1px solid #afafaf;
  text-align: center;
  color: #afafaf;
  background: white;
}

.comment-number.no-comments {
  position: relative;
  z-index: 1;
}

.comments-area-title .comments-title,
.comments-area-title a,
.comment-reply-title .comments-title,
.comment-reply-title a {
  display: inline-block;
  vertical-align: middle;
}

.comments-area-title .comments-title,
.comment-reply-title .comments-title,
.comment-reply-title {
  margin: 0;
  margin-right: 6px;
  font-size: var(--theme-font-size-medium);
  text-transform: none;
  -webkit-transform: none;
  transform: none;
}

.comments-area-title {
  position: relative;
}

.comments-area-title .comment-number {
  position: relative;
}

.commentlist > .comment,
.commentlist > .pingback,
.commentlist > .trackback {
  padding-left: 3rem;
}

@media not screen and (min-width: 899px) {
  .depth-1 > .comment-article > .comment-number {
    left: 0;
  }
}

.comments_add-comment {
  margin-top: 3px;
}

.commentlist {
  list-style: none;
  margin: 0;
  border-left: 0;
  padding-left: 0;
}

li.comment,
li.pingback,
li.trackback {
  position: relative;
  display: block;
  margin-top: 3em;
  margin-bottom: 3em;
}

li.comment .comment-number,
li.pingback .comment-number,
li.trackback .comment-number {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

@media not screen and (min-width: 899px) {

  li.comment .comment-number,
  li.pingback .comment-number,
  li.trackback .comment-number {
    left: -3em;
  }
}

li.comment:last-child,
li.pingback:last-child,
li.trackback:last-child {
  margin-bottom: 0;
}

li.comment .children,
li.pingback .children,
li.trackback .children {
  position: relative;
  margin: 3rem 0;
}

@media not screen and (min-width: 899px) {

  li.comment .children,
  li.pingback .children,
  li.trackback .children {
    margin-left: 0;
  }
}

@media only screen and (min-width: 899px) {

  li.comment .children li,
  li.pingback .children li,
  li.trackback .children li {
    padding-left: 2em;
  }

  li.comment .children li:before,
  li.pingback .children li:before,
  li.trackback .children li:before {
    content: "";
    position: absolute;
    top: 1.5rem;
    border-top: 1px solid;
  }
}

li.comment .children li .comment-number,
li.pingback .children li .comment-number,
li.trackback .children li .comment-number {
  border: 1px solid #afafaf;
  background: #afafaf;
  color: white;
}

li.depth-2:before {
  left: -54px;
  width: 60px;
}

@media only screen and (min-width: 899px) {
  li.depth-3:before {
    left: -126px;
    width: 126px;
  }

  li.depth-4:before {
    left: -198px;
    width: 198px;
  }

  li.depth-5:before {
    left: -272px;
    width: 272px;
  }
}

.comment__author-name {
  font-size: 14px;
}

.comment__author-name a {
  color: black;
}

.bypostauthor {
  color: inherit;
}

.comment-article {
  margin-bottom: 0;
  margin-left: 3rem;
}

.comment-article:hover .comment-edit-link,
.comment-article:hover .comment-reply-link {
  opacity: 1;
}

.comment__avatar {
  margin-right: 0.75em;
}

.comment__avatar img {
  width: 3.75em;
  height: auto;
}

.comment__avatar:empty {
  display: none;
}

.comment__timestamp {
  color: #3d3e40;
}

.comment__avatar {
  margin-bottom: 24px;
}

.comment__content {
  position: relative;
  margin-bottom: 3rem;
  font-size: 0.875em;
  line-height: 1.71429;
  color: #8c888c;
}

.comment__links {
  display: inline-block;
  margin-left: 1.71429em;
  font-size: 0.875em;
  line-height: 1.71429;
}

.comment-edit-link,
.comment-reply-link {
  color: #3d3e40;
  opacity: 0;
  margin-right: 0.85714em;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@media not screen and (min-width: 899px) {

  .comment-edit-link,
  .comment-reply-link {
    opacity: 1;
  }
}

.comment-reply-link {
  color: #8c888c;
}

.comment-form p.logged-in-as {
  margin-bottom: 0.75em;
}

.comment-respond {
  position: relative;
  margin-bottom: 1.5em;
}

@media only screen and (min-width: 899px) {
  .comment .comment-respond {
    padding-left: 0;
    margin-right: 0;
  }
}

.comment .comment-respond {
  margin-left: 1.5em;
}

#cancel-comment-reply-link {
  text-decoration: underline;
}

/* Comments Form */
@media only screen and (min-width: 899px) {
  .comment-form {
    padding-left: 4.5em;
  }
}

.comment .comment-form {
  padding-left: 0;
}

.comment-form input,
.comment-form textarea {
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #afafaf;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.comment-form iframe {
  padding-left: 36px;
}

@media only screen and (min-width: 899px) {
  .comment-form > .comment-subscription-form {
    width: 70%;
  }
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  margin-bottom: 0;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 100%;
  margin-bottom: 1.5em;
}

@media not screen and (min-width: 899px) {

  .comment-form-author input,
  .comment-form-email input,
  .comment-form-url input {
    margin-bottom: 0.75em;
  }
}

@media only screen and (min-width: 899px) {

  p.comment-form-author,
  p.comment-form-email {
    width: 50%;
  }
}

.comment-form-comment,
.logged-in-as {
  width: 100%;
}

.comment-form-comment textarea,
.comment-subscription-form textarea {
  width: 100%;
  max-width: 100%;
  padding: 0.75em;
  border: 1px solid #afafaf;
  font-size: 1em;
  line-height: 1.5;
}

.form-submit {
  margin-top: 0.75em;
  margin-bottom: 0;
  text-align: right;
}

@media only screen and (min-width: 899px) {
  .form-submit.form-submit {
    float: right;
    width: 30%;
  }
}

.form-submit #submit {
  border: 0;
}

@media not screen and (min-width: 899px) {
  .form-submit #submit {
    width: 100%;
  }
}

.comment-subscription-form {
  float: left;
  clear: left;
  margin-top: 0.75em;
  margin-bottom: 0.375em;
}

.comment-subscription-form + .comment-subscription-form {
  margin-top: 0;
}

.comment-subscription-form input[type="checkbox"] {
  margin-right: 0.75em;
  position: relative;
  top: -0.05em;
}

.add-comment {
  margin-top: 3em;
}

.add-comment .add-comment__button {
  position: relative;
  z-index: 1;
  margin-right: 0.5em;
  font-size: 1.5em;
  line-height: 1.5;
}

.add-comment .add-comment__text {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: bold;
}

/* Comments Navigation */
.comment-navigation {
  position: relative;
  padding-left: 3.75em;
  margin-top: 3em;
  margin-bottom: 3em;
}

.comment-navigation .comment-number {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
}

.comment-navigation .assistive-text {
  margin-top: 0;
  margin-left: 8px;
  font-size: 28px;
  -webkit-transform: none;
  transform: none;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a {
  font-size: 18px;
}

.comment-navigation .nav-previous {
  float: left;
}

.comment-navigation .nav-previous a:before {
  content: "\2190 ";
}

.comment-navigation .nav-previous a:after {
  content: "";
}

.comment-navigation .nav-next {
  float: right;
}

.comment-navigation .nav-next a:before {
  content: "";
}

.comment-navigation .nav-next a:after {
  content: " \2192";
}

.nocomments {
  -webkit-transform: none;
  transform: none;
}

.nocomments span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.75em;
  line-height: 1.28571;
  line-height: 48px;
}

.no-comments-box {
  position: relative;
  z-index: 1;
}

div#respond {
  padding-top: 0;
}

div#respond #reply-title {
  padding-left: 4rem;
}

div#respond p.comment-subscription-form label {
  color: #999;
}

.comment-form-cookies-consent input[type="checkbox"] {
  margin-right: 0.75em;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}

.widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

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

.widget li {
  margin: 0;
}

.widget select {
  max-width: 100%;
}

.widget_recent_entries ul,
.widget_recent_entries ol,
.widget_categories ul,
.widget_categories ol,
.widget_archive ul,
.widget_archive ol,
.widget_meta ul,
.widget_meta ol,
.widget_recent_comments ul,
.widget_recent_comments ol,
.widget_nav_menu ul,
.widget_nav_menu ol,
.widget_block .wp-block-group__inner-container ul,
.widget_block .wp-block-group__inner-container ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget_recent_entries ul li,
.widget_recent_entries ol li,
.widget_categories ul li,
.widget_categories ol li,
.widget_archive ul li,
.widget_archive ol li,
.widget_meta ul li,
.widget_meta ol li,
.widget_recent_comments ul li,
.widget_recent_comments ol li,
.widget_nav_menu ul li,
.widget_nav_menu ol li,
.widget_block .wp-block-group__inner-container ul li,
.widget_block .wp-block-group__inner-container ol li {
  border-bottom: 1px solid;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

.widget_recent_entries ul li:last-child,
.widget_recent_entries ol li:last-child,
.widget_categories ul li:last-child,
.widget_categories ol li:last-child,
.widget_archive ul li:last-child,
.widget_archive ol li:last-child,
.widget_meta ul li:last-child,
.widget_meta ol li:last-child,
.widget_recent_comments ul li:last-child,
.widget_recent_comments ol li:last-child,
.widget_nav_menu ul li:last-child,
.widget_nav_menu ol li:last-child,
.widget_block .wp-block-group__inner-container ul li:last-child,
.widget_block .wp-block-group__inner-container ol li:last-child {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.theme-widget-list .theme-widget-article {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

.theme-widget-list.style_1 .theme-widget-article .entry-image {
  height: 10rem;
  width: 10rem;
}

.theme-widget-list.style_1 .theme-widget-article .entry-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.theme-widget-list.style_1 .theme-widget-article .entry-details {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* widget list syle 2 */

@media (min-width: 768px) and (max-width: 1024px) {
  .theme-widget-list.style_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}

.theme-widget-list.style_2 > article {
  position: relative;
  display: unset;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .theme-widget-list.style_2 > article {
    margin-bottom: 0;
  }
}

.theme-widget-list.style_2 > article::before {
  position: absolute;
  content: "";
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.theme-widget-list.style_2 .entry-image:not(:last-child) {
  margin-bottom: 1.6rem;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .theme-widget-list.style_2 .entry-image:not(:last-child) {
    margin-bottom: 0;
  }
}

.theme-widget-list.style_2 .featured-media a {
  display: inline-block;
  height: 36rem;
  width: 100%;
}

.theme-widget-list.style_2 .featured-media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.theme-widget-list.style_2 .entry-details {
  position: absolute;
  inset: auto 0 0 0;
  height: auto;
  width: 100%;
  padding: 1.6rem;
  color: var(--theme-plain-white);
}

.theme-widget-list.style_2 .entry-details a:not(:hover):not(:focus) {
  color: var(--theme-plain-white);
}

/* widget list syle 3 */

.theme-widget-list.style_3 > article {
  position: relative;
  display: unset;
}

.theme-widget-list.style_3 .entry-image:not(:last-child) {
  margin-bottom: 1.6rem;
}

.theme-widget-list.style_3 .featured-media a {
  display: inline-block;
  height: 16rem;
  width: 44%;
}

@media (max-width: 1199px) {
  .theme-widget-list.style_3 .featured-media a {
    width: 55%;
  }
}

@media (max-width: 1024px) {
  .theme-widget-list.style_3 .featured-media a {
    width: 28%;
  }
}

@media (max-width: 767px) {
  .theme-widget-list.style_3 .featured-media a {
    width: 32%;
  }
}

@media (max-width: 575px) {
  .theme-widget-list.style_3 .featured-media a {
    width: 40%;
  }
}

.theme-widget-list.style_3 .featured-media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.theme-widget-list.style_3 .entry-details {
  position: absolute;
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
  height: auto;
  width: 80%;
  padding: 1.6rem;
  background-color: var(--theme-plain-white);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.6);
}

[data-theme='dark'] .theme-widget-list.style_3 .entry-details {
  background-color: var(--theme-plain-black);
}

.theme-widget-tab {
  width: 100%;
}

.theme-widget-tab .widget-tab-header {
  margin-bottom: 1.6rem;
}

.tab-header-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tab-header-list li {
  flex: 1;
  text-align: center;
}

.tab-header-list li a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
}

.tab-header-list li.active a,
.tab-header-list li a:hover {
  background-color: #f1f1f1;
}

.widget-tab-content .tab-content-panel {
  display: none;
}

.widget-tab-content .tab-content-panel.active {
  display: block;
}

.theme-author-widget {
  display: grid;
  gap: 1.6rem;
  max-width: 40rem;
}

@media (max-width: 991px) {
  .theme-author-widget {
    max-width: 100%;
  }
}

.theme-author-widget .author-image {
  width: 20rem;
  height: 20rem;
}

.theme-author-widget.has-round-image .author-image {
  border-radius: 100%;
  overflow: hidden;
}

.theme-author-widget.has-round-image .author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.theme-author-widget .author-social {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.theme-author-widget .author-social a .svg-icon {
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid #dcd7ca;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 6px;
  display: inline-block;
}

.theme-author-widget .author-social a:hover .svg-icon {
  border-color: #ff2e63;
  fill: #ff2e63;
}

.theme-author-widget .author-desc p {
  margin: 0.8rem 0;
}

.theme-author-widget .author-desc p:last-child {
  margin-bottom: 0;
}

.theme-author-widget .author-name {
  margin-bottom: 0.4rem;
  font-weight: 600;
}

.theme-author-widget .author-position {
  margin-bottom: 1.6rem;
  font-weight: 500;
}

/* author widget style 1 */

.theme-author-widget.style_1 {
  justify-content: center;
  background-color: var(--theme-bg-overlay-light);
  padding: 1.6rem;
  text-align: center;
}

[data-theme="dark"] .theme-author-widget.style_1 {
  background-color: var(--theme-bg-overlay-dark);
}

.theme-author-widget.style_1 .author-image {
  margin: 0 auto;
}

.theme-author-widget.style_1 .author-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.theme-author-widget.style_1 .author-details {
  display: flex;
  flex-direction: column;
}

.theme-author-widget.style_1 .author-name-position {
  order: 2;
}

.theme-author-widget.style_1 .author-social {
  order: 3;
  justify-content: center;
}

.theme-author-widget.style_1 .author-desc {
  order: 1;
  margin-bottom: 2.4rem;
}

/* author widget style 2 */

.theme-author-widget.style_2 {
  justify-items: center;
  align-items: center;
  margin: 0 auto;
}

.theme-author-widget.style_2 .author-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.theme-author-widget.style_2 .author-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.theme-author-widget.style_2 .author-desc {
  order: 2;
  margin-bottom: 1.6rem;
}

.theme-author-widget.style_2 .author-desc p:first-child {
  margin-top: 0;
}

.theme-author-widget.style_2 .author-social {
  order: 3;
}

/* author widget syle 3 */

.theme-author-widget.style_3 {
  max-width: 100%;
  grid-template-columns: auto 1fr;
}

@media only screen and (max-width: 767px) {
  .theme-author-widget.style_3 {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .theme-author-widget.style_3 .author-details {
    display: grid;
    justify-items: center;
    align-items: center;
    text-align: center;
  }
}

.theme-author-widget.style_3 .author-image {
  width: 16rem;
}

@media (max-width: 767px) {
  .theme-author-widget.style_3 .author-image {
    width: 100%;
  }

  .theme-author-widget.style_3 .author-image img {
    height: 100%;
    object-fit: cover;
  }
}

.theme-author-widget.style_3 .author-social a .svg-icon {
  height: 2.8rem;
  width: 2.8rem;
  margin: 0 0.4rem 0.4rem 0;
  padding: 0.4rem;
}

.theme-author-widget.style_3 :where(.author-desc, .author-position) {
  margin-bottom: 0.8rem;
}

.theme-author-widget.style_3 .author-desc p:first-child {
  margin-top: 0;
}

/* social menu widget  */

.dizibiz-social-menu-widget {
  --social-menu-bitbucket: #205081;
  --social-menu-dribbble: #ea4c89;
  --social-menu-facebook: #3b5998;
  --social-menu-skype: #00aff0;
  --social-menu-foursquare: #f94877;
  --social-menu-github: #171515;
  --social-menu-instagram-bg: #f09433;
  --social-menu-instagram-linear: linear-gradient(45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%);
  --social-menu-linkedin: #0077b5;
  --social-menu-pinterest: #e60023;
  --social-menu-reddit: #ff4500;
  --social-menu-slack: #e01563;
  --social-menu-snapchat: #fffc00;
  --social-menu-tumblr: #35465c;
  --social-menu-twitch: #9146ff;
  --social-menu-twitter: #1da1f2;
  --social-menu-vimeo: #1ab7ea;
  --social-menu-vk: #45668e;
  --social-menu-whatsapp: #4fce5d;
  --social-menu-wordpress: #0087be;
  --social-menu-yelp: #c41200;
  --social-menu-youtube: #ff0000;
  --social-menu-tiktok: #000;
}

.dizibiz-social-menu-widget .dizibiz-social-icons {
  display: grid;
  grid-template-columns: repeat(3, minmax(4rem, auto));
  gap: 0.8rem;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .dizibiz-social-menu-widget .dizibiz-social-icons {
    grid-template-columns: repeat(2, minmax(4rem, auto));
  }
}

@media (max-width: 575px) {
  .dizibiz-social-menu-widget .dizibiz-social-icons {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.dizibiz-social-menu-widget .menu-item a {
  color: var(--theme-plain-white);
  opacity: 0.85;
}

.dizibiz-social-menu-widget .menu-item a:where(:hover, :focus) {
  opacity: 1;
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.bitbucket.com"] {
  background-color: var(--social-menu-bitbucket);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.dribbble.com"] {
  background-color: var(--social-menu-dribbble);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.facebook.com"] {
  background-color: var(--social-menu-facebook);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.skype.com"] {
  background-color: var(--social-menu-skype);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.foursquare.com"] {
  background-color: var(--social-menu-foursquare);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.github.com"] {
  background-color: var(--social-menu-github);
}

[data-theme="dark"] .dizibiz-social-menu-widget .menu-item a[href="https://www.github.com"] {
  background-color: var(--theme-plain-black);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.instagram.com"] {
  background-color: var(--social-menu-instagram-bg);
  background: var(--social-menu-instagram-linear);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.linkedin.com"] {
  background-color: var(--social-menu-linkedin);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.pinterest.com"] {
  background-color: var(--social-menu-pinterest);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.reddit.com"] {
  background-color: var(--social-menu-reddit);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.slack.com"] {
  background-color: var(--social-menu-slack);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.snapchat.com"] {
  background-color: var(--social-menu-snapchat);
  color: var(--theme-plain-black) !important;
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.tumblr.com"] {
  background-color: var(--social-menu-tumblr);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.twitch.tv"] {
  background-color: var(--social-menu-twitch);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.twitter.com"] {
  background-color: var(--social-menu-twitter);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.vimeo.com"] {
  background-color: var(--social-menu-vimeo);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.vk.com"] {
  background-color: var(--social-menu-vk);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.whatsapp.com"] {
  background-color: var(--social-menu-whatsapp);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.wordpress.com"] {
  background-color: var(--social-menu-wordpress);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.yelp.com"] {
  background-color: var(--social-menu-yelp);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.youtube.com"] {
  background-color: var(--social-menu-youtube);
}

.dizibiz-social-menu-widget .menu-item a[href="https://www.tiktok.com"] {
  background-color: var(--social-menu-tiktok);
}

/* social menu widget 1 */

.dizibiz-social-menu-widget.style_1 .menu-item span {
  display: none;
}

.dizibiz-social-menu-widget.style_1 .menu-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.4rem;
}

.dizibiz-social-menu-widget.style_1 .menu-item a svg {
  height: 3.2rem;
  width: 3.2rem;
}

/* social menu widget 2 */

.dizibiz-social-menu-widget.style_2 .dizibiz-social-icons {
  grid-template-columns: repeat(2, 1fr);
}

.dizibiz-social-menu-widget.style_2 .menu-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  padding: 1.6rem 0;
}

@media (max-width: 991px) {
  .dizibiz-social-menu-widget.style_2 .menu-item span {
    font-size: 2rem;
  }
}

.dizibiz-social-menu-widget.style_2 .menu-item a svg {
  height: 2.4rem;
  width: 2.4rem;
  margin-right: 0.8rem;
}

/* social menu widget 3 */

.dizibiz-social-menu-widget.style_3 .dizibiz-social-icons {
  grid-template-columns: repeat(auto-fill, minmax(80px, auto)) !important;
}

.dizibiz-social-menu-widget.style_3 .menu-item a {
  display: block;
  background-color: transparent;
  background: transparent;
  border: 1.6px solid var(--theme-plain-black);
  color: var(--theme-plain-black);
  text-align: center;
  padding: 0.8rem;
}

[data-theme="dark"] .dizibiz-social-menu-widget.style_3 .menu-item a {
  border: 1.6px solid var(--theme-plain-white);
  color: var(--theme-plain-white) !important;
}

.dizibiz-social-menu-widget.style_3 .menu-item a:where(:hover, :focus) {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .dizibiz-social-menu-widget.style_3 .menu-item a:where(:hover, :focus) {
  box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.6);
}

.dizibiz-social-menu-widget.style_3 .menu-item svg {
  display: none;
}

/* widget tab posts  */

.widget_dizibiz_tab_posts .tab-pane,
.widget_dizibiz_tab_posts .tab-pane > ul > li:not(:last-child) {
  margin-bottom: 1.6rem;
}

/* widget cta  */

.cta-content-container {
  position: relative;
}

.cta-content-container:not(:has(.data-bg)) {
  background-color: #f5f5f5;
  padding: 1.6rem;
}

[data-theme="dark"] .cta-content-container:not(:has(.data-bg)) {
  background-color: rgba(0, 0, 0, 0.15);
}

.cta-content-container .data-bg::before {
  position: absolute;
  content: "";
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.cta-content-container:has(.data-bg) .dizibiz-cta-inner-wrapper {
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  height: auto;
  width: calc(100% - 1.6rem);
  text-align: center;
  color: var(--theme-plain-white);
  z-index: 11;
}

.dizibiz-cta-inner-wrapper :where(.cta-title, .cta-description) {
  margin-bottom: 1.6rem;
}

.cta-title {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: calc(2.5rem * 1.2);
}

.cta-description p {
  margin: 0;
}

/* mailchimp widget  */

.dizibiz-mailchimp-widget:has(img) {
  padding: 1.6rem;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

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

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

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}

/* Footer
--------------------------------------------- */
.site-footer {
  background-color: rgba(0, 0, 0, 0.03);
  padding-bottom: 6rem;
  padding-top: 6rem;
}

@media (min-width: 768px) {
  .site-footer-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }
}

.theme-footer-top {
  border-bottom: 0.1rem solid;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}

.theme-footer-bottom {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column-reverse;
  gap: 1.5rem;
}

.theme-footer-bottom .theme-author-credit {
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .theme-footer-bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 991px) {
  .theme-footer-bottom > div {
    margin-bottom: 2rem;
  }
}

#theme-scroll-to-start {
  display: none;
  position: fixed;
  bottom: 65px;
  right: 80px;
  font-size: 40px;
  cursor: pointer;
  z-index: 20;
}

#theme-scroll-to-start.visible {
  display: inline-block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  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 {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.theme-offcanvas-header,
.theme-offcanvas-menu li,
.single-comments-area,
.single-comments-area:before,
.single-comments-area li:where(.comment, .pingback, .trackback) .children li:before,
.theme-footer-top,
.widget_recent_entries :where(ul li, ol li),
.widget_categories :where(ul li, ol li),
.widget_archive :where(ul li, ol li),
.widget-meta :where(ul li, ol li),
.widget_recent_comments :where(ul li, ol li),
.widget_nav_menu :where(ul li, ol li),
.widget_block .wp-block-group__inner-container :where(ul li, ol li),
.wp-block-tag-cloud.is-style-outline a {
  border-color: rgba(0, 0, 0, 0.1);
}

/* entry category  */

.dizibiz-entry-categories > a:not(:last-child) {
  position: relative;
  padding-right: 1.4rem;
  margin-right: 0.2rem;
}

.dizibiz-entry-categories > a:not(:last-child)::before {
  position: absolute;
  content: "/";
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
  height: auto;
  width: auto;
  color: var(--theme-plain-black);
}

[data-theme="dark"] .dizibiz-entry-categories > a:not(:last-child)::before {
  color: var(--theme-plain-white);
}

/* header style  */

.theme-site-header {
  position: relative;
}

.theme-site-header.header-media-dissable {
  height: auto;
}

@media (min-width: 992px) {
  .theme-site-header {
    height: 100vh;
  }
}

@media (max-width: 991px) {
  .theme-site-header {
    padding: 12rem 0 4rem 0;
  }
}

@media (max-width: 767px) {
  .theme-site-header {
    padding-top: 10rem;
  }
}

@media (max-width: 575px) {
  .theme-site-header {
    padding-top: 8rem;
  }
}

.header-media-dissable .theme-header-sticky-element {
  position: relative;
  inset: inherit;
  padding: 1.6rem 0;
}

.theme-header-sticky-element {
  position: absolute;
  inset: 2.4rem 0 auto 0;
  height: auto;
  width: 100%;
  z-index: 10;
}

@media (max-width: 575px) {
  .theme-header-sticky-element {
    top: 1.6rem;
  }
}


.theme-site-header .wp-custom-header > img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.theme-site-header .wp-custom-header :where(iframe, video) {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  height: 150%;
  width: 150%;
  margin: auto;
}

@media (max-width: 1350px) {
  .theme-site-header .wp-custom-header :where(iframe, video) {
    height: 200%;
    width: 200%;
  }
}

@media (max-width: 991px) {
  .theme-site-header .wp-custom-header :where(iframe, video) {
    height: 250%;
    width: 250%;
  }
}

.theme-site-header .wp-custom-header::before {
  position: absolute;
  content: "";
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9;
}

.theme-site-header .wp-custom-header > button {
  display: none;
}

.theme-header-content {
  position: relative;
  z-index: 15;
}

.theme-header-content > .wrapper > .column-row > .column:last-child .data-bg {
  background-color: transparent;
}

@media (min-width: 992px) and (max-width: 1600px) {
  .theme-site-header:has(.has-both-identity) .theme-header-content {
    inset: 72% auto auto 50%;
    translate: -50% -72%;
  }
}

@media (min-width: 992px) {
  .theme-header-content {
    position: absolute;
    inset: 65% auto auto 50%;
    translate: -50% -65%;
    height: auto;
    width: 100%;
  }

  .theme-header-content.header-no-sub-image {
    inset: 50% auto auto 50%;
    translate: -50% -50%;
  }
}

@media (max-width: 991px) {
  .theme-site-header:has(.site-logo) .theme-header-content {
    margin-top: 4rem;
  }

  .theme-site-header:has(.has-both-identity) .theme-header-content {
    margin-top: 6rem;
  }
}

.theme-header-content .column:has(.entry-title) :where(.entry-title, p) {
  margin: 0 0 1.6rem 0;
}

@media (min-width: 992px) {
  .theme-header-content .data-bg {
    height: 64vh;
  }
}

.header-image-on {
  color: var(--theme-plain-white);
}

.header-image-on a:not(:hover):not(:focus) {
  color: inherit;
}

.theme-site-header .theme-social-menu {
  margin-top: 4rem;
}

.theme-site-header .theme-social-menu .theme-menu {
  flex-wrap: nowrap;
  width: 80%;
  overflow-x: auto;
}

@media (max-width: 575px) {
  .theme-site-header .theme-social-menu .theme-menu {
    width: 100%;
  }
}

.theme-site-header .theme-social-menu .theme-menu {
  scrollbar-width: none;
}

.theme-site-header .theme-social-menu .theme-menu::-webkit-scrollbar {
  display: none;
}

.theme-site-header .theme-social-menu .menu-item:not(:last-child) {
  margin-right: 1.6rem;
}

.theme-site-header .theme-social-menu .menu-item a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.theme-site-header .theme-social-menu .menu-item a span {
  margin-left: 0.8rem;
}

.theme-site-header .theme-social-menu svg {
  height: 3.2rem;
  width: 3.2rem;
}

@media (max-width: 575px) {
  .theme-site-header .theme-social-menu svg {
    height: 2.4rem;
    width: 2.4rem;
  }
}

@media (min-width: 1025px) {
  .theme-site-header.dizibiz-header_style_1 #theme-toggle-offcanvas-button {
    display: none;
  }
}

.theme-site-header .site-header-right {
  display: flex;
  align-items: center;
}

.theme-site-header .site-header-right > button:not(:first-child) {
  margin-left: 1.2rem;
}

@media (max-width: 575px) {
  .theme-site-header .site-header-right > button:not(:first-child) {
    margin-left: 0.8rem;
  }
}

.header-image-on :where(a:not(:hover):not(:focus), svg) {
  color: var(--theme-plain-white);
}

.header-image-on .theme-header-sticky-element .svg-icon-colormode > :is(.moon, .sun) {
  fill: var(--theme-plain-white);
}

.header-image-on .theme-header-sticky-element .svg-icon-colormode > .sun-beams {
  stroke: var(--theme-plain-white);
}

/* header style 1 */

@media (max-width: 1024px) {
  .theme-site-header.dizibiz-header_style_1 .site-header-wrapper {
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
  }

  .theme-site-header.dizibiz-header_style_1 .site-header-center {
    display: none;
  }
}

/* header style 2 */

@media (max-width: 991px) {
  .theme-site-header.dizibiz-header_style_2 {
    padding-top: 16rem;
  }

  .theme-site-header.dizibiz-header_style_2 .theme-header-sticky-element .site-header-wrapper {
    gap: 0.8rem;
    padding: 1.6rem;
  }

  .theme-site-header.dizibiz-header_style_2 .theme-header-sticky-element .site-header-wrapper .site-header-center {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    justify-self: flex-start;
  }

  .theme-site-header.dizibiz-header_style_2 .theme-header-sticky-element .site-header-wrapper .site-header-right {
    justify-self: flex-end;
  }
}

@media (max-width: 575px) {
  .theme-site-header.dizibiz-header_style_2 .theme-header-sticky-element .site-header-wrapper {
    padding: 0.8rem;
  }

  .theme-site-header.dizibiz-header_style_2 {
    padding-top: 12rem;
  }
}

.theme-site-header.dizibiz-header_style_2 .theme-header-sticky-element :where(.site-header-center, .theme-header-info) {
  display: flex;
  align-items: center;
}

.theme-site-header.dizibiz-header_style_2 .theme-header-info svg {
  height: 2.4rem;
  width: 2.4rem;
  margin-right: 0.8rem;
}

@media (max-width: 575px) {
  .theme-site-header.dizibiz-header_style_2 .theme-header-info svg {
    height: 2rem;
    width: 2rem;
  }

  .theme-site-header.dizibiz-header_style_2 .theme-header-info span {
    font-size: 1.3rem;
    font-weight: 600;
  }
}

.theme-site-header.dizibiz-header_style_2 .theme-header-info:not(:last-child) {
  margin-right: 1.6rem;
}

@media (max-width: 575px) {
  .theme-site-header.dizibiz-header_style_2 .theme-header-info:not(:last-child) {
    margin-right: 0.8rem;
  }
}

/* primary button  */

.theme-primary-btn {
  display: inline-block;
  padding: 0;
}

.theme-primary-btn a {
  color: var(--theme-plain-white);
  padding: 0.8rem 1.6rem;
  font-size: var(--theme-font-size-xsmall);
  line-height: calc(var(--theme-font-size-xsmall) * var(--theme-line-height-normal));

  display: flex;
  align-items: center;
  justify-content: center;
}

@media(max-width: 575px) {
  .theme-primary-btn a {
    padding: 0.4rem .8rem;
    font-size: var(--theme-font-size-xxsmall);
    line-height: calc(var(--theme-font-size-xxsmall) * var(--theme-line-height-normal));
  }
}

/* line clamps  */

.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
}

/* service */

.theme-service .column-row > .column:not(:first-child) .service-content-container {
  background-color: var(--theme-bg-color);
  padding: 1.6rem;
}

.theme-service .column-row > .column:not(:first-child) .service-content-container:where(:hover, :focus) {
  background-color: var(--theme-bg-hover-color);
}

[data-theme="dark"] .theme-service .column-row > .column:not(:first-child) .service-content-container {
  background-color: var(--dark-mode-bg-color);
}

[data-theme="dark"] .theme-service .column-row > .column:not(:first-child) .service-content-container:where(:hover, :focus) {
  background-color: var(--dark-mode-hover-color);
}

.service-content-container {
  height: 100%;
}

.service-content-container :where(svg, .entry-title, p) {
  margin: 0 0 1.6rem;
}

.service-content-container > svg {
  height: 4rem;
  width: 4rem;
  color: var(--theme-accent-color);
}

/* about us  */

.about-us-img-container {
  position: relative;
}

@media (max-width: 991px) {
  .about-us-img-container {
    margin-bottom: 2.4rem;
  }
}

.about-us-img-container .data-bg:nth-child(1),
.about-us-img-container .data-bg:nth-child(3) {
  position: absolute;
  height: 16rem;
  width: 24rem;
  z-index: 1;
}

@media (max-width: 575px) {

  .about-us-img-container .data-bg:nth-child(1),
  .about-us-img-container .data-bg:nth-child(3) {
    height: 12rem;
    width: 20rem;
  }
}

.about-us-img-container .data-bg:nth-child(1) {
  inset: 4.8rem auto auto 0;
}

@media (max-width: 575px) {
  .about-us-img-container .data-bg:nth-child(1) {
    top: 2.4rem;
  }
}

.about-us-img-container .data-bg:nth-child(2) {
  height: 48rem;
  width: 36rem;
  margin: 0 auto;
}

@media (max-width: 575px) {
  .about-us-img-container .data-bg:nth-child(2) {
    height: 36rem;
    width: 28rem;
  }
}

.about-us-img-container .data-bg:nth-child(3) {
  inset: auto 0 4.8rem auto;
}

@media (max-width: 575px) {
  .about-us-img-container .data-bg:nth-child(3) {
    bottom: 2.4rem;
  }
}

.about-us-social-links {
  margin-top: 4rem;
  width: 64%;
}

@media (max-width: 1024px) {
  .about-us-social-links {
    width: 90%;
  }
}

.about-us-social-links > a {
  display: inline-block;
  height: 2.8rem;
  width: 2.8rem;
}

.about-us-social-links > a:not(:last-child) {
  margin-right: 0.4rem;
}

.about-us-social-links > a svg {
  height: 100%;
  width: 100%;
}

/* cta  */

.theme-cta {
  --cta-spacing: 12rem;
  color: var(--theme-plain-white);
}

@media (max-width: 767px) {
  .theme-cta {
    margin-top: var(--cta-spacing);
  }
}

@media (max-width: 575px) {
  .theme-cta {
    --cta-spacing: 9rem;
  }
}

.theme-cta-content {
  position: relative;
  background-color: orange;
  height: 44rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 4rem 52rem 4rem 4rem;
}

@media (max-width: 1024px) {
  .theme-cta-content {
    height: 40rem;
    padding-right: 40rem;
  }
}

@media (max-width: 991px) {
  .theme-cta-content {
    height: 36rem;
    padding-right: 33rem;
  }
}

@media (max-width: 767px) {
  .theme-cta-content {
    padding-top: 12rem;
    padding-right: 4rem;
    height: 40rem;
  }
}

@media (max-width: 575px) {
  .theme-cta-content {
    padding: 12rem 2rem 2rem 2rem;
    height: 40rem;
  }
}

.theme-cta-content::before {
  position: absolute;
  content: "";
  inset: 0 0 0 auto;
  height: 100%;
  width: 36rem;
  background-color: red;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 29% 50%);
}

@media (max-width: 1024px) {
  .theme-cta-content::before {
    width: 32rem;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 39% 50%);
  }
}

@media (max-width: 991px) {
  .theme-cta-content::before {
    width: 29rem;
  }
}

@media (max-width: 767px) {
  .theme-cta-content::before {
    display: none;
  }
}

.theme-cta-image {
  position: absolute;
  inset: 50% 4rem auto auto;
  translate: 0 -50%;
  height: 36rem;
  width: 40rem;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  z-index: 10;
}

@media (max-width: 1024px) {
  .theme-cta-image {
    height: 28rem;
    width: 32rem;
  }
}

@media (max-width: 991px) {
  .theme-cta-image {
    height: 24rem;
    width: 28rem;
  }
}

@media (max-width: 767px) {
  .theme-cta-image {
    inset: calc(var(--cta-spacing) * -1) auto auto 50%;
    translate: -50% 0;
  }
}

@media (max-width: 575px) {
  .theme-cta-image {
    height: 20rem;
    width: 24rem;
  }
}

.theme-cta-image .data-bg {
  height: 100%;
  width: 100%;
}

.theme-cta-content :where(.entry-title, p) {
  margin: 0 0 1.6rem 0;
}

/* table  */

.theme-icon-lists table {
  border-collapse: collapse;
  width: 100%;
}

.theme-icon-lists :where(td, th) {
  border: 1px solid var(--theme-plain-black);
  text-align: left;
  padding: 8px;
}

.theme-icon-lists tr:nth-child(even) {
  background-color: #dddddd;
}

.theme-icon-lists td {
  font-size: 1.8rem;
  line-height: calc(1.8rem * 1.5);
  font-weight: 600;
}

.theme-icon-lists td span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.theme-icon-lists svg {
  height: 2.4rem;
  width: 2.4rem;
}

/* contact us  */

.theme-contact-us form {
  background-color: #f5f5f5;
  padding: 1.6rem;
}

[data-theme='dark'] .theme-contact-us form {
  background-color: var(--theme-plain-black);
}

.theme-contact-us form div {
  margin-bottom: 1.6rem;
}

.theme-contact-us .column > .entry-title {
  margin-bottom: 2.4rem;
}

@media(min-width: 992px) {
  .contact-us-left {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
  }
}

.contact-form-quote {
  margin-bottom: 1.6rem;
}

.form-item-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
}

@media(max-width: 1199px) {
  .form-item-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 1024px) {
  .form-item-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media(max-width: 991px) {
  .form-item-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 575px) {
  .form-item-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

.form-detail-item {
  background-color: #f5f5f5;
  padding: 1.6rem;
}

[data-theme='dark'] .form-detail-item {
  background-color: var(--theme-plain-black);
}

.form-detail-item p {
  display: flex;
  align-items: center;
  margin: 0;
}

.form-detail-item svg {
  height: 2.4rem;
  width: 2.4rem;
  margin-right: 0.8rem;
}

.form-detail-item p span {
  width: calc(100% - 2.4rem);
}

.theme-contact-us .entry-title {
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.theme-contact-us iframe {
  width: 100%;
}

.theme-contact-us form p:last-of-type imput {
  padding: .8rem 1.6rem;
  line-height: calc(1.5rem * 1.5);
}

/* main carousel  */

.theme-main-carousel .data-bg {
  background-color: transparent;
}

/* workflow  */

.workflow-detail-item {
  display: flex;
  align-items: center;
}

.workflow-detail-item:not(:last-child) {
  margin-bottom: 1.6rem;
}

.workflow-detail-item span {
  font-size: 5.1rem;
  line-height: calc(5.1rem * 1.2);
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 1px var(--theme-plain-black);
}

[data-theme="dark"] .workflow-detail-item span {
  -webkit-text-stroke: 1px var(--theme-plain-white);
}

.workflow-detail-item .theme-workflow-detail {
  flex-grow: 1;
  margin-left: 1.6rem;
}

.workflow-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.workflow-detail-header svg {
  height: 2.4rem;
  width: 2.4rem;
  cursor: pointer;
}

.workflow-detail-item :where(.entry-title, p) {
  margin: 0 0 0.8rem;
}

.workflow-detail-item svg {
  transition: .3s;
}

.workflow-detail-item.active svg {
  transform: rotate(180deg);
}

.workflow-detail-body {
  height: 0;
  overflow: hidden;
  transition: .4s;
}

.theme-workflow .data-bg {
  position: sticky;
  top: 0;
}

/* gallery tab  */

.gallery-tab-container {
  display: flex;
  flex-wrap: wrap;
}

.gallery-tab-title {
  width: 18%;
}

@media (max-width: 991px) {
  .gallery-tab-title {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .gallery-tab-title button {
    display: block;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .gallery-tab-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .gallery-tab-title button {
    flex-grow: 1;
    font-size: 1.6rem;
    line-height: calc(1.6rem * 1.5);
    padding: 0.8rem 1.6rem;
  }
}

@media (max-width: 767px) {
  .gallery-tab-title button {
    font-size: 1.4rem;
    line-height: calc(1.4rem * 1.5);
  }
}

.gallery-tab-title button.active {
  background-color: var(--theme-accent-hover-color);
}

.gallery-tab-content {
  flex-grow: 1;
  margin-left: 1.6rem;
}

@media (max-width: 991px) {
  .gallery-tab-content {
    width: 100%;
    margin: 1.6rem 0 0 0;
  }
}

.gallery-tab-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 10px;
  gap: 1.6rem;
}

@media (max-width: 1024px) {
  .gallery-tab-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .gallery-tab-content {
    grid-template-columns: repeat(1, 1fr);
  }
}

.gallery-tab-content .tab-content-item:nth-child(3n -2) {
  grid-row-end: span 8;
}

.gallery-tab-content .tab-content-item:nth-child(3n -1) {
  grid-row-end: span 12;
}

.gallery-tab-content .tab-content-item:nth-child(3n) {
  grid-row-end: span 16;
}

.gallery-tab-content .data-bg {
  height: 100%;
  width: 100%;
}

.tab-content-item {
  display: none;
}

.tab-content-item.active {
  display: block;
}

.theme-gallery-popup {
  display: none;
}

.theme-gallery-popup.active {
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;

  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-gallery-popup.active img {
  height: 80vh;
  width: 30vw;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .theme-gallery-popup.active img {
    width: 40vw;
  }
}

@media (max-width: 991px) {
  .theme-gallery-popup.active img {
    width: 60vw;
  }
}

@media (max-width: 575px) {
  .theme-gallery-popup.active img {
    width: 80vw;
    height: 56rem;
  }
}

.filter-group {
  margin: 0;
  padding: 0;
}

@media(min-width: 992px) {
  .filter-group {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
  }
}

@media(max-width: 991px) {
  .filter-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.filter-group li {
  list-style: none;
}

.filter-group li span {
  display: block;
  width: 100%;
  background-color: var(--theme-accent-color);
  padding: .8rem 1.6rem;
  margin-bottom: 1.2rem;
  color: var(--theme-plain-white);
  cursor: pointer;
}

@media(max-width: 991px) {
  .filter-group li:not(:first-child) span {
    margin: 0 .8rem .8rem;
    width: auto;
  }
}

@media(max-width: 575px) {
  .filter-group li span {
    padding: .4rem;
    font-size: var(--theme-font-size-xxsmall);
    line-height: calc(var(--theme-font-size-xxsmall) * var(--theme-line-height-normal));
  }
}

.filter-group li span.active {
  background-color: var(--theme-accent-hover-color);
}

.filter-group li span:where(:hover, :focus) {
  background-color: var(--theme-accent-hover-color);
}

.gallery-popup-content {
  position: relative;
}

.gallery-btn {
  padding: 0.4rem 0.8rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-btn svg {
  height: 2.4rem;
  width: 2.4rem;
}

.gallery-close {
  position: absolute;
  inset: -4.5rem 0 auto auto;
}


/* testimonial carousel  */

.testimonial-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 991px) {
  .testimonial-carousel {
    margin-top: 1.6rem;
  }
}

.testimonial-carousel .swiper-slide {
  width: 80%;
}

@media (max-width: 1199px) {
  .testimonial-carousel .swiper-slide {
    width: 90%;
  }
}

@media (max-width: 1024px) {
  .testimonial-carousel .swiper-slide {
    width: 100%;
  }
}

.testimonial-item {
  background-color: #f5f5f5;
  padding: 1.6rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

[data-theme='dark'] .testimonial-item {
  background-color: var(--theme-plain-black);
}

.testimonial-item .data-bg {
  width: 16rem;
  height: 12rem;
}

@media (max-width: 575px) {
  .testimonial-item .data-bg {
    width: 100%;
    order: 1;
    margin-bottom: 0.8rem;
  }
}

.testimonial-item .testimonial-detail {
  width: calc(100% - 16rem - 1.6rem);
  margin-right: 1.6rem;
}

@media (max-width: 575px) {
  .testimonial-item .testimonial-detail {
    width: 100%;
    margin-right: 0;
    order: 2;
  }
}

.testimonial-item svg {
  height: 4.8rem;
  width: 4.8rem;
}

@media (max-width: 575px) {
  .testimonial-item svg {
    height: 2.4rem;
    width: 2.4rem;
  }
}

.testimonial-item p {
  margin: 0 0 0.8rem 0;
}

.testimonial-item .entry-title {
  margin-bottom: 0;
}

/* theme block  */

.theme-block {
  margin-bottom: 8rem;
}

@media(max-width: 575px) {
  .theme-block {
    margin-bottom: 4rem;
  }
}

/* single and page  */

.single.has-sidebar .site-main .entry-header .entry-title,
.page.has-sidebar .site-main .entry-header .entry-title {
  font-size: var(--theme-font-size-xbig);
  line-height: calc(var(--theme-line-height-normal) * var(--theme-font-size-xbig));
}

/* text center  */

.theme-text-center.theme-primary-header {
  text-align: center;
  margin-bottom: 5.6rem;
}

@media(max-width: 991px) {
  .theme-text-center.theme-primary-header {
    margin-bottom: 3.2rem;
  }
}

.theme-text-center.theme-primary-header p {
  padding: 0 25%;
}

@media(max-width: 1199px) {
  .theme-text-center.theme-primary-header p {
    padding: 0 20%;
  }
}

@media(max-width: 991px) {
  .theme-text-center.theme-primary-header p {
    padding: 0 10%;
  }
}

@media(max-width: 991px) {
  .theme-text-center.theme-primary-header p {
    padding: 0;
  }
}

/* header media dissable  */

.theme-site-header.header-media-dissable {
  color: var(--theme-plain-black);
}

[data-theme='dark'] .theme-site-header.header-media-dissable {
  color: var(--theme-plain-white);
}

.theme-site-header.header-media-dissable a:not(:hover):not(:focus) {
  color: inherit;
}

.header-media-dissable svg {
  color: var(--theme-plain-black);
}

[data-theme='dark'] .header-media-dissable svg {
  color: var(--theme-plain-white);
}

.header-media-dissable .theme-header-sticky-element .svg-icon-colormode > :is(.moon, .sun, ) {
  fill: var(--theme-plain-black);
}

[data-theme='dark'] .header-media-dissable .theme-header-sticky-element .svg-icon-colormode > :is(.moon, .sun) {
  fill: var(--theme-plain-white);
}

.header-media-dissable .theme-header-sticky-element .svg-icon-colormode > .sun-beams {
  stroke: var(--theme-plain-black);
}

[dark-theme='dark'] .header-media-dissable .theme-header-sticky-element .svg-icon-colormode > .sun-beams {
  stroke: var(--theme-plain-white);
}

@media(max-width: 1199px) {
  :where(.single, .page) .theme-site-header {
    margin-bottom: 4rem;
  }
}

@media(max-width: 991px) {
  .theme-site-header.header-media-dissable {
    padding: 0;
  }

  .theme-site-header.dizibiz-header_style_2.header-image-on .theme-header-sticky-element .site-header-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}