.loggedin-menu-submenu {
    position: absolute;
    top: 28px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 10;
    min-width: 175px;
    display: none;
    padding: 15px 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.loggedin-menu-submenu ul li {
    display: flex;
    margin: 5px 0;
}

.loggedin-menu-submenu ul li a {
    color: var(--color-default-text) !important;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.loggedin-menu-submenu ul li a:hover {
    color: var(--color-primary-500) !important;
}

.user-loggedin .position_7 {
    display: none
}

body .website .authenticate-page .form-button-primary {
    width: 100% !important;
}

.authenticate-page-divider {
    width: 1px;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
}

.website .authenticate-page .form-input {
    border: 1px solid #E5EFFF;
    background: #F7FAFF;
}

.shadow-top-2xl {
    box-shadow: 0px -2px 22px #cccccc78;
}

.search-domain-list {
    min-height: 40px;
}

.domain-add-btn {
    min-width: 158px;
    display: flex;
    justify-content: space-around;
}

.bg-green-a9eba9 {
    background: #a9eba9
}

div .editorstyles a {
    color: var(--color-default-text);
}

.hover-links-primary a:hover,
a:hover,
.editorstyles a:hover,
.editorstyles a:hover strong,
.editorstyles a:hover span,
.tag-to .editorstyles ul .tag-to-item a:hover {
    color: var(--color-primary-500) !important;
}

.generated .cta-v2-image-wrapper {
    overflow: hidden;
}

.cta-v2-linear {
    background-image: linear-gradient(to right, #E42919, #9B190E);
}

.cta-v2-linear:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url('/media/cec6e5254eae74ab602ed02dfe8534dbcc159427.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    background-attachment: fixed;
}

.generated .cta-v2-image-wrapper div {
    height: 100%;
}

.generated .cta-v2-image {
    position: absolute;
    right: 0;

}

.generated .cta-v2-image-top-5 {
    top: 4%;
}

.generated .cta-v2-image img {
    align-self: center;
}

.pricing-border .rounded-t-6.border-primary-500 {
    border-top: none !important;
}

table {
    border: 1px solid #e5e7eb;
    margin-top: 1.5rem !important;
}

.h1-line-height-58 h1 {
    line-height: 58px;
}

.has-2-sidebars .md\:h-full.md\:mb-0.md\:w-1\/4 {
    width: 27.5%;
}

.has-2-sidebars .md\:h-full.mb-4.md\:mb-0.md\:w-1\/5 {
    width: 18%;
}

.has-2-sidebars .md\:h-full.mb-4.md\:mb-0.md\:w-4\/5 {
    width: 82%;
}

.has-2-sidebars .md\:h-full.mb-4.md\:mb-0.md\:w-3\/4 {
    width: 78%;
}

.has-2-sidebars .md\:h-full.mb-4.md\:mb-0.md\:w-1\/4 {
    width: 21%;
}

.generated .image-overlay-detail-content {
    position: absolute;
    bottom: 60px;
    width: 90%;
    left: 60px;
}

.shadow-image img {
    box-shadow: 0px 13px 65px #9e9e9e;
    /* border: 20px solid #eeeeee; */
    border-radius: 56px;
}

.mask-gradient {}

.perspective-1000 {
    perspective: 1000px;
}

.flip-card h2 {
    line-height: 20px;
}

.flip-image {
    max-width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    width: 70%;
    height: 82%;
    object-fit: cover;
}

.preserve-3d {
    transform-style: preserve-3d;
}

.backface-hidden {
    backface-visibility: hidden;
}

.rotate-y-180 {
    transform: rotateY(180deg);
}

.flip-card-inner {
    transition: transform 2s;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
    transition: transform 0.5s;
}


.bg-gradient-primary-700-500 {
    background: linear-gradient(45deg, var(--color-primary-700), var(--color-primary-500));
}

.col-width-full .md\:h-full {
    width: 100%;
}

.generated .c_w.relative.customer-story-overlay {
    position: absolute;
    bottom: 20px;
    background: hsl(0deg 0% 100% / 80%);
    width: calc(100% - 40px);
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 20px;
    padding-bottom: 11px;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.c_w.relative.customer-story-overlay .editorstyles p {
    margin-bottom: 0px;
    line-height: normal;
}

.c_w.relative.customer-story-overlay .editorstyles p:first-child {
    margin-bottom: 10px
}

.plain-btn-no-border.hover-gray-500 a.form-button-default {
    color: var(--color-default-text) !important;
}

.cta-right,
.cta-right div {
    height: 100%;
}

.cta-right img {
    bottom: 0px;
}

body .website .form-button-secondary:hover {
    color: var(--color-primary-500) !important;
    background: #fff !important;
}

.text-carousel {
    overflow: hidden;
}

.cta-review.dark {
    margin: 0 auto;
    background-image: none;
    padding-left: 0px;
    padding-right: 120px;
    max-width: 460px;
}

.cta-review.dark.default {
    max-width: auto;
    padding-right: 0 !important;
}

.cta-review.dark.default:before {
    display: none
}

.cta-review.dark .editorstyles p .text-gray-300 {
    color: #242a547a;
}

.cta-review {
    padding: 10px;
    padding-bottom: 0px;
    border-radius: 7px;
    background-repeat: no-repeat;
    background-position: 0px 9px;
    padding-right: 150px;
    padding-left: 0;
}

.cta-review:before {
    content: '';
    position: absolute;
    right: 25px;
    top: 11px;
    width: 120px;
    height: 23px;
    background-image: url(/media/805235c8a5b6881c7784f4d1665ddbded9b5098f.svg);
    background-size: 119px;
    background-repeat: no-repeat;
}

.cta-review .editorstyles {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.tag-to {}

.tag-to ul {
    list-style-type: none;
    padding: 0px;
}

.tag-to ul .tag-to-item a {
    text-decoration: none;
    font-size: 13px !important;
    color: rgb(101 101 101) !important
}

.tag-to ul .tag-to-item a.text-primary-500 {
    color: var(--color-primary-500) !important;
}

.sidebar-each-cat .text-gray-500 .text-primary {
    color: var(--color-primary-500) !important;
}

.tag-to .tag-to-item {
    line-height: 17px;
    margin-bottom: 8px;
}

.tag-to .tag-to-item.pl-4 {
    padding-left: 20px;
}

.c_w.relative.category-tag {
    margin-bottom: 35px;
    margin-top: -55px;
    margin-left: 10px;
}

.c_w.relative.category-tag.normal {
    margin-top: 0px;
    margin-left: 0px;
}

.sticky-asidebar {
    position: sticky;
    top: 165px;
}

.generated .sticky-scrolling .sticky-asidebar {
    height: 100vh;
    overflow: scroll;
    padding-bottom: 250px;
}
.sticky-scrolling .sticky-asidebar p:has(strong) span strong {
  display: inline-block;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.category-tag .form-button-primary {
    font-size: 12px !important;
    padding: 0px 14px !important;
    height: auto;
    line-height: 22px !important;
    box-shadow: none !important;
}

.introtext .editorstyles h1,
.introtext .editorstyles h1 span.text-center {
    text-align: center !important;
    margin-bottom: 0px;
}

.introtext .editorstyles h1 span.text-center {
    display: inline !important;
}

.introtext .editorstyles h1 strong,
.introtext .editorstyles h1 span.text-center strong {
    font-weight: 600 !important;
}

.btn-with-arrow-right .form-button-primary {
    background-image: url(/media/c0a82b75cd2d1a79ba450b13b52f9aca29927514.svg);
    background-repeat: no-repeat;
    background-position: right 17px center;
    padding-right: 45px !important;
}

.about-list .editorstyles {
    padding-left: 62px;
    background: url(/media/018a07f357289140bc3663adea20c767439edf4f.svg) left center;
    background-repeat: no-repeat;
    background-size: 50px;
}

.faq-tag-style .grid.w-full {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.generated .sidebar-scrolling {
    height: calc(100vh - 250px);
    overflow-y: auto;
}

.with-dividers .md\:w-1\/3:before {
    content: '';
    height: 100%;
    width: 1px;
    background: #dbdbdb;
    position: absolute;
    left: -34px;
}

.with-center-diviers .grid.w-full.relative.md\:grid-cols-2.grid-cols-1:before {
    width: 1px;
    height: 100%;
    background: #d5d5d5;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.with-center-diviers .c_w.relative:nth-child(even) .c_c.md:pl-10 {
    padding-left: 0;
}

.with-center-diviers .c_w.relative:nth-child(odd) .c_c.md:pl-10 {
    padding-right: 0;
}

.with-center-diviers .c_w.relative:nth-last-child(2) .c_w.border-b,
.with-center-diviers .c_w.relative:last-child .c_w.border-b {
    border-color: transparent;

}

.with-dividers .md\:w-1\/3 {
    position: relative;
}

.with-dividers .md\:w-1\/3:first-child:before {
    display: none
}

.tag-to {}

.as-tags a {
    background: var(--color-gray-100);
    border: var(--color-gray-100);
    color: var(--color-gray-900) !important;
    border-radius: 4px;
    padding: 3px 6px;

}

.as-tags a:hover {
    background: var(--color-primary-500);
    border: var(--color-primary-500);
    color: #fff !important;
}

.as-tags .grid.w-full.relative.md\:grid-cols-1.grid-cols-1 {
    display: flex;
    flex-wrap: wrap;
}

.first-three-months-tag {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-left: 100px;
    max-width: 330px;
    margin: 0 auto;
}

.size-10 .editorstyles p,
.size-10 .editorstyles p span.text-sm,
.size-10 .editorstyles span.text-sm,
.size-10 .editorstyles span.text-sm a {
    font-size: 10px !important;
    margin-bottom: 5px !important;
    padding-bottom: 0px !important;
}

.footer-tags ul {
    padding-left: 0px;
    list-style-type: none;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.generated .footer-tags .editorstyles ul li a {
    background: #e4e4e4;
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 10px !important;
}

.footer-tags .editorstyles ul li a:hover {
    background: var(--color-primary-500);
    color: #fff;
}

.generated .footer-tags .editorstyles ul li:last-child a {
    background: transparent;
    padding: 0px;
    position: relative;
    top: 4px;
}

.generated .footer-tags .editorstyles ul li:last-child a:hover {
    color: var(--color-primary-500);
    background: transparent;
}

.domain-color1 {
    color: #00B6FF
}

.domain-color2 {
    color: #22C55E
}

.domain-color3 {
    color: #595A5C
}

.domain-color4 {
    color: #FFBE00
}

.domain-color4 {
    color: #F03A3A
}

.domain-color5 {
    color: #EA5610
}

.domain-color6 {
    color: #FFBE00
}

/* .max-w-screen-965 {
    max-width: 965px;
} */

.domain-prices-display li {
    position: relative;
    margin: 0 15px;
}

.domain-prices-display li:before {
    content: '';
    background: #ccc;
    height: 14px;
    width: 1px;
    position: absolute;
    right: -15px;
    top: 6px;
}

.domain-prices-display li:last-child:before {
    display: none
}

tr.border-b.border-gray-100.even\:bg-gray-50:nth-child(even) {
    background: #FAFAFA;
}

.range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 12px;
    background: none;
    position: absolute;
    top: 0;
    margin: 0;
    pointer-events: none;

}

.range-min {
    z-index: 30;
}

.range-max {
    z-index: 30;
}

.range-thumb::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    background-color: #e42919;
    border-radius: 9999px;
    box-shadow: 0 0 0 4px #FAFAFA;
    cursor: pointer;
    margin-top: -6px;
    pointer-events: auto;
}

.range-thumb::-webkit-slider-runnable-track {
    height: 4px;
    background: transparent;
}

.range-thumb::-moz-range-thumb {
    height: 16px;
    width: 16px;
    background-color: #e42919;
    border-radius: 9999px;
    box-shadow: 0 0 0 4px #FAFAFA;
    cursor: pointer;
    pointer-events: auto;
}

.range-thumb::-moz-range-track {
    height: 4px;
    background: transparent;
}

.submenuwrapper {
    min-width: 100%;
}

.animation-wrap {
    overflow: hidden
}

.introindependent .bg-text-white {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-radius: 20px;
}

.center-circular-gradient {
    position: relative;
}

.center-circular-gradient:before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    transform: rotate(-90deg);
    flex-shrink: 0;
    border-radius: 400px;
    background: (linear-gradient(68deg, #E42919 34.66%, #EA5610 90.43%), linear-gradient(68deg, #E42919 34.66%, #EA5610 90.43%));
    filter: blur(222.22222900390625px);
}

.has-primary-em-with-margin-left.has-li-em ul li p em,
.has-primary-em-with-margin-left.has-li-em ul li em,
.has-li-em ul li em,
.has-li-em ul li p em {
    top: 0;
    margin-bottom: 0;
}

.has-li-em ul li p em,
.has-li-em ul li em {
    top: 0;
    margin-bottom: 0;
}

.has-lighter-menu-bg.bg-primary-500 {
    background: #e5291a;
    background-image: url(/media/bf08886cb3a76020d71f179b2d40361228e9fb48.jpg);
    background-repeat: no-repeat;
    background-size: cover;

}

.has-lighter-menu-bg.bg-gray-500 {
    background-image: url(/media/f4241053bc86ec828abeaa383b0a4fbd7ac1e94f.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.has-primary-em-with-margin-left ul li p em,
.has-primary-em-with-margin-left ul li em {
    margin-left: 0px;
    font-style: italic;
    position: relative;
    top: -3px;
    margin-bottom: 5px;
    display: block;
}


.has-lighter-menu-bg.bg-primary-500 h3,
.has-lighter-menu-bg.bg-primary-500 p,
.has-lighter-menu-bg.bg-primary-500 li,
.has-lighter-menu-bg.bg-primary-500 span,
.has-lighter-menu-bg.bg-primary-500 strong {
    color: #fff;
}

.main-menu .submenu .has-items-tag.has-lighter-menu-bg.bg-primary-500 ul li a {
    background: #fff;
    color: var(--color-gray-700);

}

.main-menu .submenuwrapper .submenu .has-items-tag.has-lighter-menu-bg.bg-primary-500 ul li a:hover {
    background: rgb(232 229 229);
    color: var(--color-gray-700);
}

@media (min-width: 768px) {
    body .website .form-button-primary.small-text-button,
    body .website .small-text-button {
        font-size: 14px !important;
        margin-left: 17px;
    }

    body .website .form-button-primary.gettingstartedlink {
        margin-left: 12px;
    }
}

body .website .languageflag_inner {
    width: max-content;
    min-width: 0;
    left: auto;
    right: 0;
    max-width: none;
    padding: 0;
}

body .website .languageflag_inner .submenu {
    display: block !important;
    padding: 6px 4px;
}

body .website .languageflag_inner .submenu p {
    white-space: nowrap;
    margin: 0 !important;
    padding: 5px 6px 5px 10px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

body .website .languageflag_inner .submenu p:hover {
    background: #f4f6fb;
    border-radius: 6px;
}

body .website .languageflag_inner .wm-menu-builder-content {
    padding: 8px 0 !important;
}

body .website .languageflag_inner .submenu img {
    margin: 0 !important;
    width: 20px !important;
    height: auto !important;
    flex-shrink: 0;
    position: static !important;
}

body .website .languageflag_inner .submenu p a {
    color: var(--color-gray-700);
    font-size: 14px;
    text-decoration: none;
}

body .website .languageflag_inner .submenu p a:hover {
    color: var(--color-primary-500) !important;
}

body .website a.languageflag + div.block .wm-menu-builder-content p {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 4px 0;
}

@media (max-width: 767px) {
    body .website a.languageflag {
        position: relative;
        padding-left: 36px !important;
    }
    body .website a.languageflag::before {
        content: '';
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 14px;
        background-image: url('https://flagcdn.com/w40/nl.png');
        background-size: cover;
        background-position: center;
    }
}

body .website a.languageflag + div.block {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

body .website a.languageflag + div.block .wm-menu-builder-content {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

body .website .languageflag_inner span {
    margin-top: 0px;
    padding: 0;
}

body .website .languageflag_inner span p:last-child {
    paddding-bottom: 0px;
}

body .website .main-menu .submenu img {
    width: 24px;
    margin-top: 6px !important;
    margin-left: 5px;
    height: auto !important;
}

body .website .main-menu .submenu p {
    padding-left: 45px;
    padding-bottom: 9px;
    font-size: 14px;
    color: var(--color-gray-500);
    margin-top: 0px;
}

body .website .main-menu .submenu p strong {
    display: block;
    margin-bottom: -9px;
    font-size: 16px;
    color: var(--color-default-text);
    font-weight: 600;
}

body .website .main-menu .languageflag img {
    width: 24px;
    left: -20px;
}

body .website .editorstyles,
.editorstyles,
body .website .editorstyles,
.editorstyles p {
    color: var(--color-default-text);
}

body .submenu .inner_item img {
    position: absolute;
}

body .loginlink {
    font-weight: 600;
    color: var(--color-primary-500);
}

.main-menu .text-secondary-300 a {
    color: var(--color-primary-500);
}

#fixed-header-section a img.logo {
    position: relative;
    top: -4px;
}

.position_4 .submenuwrapper {}

.position_5 .submenuwrapper {
    left: auto;
    right: 0;
}

@media (min-width: 768px) {
    .main-menu {
        display: flex;
        align-items: center;
    }
    .main-menu .position_0 > a {
        margin-top: -8px;
    }
    .main-menu .position_5 {
        margin-left: auto !important;
        padding-right: 0.25rem;
        margin-top: -6px;
    }
    .main-menu .position_5 > a.languageflag {
        margin-left: 0 !important;
    }
    .main-menu a.md\:ml-10 {
        margin-left: 1.25rem !important;
    }
    .main-menu a.position_6 {
        margin-left: 0 !important;
    }
}

@media (min-width: 1024px) {
    .main-menu .position_5 > a.languageflag {
        margin-left: clamp(4rem, 8vw, 8rem) !important;
    }
}

body .website .form-button-primary {
    border-radius: 6px;
}

.boldissemibold strong {
    font-weight: 600;
}

.logosgrayscale img {
    filter: grayscale(100%);
}

.logosgrayscale img:hover {
    filter: none;
}

.introtext .editorstyles p,
.introtext .editorstyles p span.text-center {
    text-align: center !important;
    margin-bottom: 0px;
}

.introtext .editorstyles p span.text-center {
    display: inline !important;
}

.introtext .text-4xl {
    /* margin-right: 8px; */
}

.introtext .bg-primary-500 {
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 6px;
    margin-right: 8px;
    margin-left: 8px;
}

.introindependent .bg-contrast-100 {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-radius: 20px;
}

.introindependent .c_c_v {
    margin: 0 auto;
}

#banner .c_i {
    background-size: 1316px;
}


body .website .lightbutton .form-button-primary,
body .website .lightbutton .form-button-primary.form-button-active,
body .website .lightbutton .form-button-primary:hover {
    background: var(--color-gray-100) !important;
    border: var(--color-gray-100) !important;
    color: var(--color-gray-900) !important;
}



#paper .c_i {
    background-size: 983px;
}

.website #footer .form-input {
    border: 2px solid var(--color-gray-100);
}

.stepsindicator {
    width: 48px;
    border: 1px solid var(--color-contrast-300);
    padding: 3px;
    border-radius: 10px;
    padding-top: 11px;
    padding-left: 13px;
}

body .website .small-text-size-button,
body .website .small-text-size-button .button,
body .website .small-text-size-button a {
    font-size: 14px !important;
}

body .website .small-padding-button,
body .website .small-padding-button .button,
body .website .small-padding-button a {
    padding-top: 3px;
    padding-bottom: 3px;
}

#sliderstreamline .agile__dots {
    position: absolute;
    left: -35px;
    flex-direction: column;
    gap: 12px;
    top: -197px;
}

#sliderstreamline .agile__dots .agile__dot--current button {
    background-color: var(--color-primary-500);
    height: 30px;
    border-radius: 5px;
}

#sliderstreamline .agile__dots .agile__dot button {
    background-color: var(--color-primary-300);
}

#cta {
    overflow: hidden;
}

#cta .cta-right img {
    position: absolute;
    left: 17%;
}

.no-underline .editorstyles a {
    text-decoration: none;
}

#patternpricingbg {
    margin-top: -329px;
    z-index: -1;
    height: 400px;
}

#patternpricingbg_340 {
    /* margin-top: -329px; */
    margin-top: -200px;
    z-index: -1;
    height: 340px
}

.inline-text-end .editorstyles p {
    display: flex;
    justify-content: flex-end;
}

.inline-text .editorstyles p {
    display: flex;
    justify-content: flex-start;
}

.min-width-container {
    min-width: 976px;
}

.w-250 {
    width: 250px;
}

.w-250-left-over {
    width: calc(100% - 250px);
    overflow: scroll;
}

.h-60 {
    height: 228px;
}

#reviewwrapperpage:after {
    content: "";
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgb(255 255 255 / 40%) 0.01%, #FFF 77.6%);
    height: 500px;
    margin-top: -200px;
    z-index: 1;
    width: 100%;
    position: absolute;
    bottom: -30px;
}

