.badge,
.btn {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s
}

.btn,
.c-support__content__contact-box {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

footer,
footer ul li a {
    color: rgb(var(--color-primary200))
}

a:hover,
footer label {
    color: rgb(var(--color-primary400))
}

.btn.btn-primary,
.c-feature-detail__content__main section.primary,
.c-feature-detail__content__main section.primary a {
    color: rgb(var(--color-white))
}

.c-home__features__head p,
.c-main-content blockquote {
    font-size: var(--size-large)
}

.accordion-toggle,
.btn {
    cursor: pointer
}

.badge,
.btn,
header ul li {
    display: inline-block
}

body {
    line-height: 1.4;
    background-color: rgb(var(--color-white));
    font-family: Mundial, sans-serif;
    color: var(--color-default-text)
}

.c-feature-detail__content__main section.primary,
footer {
    background-color: rgb(var(--color-primary800))
}

p:not(:last-child) {
    margin-bottom: 1rem
}

.c-feature-detail__hero__content h1,
.c-main-content .c-main-content__summary {
    margin-bottom: 20px;
    font-weight: var(--w-semi-bold)
}

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

header {
    padding: 30px 0;
    border-bottom: 1px solid rgb(var(--color-gray300))
}

header img,
header nav>ul>li:not(:last-child) {
    margin-right: 40px
}

header ul {
    list-style: none;
    margin-bottom: 0
}

a {
    color: rgb(var(--color-primary));
    text-decoration: none
}

a:hover {
    text-decoration: unset
}

.c-hero__description,
.c-home__features__head p,
header nav>ul li a {
    color: rgb(var(--color-gray500))
}

.btn {
    padding: .7rem .75rem;
    text-align: center;
    transition: .5s;
    border-radius: 8px
}

.btn.btn-primary {
    background-color: rgb(var(--color-primary))
}

.btn.btn-primary:hover {
    background-color: rgb(var(--color-primary700))
}

.badge.badge-primary,
.btn.btn-primary-light {
    background-color: rgb(var(--color-primary50));
    color: rgb(var(--color-primary700))
}

.badge.badge-white,
.btn.btn-white,
header.scroll-up {
    background-color: rgb(var(--color-white))
}

.btn.btn-white,
.c-feature-detail__content__sidebar ul li a {
    color: rgb(var(--color-default-text))
}

.btn.btn-primary-light:hover {
    background-color: rgb(var(--color-primary25))
}

.btn.btn-white {
    border: 1px solid rgb(var(--color-gray300))
}

.badge,
.c-cta-box.c-cta-box--radius {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.c-feature-detail__content__main section.with-border,
.c-main-content .c-main-content__summary,
.c-pricing__content__packages__package__body li:not(:last-child) {
    border-bottom: 1px solid rgb(var(--color-gray200))
}

.c-pricing__content__packages__package__head label {min-height:80px;}
.c-pricing__content__packages__package__head label s{display:block; opacity:.4; font-size:1.5rem; font-weight:300}

.btn.btn-white:hover,
.section-gray {
    background-color: rgb(var(--color-gray100))
}

.mr-20 {
    margin-right: 20px
}

.badge {
    --bs-badge-padding-x: .8em;
    --bs-badge-padding-y: .4em;
    --bs-badge-font-size: .9em;
    --bs-badge-font-weight: var(--w-regular);
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    border-radius: 16px;
    transition: .5s
}

.badge.badge-white {
    color: rgb(var(--color-primary700))
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

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

.c-icon {
    vertical-align: middle
}

h1 {
    font-size: var(--size-h1)
}

.text-primary {
    color: rgb(var(--color-primary)) !important;
}

.mt-24 {
    margin-top: 24px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.badge:hover {
    -webkit-box-shadow: 0 0 2px 0;
    -moz-box-shadow: 0 0 2px 0;
    box-shadow: 0 0 2px 0
}

.mt-48 {
    margin-top: 48px !important
}

.mt-40 {
    margin-top: 40px !important
}

.btn {
    outline: 0;
    border: none
}

input,
select,
textarea {
    padding: 18px 14px;
    border: 1px solid rgb(var(--color-gray300));
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: rgb(var(--color-primary)) auto 1px
}

.c-hero__form select {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.c-hero__form input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: 0;
}

.c-hero__form .btn {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0 16px 16px 0;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius-topright: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-radius-bottomright: 16px
}

.mt-64 {
    margin-top: 64px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-16 {
    margin-top: 16px !important
}

.c-home__hero,
.c-post-detail__hero {
    padding-top: 6rem
}

.c-home__hero h1 {line-height:1;}

.c-home__features {
    padding-top: 10rem;
    padding-bottom: 6rem
}

.c-home__features__head h2 strong {
    color: rgb(var(--color-primary));
    font-weight: var(--w-semi-bold)
}

h2 {
    font-size: 2.25rem;
    font-weight: var(--w-semi-bold)
}

.my-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

footer {
    padding-bottom: 48px;
    padding-top: 90px
}

footer ul {
    padding-left: 0;
    list-style-type: none
}

footer ul li:not(:last-child) {
    margin-bottom: 12px
}

footer ul li a {
    font-weight: var(--w-regular)
}

footer label {
    font-weight: var(--w-semi-bold);
    margin-bottom: 16px
}

.c-footer__end {
    margin-top: 7.8rem;
    border-top: 1px solid rgb(var(--color-primary100));
    padding-top: 32px;
    font-weight: var(--w-light)
}

.c-cta,
.c-feature-detail__content__sidebar__footer,
hr {
    border-top: 1px solid rgb(var(--color-gray200))
}

.c-footer__end a {
    color: inherit
}

.c-footer__end__social a:not(:last-child) {
    margin-right: 16px
}

.c-feature-detail__hero {
    min-height: 700px
}

.c-feature-detail__hero__image img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 476px
}

.c-feature-detail__hero__content p {
    margin-bottom: 24px;
    color: rgb(var(--color-primary700))
}

.c-feature-detail__content__main section {
    padding-top: 60px;
    min-height: 500px;
    padding-left: 50px;
    padding-bottom: 75px

}

/* .c-feature-detail__content__main section  .row{
    align-items: center;
} */

.c-feature-detail__content__main section h2 {
    font-weight: var(--w-semi-bold);
    font-size: var(--size-h2);
    color: rgb(var(--color-primary))
}

.c-feature-detail__content__main section p,
.c-main-content {
    font-size: var(--size-medium)
}

.c-feature-detail__content__main section.small-title h2 {
    font-size: var(--size-xlarge)
}

.c-feature-detail__content__main section.primary h2 {
    color: rgb(var(--color-primarylight))
}

.c-feature-detail__content__main section.primary-light {
    background-color: rgb(var(--color-primary25))
}

.c-feature-detail__content__main section.pink {
    background-color: rgb(var(--color-primarylight));
    color: rgb(var(--color-primary800))
}

.c-feature-detail__content__main section.pink a,
.c-feature-detail__content__main section.pink h2 {
    color: rgb(var(--color-primary800))
}

.c-feature-detail__content__main section img {
    -o-object-fit: cover;
    object-fit: cover;
}

.c-feature-detail__content__main section.pink h2 {
    margin-top: 60px
}

.c-feature-detail__content__sidebar {
    padding-top: 38px;
    -webkit-box-shadow: 9px 4px 20px 0 rgba(var(--color-primary400), .1);
    -moz-box-shadow: 9px 4px 20px 0 rgba(var(--color-primary400), .1);
    box-shadow: 9px 4px 20px 0 rgba(var(--color-primary400), .1);
    height: 100%;
    padding-left: 50px
}

.c-feature-detail--deep-dive .c-feature-detail__content__sidebar,
.list-plain,
header .menu {
    padding-left: 0
}

.c-feature-detail__content__sidebar__inner {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    padding-bottom: 60px;
		padding-top:83px;
}

.c-feature-detail__content__sidebar ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 35px
}

.c-feature-detail__content__sidebar ul li:not(:last-child) {
    margin-bottom: 30px
}

.c-feature-detail__content__sidebar ul li a.active,
.c-feature-detail__content__sidebar ul li a:hover {
    text-decoration: none !important
}

.c-link-with-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: rgb(var(--color-primary))
}

.c-link-with-icon::after {
    content: "";
    display: inline-block;
    background-image: url("../img/caret-icon.svg");
    background-repeat: no-repeat;
    margin-left: 7px;
    width: .6em;
    height: .6em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.c-link-with-icon.c-link-with-icon--white::after {
    background-image: url("../img/link-icon-white.svg");
}

.c-feature-detail--deep-dive .c-feature-detail__content__main {
    padding-left: 70px;
    padding-top: 40px
}

.c-main-content {
    padding-bottom: 150px
}

.c-main-content h2 {
    margin-top: 85px
}

.c-main-content .c-main-content__summary {
    color: rgb(var(--color-primary));
    font-size: var(--size-xlarge);
    padding-bottom: 20px
}

.c-main-content blockquote {
    border-left: 2px solid rgb(var(--color-primary));
    padding-left: 20px;
    color: rgb(var(--color-primary));
    margin-top: 25px
}

.c-cta {
    padding-top: 60px
}

.c-feature-detail__content__sidebar__footer {
    margin-top: 60px;
    padding-top: 30px
}

.c-solution-detail__key-features__items,
hr {
    margin-top: 40px
}

.c-feature-detail__content__sidebar__footer a {
    color: rgb(var(--color-primary))
}



.c-solution-detail__hero {
    position: relative;
    min-height: 700px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-solution-detail__hero .container {
    z-index: 3;
    text-align: center
}

.c-solution-detail__hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-white), .9);
    z-index: 2
}

.c-solution-detail__hero img {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
	object-position:top;
}

.c-solution-detail__hero h1 {
    font-size: var(--size-h2);
    font-weight: var(--w-semi-bold);
    margin-bottom: 10px
}

.c-solution-detail__hero label {
    font-size: var(--size-hero);
    display: block;
    color: rgb(var(--color-primary));
    font-weight: var(--w-semi-bold);
    margin-bottom: 40px
}

.c-solution-detail__content {
    padding-top: 60px;
    padding-bottom: 125px
}

.c-solution-detail__key-features__items__item__dot {
    width: 118px;
    height: 118px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgb(var(--color-primary700));
    margin-bottom: 30px;
    text-align: center;
    display: inline-block;
    justify-content:center;
    align-items:center;
    display:inline-flex;
}

.c-solution-detail__key-features__items__item {
    text-align: center
}

.c-solution-detail__features__items__item h3,
.c-solution-detail__key-features__items__item h3,
.c-solution-detail__features__items__item h2{
    font-size: var(--size-xlarge);
    font-weight: var(--w-semi-bold);
    color: rgb(var(--color-primary));
    margin-bottom: 8px
}

.c-solution-detail__key-features {
    padding-bottom: 185px
}

.c-solution-detail__features {
    margin-bottom: 180px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-white), 1)), color-stop(50%, rgb(var(--color-gray100))), to(rgba(var(--color-white), 1)));
    background: -webkit-linear-gradient(top, rgba(var(--color-white), 1) 0, rgb(var(--color-gray100)) 50%, rgba(var(--color-white), 1) 100%);
    background: -moz-linear-gradient(top, rgba(var(--color-white), 1) 0, rgb(var(--color-gray100)) 50%, rgba(var(--color-white), 1) 100%);
    background: -o-linear-gradient(top, rgba(var(--color-white), 1) 0, rgb(var(--color-gray100)) 50%, rgba(var(--color-white), 1) 100%);
    background: linear-gradient(180deg, rgba(var(--color-white), 1) 0, rgb(var(--color-gray100)) 50%, rgba(var(--color-white), 1) 100%)
}

