@charset "UTF-8";
  html {
scroll-behavior: smooth;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
}
body,
button,
input,
select,
optgroup,
textarea {
font-size: 1em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #646464;
line-height: 1.7;
}
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 {
color: #cd1d20;
text-decoration: none;
background-color: transparent;
}
a:focus {
outline: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: 700;
}
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;
height: auto;
vertical-align: bottom;
max-width: 100%;
}
figure {
margin: 0;
}
svg {
height: 1em;
vertical-align: sub;
}
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;
border: 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;
}
:root {
--theme-title-color: #202020;
--theme-title-weight: 700;
--theme-btn-bg-color: #82b440;
--theme-btn-bg-color-hover: #74a435;
--theme-section-bg-color: #f9f9f9;
--theme-section-border-color: #eff2f9;
}
p {
margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 20px;
color: var(--theme-title-color);
font-weight: var(--theme-title-weight);
line-height: 1.2;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
.section__heading {
font-size: 32px;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.section__heading {
font-size: 42px;
margin-bottom: 40px;
}
}
.section__heading:has(+ .section__subheading) {
margin-bottom: 0;
}
.section__heading mark {
position: relative;
padding: 0 4px;
z-index: 2;
background-color: inherit;
}
.section__heading mark::after {
content: "";
position: absolute;
top: 0;
left: -2px;
right: -2px;
bottom: 0;
background-color: #f5f51b;
z-index: -1;
transform: rotate(-1deg);
}
@media screen and (max-width: 580px) {
.section__heading mark {
display: inline-block;
}
}
.section__heading svg {
vertical-align: -7px;
font-size: 40px;
fill: #f5b300;
}
@media (max-width: 992px) {
.section__heading svg {
display: block;
margin: 0 auto;
}
}
p.section__heading {
margin-bottom: 0;
}
p.section__heading strong {
color: var(--theme-title-color);
}
p.section__heading svg {
font-size: 24px;
fill: #85c231;
}
.section__subheading {
margin-top: 3px;
margin-bottom: 0;
color: #a5a5a5;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
}
@media (min-width: 768px) {
.section__subheading {
font-size: 24px;
}
}
@media (min-width: 992px) {
.section__subheading {
font-size: 26px;
}
}
.section__subheading svg {
vertical-align: 5px;
font-size: 18px;
fill: #86c230;
}
.section__icon svg {
font-size: 62px;
fill: #f5b300;
}
.site-content .elementor-heading-title {
line-height: 1.2;
}
.site-content .elementor-heading-title mark {
position: relative;
padding: 0 4px;
z-index: 2;
background-color: inherit;
}
.site-content .elementor-heading-title mark::after {
content: "";
position: absolute;
top: 1px;
left: -1px;
right: -1px;
bottom: -2px;
z-index: -1;
background: #FCF015;
background: linear-gradient(315deg, #FCF015, #EDE989);
transform: rotate(1deg);
}
@media screen and (max-width: 580px) {
.site-content .elementor-heading-title mark {
display: inline-block;
}
}
.theme-button,
.wpcf7-submit,
.wp-block-button__link {
display: inline-flex;
justify-content: center;
padding: 15px 40px;
height: auto;
color: #fff;
font-size: 16px;
font-weight: var(--theme-title-weight);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-decoration: none;
line-height: 1.25;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 999px;
background-color: var(--theme-btn-bg-color);
transition: all .1s ease;
}
.theme-button:hover,
.wpcf7-submit:hover,
.wp-block-button__link:hover {
background-color: var(--theme-btn-bg-color-hover);
transform: scale(1.05) translateY(-3px);
}
@media (max-width: 580px) {
.theme-button,
.wpcf7-submit,
.wp-block-button__link {
display: block;
padding-left: 25px;
padding-right: 25px;
text-align: center;
}
}
.theme-button.demo-btn,
.wpcf7-submit.demo-btn,
.wp-block-button__link.demo-btn {
border-color: transparent;
color: var(--theme-title-color);
text-shadow: none;
background-color: #fff;
}
.has-black-color {
color: var(--theme-title-color) !important;
}
.section-background {
border-color: var(--theme-section-border-color);
background-color: var(--theme-section-bg-color);
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 48em) {
.container {
width: auto;
}
}
@media (min-width: 1300px) {
.container {
width: 1270px;
}
}
.row {
margin-right: -15px;
margin-left: -15px;
}
@media only screen and (min-width: 62em) {
[class^="col"] {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
.topbar {
position: relative;
top: -20px;
display: flex;
justify-content: center;
padding: 8px 0;
margin-bottom: 10px;
background: #6ba229;
}
.topbar p {
display: inline-flex;
align-items: center;
margin: 0;
color: #fff;
font-weight: var(--theme-title-weight);
}
@media (max-width: 580px) {
.topbar p {
flex-direction: column;
}
}
.topbar a {
font-size: 14px;
position: relative;
display: block;
min-width: 100px;
padding: 5px 30px;
margin-left: 20px;
color: #fff;
font-weight: var(--theme-title-weight);
border-radius: 4px;
text-decoration: none;
text-align: center;
background-color: #191919;
transition: all 150ms;
}
.topbar a:hover {
transform: scale(1.05) translateY(0px);
-webkit-transform: scale(1.05) translateY(0px);
}
.header {
position: absolute;
inset-inline: 0;
z-index: 5;
}
.header > .container {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: auto;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 580px) {
.header > .container {
padding-left: 15px;
padding-right: 15px;
}
}
.header > .container::after {
position: absolute;
content: '';
left: 0px;
right: 0px;
bottom: 0;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
.header > .container {
padding-top: 15px;
padding-bottom: 15px;
}
}
.header .logo img {
max-width: 240px;
}
@media (max-width: 580px) {
.header .logo img {
max-width: 200px;
}
}
@media (max-width: 992px) {
.header .logo,
.header .menu-toggle {
z-index: 5;
}
}
@media (max-width: 992px) {
.header .menu-toggle {
margin-left: auto;
background: none;
border: none;
}
}
.header.header--dark .logo-light {
display: none;
}
.header.header--dark > .container::after {
background-color: rgba(110, 125, 140, 0.19);
}
.header.header--dark .hamburger:not(.is-active) .hamburger-inner,
.header.header--dark .hamburger:not(.is-active) .hamburger-inner::before,
.header.header--dark .hamburger:not(.is-active) .hamburger-inner::after {
background: #202020;
}
@media (min-width: 992px) {
.header.header--dark .navigation .menu > ul > li > a {
color: #13355f;
}
.header.header--dark .navigation .menu > ul > li > a:hover {
color: #13355f;
}
}
.header.header--dark .navigation .menu > ul > li:not(.theme-button) > a::before {
background: #b8c8db;
}
.header:not(.header--dark) .logo-dark {
display: none;
}
@media (min-width: 992px) {
.header .navigation {
flex: 1;
}
}
.header .navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.header .navigation .menu > ul {
display: none;
align-items: center;
justify-content: flex-end;
}
.header .navigation .menu > ul > li {
position: relative;
}
@media (min-width: 992px) {
.header .navigation .menu > ul > li:first-child {
margin-left: auto;
}
}
.header .navigation .menu > ul > li > a {
position: relative;
display: inline-flex;
align-items: center;
padding: 17px 20px;
font-size: 18px;
font-weight: var(--theme-title-weight);
color: #cdcdcd;
text-decoration: none;
transition: color 100ms ease;
}
.header .navigation .menu > ul > li:hover > a {
color: #fff;
}
.header .navigation .menu > ul > li.current_page_item > a, .header .navigation .menu > ul > li.current-menu-parent > a, .header .navigation .menu > ul > li.current_page_parent > a {
color: #fff;
font-weight: 700;
}
.header .navigation .menu > ul > li.theme-button {
padding: 0;
}
@media (max-width: 992px) {
.header .navigation .menu > ul > li.theme-button {
margin-top: 5px;
}
}
@media (min-width: 992px) {
.header .navigation .menu > ul > li.theme-button {
margin-left: auto;
}
}
@media (min-width: 992px) {
.header .navigation .menu > ul > li.theme-button:not(.buy-btn):not(:hover) {
background: #5d5d5d;
}
}
.header .navigation .menu > ul > li.theme-button > a {
padding: 15px 32px;
color: #fff;
font-size: 16px;
line-height: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
.header .navigation .menu > ul > li.theme-button > a {
font-size: 17px;
}
}
.header .navigation .sub-menu > li > a {
display: block;
padding: 17px 20px;
font-size: 18px;
color: #aebcca;
}
@media (max-width: 991px) {
.header .navigation {
opacity: 0;
transition: opacity 200ms ease;
}
.header .navigation.toggled {
opacity: 1;
display: flex;
flex-direction: column;
position: fixed;
inset: 0;
background: #171c20;
align-items: center;
justify-content: center;
}
.header .navigation.toggled .menu > ul {
display: block;
text-align: center;
}
.header .navigation .sub-menu {
display: none;
}
.header .navigation .menu > ul > li.menu-item-has-children > a::after {
content: '';
display: inline-block;
position: absolute;
margin-left: 8px;
top: calc( 50% - 2px);
right: 0;
border: 6px solid transparent;
border-top-color: rgba(250, 250, 250, 0.35);
transition: border-color .15s;
}
.header .navigation .nav-menu .submenu-open > .sub-menu {
display: flex;
}
.header .navigation .nav-menu .submenu-open > .sub-menu li a {
font-size: 16px;
}
}
@media (min-width: 992px) {
.header .navigation .menu > ul {
display: flex;
gap: 30px;
}
.header .navigation .menu > ul > li > a {
padding: 0;
line-height: 100px;
}
.header .navigation .menu > ul > li.menu-item-has-children::before {
content: '';
position: absolute;
inset: 15px -19px 20px -19px;
opacity: 0;
background: #fff;
border-radius: 3px 3px 0 0;
z-index: -1;
transition: opacity 100ms ease;
}
.header .navigation .menu > ul > li.menu-item-has-children > a::before {
display: none;
}
.header .navigation .menu > ul > li.menu-item-has-children > a::after {
content: '';
display: inline-block;
position: relative;
margin-left: 6px;
top: 3px;
border: 6px solid transparent;
border-top-color: rgba(250, 250, 250, 0.35);
transition: border-color .15s;
}
.header .navigation .menu > ul > li.menu-item-has-children:hover::before {
opacity: 1;
}
.header .navigation .menu > ul > li.menu-item-has-children:hover > a {
color: #202020;
}
.header .navigation .menu > ul > li.menu-item-has-children:hover > a::after {
border-top-color: #b0b0b0;
}
.header .navigation .menu > ul > li:not(.theme-button) > a::before {
opacity: 0;
content: '';
position: absolute;
inset-inline: 0;
bottom: 0;
height: 6px;
background-color: rgba(255, 255, 255, 0.2);
transition: opacity 100ms ease;
}
.header .navigation .menu > ul > li:hover > a::before {
opacity: 1;
}
.header .navigation .menu > ul > li.current_page_item > a::before {
opacity: 1;
background-color: #fff;
}
.header .navigation .sub-menu {
opacity: 0;
position: absolute;
top: calc(100% - 20px);
left: -19px;
min-width: 200px;
pointer-events: none;
padding: 5px 20px 12px;
background: #fff;
border-radius: 0 3px 3px 3px;
z-index: 100;
transition: opacity 100ms ease;
}
.header .navigation .sub-menu > li > a {
padding: 10px 0;
font-size: 16px;
font-weight: var(--theme-title-weight);
color: #202020;
text-decoration: none;
border-bottom: 1px solid #dedede;
}
.header .navigation .sub-menu > li > a:hover {
color: #d42428;
}
.header .navigation .sub-menu > li:last-child > a {
border: 0;
}
.header .navigation li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: auto;
}
}
@media (min-width: 1200px) {
.header .navigation .menu > ul {
gap: 35px;
}
}
@media (max-width: 992px) {
.hamburger-box {
display: flex;
width: 27px;
height: 25px;
align-items: center;
justify-content: center;
}
}
@media (max-width: 992px) {
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
position: absolute;
width: 27px;
height: 3px;
background: #fff;
transition: transform .15s;
content: '';
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
}
}
@media (max-width: 992px) {
.hamburger.is-active .hamburger-inner {
background: transparent !important;
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger.is-active .hamburger-inner::before {
transform: translateY(8px) rotate(45deg);
}
.hamburger.is-active .hamburger-inner::after {
transform: translateY(-8px) rotate(-45deg);
}
}
@media (min-width: 992px) {
.menu-toggle {
display: none;
}
}
body.single-qt-themes .theme-item__button {
padding: 18px 26px;
}
@media (max-width: 580px) {
body.single-qt-themes .theme-item__button {
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
body.single-qt-themes .header .navigation {
display: flex;
align-items: center;
column-gap: 30px;
flex: none;
}
}
body.single-qt-themes .header .navigation.toggled .action-buttons {
display: flex;
}
body.single-qt-themes .header .action-buttons {
display: none;
align-items: center;
gap: 10px;
margin-left: 10px;
}
@media (max-width: 992px) {
body.single-qt-themes .header .action-buttons {
flex-direction: column;
margin: 0;
}
}
@media (min-width: 992px) {
body.single-qt-themes .header.sticky .action-buttons {
display: flex;
}
}
@media (min-width: 992px) {
body.single-qt-themes .header .theme-button {
padding: 14px 30px;
}
}
body.single-qt-themes .header .theme-button.demo-btn {
background-color: #eee;
}
body.single-qt-themes .header .theme-button.demo-btn:hover {
background-color: #e3e3e3;
}
body.single-qt-themes .header .theme-button:hover {
transform: none;
}
@media (min-width: 992px) {
body.single-qt-themes .header {
transition: transform 0.3s ease;
}
body.single-qt-themes .header.sticky {
position: fixed;
box-shadow: 0 1px 2px rgba(33, 33, 33, 0.1);
background-color: #fff;
transform: translateY(0);
animation: slideDown 0.3s ease;
}
body.single-qt-themes .header.sticky .logo-light {
display: none;
}
body.single-qt-themes .header.sticky .logo-dark {
display: block;
}
body.single-qt-themes .header.sticky > .container {
border-bottom: none;
}
body.single-qt-themes .header.sticky .navigation .menu > ul > li:not(.theme-button) > a {
color: var(--theme-title-color);
line-height: 90px;
}
body.single-qt-themes .header.sticky .navigation .menu > ul > li:not(.theme-button) > a:hover {
color: #000;
}
body.single-qt-themes .header.sticky .navigation .menu > ul > li:not(.theme-button) > a::before {
display: none;
}
body.single-qt-themes .header.sticky .navigation .menu > ul > li:not(.theme-button) > a:focus {
text-decoration: underline;
}
body.single-qt-themes .header.sticky .navigation .menu > ul > li.theme-button.demo-btn {
background-color: #e9eaeb;
}
body.single-qt-themes .header.sticky .navigation .menu > ul > li.theme-button.demo-btn:hover {
background-color: #dadfe3;
}
body.single-qt-themes .header.sticky .navigation .menu > ul > li.theme-button.buy-btn {
margin-left: -20px;
}
body.single-qt-themes .header.sticky-hidden {
animation: slideUp 0.3s ease;
transform: translateY(-100%);
}
}
@media (max-width: 992px) {
.hamburger-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 27px;
height: 25px;
}
}
@media (max-width: 992px) {
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
position: absolute;
left: 0;
content: "";
width: 27px;
height: 3px;
background-color: #fff;
transition: transform .15s ease;
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
}
}
@media (max-width: 992px) {
.hamburger.is-active .hamburger-inner {
transform: rotateX(180deg) rotateY(180deg);
background-color: transparent !important;
}
.hamburger.is-active .hamburger-inner::before {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger.is-active .hamburger-inner::after {
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
}
@media (min-width: 992px) {
.menu-toggle {
display: none;
}
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes slideUp {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
.page__header {
position: relative;
background-color: #090909EB;
}
.page__header > .container {
position: relative;
}
.page__header::before {
position: absolute;
content: '';
opacity: 0.2;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #202020;
background-image: url(https://qreativethemes.com/wp-content/uploads/2026/03/page-title-background.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.page__header__content {
text-align: center;
}
.page__header__title {
margin: 0;
color: #fff;
font-size: 36px;
line-height: 1.2;
}
.page__header__lead {
display: block;
margin: 30px 0;
color: #ccc;
font-size: 18px;
font-weight: normal;
line-height: 1.3;
}
@media (min-width: 768px) {
.page__header__title {
font-size: 42px;
}
}
.page__header {
padding: 100px 0 30px 0;
text-align: center;
}
.page__header__lead {
margin: 10px 5% 0 5%;
}
@media (min-width: 992px) {
.page__header {
padding: 150px 0 60px 0;
}
.page__header__title {
font-size: 60px;
}
.page__header__lead {
margin: 10px 30% 0 30%;
}
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 0.2;
}
50% {
transform: scale(1);
opacity: 0.8;
}
100% {
transform: scale(0.9);
opacity: 0.2;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.9);
opacity: 0.2;
}
50% {
-webkit-transform: scale(1);
opacity: 0.8;
}
100% {
-webkit-transform: scale(0.9);
opacity: 0.2;
}
}
.site-content {
padding: 50px 0;
}
@media (min-width: 992px) {
.site-content {
padding: 80px 0;
}
}
.site-content:has(.e-con) .container {
width: auto;
padding: 0;
}
body.home .site-content {
padding-top: 0;
}
body.home .themes {
padding-top: 50px;
}
@media (min-width: 992px) {
body.home .themes {
padding-top: 90px;
}
}
body.home .themes .cta-inline {
margin-top: 40px;
padding: 30px 0;
border-top: 6px solid #171c21;
}
@media (min-width: 992px) {
body.home .themes .cta-inline {
margin-top: 80px;
padding: 40px 0;
}
}
@media (min-width: 992px) {
.featured .container {
max-width: 1040px;
}
}
.featured .section-title {
margin: 0 auto 0 0;
font-size: 18px;
}
@media (max-width: 768px) {
.featured .section-title {
margin: 0;
}
}
.featured-wrap {
display: flex;
align-items: center;
gap: 80px;
padding: 60px 0;
}
@media (max-width: 768px) {
.featured-wrap {
flex-wrap: wrap;
align-items: flex-start;
padding: 50px 0;
gap: 20px;
}
}
.featured img {
max-width: 130px;
filter: grayscale(1);
opacity: 0.7;
transition: all .1s ease;
}
.featured img:hover {
opacity: 1;
filter: grayscale(0);
}
.comparison .row {
border-radius: 6px;
padding: 70px 0 0 0;
background-color: var(--theme-section-bg-color);
}
@media (min-width: 992px) {
.comparison .row {
padding: 70px 60px 0;
}
}
.comparison-table {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
padding: 45px;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.comparison-table:hover .comparison-table__rating {
transform: rotate(-3deg) scale(1.05) translateY(-2px);
}
.comparison-table--old {
background-color: #fff;
}
.comparison-table--old .comparison-table__item:not(:last-child) {
border-bottom-color: rgba(133, 142, 173, 0.25);
}
.comparison-table--new {
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
background-color: #2c2c2c;
background-image: linear-gradient(145deg, #262626 0%, #2c2c2c 100%);
}
@media (min-width: 992px) {
.comparison-table--new {
margin-right: 15px;
transform: scale(1.06);
}
}
.comparison-table .comparison-table__image {
position: relative;
padding: 20px 20px 0 20px;
max-height: 250px;
overflow: hidden;
}
.comparison-table .comparison-table__image img {
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover;
}
.comparison-table__rating {
position: absolute;
top: -25px;
right: 40px;
width: 110px;
height: 110px;
display: flex;
flex-direction: column;
justify-content: center;
color: rgba(0, 0, 0, 0.3);
font-size: 11px;
font-weight: var(--theme-title-weight);
line-height: 1.2;
text-align: center;
text-transform: uppercase;
border-radius: 50%;
background-color: #86c131;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
@media (min-width: 992px) {
.comparison-table__rating {
top: -30px;
}
}
.comparison-table__rating--digit {
margin-bottom: 2px;
font-size: 40px;
color: #fff;
line-height: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.comparison-table__rating--digit > span {
font-size: 15px;
position: relative;
margin-left: 2px;
top: -16px;
}
.comparison-table__content {
flex: 1;
}
.comparison-table__title {
font-size: 24px;
margin-bottom: 30px;
text-align: center;
}
.comparison-table--new .comparison-table__title {
color: #fff;
}
.comparison-table__list {
list-style: none;
padding: 0;
margin: 0;
}
.comparison-table__item {
display: flex;
align-items: center;
column-gap: 15px;
}
.comparison-table__item:not(:last-child) {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.comparison-table__item:hover.comparison-table__item--negative .comparison-table__icon {
background-color: #e4e6e9;
}
.comparison-table__item:hover.comparison-table__item--positive .comparison-table__icon {
background-color: #74a435;
}
.comparison-table__icon {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: var(--theme-title-weight);
font-size: 19px;
transition: background-color .1s ease;
}
.comparison-table__item--negative .comparison-table__icon {
background-color: #e9ecef;
fill: #be2e1d;
color: #be2e1d;
}
.comparison-table__item--positive .comparison-table__icon {
background-color: #86c131;
fill: #fff;
color: #fff;
}
.comparison-table__text {
flex: 1;
}
.comparison-table--old .comparison-table__text {
color: #333333;
}
.comparison-table--new .comparison-table__text {
color: #f0f0f0;
}
@media (max-width: 580px) {
.comparison-table {
padding: 30px;
}
}
.about-us .container {
padding-top: 70px;
padding-bottom: 60px;
max-width: 940px;
border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}
@media (max-width: 768px) {
.about-us .container {
padding-top: 50px;
}
}
.about-us-wrapper {
display: flex;
align-items: center;
column-gap: 80px;
}
@media (max-width: 580px) {
.about-us-wrapper {
align-items: flex-start;
flex-direction: column-reverse;
}
}
@media (min-width: 580px) and (max-width: 768px) {
.about-us-wrapper {
align-items: flex-start;
flex-direction: row-reverse;
column-gap: 30px;
}
}
.about-us p {
font-size: 19px;
margin-bottom: 0;
}
.about-us p.title {
margin-bottom: 15px;
font-size: 20px;
color: var(--theme-title-color);
font-weight: 600;
}
.about-us p.title::first-letter {
float: left;
font-size: 4rem;
line-height: 1;
padding-right: 8px;
font-weight: 700;
color: #86c131;
}
.about-us img {
max-width: 110px;
border-radius: 50%;
}
@media (max-width: 768px) {
.about-us img {
margin-bottom: 20px;
max-width: 100px;
}
}
.theme-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 30px;
}
.theme-grid > * {
min-width: 0;
}
@media (min-width: 768px) {
.theme-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.theme-grid {
gap: inherit;
column-gap: 60px;
row-gap: 50px;
}
}
.theme-item {
position: relative;
display: flex;
flex-direction: column;
}
.theme-item img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.theme-item p {
margin-top: 0;
font-size: 17px;
}
.theme-item p:last-of-type {
margin-bottom: 0;
}
@media (min-width: 992px) {
.theme-item:hover .theme-item__image::after {
opacity: 0.9;
}
}
.theme-item:hover .theme-item__image .theme-item__buttons {
opacity: 1;
}
.theme-item:hover .theme-item__image .info-btn:hover {
background-color: #fff;
}
.theme-item__image {
position: relative;
display: block;
margin-bottom: 30px;
border-radius: 6px;
overflow: hidden;
transition: all 200ms;
}
.theme-item__image::after {
opacity: 0;
position: absolute;
content: "";
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(33, 33, 33, 0.9);
transition: opacity 200ms;
}
.theme-item__image .theme-item__buttons {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
display: flex;
column-gap: 16px;
z-index: 2;
transform: translate(-50%, -50%);
transition: opacity 200ms;
}
@media (max-width: 992px) {
.theme-item__image .theme-item__buttons {
display: none;
}
}
.theme-item__image .theme-item__button {
margin: 0;
border-color: transparent;
background-color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(4px);
transition: all 100ms ease;
}
.theme-item__image .theme-item__button:hover {
transform: scale(1.05);
}
.theme-item__content {
position: relative;
}
.theme-item__content + .theme-item__buttons {
margin-top: 30px;
}
@media (max-width: 992px) {
.theme-item__content + .theme-item__buttons {
display: flex;
flex-direction: column;
order: 9999;
}
}
@media (min-width: 992px) {
.theme-item__content + .theme-item__buttons {
display: none;
}
}
.theme-item__niches {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
@media (min-width: 580px) and (max-width: 992px) {
.theme-item__niches {
margin-bottom: auto;
}
}
.theme-item__niches span {
font-size: 14px;
font-weight: 600;
color: var(--theme-title-color);
}
@media (max-width: 580px) {
.theme-item__niches span {
font-size: 12px;
}
}
.theme-item__niches ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.theme-item__niches ul li:not(:first-child) {
padding: 8px 11px;
font-size: 11px;
font-weight: var(--theme-title-weight);
line-height: 1;
text-transform: uppercase;
border-radius: 9999px;
border: 1px solid rgba(0, 0, 0, 0.07);
background-color: #f7f7f7;
transition: all .1s ease;
}
@media (max-width: 580px) {
.theme-item__niches ul li:not(:first-child) {
padding: 6px 8px;
font-size: 10px;
}
}
.theme-item__niches ul li:not(:first-child):hover {
border-color: rgba(0, 0, 0, 0.1);
transform: translateY(-1px);
}
.theme-item__price {
position: absolute;
top: 0;
right: 0;
color: #a5a5a5;
font-size: 22px;
font-weight: 600;
line-height: 1.2;
}
.theme-item__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1;
gap: 8px;
padding: 16px 26px;
margin-bottom: 15px;
font-size: 16px;
font-weight: 700;
text-align: center;
color: var(--theme-title-color);
border-radius: 3px;
text-decoration: none;
border: 2px solid rgba(50, 50, 50, 0.2);
transition: all .1s ease;
}
@media (max-width: 992px) {
.theme-item__button {
padding: 15px 20px;
}
.theme-item__button:first-of-type {
border-color: transparent;
background-color: #ecedef;
}
.theme-item__button:last-child {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.theme-item__button {
min-width: 200px;
}
}
.theme-item__button svg {
font-size: 22px;
margin-right: -4px;
}
.theme-item__button.buy-btn {
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-color: transparent;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
background-color: var(--theme-btn-bg-color);
}
.theme-item__button.buy-btn:hover {
background-color: var(--theme-btn-bg-color-hover);
}
.theme-item__button.buy-btn svg {
fill: #fff;
}
.theme-item__title {
margin-top: 0;
margin-bottom: 20px;
font-size: 24px;
}
.theme-item__title a {
position: relative;
transition: color .1s ease;
color: var(--theme-title-color);
text-decoration: none;
}
.theme-item__title a:hover {
color: #000;
}
.theme-item__title a:hover::before {
width: 100%;
}
.theme-item__title a::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: var(--theme-title-color);
width: 0;
transition: width .2s ease;
}
.theme-item .sale-badge {
position: absolute;
top: -15px;
right: 15px;
z-index: 2;
background: #6ba228;
border-radius: 3px;
padding: 4px 9px;
font-weight: 700;
color: #fff;
font-size: 15px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
.theme-item .sale-badge {
top: 15px;
padding: 5px 8px;
font-size: 14px;
}
}
@media (min-width: 992px) {
.theme-item .sale-badge {
right: 20px;
}
}
@media (max-width: 1024px) {
.niches-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0;
margin: 0;
list-style: none;
}
.niches-list li:nth-child(n+5):not(.niches-toggle) {
display: none;
}
.theme-item__niches.expanded .niches-list li {
display: inline-block;
}
.niches-toggle {
cursor: pointer;
font-weight: 600;
color: #6DBE45;
}
}
@media (min-width: 992px) {
.exclusive-themes .theme-grid {
gap: 40px;
}
}
.exclusive-themes .theme-item {
padding: 35px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 1px 10px -1px rgba(0, 0, 0, 0.08);
transition: box-shadow .3s ease;
}
@media (max-width: 580px) {
.exclusive-themes .theme-item {
padding: 25px;
}
}
.exclusive-themes .theme-item:hover {
box-shadow: 0 2px 20px -1px rgba(0, 0, 0, 0.08);
}
.themeforest-themes {
margin-top: 40px;
}
@media (min-width: 992px) {
.themeforest-themes {
margin-top: 80px;
}
}
.single-hero {
padding: 100px 0px 40px;
background-color: #171c20;
}
@media (min-width: 992px) {
.single-hero {
padding: 160px 0px 70px;
}
}
@media (min-width: 1200px) {
.single-hero .container {
max-width: 75%;
}
}
@media (min-width: 1400px) {
.single-hero .container {
max-width: 50%;
}
}
.single-hero .page-title {
color: #fff;
font-size: 36px;
}
@media (min-width: 992px) {
.single-hero .page-title {
font-size: 52px;
}
}
.single-hero p {
margin: 0 60px 30px 60px;
font-size: 19px;
color: #aebcca;
}
.single-hero .demo-btn {
border-color: transparent;
background-color: #fff;
}
.single-hero .theme-item__buttons {
margin: 0;
}
.single-hero .buttons {
display: flex;
align-items: center;
justify-content: center;
column-gap: 12px;
}
.single-theme-content {
padding: 0;
}
.hero-section .theme-button {
min-width: 220px;
}
.image-card {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
border-radius: 6px;
border: 1px solid #e7ebf5;
background-color: #f7f8f8;
transition: all .2s ease;
}
@media (max-width: 580px) {
.image-card {
gap: 15px;
padding: 15px;
}
}
.image-card:hover {
border-color: #e8e8e8;
}
@media (min-width: 992px) {
.image-card:hover {
box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
}
}
.image-card:hover .elementor-heading-title svg {
color: #69727d;
fill: #69727d;
}
.image-card .elementor-heading-title {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
}
@media (max-width: 580px) {
.image-card .elementor-heading-title {
justify-content: center;
}
}
.image-card .elementor-heading-title svg {
font-size: 30px;
color: #abb0bc;
fill: #abb0bc;
transition: all .1s ease;
}
@media (max-width: 580px) {
.image-card .elementor-heading-title svg {
display: none;
}
}
.image-card .image-card__image {
overflow: hidden;
border-radius: 3px;
}
.cta-inline {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
width: 100%;
padding: 50px 15px;
z-index: 2;
}
@media (max-width: 580px) {
.cta-inline {
flex-direction: column;
gap: 20px;
padding: 40px 0;
}
}
.cta-inline .cta-title {
margin: 0;
font-size: 17px;
font-weight: var(--theme-title-weight);
color: var(--theme-title-color);
}
@media (max-width: 580px) {
.cta-inline .cta-title {
text-align: center;
}
}
.cta-inline .cta-button {
flex-shrink: 0;
}
.cta-inline.border-top {
margin-top: 40px;
border-top: 1px solid rgba(33, 33, 33, 0.1);
}
.cta-inline.border-bottom {
margin-top: 0;
margin-bottom: 80px;
border-top: none;
border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}
.cta-inline.wrapped {
padding: 40px;
margin-top: 30px;
border-radius: 6px;
border: 1px solid rgba(33, 33, 33, 0.06);
background-color: var(--theme-section-bg-color);
}
@media (min-width: 580px) {
.cta-inline.wrapped {
margin-top: 60px;
padding: 40px 0;
}
}
.testimonials .testimonial-wrapper::before, .testimonials .testimonial-wrapper::after {
position: absolute;
left: 0;
right: 0;
content: "";
height: 100px;
z-index: 2;
}
.testimonials .testimonial-wrapper::before {
top: -10px;
background: linear-gradient(180deg, #f9f9f9 25%, rgba(248, 250, 253, 0) 100%);
}
.testimonials .testimonial-wrapper::after {
bottom: 0;
background: linear-gradient(0deg, #f9f9f9 25%, rgba(248, 250, 253, 0) 100%);
}
.testimonials .cta-inline {
padding-top: 20px;
}
.testimonial-wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
height: 600px;
padding: 0 12px;
overflow: hidden;
}
@media (max-width: 768px) {
.testimonial-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 768px) and (max-width: 992px) {
.testimonial-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
.column {
position: relative;
padding: 0;
}
.track {
display: flex;
flex-direction: column;
transform: translateY(0);
will-change: transform;
}
.testimonial {
padding: 27px 30px;
margin-bottom: 30px;
border-radius: 6px;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
background-color: #fff;
transition: box-shadow .2s ease;
}
.testimonial:hover {
box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.16);
}
.testimonial .rating {
display: block;
margin-bottom: 10px;
line-height: 1;
}
.testimonial .stars {
--star-size: 18px;
--star-color: #ddd;
--star-fill: #f5b301;
--rating: attr(data-rating number);
position: relative;
display: inline-block;
font-size: var(--star-size);
line-height: 1;
white-space: nowrap;
}
.testimonial .stars::before {
content: "★★★★★";
color: var(--star-color);
}
.testimonial .stars::after {
content: "★★★★★";
color: var(--star-fill);
position: absolute;
left: 0;
top: 0;
width: calc(var(--rating) / 5 * 100%);
overflow: hidden;
white-space: nowrap;
}
.testimonial svg {
flex-shrink: 0;
font-size: 16px;
margin-right: 6px;
}
.testimonial .author {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 12px;
font-size: 15px;
font-weight: var(--theme-title-weight);
color: #202020;
}
.testimonial .author > span {
color: #7e797f;
font-weight: 400;
margin-left: 4px;
}
.scroll-down .track {
animation: scrollDown 28s linear infinite;
}
.scroll-up .track {
animation: scrollUp 28s linear infinite;
}
@keyframes scrollDown {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-50%);
}
}
@keyframes scrollUp {
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}
.pricing-page .cta-title {
font-weight: inherit;
font-size: inherit;
color: inherit;
}
.pricing-page .cta-title strong {
color: var(--theme-title-color);
}
@media (min-width: 992px) {
.pricing-page .cta-title {
width: 45%;
margin: 0 auto;
}
}
.pricing-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
max-width: 1000px;
margin: 0 auto;
}
.pricing-table {
position: relative;
border-radius: 6px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
transition: box-shadow 0.3s ease;
}
@media (min-width: 992px) {
.pricing-table:hover {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
}
.pricing-table .tooltip {
position: relative;
line-height: 1;
}
.pricing-table .tooltip svg {
width: auto;
fill: #878787;
font-size: 18px;
}
.pricing-table .tooltip-text {
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 6px 10px;
border-radius: 3px;
font-size: 13px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s;
z-index: 10;
}
@media (max-width: 580px) {
.pricing-table .tooltip-text {
white-space: inherit;
width: 200px;
left: auto;
right: 0;
padding: 7px 12px 10px;
transform: translateX(10px);
}
}
.pricing-table .tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 6px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
@media (max-width: 580px) {
.pricing-table .tooltip-text::after {
left: auto;
right: 12px;
transform: translateX(0px);
}
}
.pricing-table .tooltip:hover .tooltip-text {
opacity: 1;
visibility: visible;
}
.pricing-table__header {
padding: 40px;
border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}
.pricing-center .pricing-table__header {
text-align: center;
}
.pricing-center .pricing-table__price {
justify-content: center;
}
.pricing-table__header h3 {
margin-bottom: 12px;
font-size: 24px;
color: var(--theme-title-color);
}
.pricing-table__image {
margin-bottom: 35px;
}
.pricing-table__description {
margin-bottom: 25px;
}
.pricing-table__price {
display: flex;
align-items: baseline;
column-gap: 12px;
margin-bottom: 30px;
}
.pricing-table .theme-button {
cursor: pointer;
}
.price-amount {
font-size: 56px;
font-weight: var(--theme-title-weight);
color: var(--theme-title-color);
line-height: 1;
}
.price-type {
display: block;
color: #a5a5a5;
font-size: 22px;
font-weight: 600;
line-height: 1.2;
}
.pricing-table__features {
padding: 40px;
}
.pricing-table__features ul {
list-style: none;
padding: 0;
margin: 0;
}
.pricing-table .comparison-table__item:not(:last-child) {
margin-bottom: 12px;
padding-bottom: 0;
border-bottom: 0;
}
.pricing-table .comparison-table__icon {
width: 28px;
height: 28px;
font-size: 16px;
}
.feature-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 11px 0;
margin-bottom: 0;
font-size: 16px;
color: #333;
line-height: 1.5;
}
.feature-item.comparison-table__item:last-child {
padding-bottom: 0;
}
.feature-item .comparison-table__text {
display: inline-flex;
align-items: center;
column-gap: 4px;
font-weight: 600;
font-size: 16px;
}
.feature-item:first-child {
padding-top: 0;
}
.icon-check {
flex-shrink: 0;
color: #2d2d2d;
margin-top: 2px;
}
.feature-disabled {
opacity: 0.35;
}
.feature-disabled .icon-check {
color: #999;
}
.feature-disabled .comparison-table__icon {
background-color: #858585;
}
.feature-disabled .comparison-table__text {
text-decoration: line-through;
}
@media (max-width: 768px) {
.pricing-container {
grid-template-columns: 1fr;
}
.pricing-header h1 {
font-size: 32px;
}
.price-amount {
font-size: 48px;
}
.pricing-table__header {
padding: 36px 28px 28px;
}
.pricing-table__features {
padding: 24px 28px 32px;
}
}
.license-selector {
margin-left: 10px;
padding: 4px 6px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 2px -1px rgba(33, 33, 33, 0.4);
background-color: #f5f5f5;
cursor: pointer;
}
.license-selector:hover {
border-color: #999;
}
.license-selector:focus {
outline: none;
border-color: #666;
}
.feature-box {
border-color: #e7e8f2;
background-color: #f7f8f8;
}
.feature-box .elementor-icon {
font-size: 58px;
margin-bottom: -6px;
margin-top: -5px;
}
.feature-box .elementor-icon svg {
fill: #abb0bc;
transition: fill .1s ease;
}
.feature-box:hover .elementor-icon svg {
fill: #69727d;
}
.feature-icon-box .elementor-icon {
color: #abb0bc;
fill: #abb0bc;
font-size: 58px;
}
.feature-icon-box.elementor-view-stacked .elementor-icon {
color: #aab0bc;
fill: #aab0bc;
font-size: 36px;
background-color: #f7f8f8;
}
.feature-accordion.elementor-widget-n-accordion .e-n-accordion-item-title {
border-color: #e7ebf5;
background-color: #f7f8f8;
}
.hero-image .elementor-animation-grow:active,
.hero-image .elementor-animation-grow:focus,
.hero-image .elementor-animation-grow:hover {
transform: scale(1.05);
}
.hero-image > a::before {
opacity: 0;
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.3);
transition: opacity 200ms ease;
}
.hero-image > a::after {
opacity: 0;
position: absolute;
content: '';
width: 82px;
height: 82px;
top: 50%;
left: 50%;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%203H4c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2M4%205h16v4H4zm0%2014v-8h16v8z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%206h2v2h-2zm3%200h2v2h-2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-size: contain;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
transition: opacity 300ms ease;
}
.hero-image:hover > a::before, .hero-image:hover > a::after {
opacity: 1;
}
.faq {
margin-top: 40px;
}
@media (min-width: 992px) {
.faq {
margin-top: 90px;
}
}
.accordion {
border: 1px solid #e4e4e4;
border-radius: 3px;
overflow: hidden;
}
@media (max-width: 992px) {
.accordion {
margin-bottom: 30px;
}
}
.accordion-item + .accordion-item {
border-top: 1px solid #e4e4e4;
}
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 22px 30px;
color: var(--theme-title-color);
font-size: 16px;
font-weight: var(--theme-title-weight);
text-align: left;
cursor: pointer;
background-color: #f8f8f7;
}
.accordion-header:hover,
.accordion-header[aria-expanded="true"] {
background-color: #eee;
}
.accordion-header .icon {
opacity: 0.5;
font-size: 18px;
line-height: 1;
transition: transform 0.2s ease;
}
.accordion-header[aria-expanded="true"] .icon {
opacity: 1;
transform: rotate(45deg);
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background: #fff;
}
.accordion-content p {
padding: 10px 30px;
margin: 0;
font-size: 17px;
}
.accordion-content p:first-child {
padding-top: 25px;
}
.accordion-content p:last-child {
padding-bottom: 25px;
}
.blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
@media (max-width: 768px) {
.blog-grid {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
}
.blog-grid .entry__post {
position: relative;
}
.blog-grid .entry__image {
margin-bottom: 30px;
}
.blog-grid .entry__image img {
border-radius: 6px;
}
.blog-grid .entry__title {
margin-top: 0;
margin-bottom: 16px;
font-size: 22px;
color: var(--theme-title-color);
}
.blog-grid .entry__title a {
color: inherit;
text-decoration: none;
}
.blog-grid .entry__title a:hover {
color: #000;
text-decoration: underline;
}
.blog-grid .entry__content p {
margin-bottom: 0;
}
.blog-grid .post-categories {
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
list-style: none;
}
.blog-grid .entry__meta {
display: flex;
align-items: center;
column-gap: 12px;
margin-top: 25px;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
}
.blog-grid .entry__meta .post-time {
display: flex;
align-items: center;
column-gap: 3px;
}
.blog-grid .entry__meta .post-time svg {
width: auto;
color: #a5a5a5;
font-size: 14px;
}
body.single-post .page__header__title {
font-size: 36px;
}
body.single-post .entry__meta {
padding-top: 10px;
font-size: 17px;
color: #a5a5a5;
}
body.single-post .entry__meta a {
color: #fff;
}
body.single-post .entry__meta .posted-on::before {
content: "•";
position: relative;
margin: 0 5px 0 3px;
line-height: 1;
font-size: 16px;
}
body.single-post .entry__image {
overflow: hidden;
margin-bottom: 40px;
border-radius: 3px;
}
body.single-post .entry__image img {
width: 100%;
}
body.single-post .entry__content {
position: relative;
font-size: 17px;
}
body.single-post .entry__content > p:not(:last-child) {
margin-bottom: 22px;
}
body.single-post .entry__content > p + .wp-block-buttons {
margin-top: 30px;
}
body.single-post .entry__content > p > a {
font-weight: 500;
text-decoration: underline;
}
body.single-post .entry__content > p > strong {
color: var(--theme-title-color);
}
body.single-post .entry__content > .wp-block-heading {
margin-top: 30px;
}
@media (min-width: 992px) {
body.single-post .entry__content > .wp-block-heading {
margin-top: 50px;
}
}
@media (min-width: 992px) {
body.single-post .entry__content > h2.wp-block-heading {
font-size: 36px;
}
}
@media (min-width: 992px) {
body.single-post .entry__content > h3.wp-block-heading {
font-size: 28px;
}
}
body.single-post .entry__content > .wp-block-image {
margin: 30px -45px;
}
@media (max-width: 991px) {
body.single-post .entry__content > .wp-block-image {
margin-left: 0;
margin-right: 0;
}
}
body.single-post .entry__content > .wp-block-image img {
border-radius: 3px;
}
body.single-post .entry__content .wp-block-table {
width: 100%;
overflow-x: auto;
margin: 1.5rem 0;
-webkit-overflow-scrolling: touch;  }
body.single-post .entry__content .wp-block-table table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 16px;
line-height: 1.5;
background: #fff;
border: 1px solid #e5e7eb;
}
body.single-post .entry__content .wp-block-table thead {
border-bottom: none;
}
body.single-post .entry__content .wp-block-table thead th {
background-color: #f3f4f6;
font-weight: 600;
text-align: left;
padding: 12px 14px;
border-color: #909090;
color: #111827;
}
body.single-post .entry__content .wp-block-table tbody td {
padding: 12px 14px;
border-color: #909090;
color: #374151;
vertical-align: top;
}
body.single-post .entry__content .wp-block-table tbody tr:hover {
background-color: #f3f4f6;
transition: background 0.2s ease;
}
body.single-post .entry__content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f9fafb;
}
@media (max-width: 768px) {
body.single-post .entry__content .wp-block-table table {
font-size: 14px;
}
body.single-post .entry__content .wp-block-table th,
body.single-post .entry__content .wp-block-table td {
padding: 10px;
}
}
body.single-post .entry__content ul,
body.single-post .entry__content ol {
margin-bottom: 30px;
padding-left: 15px;
}
body.single-post .entry__content .list-check,
body.single-post .entry__content .list-cross {
margin-top: -10px;
padding-left: 0px;
list-style: none;
}
body.single-post .entry__content .list-check li,
body.single-post .entry__content .list-cross li {
position: relative;
padding-left: 0;
}
body.single-post .entry__content .list-check li::before,
body.single-post .entry__content .list-cross li::before {
position: relative;
margin-right: 7px;
}
body.single-post .entry__content .list-check li::before {
content: "✓";
color: green;
font-size: 20px;
font-weight: bold;
}
body.single-post .entry__content .list-cross li {
margin-bottom: 10px;
}
body.single-post .entry__content .list-cross li::before {
content: "✖";
color: #c90808;
font-size: 18px;
}
body.single-post .entry__content .featured-text {
position: relative;
padding: 20px;
margin-top: 30px;
margin-bottom: 20px;
border-radius: 6px;
border: 1px solid #e1ebf1;
background-color: #f9f9f9;
}
@media (min-width: 580px) and (max-width: 991px) {
body.single-post .entry__content .featured-text {
padding: 30px 30px 30px 90px;
}
}
@media (min-width: 992px) {
body.single-post .entry__content .featured-text {
margin-left: -90px;
margin-right: -45px;
padding: 30px 50px 30px 90px;
}
}
@media (min-width: 580px) {
body.single-post .entry__content .featured-text::before {
position: absolute;
content: '“';
top: 25px;
left: 30px;
color: rgba(50, 50, 50, 0.2);
font-size: 100px;
font-family: Georgia, Times, 'Times New Roman', serif;
width: 50px;
height: 50px;
line-height: 97px;
}
}
@media (min-width: 992px) {
body.single-post .entry__content .featured-text::before {
position: absolute;
content: '“';
top: 25px;
left: 30px;
color: rgba(50, 50, 50, 0.2);
font-size: 100px;
font-family: Georgia, Times, 'Times New Roman', serif;
width: 50px;
height: 50px;
line-height: 97px;
}
}
body.single-post .entry__content .featured-text a {
background-image: linear-gradient(180deg, transparent 96%, #cd1d20 0%);
background-size: 0 100%;
background-repeat: no-repeat;
transition: all .2s ease;
}
body.single-post .entry__content .featured-text a:hover {
background-size: 100% 100%;
}
body.single-post .sharing-buttons {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 80px;
}
body.single-post .sharing-buttons span {
line-height: 1;
font-weight: 700;
color: #202020;
}
body.single-post .sharing-buttons-wrapper {
display: flex;
align-items: center;
gap: 6px;
}
body.single-post .sharing-buttons .social-btn {
width: 29px;
height: 29px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 13px;
border-radius: 50%;
background-color: #eee;
transition: background-color .1s ease;
}
body.single-post .sharing-buttons .social-btn svg {
fill: #202020;
transition: fill .1s ease;
}
body.single-post .sharing-buttons .social-btn:hover svg {
fill: #fff;
}
body.single-post .sharing-buttons .social-btn.facebook:hover {
background-color: #1877F2;
}
body.single-post .sharing-buttons .social-btn.x:hover {
background-color: #000000;
}
body.single-post .sharing-buttons .social-btn.linkedin:hover {
background-color: #0A66C2;
}
body.single-post .sharing-buttons .social-btn.whatsapp:hover {
background-color: #25D366;
}
body.single-post .sharing-buttons .social-btn.email:hover {
background-color: #EA4335;
}
body.single-post .related-posts {
margin-top: 60px;
}
@media (min-width: 1200px) {
body.single-post .related-posts {
margin-left: -280px;
margin-right: -280px;
}
}
body.single-post .related-posts .title {
font-size: 30px;
margin-bottom: 22px;
}
body.single-post .related-posts .entry__image {
margin-left: 0;
margin-right: 0;
margin-bottom: 30px;
}
body.single-post .related-posts .entry__title {
margin-bottom: 15px;
}
body.single-post .related-posts .entry__content {
font-size: 16px;
}
.simpletoc-title {
margin-top: 60px;
margin-bottom: 22px;
padding-bottom: 12px;
font-size: 30px;
border-bottom: 1px solid #d6d6d6;
}
@media (max-width: 580px) {
.simpletoc-title {
margin-top: 35px;
font-size: 24px;
}
}
ul.simpletoc-list {
padding: 0;
list-style: none;
}
ul.simpletoc-list ul {
list-style: none;
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
body.single-post .site-content > .container {
max-width: 46rem;
}
body.single-post.has-post-thumbnail .page__header {
padding-top: 120px;
padding-bottom: 130px;
}
body.single-post.has-post-thumbnail .featured-thumb {
margin-top: -150px;
}
}
@media (min-width: 992px) {
body.single-post.has-post-thumbnail .featured-thumb {
margin-top: -190px;
}
body.single-post .site-content {
padding: 60px 0 80px 0;
}
body.single-post .page__header > .container {
max-width: 980px;
}
body.single-post .page__header__title {
font-size: 52px;
}
body.single-post .entry__meta {
padding-top: 20px;
}
body.single-post .entry__image {
margin-left: -45px;
margin-right: -45px;
margin-bottom: 45px;
}
body.single-post .site-main {
max-width: 680px;
margin: 0 auto;
}
body.single-post .wp-element-caption {
font-size: 13px;
font-style: italic;
max-width: 680px;
margin: 10px auto 0 auto;
}
}
body.single-post .blog-cta {
overflow: hidden;
max-width: 815px;
margin: 40px -68px 0;
padding: 60px 45px 0 45px;
border-radius: 6px;
background-color: #f3f5f6;
}
@media (max-width: 992px) {
body.single-post .blog-cta {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 768px) {
body.single-post .blog-cta:hover .wp-block-image img {
top: -10px;
}
}
body.single-post .blog-cta .wp-block-heading {
font-size: 26px;
margin-top: 0;
}
@media (min-width: 768px) {
body.single-post .blog-cta .wp-block-buttons {
margin: 20px 0 50px 0;
}
}
body.single-post .blog-cta .wp-block-buttons .wp-block-button__link {
padding-left: 30px;
padding-right: 30px;
}
body.single-post .blog-cta .wp-block-image {
margin-bottom: -60px;
max-width: 600px;
box-shadow: 0 1px 8px rgba(33, 33, 33, 0.08);
}
@media (min-width: 992px) {
body.single-post .blog-cta .wp-block-image {
margin-top: -10px;
}
}
body.single-post .blog-cta .wp-block-image img {
position: relative;
top: 0;
transition: top .3s ease-in-out;
}
body.author .author-info {
margin-top: 0;
margin-bottom: 60px;
}
.author-info {
display: flex;
align-items: flex-start;
margin-top: 30px;
padding: 40px;
border-radius: 6px;
border: 1px solid #ebebeb;
}
@media (max-width: 580px) {
.author-info {
flex-direction: column;
gap: 20px;
padding: 30px;
}
}
.author-info .author-avatar {
width: 80px;
flex-shrink: 0;
margin-right: 25px;
}
.author-info .author-avatar img {
border-radius: 50%;
}
.author-info .author-description h3 {
margin-bottom: 12px;
color: var(--theme-title-color);
font-size: 20px;
}
.author-info .author-description p {
margin-top: 10px;
margin-bottom: 0;
}
.sidebar .widget {
margin-bottom: 50px;
}
.sidebar ul {
padding-left: 0;
list-style: none;
}
.sidebar .widget-title {
margin-bottom: 20px;
}
.nav-links {
display: flex;
align-items: center;
column-gap: 10px;
margin-top: 100px;
}
.nav-links .page-numbers {
display: inline-flex;
padding: 18px 30px;
color: var(--theme-title-color);
font-weight: var(--theme-title-weight);
text-decoration: none;
border-radius: 3px;
background-color: #f6f6f6;
}
.nav-links .page-numbers:hover {
color: #d42428;
text-decoration: underline;
background-color: #f4f4f4;
}
.nav-links .page-numbers.next {
margin-left: auto;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
margin-bottom: 20px;
padding: 18px 20px;
width: 100%;
border: 1px solid #e1e1e1;
border-radius: 3px;
background-color: #f9f9f9;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
outline: none;
border-color: #b1b1b1;
}
.wpcf7 [class^="col"] {
padding-left: 15px;
padding-right: 15px;
}
.wpcf7 p {
margin-bottom: 0;
}
.wpcf7-submit {
border-left: none;
border-top: none;
border-right: none;
cursor: pointer;
}
.wpcf7-radio {
display: block;
margin-bottom: 20px;
}
.wpcf7-radio input {
width: 25px;
height: 25px;
color: #565563;
border: 1px solid #eee;
border-radius: 2px;
background-color: #f5f5f5;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
outline: none;
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
transition: all 100ms ease;
}
.wpcf7-radio input:hover {
background-color: #eee;
}
.wpcf7-radio input:checked {
border-color: #65668f;
background-image: url(//qreativethemes.com/wp-content/themes/qreativethemes/assets/images/checkmark.svg);
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
background-color: #65668f;
}
span.wpcf7-list-item {
margin: 0 0 10px 0;
display: inline-flex;
align-items: center;
}
.wpcf7-radio span.wpcf7-list-item {
width: 50%;
}
.wpcf7-radio .wpcf7-list-item-label {
margin-left: 12px;
}
.wpcf7-recaptcha,
.wpcf7-turnstile {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
input.wpcf7-not-valid {
border-color: #d42428;
}
.wpcf7-not-valid-tip {
color: #d42428;
margin-top: -15px;
margin-bottom: 20px;
}
.wpcf7-response-output {
text-align: center;
}
.wpcf7 .wpcf7-spinner {
position: absolute;
}
::-webkit-input-placeholder {
color: #a19ea2;
}
:-ms-input-placeholder {
color: #a19ea2;
}
::placeholder {
color: #a19ea2;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
resize: vertical;
}
.services-column {
padding: 40px;
border-radius: 6px;
border: 1px solid rgba(33, 33, 33, 0.08);
background: var(--theme-section-bg-color);
}
.services-column a:not(.wp-block-button__link) {
color: #333;
}
body.page-template-template-documentation .site-main [class^="col"] {
padding-left: 1em;
padding-right: 1em;
}
.docs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
@media (min-width: 992px) {
.docs-grid {
grid-template-columns: repeat(5, 1fr);
}
}
.documentation__item {
position: relative;
display: block;
text-align: center;
padding: 40px 30px;
border: 1px solid #eee;
border-radius: 2px;
text-decoration: none;
transition: all 0.2s ease;
}
.documentation__item:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
transform: translateY(-3px);
}
.documentation__item:hover p {
color: var(--theme-title-color);
}
.documentation__item img {
margin-bottom: 25px;
}
.documentation__item .doc-title {
margin-bottom: 10px;
color: var(--theme-title-color);
font-size: 20px;
}
.documentation__item p {
margin-bottom: 0;
color: #646464;
}
.site-footer {
padding: 80px 0 40px 0;
background-color: #171c21;
}
@media (min-width: 992px) {
.site-footer {
padding: 80px 0;
}
}
.site-footer .widget-title {
margin-top: 0;
margin-bottom: 20px;
color: #fff;
font-size: 20px;
}
.site-footer .widget + .widget {
margin-top: 30px;
}
.site-footer ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer p {
color: #8291a4;
}
.site-footer p:last-child {
margin-bottom: 0;
}
.site-footer a {
display: inline-flex;
padding: 5px 0;
color: #96a8be;
text-decoration: none;
}
.site-footer a:hover {
color: #fff;
}
.site-footer .mr-auto {
margin-right: auto;
}
.site-footer .logo img {
margin-bottom: 20px;
border-radius: 0;
}
.site-footer .logo,
.site-footer .widget_nav_menu {
margin-bottom: 40px;
}
@media (min-width: 992px) {
.site-footer .logo,
.site-footer .widget_nav_menu {
margin-bottom: 0;
}
}
.site-footer #menu-footer-one {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-narrow .site-main {
max-width: 800px;
margin: 0 auto;
}
.page-narrow h3.wp-block-heading {
font-size: 32px;
}
.page-narrow .wp-block-heading:not(:first-child) {
margin-top: 40px;
}
.page-narrow strong {
color: var(--theme-title-color);
}
@media (min-width: 992px) {
.error-404 h2 {
font-size: 42px;
margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.error-404 p {
margin-bottom: 30px;
}
}
.back-to-top {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
padding: 13px 16px;
font-size: 16px;
color: #fff;
cursor: pointer;
z-index: 1000;
border: none;
border-radius: 6px;
background-color: rgba(38, 38, 38, 0.9);
transition: background .1s ease;
}
.back-to-top:hover {
background: #262626;
}
a.cky-banner-element {
padding: 8px 30px;
background: #f8f9fa;
color: #858a8f;
border: 1px solid #dee2e6;
border-radius: 2px;
cursor: pointer;
}
body.page-id-1085 .page__header,
body.page-id-1085 .site-content {
margin-bottom: 0;
}
body.page-id-1085 .site-content {
padding: 0;
}
body.page-id-1085 .site-content .container {
width: auto;
padding-left: 0;
padding-right: 0;
}
body.page-id-1085 #fs_dashboard_container {
height: 800px;
}