#reviewwrapperpage .buttonreview {

    position: relative;
    top: -30px;
}

.introtext.text-left .editorstyles p,
.introtext.text-left .editorstyles p span.text-center {
    text-align: left !important;
}

#tag_style_wrap .grid.w-full.relative.md\:grid-cols-1.grid-cols-1.gap-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#reviewitem:before {
    content: "";
    position: absolute;
    top: -19px;
    left: 31px;
    width: 50px;
    height: 100%;
    background-image: url(/media/0421104cabc78f9ece79819ca99a5b394c3e531b.png);
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
}

.glossary-wrap .grid.w-full.relative.md\:grid-cols-1.grid-cols-1.gap-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.website .glossary-wrap a.form-button-default {
    background: var(--color-gray-100);
    border: var(--color-gray-100);
    color: var(--color-gray-900) !important;
}

.website .glossary-wrap a.form-button-default:hover {
    color:#fff !important;
}

.website .glossary-wrap a.form-button-default.form-button-active {
    color:#fff !important;
}


.website .template-wrap-smaller a.form-button-default {
    font-size: 13px;
    padding: 4px 14px;
    background: var(--color-gray-100);
    border: var(--color-gray-100);
    color: var(--color-gray-900) !important;
}

.website .template-wrap-smaller a.form-button-active {
    background-color: var(--button-primary-bg-color) !important;
    color: #fff !important;
}