.c-solution-detail__features__items__item img {
    height: 440px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;

}

.c-solution-detail__features__items__item:not(:last-child) {
    margin-bottom: 60px
}

.c-cta-box h2,
.c-form-group:not(:last-child),
.c-pricing__content__addons__items__item:not(:last-child) {
    margin-bottom: 20px
}

.c-solution-detail__features__items__item:nth-child(2n) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-solution-detail__box {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-primary50), 1)));
    background: -webkit-linear-gradient(left, transparent 0, rgba(var(--color-primary50), 1) 100%);
    background: -moz-linear-gradient(left, transparent 0, rgba(var(--color-primary50), 1) 100%);
    background: -o-linear-gradient(left, transparent 0, rgba(var(--color-primary50), 1) 100%);
    background: linear-gradient(90deg, transparent 0, rgba(var(--color-primary50), 1) 100%);
    -webkit-box-shadow: 5px 5px 20px 0 rgba(var(--color-primary), .25);
    -moz-box-shadow: 5px 5px 20px 0 rgba(var(--color-primary), .25);
    box-shadow: 5px 5px 20px 0 rgba(var(--color-primary), .25);
    margin-bottom: 160px;
    padding-top: 80px;
    padding-bottom: 60px;
    font-size: var(--size-h2)
}

