.wp-block-webdevia-text-with-icon {
display: flex;
gap: 1rem;
}
.wp-block-webdevia-text-with-icon img {
width: 100%;
}
.wp-block-webdevia-text-with-icon p {
margin: 5px 0;
}
.wp-block-webdevia-text-with-icon__info__title__position-top {
flex-direction: column;
gap: 0.2rem;
}
.wp-block-webdevia-text-with-icon__info__title__position-right {
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
gap: 1rem;
}
.wp-block-webdevia-text-with-icon__info__title__position-bottom {
flex-direction: column-reverse;
gap: 0.2rem;
}
.wp-block-webdevia-text-with-icon__info__title__position-left {
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 1rem;
}
@media (max-width: 750px) {
.wp-block-webdevia-text-with-icon__info__title__position-top, .wp-block-webdevia-text-with-icon__info__title__position-right, .wp-block-webdevia-text-with-icon__info__title__position-bottom, .wp-block-webdevia-text-with-icon__info__title__position-left {
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
}
.wp-block-webdevia-text-with-icon__info__title__text {
margin: 0;
}
.wp-block-webdevia-text-with-icon__position-top {
flex-direction: column;
gap: 0.2rem;
}
.wp-block-webdevia-text-with-icon__position-right {
flex-direction: row-reverse;
justify-content: flex-start;
}
.wp-block-webdevia-text-with-icon__position-bottom {
flex-direction: column-reverse;
gap: 0.2rem;
}
.wp-block-webdevia-text-with-icon__position-left {
flex-direction: row;
}
@media (max-width: 750px) {
.wp-block-webdevia-text-with-icon__position-top, .wp-block-webdevia-text-with-icon__position-right, .wp-block-webdevia-text-with-icon__position-bottom, .wp-block-webdevia-text-with-icon__position-left {
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
}.wp-block-webdevia-pricing-table {
padding: 50px 30px 45px;
margin-inline: auto;
transition: all 0.4s ease-in-out;
}
.wp-block-webdevia-pricing-table:hover {
transform: translate3d(0, -10px, 0) !important;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.wp-block-webdevia-pricing-table hr {
max-width: unset !important;
}
.wp-block-webdevia-pricing-table ul, .wp-block-webdevia-pricing-table li {
font-size: inherit !important;
}
.wp-block-webdevia-pricing-table ul {
padding: 0 !important;
}
.wp-block-webdevia-pricing-table li {
list-style-type: none;
color: inherit !important;
}
.wp-block-webdevia-pricing-table__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.wp-block-webdevia-pricing-table__header h3 {
font-size: inherit !important;
}
.wp-block-webdevia-pricing-table__header-right h3, .wp-block-webdevia-pricing-table__header-left h3 {
margin-block-end: 0;
}
.wp-block-webdevia-pricing-table__header-right > :nth-child(2), .wp-block-webdevia-pricing-table__header-left > :nth-child(2) {
font-size: 14px;
}
.wp-block-webdevia-pricing-table__body {
font-weight: 400;
}
.wp-block-webdevia-pricing-table__body__option__icon svg {
display: block;
width: 30px;
height: 100%;
}
.wp-block-webdevia-pricing-table__body__option__icon__check {
fill: #FFF;
}
.wp-block-webdevia-pricing-table__body__option__icon__close {
fill: #ffc400;
}
.wp-block-webdevia-pricing-table__sub-body {
font-weight: 500;
}
.wp-block-webdevia-pricing-table__sub-body__option, .wp-block-webdevia-pricing-table__body__option {
display: flex;
align-items: center;
justify-content: space-between;
}.wd-block-webdevia-progress-bar .meter {
background-color: #ccc;
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
display: block;
height: 45px;
margin-bottom: 10px;
position: relative;
color: inherit;
}
.wd-block-webdevia-progress-bar .meter > span {
display: block;
height: 100%;
color: inherit;
background-color: rgb(43, 194, 83);
background-image: linear-gradient(to top, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%);
box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
position: relative;
overflow: hidden;
transition: width 1.5s ease-out;
}
.wd-block-webdevia-progress-bar .meter p {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding-inline-start: 0.7rem;
font-size: 1.3rem;
color: inherit;
}
.wd-block-webdevia-progress-bar .meter > span:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
z-index: 1;
background-size: 50px 50px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
.wd-block-webdevia-progress-bar .meter > span.animate-stripes::after {
animation: move 1.5s linear infinite;
}
.wd-block-webdevia-progress-bar .animate > span:after {
display: none;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.wd-block-webdevia-progress-bar .nostripes > span > span,
.wd-block-webdevia-progress-bar .nostripes > span::after {
background-image: none;
}.wp-block-webdevia-tabs {
--border-width: 3px;
--border-radius: 8px;
--border-color: #000;
--title-color: #000;
--title-background: transparent;
--tab-color: white;
--active-title-color: var(--title-color);
--active-title-background: var(--tab-color);
--content-text-color: inherit;
--content-padding: 16px;
--title-padding: 16px;
--title-border-width: var(--border-width);
--active-title-border-color: #ed6f57;
--border-side-width: 3px;
--font-size: 18px;
margin: 15px 0px;
}
.wp-block-webdevia-tabs.has-dark-bg {
--active-title-color: #fff;
}
.wp-block-webdevia-tabs.has-dark-bg .wp-block-webdevia-tabs__content {
color: #fff;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tabs__header {
display: flex;
flex-direction: row;
justify-content: flex-start;
border-color: var(--border-color);
}
@media (max-width: 800px) {
.wp-block-webdevia-tabs .wp-block-webdevia-tabs__header {
display: none;
}
}
.wp-block-webdevia-tabs .wp-block-webdevia-tabs__header_item {
font-size: var(--font-size);
padding: var(--title-padding);
color: var(--title-color);
background-color: var(--title-background);
border-width: var(--title-border-width);
cursor: pointer;
margin: 0px;
display: flex;
align-items: center;
border-color: transparent;
border-style: solid;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tabs__header_item > * {
margin: unset;
padding: unset;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tabs__header_item.active {
color: var(--active-title-color);
background: var(--active-title-background, white);
border-width: var(--title-border-width);
border-color: var(--border-color);
border-style: solid;
position: relative;
z-index: 4;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tabs__header_item > * {
font-size: var(--font-size);
}
.wp-block-webdevia-tabs .wp-block-webdevia-tabs__header_item.hidden {
display: block;
}
.wp-block-webdevia-tabs:not(.has-pos-left, .is-style-border) > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item {
border-bottom-width: 0px;
}
@media (max-width: 800px) {
.wp-block-webdevia-tabs:not(.has-pos-left, .is-style-border) .wp-block-webdevia-tab :is(.wp-block-webdevia-tab__header.active) {
border-bottom-width: 0px;
}
}
.wp-block-webdevia-tabs:not(.has-pos-left) > .wp-block-webdevia-tabs__header {
align-items: flex-end;
}
.wp-block-webdevia-tabs:not(.has-pos-left) > .wp-block-webdevia-tabs__header button {
margin-left: 10px;
}
.wp-block-webdevia-tabs:not(.has-pos-left) .wp-block-webdevia-tabs__header_item {
margin-bottom: calc(0px - var(--border-side-width));
word-break: break-all;
overflow-wrap: break-word;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab {
display: flex;
margin: 0px;
}
@media (max-width: 800px) {
.wp-block-webdevia-tabs .wp-block-webdevia-tab {
display: block;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab :is(.wp-block-webdevia-tab__header, .wp-block-webdevia-tab__content) {
box-sizing: border-box;
}
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab:not(:last-child) > .wp-block-webdevia-tab__header:not(.active) {
border-bottom-width: 0px;
}
@media (max-width: 800px) {
.wp-block-webdevia-tabs .wp-block-webdevia-tab:not(:last-child) > .wp-block-webdevia-tab__content {
border-bottom-width: 0px;
}
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__header {
width: 100%;
border-style: solid;
border-width: var(--border-width);
border-color: var(--border-color);
padding: var(--title-padding);
color: var(--title-color);
background-color: var(--title-background);
margin: 0px;
cursor: pointer;
}
@media (min-width: 800px) {
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__header {
display: none;
}
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__header.active {
color: var(--active-title-color);
background: var(--active-title-background);
border-color: var(--border-color);
border-bottom-width: 0px;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__header > * {
font-size: var(--font-size);
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__content {
border-width: var(--border-width);
border-style: solid;
border-color: var(--border-color);
width: 100%;
padding: var(--content-padding);
display: none;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__content :is(p, .wp-block-paragraph) {
color: var(--content-text-color);
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__content.active {
background: var(--tab-color);
display: block;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab .wp-block-webdevia-tab__content.hidden {
display: none;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab > :first-child .wp-block-webdevia-tab__content {
display: block;
}
.wp-block-webdevia-tabs .wp-block-webdevia-tab > :first-child .wp-block-webdevia-tab__content.hidden {
display: none;
}
.wp-block-webdevia-tabs:not(.has-pos-left).is-align-center > .wp-block-webdevia-tabs__header {
justify-content: center;
}
.wp-block-webdevia-tabs:not(.has-pos-left).is-align-right > .wp-block-webdevia-tabs__header {
justify-content: flex-end;
}
.wp-block-webdevia-tabs:not(.has-pos-left).is-align-full > .wp-block-webdevia-tabs__header {
justify-content: space-between;
}
.wp-block-webdevia-tabs:not(.has-pos-left).is-align-full > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item {
display: flex;
flex-grow: 1;
justify-content: center;
}
.wp-block-webdevia-tabs.is-style-boxed {
--border-width: 0px;
--title-border-width: var(--border-width);
--tab-color: #F5F5F5;
}
.wp-block-webdevia-tabs.is-style-boxed > .wp-block-webdevia-tabs__content > .wp-block-webdevia-tab {
display: flex;
}
@media (max-width: 800px) {
.wp-block-webdevia-tabs.is-style-boxed > .wp-block-webdevia-tabs__content > .wp-block-webdevia-tab {
flex-direction: column;
}
}
.wp-block-webdevia-tabs.is-style-boxed > .wp-block-webdevia-tabs__content > .wp-block-webdevia-tab > .wp-block-webdevia-tab__content {
flex-grow: 1;
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item, .wp-block-webdevia-tabs.is-style-border.has-pos-left > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item {
border-width: var(--title-border-width);
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item.active, .wp-block-webdevia-tabs.is-style-border.has-pos-left > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item.active {
border-top-width: 0px;
border-color: var(--active-title-border-color);
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) .wp-block-webdevia-tab__header, .wp-block-webdevia-tabs.is-style-border.has-pos-left .wp-block-webdevia-tab__header {
border-width: var(--title-border-width);
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item:not(.active) {
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item.active {
border-right-width: 0px;
border-left-width: 0px;
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > div.wp-block-webdevia-tabs__content > .wp-block-webdevia-tab > .wp-block-webdevia-tab__header {
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > div.wp-block-webdevia-tabs__content > .wp-block-webdevia-tab > .wp-block-webdevia-tab__header:not(.active) {
border-bottom-color: transparent;
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > div.wp-block-webdevia-tabs__content > .wp-block-webdevia-tab > .wp-block-webdevia-tab__header.active {
border-bottom-style: solid;
border-color: var(--active-title-border-color);
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > div.wp-block-webdevia-tabs__content > .wp-block-webdevia-tab > .wp-block-webdevia-tab__content {
border-left-width: 0px;
border-right-width: 0px;
}
@media (max-width: 800px) {
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > div.wp-block-webdevia-tabs__content > .wp-block-webdevia-tab > .wp-block-webdevia-tab__content {
border-top-width: 0px;
border-bottom-width: 0px;
}
}
@media (min-width: 800px) {
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > div.wp-block-webdevia-tabs__content > .wp-block-webdevia-tab > .wp-block-webdevia-tab__content {
border-bottom-width: 0px;
}
}
.wp-block-webdevia-tabs.has-pos-left {
display: flex;
flex-direction: row;
width: 100%;
}
.wp-block-webdevia-tabs.has-pos-left .wp-block-webdevia-tabs__header {
flex-direction: column;
max-width: 30%;
min-width: 12%;
}
.wp-block-webdevia-tabs.has-pos-left .wp-block-webdevia-tabs__header_item {
border-bottom-style: solid;
margin-right: calc(0px - var(--border-side-width));
}
.wp-block-webdevia-tabs.has-pos-left .wp-block-webdevia-tabs__content {
flex-grow: 1;
}
.wp-block-webdevia-tabs.has-pos-left .wp-block-webdevia-tab .wp-block-webdevia-tab__content {
width: 100%;
}
@media (min-width: 800px) {
.wp-block-webdevia-tabs.has-pos-left .wp-block-webdevia-tab:has(> .active) {
height: 100%;
}
}
.wp-block-webdevia-tabs.has-pos-left:not(.is-style-border) .wp-block-webdevia-tabs__header_item {
border-right-width: 0px;
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item, .wp-block-webdevia-tabs.is-style-border.has-pos-left > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item {
border-width: var(--title-border-width);
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item.active, .wp-block-webdevia-tabs.is-style-border.has-pos-left > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item.active {
border-top-width: 0px;
border-color: var(--active-title-border-color);
}
.wp-block-webdevia-tabs.is-style-border:not(.has-pos-left) .wp-block-webdevia-tab__header, .wp-block-webdevia-tabs.is-style-border.has-pos-left .wp-block-webdevia-tab__header {
border-width: var(--title-border-width);
}
@media (min-width: 800px) {
.wp-block-webdevia-tabs.is-style-border.has-pos-left > .wp-block-webdevia-tabs__header .wp-block-webdevia-tabs__header_item.active {
border-bottom-width: 0px;
border-left-color: transparent;
}
.wp-block-webdevia-tabs.is-style-border.has-pos-left .wp-block-webdevia-tab__content {
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
}
}
@media (max-width: 800px) {
.wp-block-webdevia-tabs.is-style-border.has-pos-left .wp-block-webdevia-tab__header {
border-color: var(--active-title-border-color);
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}
.wp-block-webdevia-tabs.is-style-border.has-pos-left .wp-block-webdevia-tab__header:not(.active) {
border-bottom-width: 0px;
}
.wp-block-webdevia-tabs.is-style-border.has-pos-left .wp-block-webdevia-tab__content {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}
}