.gray-100-more-lighter .bg-gray-100 {
    background: #f6f6f6;

}

.gray-100-more-lighter .border-b {
    border-color: #f6f6f6;
}

.rounded-t-6 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.rounded-6 {
    border-radius: 6px;
}

.bg-gradient-primary {
    background-image: linear-gradient(90deg, var(--color-primary-500), var(--color-contrast-500));
}

.has-primary-em p em,
.has-primary-em p em a,
.has-primary-em-with-margin-left p em a {
    font-style: normal;
    color: var(--color-primary-500);
}

.has-primary-em-with-margin-left p em {
    font-style: normal;
    color: var(--color-primary-500);
    margin-left: -37px;
}

.mt-50px {
    margin-top: 50px;
}

.has-items-tag ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.has-items-tag ul li p {
    margin: 0 !important;
    padding: 0 !important;
}

.main-menu .submenu .has-items-tag ul li a {
    background: var(--color-primary-500);
    color: #fff !important;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 11px;
}

.has-items-tag ul li a:hover {
    background: var(--color-primary-700);
    color: #fff;
}

.has-items-tag ul {
    margin-left: 45px;
    margin-top: 0 !important;
    margin-bottom: 9px !important
}

.has-items-tag.ml-0 ul {
    margin-left: 0px
}

.has-items-tag.has-readmore ul li:last-child a {
    background: none;
    color: var(--color-primary-500) !important;
    padding-left: 0px;

}

.has-items-tag.has-readmore ul li:last-child a:hover {
    color: var(--color-primary-700);
}

.ml-75px {
    margin-left: 75px
}

.submenuwrapper.languageflag {
    width: 150px;
}

.no-padding_inner .submenu {
    padding: 0;

}

.no-padding_inner.has-pr-20px_inner .submenu {
    padding-right: 20px;
}

.no-padding_inner.has-pl-10px_inner .submenu {
    padding-left: 10px
}

.no-padding_inner.has-pl-5px_inner .submenu {
    padding-left: 5px
}

.has-lighter-bg {
    background: #eeeeee;
}

.btlr-0 {
    border-top-left-radius: 0;
}