.c-cta-box {
    position: relative
}

.c-cta-box p {
    font-size: var(--size-large);
    margin-bottom: 30px
}

.c-cta-box.c-cta-box--pink {
    background-color: rgb(var(--color-primarylight))
}

.c-cta-box.c-cta-box--radius {
    border-radius: 16px
}

.c-cta-box img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-pricing__hero {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-primary50), 1)));
    background: -webkit-linear-gradient(left, transparent 0, rgba(var(--color-primary50), 1) 100%);
    background: -moz-linear-gradient(left, transparent 0, rgba(var(--color-primary50), 1) 100%);
    background: -o-linear-gradient(left, transparent 0, rgba(var(--color-primary50), 1) 100%);
    background: linear-gradient(90deg, transparent 0, rgba(var(--color-primary50), 1) 100%);
    padding-top: 6.25rem;
    padding-bottom: 4.375rem
}

.c-pricing__content {
    padding-top: 40px;
    padding-bottom: 40px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-gray100), 1)));
    background: -webkit-linear-gradient(left, transparent 0, rgba(var(--color-gray100), 1) 100%);
    background: -moz-linear-gradient(left, transparent 0, rgba(var(--color-gray100), 1) 100%);
    background: -o-linear-gradient(left, transparent 0, rgba(var(--color-gray100), 1) 100%);
    background: linear-gradient(90deg, transparent 0, rgba(var(--color-gray100), 1) 100%)
}