body.has-submenu-active .generated:before {
    visibility: visible;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.generated:before {
    position: fixed;
    left: 0;
    background: rgba(0, 0, 0, 0.70);
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.has-submenu-active .generated #main_header:before {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    z-index: 1;
}

.website .aashu-block_inner {
    display: block !important
}

.has-lighter-menu-bg {
    background: #f6f7fd;
}

.has-lighter-menu-bg h3 {
    font-size: 22px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.br-0 {
    border-radious: 0px
}

.has-submenu-gap-6_inner .submenu .inner_item {
    padding: 15px 25px;
    padding-top: 18px;
}

.has-submenu-pb-40_inner .submenu {
    padding-bottom: 30px;
}

body .website .main-menu .submenu .para_plr-0 p {
    padding-left: 0px;
    padding-right: 0px;
}

.website .px-40px,
.website .submenu .px-40px {
    padding-left: 40px;
    padding-right: 40px
}

.website .py-40px,
.website .submenu .py-40px {
    padding-top: 40px;
    padding-bottom: 40px
}

.website .px-6 {
    paddding-left: 24px;
    paddding-right: 24px;
}

.website .py-6 {
    paddding-top: 24px;
    paddding-bottom: 24px;
}

.pt-77px {
    padding-top: 75px;
}

.increased-width_inner.max-w-screen-sm {
    max-width: 800px;
    width: 800px;
    border-top: 12px solid transparent;
}

.main-menu a:hover {
    z-index: 12;
}

.plain-btn-no-border a.form-button-default {
    border: transparent;
    background: transparent;
}

.generated .has-submenu:hover span {
    color: #fff;
}

.generated .has-submenu:hover svg {
    fill: #fff;
}

.has-items-tag ol {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
    margin-top: 2px !important;
    margin-bottom: 16px !important;
}

.has-items-tag ol li p {
    padding-bottom: 0px !important;
}

.main-menu .submenu .has-items-tag ol li a {
    padding: 3px 8px;
    font-size: 11px;
    border-radius: 6px;
    background: #eef0f8;
    color: var(--color-gray-500);
}

.main-menu .submenuwrapper .submenu .has-items-tag ol li a:hover {
    background: #dfe1e9;
    color: var(--color-gray-700);
}

.main-menu a {
    margin-left: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.main-menu .submenu a {
    padding-left: 0px;
    padding-right: 0px;
}

.main-menu span:hover a {
    z-index: 99;
    color: #fff;

}

.main-menu span:hover .submenu a {
    color: initial;
}

.main-menu span:hover svg.h-5,
.main-menu span:hover a svg.h-5 {
    fill: #fff;
}

.main-menu span.cursor-pointer.position_0,
.main-menu span.cursor-pointer.position_1,
.main-menu span.cursor-pointer.position_2,
.main-menu span.cursor-pointer.position_3,
.main-menu span.cursor-pointer.position_4,
.main-menu span.cursor-pointer.position_5 {
    display: inline-block;
}

.main-menu a.position_0:hover span,
.main-menu a.position_1:hover span,
.main-menu a.position_2:hover span,
.main-menu a.position_3:hover span {
    color: var(--color-primary-500);
}

.submenuwrapper.max-w-screen-xl {
    max-width: 100%;
    border-top: 12px solid transparent;
}

.main-menu .submenuwrapper .submenu .inner_item a:hover,
.main-menu .submenuwrapper .submenu .inner_item a:hover strong {
    color: var(--color-primary-500);
}

.main-menu .submenuwrapper .submenu .inner_item.has-items-tag ul li a:hover {
    background: var(--color-primary-700);
    color: #fff !important;
}

.main-menu .submenuwrapper .submenu .inner_item.has-items-tag.has-readmore ul li:last-child a:hover {
    background: none;
    color: var(--color-primary-700);
}

.has-items-tag ul li .top-1 {
    margin-top: 0;
    top: 0;
}

div#main_header {
    position: sticky;
    top: 0;
    z-index: 11;
}

.has-submenu-active div#main_header .c_b.m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.bg-text-white {
    background: #fff !important;
}

body.has-submenu-active #main_header .fade-on-menu-active,
body.has-submenu-active #main_header .logo,
body.has-submenu-active #banner .c_i {
    opacity: 0.1;
}

body.has-submenu-active {
    overflow: hidden;
}

.submenuwrapper {
    max-height: 90vh;
    overflow: auto;
}

body.has-submenu-active .c_w.relative {
    opacity: 0.6;
}

body.has-submenu-active #main_header {
    opacity: 1;
}

body.has-submenu-active #main_header .fade-on-menu-active:hover {
    opacity: 1;
}

span.cursor-pointer.relative.position_5:hover a {
    opacity: 1 !important;
}

.main-menu .submenu span.text-primary-500 a {
    color: var(--color-primary-500);
}

.has-submenu-gap-6_inner .submenu .inner_item.pt-30px {
    padding-top: 30px;
}

/**
* Get list overide
*/
.gray-menu-tags .main-menu .submenu .has-items-tag ul li a {
    background: #e0e2ea;
    color: #616165;
}

.gray-menu-tags .main-menu .submenuwrapper .submenu .inner_item.has-items-tag ul li a:hover {
    background: #ced1da;
    color: #616165;
}

.gray-menu-tags .main-menu .submenuwrapper .submenu .has-items-tag.has-readmore ul li:last-child a {
    background: none;
}

.gray-menu-tags .main-menu .submenuwrapper .submenu .has-items-tag.has-readmore ul li:last-child a:hover {
    color: var(--color-grey-700);
}

.-mt-\[72px\] {
    margin-top: -72px;
}


#sliderstreamline .slider-dots {
    position: absolute;
    left: -35px;
    flex-direction: column;
    gap: 12px;
    top: 50%;
    transform: translateY(-50%);
}

#sliderstreamline .slider-dots .slider-dot.active {
    background-color: var(--color-primary-500);
    height: 30px;
    border-radius: 5px;
}

#sliderstreamline .slider-dots .slider-dot {
    background-color: var(--color-primary-300);
}

.plain-btn-no-border.hover-gray-500 a.form-button-default:hover {
    background-color: transparent;
    /* color: var(--color-primary-500) !important; */
    color: #fff !important;
}

.pricing-category .grid.w-full.relative.md\:grid-cols-5.grid-cols-1.gap-6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.lh-12 .editorstyles p {
    line-height: 48px;
}

.first-item-border-primary-500 .c_w:first-child {
    border-color: var(--color-primary-500);
}

.hover-item-border-primary-500 .c_w.border-gray-100:hover {
    border-color: var(--color-primary-500);
}

.hover-item-shadow-md-primary-500 .c_w.border-gray-100:hover {
    box-shadow: 0px 1px 5px rgb(255 159 151);
}


.main-menu a.position_2 {
    padding-right: 14px;
}


/**
* SEO
*/
.accordion-layout2 .accordion.accordion-open {
    border-radius: 6px;
    border: 1px solid #E5ECF7;
    padding: 24px;
    box-shadow: 0px 0px 14px #E5ECF7;
}

.accordion-layout2 .accordion.accordion-closed.accordion-default {
    border-bottom: 1px solid rgb(232 239 250);
    align-items: center;
    padding-top: 15px;
    padding-bottom: 36px;
    display: block;
}

.accordion-layout2 .accordion-header p {
    font-weight: 600;
    font-size: 20px;
}

#bg_gradient_to_right_red_lightred .c_b.absolute.w-full.h-full {
    background: linear-gradient(to right, var(--color-primary-500), var(--color-contrast-500));
}

#seo_search_main {
    min-height: 750px;
}

.border-gray-100-as-light-bluish .border-gray-100 {
    border-color: rgb(232 239 250) !important;
}

.rating-border-wrap .grid .c_w.border-t:nth-child(even) {
    border-right: 0;
}

.rating-border-wrap .grid .c_w.border-t:nth-child(even) {
    border-right: 0;
}

.rating-border-wrap .grid .c_w.border-t:first-child {
    border-top: none;
}

strong {
    font-weight: 600 !important
}

.tag-text span.text-contrast-500 {
    border: 1px solid var(--color-contrast-300);
    padding: 8px 14px;
    border-radius: 10px;
}

.absolute-icon-t-corner img {
    position: absolute;
    left: -35px;
    top: 16px;
}

.cta-content .c_c_v.flex.flex-col.h-full.justify-center {
    position: relative;
    top: -14px
}

.mb-5px {
    margin-bottom: 5px;
}

.mb-2px {
    margin-bottom: 2px;
}

.hover-item-shadow-md-primary-500 .c_w.rounded-xl:hover {
    box-shadow: 0 0 14px var(--color-gray-100);
    background: #fff;
    transition: all 0.3s ease-in;
}


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

    #main_header .c_c.mx-auto.max-w-screen-xl:before {
        content: '';
        width: 90%;
        height: 70px;
        position: absolute;
        bottom: -70px;
        left: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
        background: url(/media/66458fa7a2d16e961a7120edeb51601f548d929d.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 67%;
        opacity: 0;
        transition: all 0.1s ease-in-out;
    }

    .scroll-active #main_header .c_c.mx-auto.max-w-screen-xl:before {
        opacity: 1;
        transition: all 0.2s ease-in-out;
    }

    .w-full.md\:w-1\/2.flex.flex-col.md\:items-end.relative.yearly-monthly-tab:before {
        content: '';
        background: url(/media/a0a2bc62d558e23fdf3edaf7d51a914d50ece7db.svg);
        width: 177px;
        height: 150px;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        z-index: 1;
        top: -132px;
        right: -20px;
    }

    .select-product {
        position: relative;
    }

    .select-product:before {
        content: '';
        background: url(/media/c3dd81526a549bc16e9364935cebfabdf3029b22.svg);
        background-size: 100%;
        height: 100px;
        width: 90px;
        position: absolute;
        background-repeat: no-repeat;
        left: -69px;
        transform: rotate(223deg);
        top: 26px;
        z-index: 0;
        transform: scaleX(-1) rotate(54deg);
    }
}

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

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

@media only screen and (max-width: 768px) {
    .submenuwrapper {
        width: 100%;
    }

    .increased-width_inner.max-w-screen-sm {
        max-width: 100vw;
    }

    .product-section .min-h-88,
    .product-section .h-88 {
        min-height: auto;
        width: 100%;
        height: auto;
    }

    #reviewwrapperpage:after {
        height: 300px;
        margin-top: -300px;
    }
}


.right-3 {
    right: 0.75rem;
}

.has-items-tag ul {
    margin-bottom: 14px !immportant;
}

.subhead-on-first-ul-li ul li:first-child {
    display: block !important;
}

.subhead-on-first-ul-li ul {
    min-height: 55px;
    display: block;
    margin-bottom: 15px !important;
}

#grid_bg .c_i {
    background-size: 1316px;
}

#product_sticky {
    position: sticky;
    top: 110px;
    background: #fff;
}

.accordion-layout2 .accordion.accordion-closed.accordion-default svg {
    right: 24px;
    top: 10px;
}

.generated .pricing-tag {
    position: absolute;
    background: rgb(36 42 82);
    left: 0;
    z-index: 1;
    top: 0;
    border-top-right-radius: 11px;
    border-top-left-radius: 11px;
    padding: 12px 16px;
    width: 100%;
}

.generated .pricing-tag .editorstyles p span.text-sm,
.generated .pricing-tag .editorstyles p,
.generated .pricing-tag .editorstyles p span {
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px !important;
}

.generated .pricing-tag .editorstyles {
    margin-bottom: 0px;
}

.generated .has-pricing-tag .c_c.pl-4.pt-4 {
    padding-top: 70px;
}

.c_w.relative.pricing-tag:before {
    content: '';
    width: 68px;
    height: 68px;
    position: absolute;
    z-index: 22;
    background-size: 100%;
    top: -30px;
    right: 0;
    background-repeat: no-repeat;
}

.faq-wrapper .form-button-secondary:hover {
    background: var(--color-gray-300) !important;
}