.list-plain {
    list-style: none;
    margin-bottom: 0
}

.c-pricing__content__packages .c-pricing__content__packages__package:not(.c-pricing__content__packages__package--features) {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: rgb(var(--color-white));
    border: 1px solid rgb(var(--color-gray200))
}

.c-pricing__content__packages .c-pricing__content__packages__package__head {
    height: 270px;
    text-align: center;
    padding: 32px;
    font-weight: var(--w-semi-bold);
    border-bottom: 1px solid rgb(var(--color-primary))
}

.c-pricing__content__packages .c-pricing__content__packages__package__head h2 {
    font-size: var(--size-xxlarge);
    margin-bottom: 10px
}

.c-pricing__content__packages .c-pricing__content__packages__package__head label {
    font-size: var(--size-h2);
    margin-bottom: 10px
}

.c-pricing__content__packages .c-pricing__content__packages__package__head p {
    color: rgb(var(--color-gray500));
    font-weight: var(--w-regular);
    margin-bottom: 40px
}

.w-100 {
    width: 100% !important
}

.c-pricing__content__packages__package__body li {
    text-align: center;
    padding: 26px 0;
    font-size: var(--size-small);
    height: 70px
}

.c-pricing__content__packages__package--features .c-pricing__content__packages__package__body {
    background-color: rgb(var(--color-white));
    border-bottom: none !important;
    background-color: rgb(var(--color-white))
}

.c-pricing__content__packages__package--features li {
    text-align: start;
    font-weight: var(--w-semi-bold);
    color: rgb(var(--color-primary))
}

.c-pricing__content__packages__package--features .c-pricing__content__packages__package__head {
    border-bottom: unset !important
}

.c-pricing__content__addons {
    margin-top: 80px
}

.c-pricing__content__addons h2 {
    font-size: var(--size-xxlarge);
    margin-bottom: 15px
}

.c-pricing__content__addons__items__item {
    padding: 20px;
    border: 1px solid rgb(var(--color-gray200));
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: rgb(var(--color-white))
}

.c-pricing__content__addons__items__item h3 {
    font-size: var(--size-h2);
    font-weight: var(--w-semi-bold);
    color: rgb(var(--color-primary700));
    margin-bottom: 15px
}

.c-pricing__content__addons__items__item label {
    font-size: var(--size-h2);
    font-weight: var(--w-semi-bold);
    display: block;
    margin-bottom: 10px
}

hr {
    margin-bottom: 40px
}

.c-blog__hero {
    padding-top: 6rem;
    padding-bottom: 6.9rem;
    background: rgb(var(--color-primary50))
}

.c-blog__hero h1 {
    font-size: var(--size-hero);
    font-weight: var(--w-semi-bold);
    margin-bottom: 24px;
    color: rgb(var(--color-primary900))
}

.c-blog__hero p {
    font-size: var(--size-large);
    color: rgb(var(--color-primary700))
}

.c-blog__posts__item p,
.c-blog__posts__item__footer label time,
.c-post-detail__content,
.text-muted {
    color: rgb(var(--color-gray500))
}

.c-post-detail__content table tr,th,td{text-align:left; vertical-align:top}

.c-blog__posts {
    padding-top: 3.12rem;
    padding-bottom: 6rem
}

.c-blog__posts__item {
    padding: 24px;
    border: 1px solid rgb(var(--color-gray300));
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgb(var(--color-white));
    min-height: 500px
}

.c-blog__posts__item__img img {
    max-height: 240px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 24px
}

.c-blog__posts__item .c-blog__posts__item__body label {
    display: block;
    color: rgb(var(--color-primary700));
    font-size: var(--size-small);
    font-weight: var(--w-semi-bold);
    margin-bottom: 12px
}

.c-blog__posts__item .c-blog__posts__item__title a {
    font-size: var(--size-xlarge);
    font-weight: var(--w-semi-bold);
    margin-bottom: 12px;
    color: rgb(var(--color-default-text))
}

.c-blog__posts__item__footer {
    font-size: var(--size-small);
    margin-top: 24px
}

.c-blog__posts__item__footer label {
    font-weight: var(--w-semi-bold);
    display: block
}

.c-post-detail__hero__image {
    width: 100%;
}

.c-post-detail__content {
    padding: 6rem 0;
	font-size: var(--size-medium);
    line-height: 1.8;
    text-align: start;
}

.c-post-detail__content img {
    margin: 48px 0;
    width: auto
}

.c-post-detail__content .wp-caption-text {
    text-align: center;
    font-size: var(--size-small);
    margin-top: -10px;
    color: rgb(var(--color-gray500))
}

.c-post-detail__content h2,
.c-post-detail__content h3,
.c-post-detail__content h4,
.c-post-detail__content h5,
.c-post-detail__content h6 {
    font-weight: var(--w-semi-bold);
    margin-top: 48px;
    margin-bottom: 16px;
    color: rgb(var(--color-default-text));
	font-weight:400;
}

.c-post-detail__content h3 {
    font-size: var(--size-xxlarge)
}

.c-post-detail__content h4 {
    font-size: var(--size-xlarge)
}

.c-post-detail__content h5 {
    font-size: var(--size-large)
}

.c-post-detail__content h6 {
    font-size: var(--size-medium)
}

.c-post-detail__content pre {
    background-color: rgb(var(--color-primary50));
    padding: 15px;
    font-family: Courier;
    line-height: 12px;
    font-size: var(--size-small)
}

.c-post-detail__content blockquote {
    border-left: 2px solid rgb(var(--color-primary700));
    padding-left: 20px;
    color: rgb(var(--color-default-text));
    font-size: var(--size-xlarge);
    margin: 48px 0;
    font-style: italic
}

.c-post-detail__content blockquote em {
    font-style: normal;
    color: rgb(var(--color-gray500));
    font-size: var(--size-regular);
    margin-top: 32px
}

.c-post-detail__content__gray-box {
    background-color: rgb(var(--color-gray50));
    padding: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: var(--size-medium)
}

.c-post-detail__content__gray-box h2 {
    margin-top: 0
}

.c-post-detail__content__footer {
    margin-top: 48px;
    border-top: 1px solid rgb(var(--color-gray300));
    padding-top: 24px
}

.c-post-detail__content__footer .c-post-detail__content__footer__author label {
    color: rgb(var(--color-default-text));
    margin-bottom: 0
}

.c-post-detail__other-posts {
    background-color: rgb(var(--color-primary200));
    padding-top: 3rem;
    padding-bottom: 6rem
}

.c-post-detail__other-posts__title {
    font-size: var(--size-hero)
}

.accordion-toggle.active .show-if-accordion-not-toggled,
.accordion-toggle:not(.active) .accordion-content,
.accordion-toggle:not(.active) .show-if-accordion-toggled {
    display: none
}