.gradient-lt-rb-corners {
    background-color: #ffffff;
    background-image:

        radial-gradient(circle at 0% 0%,
            rgba(255, 230, 230, 0.8) 0%,
            rgba(255, 255, 255, 0) 30%),

        radial-gradient(circle at 100% 100%,
            rgba(255, 230, 230, 0.8) 0%,
            rgba(255, 255, 255, 0) 30%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pricing-border {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 15px;
    background: #fff;
    margin-top: 0px;
}

/* Remove top border from the highlighted column */
.pricing-border .rounded-t-6.border-primary-500 {
    border-top: none !important;
}

.border-gray-100-to-eee .border-gray-100 {
    border-color: #eee;
}


/**
*Animations
*/
.generated .has-animation,
.generated .has-animation-two-way {
    opacity: 0;
}

/**
* Rotate 360
*/
.animate-rotate-360-continuous.trigger {
    animation: rotate360 5s linear infinite;
    opacity: 1;
}


/**
*Fade In
*/

.fade-in-from-top.trigger {
    animation: fadeInTop 0.8s ease-out forwards;
    opacity: 1;
}

.fade-in-from-right.trigger {
    animation: fadeInRight 0.8s ease-out forwards;
    opacity: 1;
}

.fade-in-from-bottom.trigger {
    animation: fadeInBottom 0.8s ease-out forwards;
    opacity: 1;
}

.fade-in-from-left.trigger {
    animation: fadeInLeft 0.8s ease-out forwards;
    opacity: 1;
}

.fade-in-from-center.trigger {
    animation: fadeInCenter 0.6s ease-out forwards;
    opacity: 1;
}

/**
* Rotate 360 continuous
*/
.has-animation-two-way.rotate-continuous {
    opacity: 1;
    /* Removed CSS animation - now handled by JavaScript */
}

.has-animation-two-way.rotate-continuous.scrolling {
    animation-play-state: running;
}


@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


@keyframes fadeInCenter {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

#fixed-header-section a img.logo {
    position: absolute;
    top: -28px;
    height: 95px !important;
    max-height: 95px !important;
    z-index: 2222;
}

body .website .form-button-primary {
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #FCEAE8;
}

.play-wemasy-video:before {
    position: absolute;
    content: '';
    width: 75px;
    height: 75px;
    background: url(/media/132a8c9185233f3385c75b0337ed3afe119b2116.png) no-repeat center center;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    transform: translateY(-50%);
    background-size: 100%;
}

.play-wemasy-video:hover:before {
    background: url(/media/9b7b823dbc5f7db5d3d966234d3feed884b07b0f.png) no-repeat center center;
    background-size: 100%;
}

.generated .hide-generated-padding div {
    padding: 0px;
}

.domain-bg {
    background-color: #F2F4F7;
}

.max-h-243 {
    max-height: 243px;
}

.page-menu-style .c_i.absolute {
    background-size: 25px;
    background-position: top left;
    top: 10px;
}

.page-menu-style ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.page-menu-style ul li a {
    background: var(--color-primary-500);
    padding: 4px 10px;
    border-radius: 8px;
    color: #fff;
}

.page-menu-style ul li a:hover {
    background: var(--color-primary-700);
    color: #fff !important;
}

.page-menu-style ul li .text-base a,
.page-menu-style ul li a {
    font-size: 12px !important;
}

.menu-nav-glossary-style ul li a {
    padding: 3px 8px;
    font-size: 11px;
    border-radius: 6px;
    background: #eef0f8;
    color: var(--color-gray-500);
}

.menu-nav-glossary-style ul li a:hover {
    background: #dfe1e9;
}

.menu-nav-glossary-style ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
    margin-top: 2px !important;
    margin-bottom: 16px !important;
}




/**
******************************************v
* OnBoarding Styles by Mohammad Usman START
******************************************v
*/


/* Below CSS you need to add into the Global CSS because this will behave as scoped */


/* =================================================================
   SPLIT-SCREEN ONBOARDING POPUP (Channable-style)
   Left half: Form content (scrollable)
   Right half: CMS iframe (full height)

   DOM structure (type: 'form' popup):
     .onboarding-fullscreen-popup (flex flex-col)
       > div.flex-shrink-0 (header bar - hidden)
       > div.flex-1.onboarding-split-content (content wrapper - becomes flex-row)
           > div.platform (form - left half, scrollable)
           > div.onboarding-iframe-sidebar (iframe - right half, injected via JS)
   ================================================================= */

/* Fullscreen onboarding popup */
.onboarding-fullscreen-popup {
  position: fixed !important;
  top: 20px !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  width: calc(100vw - 40px) !important;
  max-width: none !important;
  height: calc(100vh - 40px) !important;
  max-height: calc(100vh - 40px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
}

/* Remove any extra margins from popup wrapper */
.popup-wrapper .onboarding-fullscreen-popup,
.popup-container .onboarding-fullscreen-popup {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Collapse header bar so split content fills the full popup height */
.onboarding-fullscreen-popup .border-b.border-dashboard-gray-100 {
  border: none !important;
  height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Position close button absolutely in top-right corner — only target the header wrapper, not form button rows */
.onboarding-fullscreen-popup .border-b.border-dashboard-gray-100 .flex.justify-end {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 50 !important;
}

/* Close button: white X, no border, no background */
.onboarding-fullscreen-popup .popup-close-button {
  top: 16px !important;
  right: 16px !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* -----------------------------------------------------------------
   CONTENT WRAPPER: Becomes flex-row for split layout
   The .onboarding-split-content class is added via JS by injectIframeSidebar()
   ----------------------------------------------------------------- */
.onboarding-fullscreen-popup .onboarding-split-content {
  display: flex !important;
  flex-direction: row !important;
  padding: 0 !important;
  overflow: hidden !important;
  height: 100% !important;
}

/* -----------------------------------------------------------------
   LEFT HALF: Form content area (scrollable)
   ----------------------------------------------------------------- */
.onboarding-fullscreen-popup .onboarding-split-content>.platform {
  width: 50% !important;
  height: 100% !important;
  overflow-y: auto !important;
  padding: 30px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* All form field wrappers inside the left half */
.onboarding-fullscreen-popup .onboarding-split-content>.platform>div {
  width: 100% !important;
  max-width: 500px !important;
}

/* -----------------------------------------------------------------
   RIGHT HALF: CMS iframe sidebar (injected via JS)
   ----------------------------------------------------------------- */
.onboarding-fullscreen-popup .onboarding-iframe-sidebar {
  width: 50% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0 0 16px 0 !important;
  background: #f8f9fa !important;
}

/* -----------------------------------------------------------------
   OTP form button alignment
   ----------------------------------------------------------------- */
.onboarding-fullscreen-popup .otp-group .form-group.w-full.mt-2.text-center {
  margin-bottom: 0 !important;
}

.onboarding-fullscreen-popup .otp-group .form-group.w-full.mt-2.text-center .flex.justify-center {
  justify-content: flex-start !important;
}

.onboarding-fullscreen-popup .otp-group .form-button-default {
  height: 46px !important;
  position: relative !important;
  right: -50px !important;
  top: 29px !important;
}

.onboarding-fullscreen-popup:has(.otp-group) .form-group.inline-block.float-right.ml-2 {
  float: none !important;
  display: block !important;
  margin-left: 0 !important;
  margin-top: -40px !important;
}

.onboarding-fullscreen-popup:has(.otp-group) .form-group.inline-block.float-right.ml-2 .flex.justify-end {
  justify-content: flex-end !important;
}

/* -----------------------------------------------------------------
   Custom progress bar — 4 thin segments, same visual language as
   the wm/onboarding wizard's `wm-step-indicator-bar`. Lives in the
   non-scoped block because the segments are rendered through
   `v-html` (via formBase's html field), and v-html'd content does
   not inherit the parent component's [data-v-xxx] scope attribute —
   so anything kept in `<style scoped>` would silently fail to match.
   ----------------------------------------------------------------- */
.onboarding-progress-bar {
  max-width: 720px;
  margin: 0 auto 24px;
  padding: 0 16px;
}
.onboarding-progress-track {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.onboarding-progress-seg {
  /* `flex: 1 1 0` (not `flex: 1`) — Safari treats `flex: 1` as
     `1 1 auto` for empty children, which collapses to 0px because
     there is no intrinsic content. `1 1 0` forces equal sharing. */
  flex: 1 1 0;
  display: block;
  min-width: 0;
  height: 6px;
  min-height: 6px;
  border-radius: 9999px;
  background: #F3F4F6;
  transition: background 0.2s;
}
.onboarding-progress-seg.is-active {
  background: var(--dashboard-primary-500, #EF4444);
}
.onboarding-progress-label {
  margin-top: 8px;
  font-size: 12px;
  color: #6B7280;
  text-align: left;
}
.onboarding-progress-label strong {
  color: #111827;
  font-weight: 600;
}

/* -----------------------------------------------------------------
   STEP 2/3 — Clickable card grids.
   Website type (7 cards) and step 3 (role 6 cards + company size
   5 compact cards). Same v-html caveat as the progress bar above:
   these rules MUST live in the non-scoped block, otherwise nothing
   inside the cards ever picks up styling.
   ----------------------------------------------------------------- */
.onboarding-card-grid-wrap {
  max-width: 720px;
  margin: 0 auto;
}
.onboarding-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.onboarding-card-grid--compact {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.onboarding-choice-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 4px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.onboarding-choice-card:hover {
  border-color: #C7D2FE;
  background: #F9FAFB;
}
.onboarding-choice-card.is-selected {
  border-color: var(--dashboard-primary-500, #EF4444);
  background: #FEF2F2;
  box-shadow: 0 0 0 1px var(--dashboard-primary-500, #EF4444) inset;
}
.onboarding-choice-card--compact {
  align-items: center;
  text-align: center;
  padding: 12px 8px;
}
.onboarding-choice-card-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.onboarding-choice-card-desc {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.4;
}
.onboarding-section-label {
  max-width: 720px;
  margin: 0 auto 8px;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.onboarding-section-label--spaced {
  margin-top: 20px;
}
/* Muted "(optional)" pill next to a section label — signals the
   field is skip-able without dragging attention away from the
   primary label. Pattern mirrors the inline "(optional)" inside
   the step 2 description input's title. */
.onboarding-section-label-optional {
  font-weight: 400;
  color: #9CA3AF;
  font-size: 12px;
  margin-left: 6px;
}
/* Inline validation message for the card grids on step 2/3. Lives
   directly under each grid (look for `data-error-for=…` in the
   markup). Hidden by default; the Continue handler adds
   `.is-visible` when the user hasn't picked a card yet, and the
   card-click delegation strips it again on selection. */
.onboarding-card-error {
  display: none;
  max-width: 720px;
  margin: 8px auto 0;
  font-size: 13px;
  font-weight: 500;
  color: #DC2626;
}
.onboarding-card-error.is-visible {
  display: block;
}
/* Conditional textarea that appears under the cards when the user
   picks "Other" — small gap so it reads as a follow-up to the card
   selection rather than crashing into the grid. */
.onboarding-other-detail {
  margin-top: 16px;
  margin-left: 0px;
}
@media (max-width: 640px) {
  .onboarding-card-grid--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* -----------------------------------------------------------------
   PREVIOUS STEP BUTTON: Remove border, clean look
   ----------------------------------------------------------------- */
.onboarding-back-btn {
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 24px 8px 24px;
  text-decoration: none;
  font-style: normal !important;
  font-weight: 400;
  line-height: 1.75rem !important;
}

.onboarding-back-btn:hover {
  color: var(--button-primary-border-color, #ed3326);
}

/* -----------------------------------------------------------------
   SKIP FOR NOW: Small centered text link below subtitle
   ----------------------------------------------------------------- */
.onboarding-skip-now-link {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #9CA3AF;
  cursor: pointer;
  text-decoration: none;
}

.onboarding-skip-now-link:hover {
  color: #6B7280;
  text-decoration: underline;
}

/* -----------------------------------------------------------------
   MOBILE: Centered popup with equal padding, hide sidebar
   ----------------------------------------------------------------- */
@media (max-width: 768px) {
  .onboarding-fullscreen-popup {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    border-radius: 16px !important;
  }

  .onboarding-fullscreen-popup .onboarding-split-content>.platform {
    width: 100% !important;
  }

  .onboarding-fullscreen-popup .onboarding-iframe-sidebar {
    display: none !important;
  }

  /* Close button: dark on light background (no sidebar visible) */
  .onboarding-fullscreen-popup .popup-close-button {
    color: #374151 !important;
  }
}

/* Hide cookie banner when onboarding popup is open */
body.onboarding-popup-open .cookieControl {
  display: none !important;
}

/**
******************************************v
* OnBoarding Styles by Mohammad Usman END
******************************************v
*/


/**
******************************************v
* Cookies Banners Styles by Mohammad Usman Start
******************************************v
*/

/* Targets .p-8 inside those elements */
.slider-component [id^="section_"] {
    padding: 0 !important;
}

/* Hide cookie banner on setting up account page */
.onboarding-sidebar-iframe-html .cookieControl {
    display: none;
}


/* Iframe-scoped resets — only apply inside the onboarding sidebar iframe */
html.onboarding-sidebar-iframe-html,
body.onboarding-sidebar-iframe {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/**
******************************************v
* Cookies Banners Styles by Mohammad Usman END
******************************************v
*/



.as-tags.center .grid.w-full.relative.md\:grid-cols-1.grid-cols-1 {
    justify-content: center;
}

.force-btn-color a.form-button-primary.form-button-active {
    background-color: var(--button-primary-bg-color) !important;
}

.force-btn-color a.form-button-primary.form-button-active.active,
.force-btn-color a.form-button-primary.form-button-active.active:hover {
    background-color: var(--button-primary-hover-bg-color) !important;
}

.onboarding-skip-button .form-button-secondary {
    border: 1px solid rgba(235, 235, 235, var(--tw-border-opacity)) !important;
    color: rgba(235, 235, 235, var(--tw-border-opacity)) !important;
}

.onboarding-skip-button .form-button-secondary:hover {
    border-color: var(--button-primary-border-color) !important;
}


.editorstyles h2:before {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: var(--button-primary-bg-color);
    border-radius: 2px;
    margin-bottom: 22px;
    margin-top: 55px;
}

.editorstyles h3:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: var(--button-primary-bg-color);
    border-radius: 100%;
    margin-bottom: 6px;
    margin-top: 24px;
    position: relative;
    left: -12px;
    top: 20px;
}

.editorstyles h3 {
    margin-left: 13px;
    font-weight:bold;
}

/* .tag-from .editorstyles h3 {
    margin-left:0px;
} */

.editorstyles h4:before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: var(--color-gray-100);
    border-radius: 2px;
    margin-bottom: 16px;
    margin-top: 35px;
}

.tag-to {
    margin-top: -26px;
}


.editorstyles ul,
.editorstyles ol {
    margin-top: 26px;
}

.editorstyles ol li,
.editorstyles ul li {
    padding-bottom: 10px;
}

.tag-to ul li {
    padding-bottom: 3px;
}

.editorstyles h2 {
    margin-bottom: 12px;
}

/**
*. responsive
*/
.pr-230px {
    padding-right: 12px;
}

.max-w-screen-965 {
    width: 100%
}

@media (min-width: 769px) {
    body .website .form-button-primary.gettingstartedlink {
        margin-left: 24px;
    }
}

@media (min-width: 992px) {
    .pr-230px {
        padding-right: 230px;
    }
}

@media (min-width: 1024px) {
    .max-w-screen-965 {
        width: 965px
    }

}

@media (max-width: 991px) {
    .domain-check-btn {
        position: relative;
        top: 0px;
        transform: translateY(0);
        left: 0;
        margin-top: 15px;
        width: 100%
    }

    .generated.website {
        overflow-x: hidden;
    }

    .shadow-image .w-4\/5 {
        width: 99%;
    }
}

@media (max-width: 768px) {
    .break-text-mobile p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-bottom: 1rem !important;
    }

    .md\:w-full {
        width: 100%
    }

    .mobile-text-img-center {
        text-align: center;
    }

    .mobile-text-img-center img {
        margin: 0 auto;
    }

    .text-4xl,
    .text-4xl strong {
        line-height: 40px;
        font-size: 30px !important;
    }

    .text-5xl,
    .text-5xl strong,
    h1 strong,
    h1,
    .h1-line-height-58 h1 {
        line-height: 40px;
        font-size: 30px;
    }

    .introtext .editorstyles p:last-child {
        margin-bottom: 1rem !important;
    }

    .introtext .editorstyles p:last-child {
        margin-bottom: 0px;
    }

    .cta-review {
        padding-bottom: 30px;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0;
    }

    .cta-review:before {
        right: inherit;
        top: inherit;
        left: 0;
        bottom: 0;
    }

    #fixed-header-section .inner_item img {
        height: auto;
        width: 24px;
        margin-right: 20px;
    }

    #fixed-header-section .inner_item {
        padding: 0px;
        margin-top: 20px;
    }

    #fixed-header-section .has-primary-em-with-margin-left p em {
        margin-left: 0px;
        display: block;
    }

    #fixed-header-section .block.md\:w-screen.md\:max-w-xs .shadow-xs.overflow-hidden {
        height: 400px;
        overflow: auto;
    }

    #fixed-header-section .subhead-on-first-ul-li ul {
        min-height: auto;
    }

    #fixed-header-section .inner_item.px-4.py-4 {
        padding: 1rem;
    }

    .has-2-sidebars .md\:h-full.mb-4.md\:mb-0.md\:w-1\/5,
    .has-2-sidebars .md\:h-full.mb-4.md\:mb-0.md\:w-4\/5,
    .has-2-sidebars .md\:h-full.mb-4.md\:mb-0.md\:w-3\/4,
    .theme-marketplace-card {
        width: 100%;
    }

    .theme-marketplace-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .social-share .mb-4 {
        margin-bottom: 0px;
    }

    .social-share .md\:h-full {
        height: 100%;
    }

    /* menu */
    .mobile-full-screen-submenu-wrap {
        position: fixed;
        top: 0;
        left: 0;
        height: 100svh;
        width: 100%;
        z-index: 111;
        background: #fff;
        padding-top: 15px;
        margin: 0px;
        transition: all 0.3s ease-in;
        overflow-y: auto;
    }

    .mobile-full-screen-submenu-wrap .shadow-xs.overflow-hidden {
        height: 100% !important;
        box-shadow: none !important;
        width: 100%;
    }

    .mobile-full-screen-submenu-wrap .shadow-lg.text-left {
        box-shadow: none !important;
    }

    .close-submenu {
        position: fixed;
        right: 10px;
        z-index: 22;
    }

    #fixed-header-section .has-primary-em-with-margin-left p em {}

    .w-250 {
        width: 150px;
    }

    .w-250-left-over {
        width: calc(100% - 150px);
        overflow: scroll;
    }

    .min-width-800 {
        min-width: 800px
    }

    #fixed-header-section .absolute.origin-top-right {
        z-index: 9999;
    }

    .mobile-mb-1 .mb-4 {
        margin-bottom: 4px;
    }

    /* .toggle-off-mobile .grid{
        display: none;
    }
    .is-expanded .toggle-off-mobile .grid{
        display: block;
    } */
    .mobile-mb-reset .mb-4 {
        margin-bottom: 0px;
    }
}

.footer-socials a {
    width: 25px;
    height: 25px;
}

.footer-socials a img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .why_wemasy_image img {
        width: 200px !important;
    }

    .why_wemasy_image .c_c_h {
        justify-content: center !important;
    }
}

.build-type-text-head span.bg-primary-500 {
    white-space: nowrap;
}


@media (max-width: 768px) {
    .glossary-btn-class .flex {
        min-width: 0 !important;
        justify-content: center !important;
    }

    .glossary-btn-class .form-button-default {
        white-space: normal !important;
        word-break: break-word !important;
        width: auto !important;
        max-width: 280px !important;
        padding: 10px 20px !important;
    }
}

/* Paper Logo issue on mobile */

.paper-mobile-logo {
    display: none !important;
}

@media (max-width: 768px) {
    .paper-mobile-logo {
        display: block !important;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .paper-wemasy-inner-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    #paper .c_i {
        display: none !important;
    }
}

#wemasy_signup_page .popup-close-button {
    display: none !important;
}

#wemasy_pricing_page .open-onboarding-btn.free_forever .no-account-badge {
    padding-left: 58px !important;
}

.support-menu-item_inner {
    max-width: fit-content !important;
}


/* Fix Reviews Padding issue in the mobile */

@media (max-width: 767px) {
    .review-columns-outer div#reviewitem .c_c[class*="md:pt-8"] {
        padding: 2rem !important;
    }
}

/* Change Focus from blue to primary color  */
body .website .form-button-primary:focus {
    --tw-ring-color: #FCEAE8;
}

body .website .form-button-primary:focus {
    --tw-ring-color: #FCEAE8;
}

body .website .form-button-active.form-button-default,
body .website .form-button-default:hover {
    background-color: var(--color-primary-500) !important;
    border-color: #FCEAE8 !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #FCEAE8;
}

body .website .form-button-active.form-button-secondary,
body .website .form-button-secondary:hover {
    background-color: var(--color-primary-500) !important;
    color:white !important;
    border-color: #FCEAE8 !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #FCEAE8;
}

.knowledge-base-content img {
    box-shadow: 0px 7px 21px #9e9e9e;
    border-radius: 16px;
    margin: 20px 0px 29px 0px;
}
/* wm-header-logo-gap:be */
@media (min-width:811px){

  #fixed-header-section nav>div.items-center.w-full{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center;
    width:100%
  }
  #fixed-header-section nav>div.items-center.w-full>div:first-child{
    display:flex;
    align-items:center;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:152px
  }
  #fixed-header-section nav>div.items-center.w-full>div:last-child{
    flex:1 1 auto!important;
    min-width:0;
    width:auto!important;
    display:flex!important;
    align-items:center;
    margin:0!important;
    padding-left:0!important;
    padding-top:0!important;
    text-align:left!important
  }
  #fixed-header-section #menu_wrapper{
    flex:1 1 auto!important;
    min-width:0;
    width:100%!important;
    max-width:none!important;
    display:block!important;
    margin:0!important;
    padding-left:0!important;
    padding-top:0!important;
    text-align:left!important;
    overflow:visible!important
  }
  #fixed-header-section .main-menu{
    display:flex!important;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-start;
    width:100%!important;
    max-width:none!important;
    column-gap:0;
    row-gap:0
  }
  #fixed-header-section .main-menu>a,
  #fixed-header-section .main-menu>span{
    margin-left:0!important;
    margin-right:0!important
  }
  #fixed-header-section .main-menu>.position_0,
  #fixed-header-section .main-menu>a.position_0,
  #fixed-header-section .main-menu>span.position_0{
    margin-left:auto!important
  }
  #fixed-header-section .main-menu>.position_5,
  #fixed-header-section .main-menu>span.position_5,
  #fixed-header-section .main-menu>span:has(>a.languageflag){
    margin-left:auto!important
  }
  #fixed-header-section .main-menu>.position_1,
  #fixed-header-section .main-menu>.position_2,
  #fixed-header-section .main-menu>.position_3,
  #fixed-header-section .main-menu>.position_4,
  #fixed-header-section .main-menu>a.loginlink,
  #fixed-header-section .main-menu>a.position_6,
  #fixed-header-section .main-menu>a.gettingstartedlink{
    margin-left:16px!important
  }


  #fixed-header-section .main-menu .position_0>a,
  #fixed-header-section .main-menu [class*="position_"]>a{
    margin-top:0!important
  }
  #fixed-header-section .main-menu>span{
    display:block!important;
    overflow:visible!important
  }
  #fixed-header-section .main-menu>a,
  #fixed-header-section .main-menu>span>a{
    display:inline-flex!important;
    align-items:center!important;
    flex-shrink:0;
    white-space:nowrap;
    margin-top:0!important;
    margin-bottom:0!important
  }
  #fixed-header-section .main-menu>a:not(.gettingstartedlink),
  #fixed-header-section .main-menu>span>a{
    padding-top:0!important;
    padding-bottom:0!important;
    padding-left:0!important;
    padding-right:0!important;
    line-height:1.25
  }
  #fixed-header-section .main-menu a.languageflag img,
  #fixed-header-section .main-menu .languageflag img{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin:0 6px 0 0!important;
    width:18px!important;
    height:auto!important
  }
  #fixed-header-section .main-menu svg.h-5{
    display:block;
    flex-shrink:0;
    margin:0;
    position:static;
    top:auto
  }
}
@media (min-width:811px) and (max-width:1279px){
  #fixed-header-section .main-menu>.position_1,
  #fixed-header-section .main-menu>.position_2,
  #fixed-header-section .main-menu>.position_3,
  #fixed-header-section .main-menu>.position_4,
  #fixed-header-section .main-menu>a.loginlink,
  #fixed-header-section .main-menu>a.position_6,
  #fixed-header-section .main-menu>a.gettingstartedlink{
    margin-left:calc(12px + 8 * (100vw - 811px) / 468)!important
  }
  #fixed-header-section .main-menu,
  #fixed-header-section .main-menu a,
  #fixed-header-section .main-menu span{
    font-size:calc(12px + 3.5 * (100vw - 811px) / 468);
    line-height:1.25
  }
  #fixed-header-section .main-menu svg.h-5{
    width:calc(12px + 5 * (100vw - 811px) / 468);
    height:calc(12px + 5 * (100vw - 811px) / 468)
  }
  #fixed-header-section .main-menu a.gettingstartedlink{
    padding-top:calc(10px + 4 * (100vw - 811px) / 468)!important;
    padding-bottom:calc(10px + 4 * (100vw - 811px) / 468)!important;
    padding-left:calc(12px + 8 * (100vw - 811px) / 468)!important;
    padding-right:calc(12px + 8 * (100vw - 811px) / 468)!important
  }
}
@media (min-width:1280px){
  #fixed-header-section .main-menu>.position_1,
  #fixed-header-section .main-menu>.position_2,
  #fixed-header-section .main-menu>.position_3,
  #fixed-header-section .main-menu>.position_4,
  #fixed-header-section .main-menu>a.loginlink,
  #fixed-header-section .main-menu>a.position_6,
  #fixed-header-section .main-menu>a.gettingstartedlink{
    margin-left:20px!important
  }
  #fixed-header-section .main-menu a.gettingstartedlink{padding-left:16px!important;padding-right:16px!important}
}
@media (min-width:811px) and (max-width:1023px){
  #fixed-header-section nav>div.items-center.w-full{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    width:100%!important
  }
  #fixed-header-section nav>div.items-center.w-full>div:first-child{
    min-width:0!important;
    width:auto!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important
  }
  #fixed-header-section nav>div.items-center.w-full>div:last-child{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important
  }
  #fixed-header-section #menu_wrapper{
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    display:block!important
  }
  #fixed-header-section .main-menu{
    display:flex!important;
    width:100%!important;
    max-width:none!important
  }
  #fixed-header-section nav>div.items-center.w-full>div:first-child,
  #fixed-header-section nav>div.items-center.w-full>div:first-child>a{
    display:flex!important;
    align-items:center!important
  }
  #fixed-header-section nav>div.items-center.w-full>div:last-child,
  #fixed-header-section #menu_wrapper{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important
  }
  body .website #fixed-header-section a img.logo,
  #fixed-header-section a img.logo{
    position:relative!important;
    top:-18px!important;
    margin-bottom:-18px!important;
    width:auto!important;
    display:block!important
  }
  body .website #fixed-header-section .main-menu>.position_0,
  body .website #fixed-header-section .main-menu>span.position_0,
  body .website #fixed-header-section .main-menu>a.position_0{
    margin-left:auto!important
  }
  body .website #fixed-header-section .main-menu>.position_5,
  body .website #fixed-header-section .main-menu>span.position_5,
  body .website #fixed-header-section .main-menu>span:has(>a.languageflag),
  body .website #fixed-header-section .main-menu>span:has(>a.space-item){
    margin-left:auto!important
  }
}
@media (min-width:812px) and (max-width:1023px){
  body .website #fixed-header-section a img.logo{
    height:calc(82px + 13 * (100vw - 812px) / 211)!important;
    max-height:calc(82px + 13 * (100vw - 812px) / 211)!important;
    width:auto!important
  }
}
/* wm-flip-cards */
@media (max-width:990px){
  [data-component-id="174716"] .flex.flex-wrap{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important
  }
  [data-component-id="174716"] .flip-card{
    width:calc(50% - 12px)!important
  }
  [data-component-id="174716"] .flip-image{
    width:85%!important;
    height:85%!important;
    top:6px;
    object-fit:contain!important
  }
  [data-component-id="174716"] .flip-card h2{
    bottom:10px!important;
    font-size:13px;
    line-height:1.2
  }
}
@media (min-width:640px) and (max-width:990px){
  [data-component-id="174716"] .flip-card{
    width:calc(25% - 12px)!important
  }
  [data-component-id="174716"] .flip-image{
    width:70%!important;
    height:82%!important;
    top:auto;
    object-fit:cover!important
  }
  [data-component-id="174716"] .flip-card h2{
    bottom:2rem!important;
    font-size:inherit;
    line-height:20px
  }
}
@media (hover:none){
  [data-component-id="174716"] .flip-card:hover .flip-card-inner{
    transform:none
  }
}
/* wm-lang-flag-align */
#fixed-header-section .languageflag_inner .submenu img,
#fixed-header-section .languageflag .submenu img,
body .website .languageflag_inner .submenu img{
  width:20px!important;
  height:14px!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  display:block!important;
  flex-shrink:0!important;
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important
}
#fixed-header-section .languageflag_inner .submenu p,
body .website .languageflag_inner .submenu p{
  display:flex!important;
  align-items:center!important;
  padding-left:10px!important;
  padding-bottom:5px!important
}