.c-support__content {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.c-support__content__accordion {
    background-color: rgb(var(--color-white));
    padding: 40px 5.6rem
}

.bg-body-gray {
    background-color: rgb(var(--color-gray50)) !important
}

.c-support__content__accordion__item {
    padding: 25px 0
}

.c-support__content__accordion__item h2 {
    margin-bottom: 0
}

.c-support__content__accordion__item p,
.c-support__content__accordion__item p,
.c-support__content__accordion__item ul{
    color: rgb(var(--color-gray500))
}

.c-support__content__accordion__item:not(:last-child) {
    border-bottom: 1px solid rgb(var(--color-gray200))
}

.mb-10 {
    margin-bottom: 10px !important
}

.c-support__content__contact-box {
    padding: 32px;
    height: 100%;
    border-radius: 8px
}

.bg-white {
    background-color: rgb(var(--color-white)) !important
}

.c-form-group label {
    font-size: var(--size-small);
    font-weight: var(--w-medium);
    display: block
}

.c-form-group input,
.c-form-group select,
.c-form-group textarea {
    border-color: rgb(var(--color-gray300));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 4px -2px rgba(16, 24, 40, .06);
    -moz-box-shadow: 0 0 4px -2px rgba(16, 24, 40, .06);
    box-shadow: 0 0 4px -2px rgba(16, 24, 40, .06);
    padding: 10px 14px;
    width: 100%
}

.c-form-group input:focus,
.c-form-group select:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(0, 0, 0, );
    -moz-box-shadow: 0 0 0 .25rem rgba(0, 0, 0, );
    box-shadow: 0 0 0 .25rem rgba(0, 0, 0, )
}

.c-form-group input:focus-visible,
.c-form-group select:focus-visible {
    outline: solid 1px
}

.c-form-group .form-check-input:checked {
    background-color: #000;
    border-color: #000
}

.c-contact__hero img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: -webkit-calc(100vh);
    max-height: -moz-calc(100vh);
    max-height: calc(100vh);
}

@media(min-width:992px) {
    .c-mobile-navigation {
        display: none
    }

    .c-cta-box .c-cta-box__content {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .c-contact__hero .container-fluid {
        --bs-gutter-x: 0rem !important
    }
}

.c-contact__body {
    padding: 40px 0
}

header .menu>.menu-item {
    position: relative;
    border-bottom: 2px solid transparent
}

header .menu>.menu-item .sub-menu {
    position: absolute;
    top: 25px;
    left: 0;
    background-color: rgb(var(--color-white));
    -webkit-box-shadow: 0 0 10px 0 rgba(var(--color-primary400), .1);
    -moz-box-shadow: 0 0 10px 0 rgba(var(--color-primary400), .1);
    box-shadow: 0 0 10px 0 rgba(var(--color-primary400), .1);
    padding: 20px;
    z-index: 10;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
    visibility: hidden;
    width: 272px
}

header .menu>.menu-item:hover {
    border-color: rgb(var(--color-primary))
}

header .menu>.menu-item:hover .sub-menu {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    visibility: visible;
    padding-top: 40px
}

.c-solution-detail__key-features__items__item label {
    font-weight: var(--w-semi-bold);
    font-size: var(--size-large);
}

.c-home__features__items .c-solution-detail__key-features__items__item p {
    color: rgb(var(--color-gray500));
}

.c-home__features {
    background: linear-gradient(180deg, rgb(var(--color-gray100)) 0%, rgba(var(--color-white), 1) 100%);
    padding-bottom: 200px;
}

.c-cta-box.c-cta-box--primary {
    background-color: rgb(var(--color-primary));
}

.c-cta-box.c-cta-box--primary p {
    color: rgb(var(--color-primarylight));
}

.btn.btn-pink {
    background-color: rgb(var(--color-primarylight));
    color: rgb(var(--color-white));
}

.btn.btn-pink:hover {
    background-color: rgba(var(--color-primarylight),.7);
}


.show-on-active:not(.active),
.c-tab-content:not(.active) {
    display: none;
}

.c-home__tabs {
    padding-top: 6rem;
    padding-bottom: 4rem;
    background-color: rgb(var(--color-gray100));
}

.c-home__tabs__body {
    margin-top: 4rem;
    background-color: rgb(var(--color-white));
    box-shadow: 5px 5px 20px 0 rgba(var(--color-primary), .25);
    border-radius: 40px;
    padding: 6rem;

}

.c-home__tabs__body__tabs .c-tab-item {
    border-radius: 16px;
    background-color: rgb(var(--color-gray100));
    color: rgb(var(--color-default-text));
    padding: 8px 12px;
    transition: all .5s;
}

.c-home__tabs__body__tabs .c-tab-item.active,
.c-home__tabs__body__tabs .c-tab-item:hover {
    background-color: rgb(var(--color-primary));
    color: rgb(var(--color-white));
}


.c-home__tabs__body__content {
    margin-top: 4.75rem;
}

.gap-10 {
    gap: 10px !important;
}

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

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

.c-home__tabs__body__tabs {
    max-width: 100%;
    overflow-x: auto;
}

.c-home__tabs__body__tabs>li {
    flex-shrink: 0;
}

.c-cta-box.c-cta-box--purple {
    background-color: rgb(var(--color-primary300));
}

header ul li ul li{
    display: block;
    padding: 10px 0px;
}


header{
    position:fixed;
    width:100%;
    left:0px;
    top:0px;
    background:#fff !important;
    z-index:100;
    transition: all .5s;
}

body:not(.template-page-solution-detail) main{
    margin-top:105px;
}

header.scroll-down{
    transform:translateY(-100%);
}


.template-page-solution-detail header.page-top {
    background: transparent !important;
}


.c-tab-content {
    min-height:500px;
}


.wpcf7-response-output {
    margin: 0px !important;
}


.c-about__team{
    margin-bottom:6rem;
}

.c-about__team__members{
    margin-top:40px;
}

.c-about__team__members__item img{
    max-height:200px;
    width:auto;
    object-fit:cover;
    border-radius:100%;
    aspect-ratio: 1/1;
    filter: grayscale(100%);
    object-position: top;
}

.c-about__team__members__item{
    text-align:center;
    padding:15px;
	height:100%;
    
}
.c-about__team__members__item h3{
    margin-top:30px;
	margin-bottom:0px;
}

.c-about__team__members__item  label{
    font-size:var(--size-xsmall);
    color:#fff;
    color: rgb(var(--color-primary));
    font-weight:var(--w-medium);
    margin-bottom:5px;
}

.c-about__team__members__item  p{
    color: rgb(var(--color-gray500));
    font-size:var(--size-small);
}

@media(min-width:992px){
	
	.c-hero__form input {
   
	min-width: 300px;
}
}


.c-home__tabs__body__content img{
    max-height:450px;
}

.c-solution-detail__box img{
    max-height:200px;
    margin-bottom:15px;
}


     .observer-eye {
            --size: 100px;
            color: #E2ADF2;
            border-radius: 50%;
            border: calc(var(--size)/4) solid currentColor;
            width: var(--size);
            height: var(--size);
            position: relative;
            display: inline-block;
            z-index: 2;
        }

        .observer-eye .eye {
            content: '';
            position: absolute;
            width: calc(var(--size)/3);
            height: calc(var(--size)/3);
            background-color: currentColor;
            border-radius: 50%;
            top: 50%;
            left: 15%;
            transform: translate(-50%, -50%);
            box-sizing: border-box;
            z-index: 1;
        }


.c-hero-with-eyes{
    position:relative;
    overflow:hidden;
    height: 540px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2F4F7;
}

.c-hero-with-eyes .observer-eye{
    --size:45px;
    border-width:7px;
    margin:30px;
}

    
.c-hero-with-eyes__eyes{
    position:absolute;
    left:0px;
    top:0px;
    overflow:hidden;
}

.c-hero-with-eyes .container{
    z-index:3;
    position:relative;
}

.c-hero-with-eyes h1{
    background-color: #F2F4F7;
    height: 58px;
    color: #4A3DBF;
    margin-bottom: 0px;
}



  .c-hero-with-eyes .observer-eye.collide{
      opacity:0;
  }

.c-post-detail__content h3,
.c-post-detail__content h4,
.c-post-detail__content h5,
.c-post-detail__content h6{
    margin-bottom:0px;
    margin-top:16px;
}

.c-post-detail__content img{
    margin-top:0px;
}

.table-responsive{
    overflow-x:auto;
    max-width:100%;
}

table tr{
    border-bottom:1px solid rgb(var(--color-gray300));
    
}

table th,
table td{
    padding:5px;
}

table th{
    font-weight:var(--w-medium)
}

.c-solution-detail__key-features__items__item__dot .observer-eye{
    --size:60px;
    border-width:10px;
}


.c-about .c-solution-detail__features{
    margin:60px 0px;
    margin-top:80px !important;
}

.c-about .c-solution-detail__features p{
    margin-bottom:0px;
}

.badge.badge-gray {
    background-color: rgb(var(--color-gray200));
    color: rgb(var(--color-gray500));
}