/*!
Theme Name: bitcatcha2024
Author: Bitcatcha Dev
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: bitcatcha2024
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bitcatcha2024 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 100px;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  color: var(--darkgrey, #2f2f2f);
  overflow-x: hidden;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 56px;
  line-height: 1.3em;
  margin: 0 0;
}

h2 {
  font-size: 40px;
  line-height: 1.5em;
}

h3 {
  font-size: 32px;
  line-height: 1.4em;
}

h4 {
  font-size: 28px;
  line-height: 1.3em;
}

h5 {
  font-size: 24px;
  line-height: 1.1em;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 18px;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 18px;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: var(--darkgrey, #2f2f2f);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin: 0;
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

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

ul,
ol {
  margin: 0;
}

ul {
  list-style: disc;
  /* padding-inline-start: 18px; */
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

figure {
  margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a,
.linkable {
  color: #1745bc;
}

a:visited {
  color: #1745bc;
}

a:hover,
a:focus,
a:active,
.linkable:hover {
  color: #191970;
}

.linkable {
  cursor: pointer;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# body
--------------------------------------------------------------*/

body.menu-open,
body.modal-open {
  overflow: hidden;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: #2f2f2f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 99;
}

.site-header .colorbar {
  width: 100%;
  height: 12px;
  vertical-align: top;
  object-fit: cover;
}

.navbar {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  max-height: 75px;
  margin-left: auto;
  margin-right: auto;
}
.nav-links {
  margin-left: auto;
  /* margin-right: auto; */
}
#bca_headermenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#bca_headermenu ul,
#bca_headermenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#bca_headermenu ul {
  position: relative;
  z-index: 597;
}
#bca_headermenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#bca_headermenu ul li.hover,
#bca_headermenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#bca_headermenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  z-index: 598;
  border-radius: 5px;
  text-transform: none;
  min-width: 330px;
  padding: 24px;
  background: white;
  border-radius: 25px;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
  margin-top: 15px;
}

#bca_headermenu #header-menu > li:last-child ul {
  right: 0;
  width: 330px;
}

#bca_headermenu ul ul li {
  float: none;
}
#bca_headermenu ul ul ul {
  top: 0;
  width: 330px;
}
#bca_headermenu ul > li.active > ul {
  visibility: visible;
}
#bca_headermenu ul ul li {
  font-weight: normal;
}
#bca_headermenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
#bca_headermenu > ul {
  display: inline-block;
}
#bca_headermenu::after,
#bca_headermenu ul::after {
  content: "";
  display: block;
  clear: both;
}
#bca_headermenu ul ul a {
  /* background: white; */
  color: #2f2f2f;
  line-height: 24px;
  padding: 16px 20px 0px 16px;
  font-size: 16px;
}
#bca_headermenu ul ul ul {
  border-top: 0 none;
}
#bca_headermenu ul ul li {
  position: relative;
  /* background: white; */
  /* border-radius: 5px; */
}
#bca_headermenu ul ul li:first-child > a {
  padding-top: 0;
}
#bca_headermenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#bca_headermenu ul ul li.has-sub > a::after,
#bca_headermenu ul ul li.has-sub > div::after {
  content: "▾";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#bca_headermenu ul li:hover > a {
  text-decoration: underline;
}
#bca_headermenu ul li.has-sub > a::after,
#bca_headermenu ul li.has-sub > div::after {
  content: "▾";
  font-size: 25px;
  margin-left: 5px;
  vertical-align: bottom;
}

#bca_headermenu ul li.has-sub.active > a::after,
#bca_headermenu ul li.has-sub.active > div::after {
  content: "▴";
  font-size: 25px;
}
#bca_headermenu ul li.last ul {
  left: auto;
  right: 0;
}
#bca_headermenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#bca_headermenu a,
#bca_headermenu > ul > li > div {
  /* background: #2f2f2f; */
  color: white;
  padding: 0 20px;
}
#bca_headermenu > ul > li > a,
#bca_headermenu > ul > li > div {
  font-weight: 700;
  font-size: 18px;
  line-height: 75px;
}

#bca_headermenu > ul > li > div {
  cursor: pointer;
}

#bca_headermenu ul ul a {
  list-style-type: "> ";
  margin-left: 2rem;
  display: list-item;
}

#bca_headermenu ul ul li:hover > a {
  color: #1745bc;
  text-decoration: none;
}

.header-left {
  display: flex;
}

.site-branding {
  width: 65px;
  height: 65px;
  margin: auto 0;
  align-self: flex-start;
}

.menu-toggle {
  display: none;
}

@media screen and (max-width: 800px) {
  .site-header {
    position: static;
    height: 55px;
    width: 100%;
  }

  .site-header .colorbar {
    height: 10px;
  }

  .navbar {
    height: 55px;
    max-height: 55px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  #bca_headermenu {
    display: none;
    position: fixed;
    top: 55px;
    left: 0;
    height: 100%;
    width: 100%;
    background: #2f2f2f;
    z-index: 596;
    overflow: auto;
  }

  #bca_headermenu.active {
    display: block;
  }

  #bca_headermenu ul {
    display: block;
  }

  #bca_headermenu ul li {
    float: none;
  }

  #bca_headermenu ul ul {
    display: none;
    position: static;
    border-radius: 0;
    padding: 14px;
  }

  #bca_headermenu #header-menu > li:last-child ul {
    width: auto;
  }

  #bca_headermenu ul > li.active > ul {
    display: block;
    visibility: visible;
  }

  #bca_headermenu > ul > li > a,
  #bca_headermenu > ul > li > div {
    font-size: 14px;
    line-height: 40px;
  }

  #bca_headermenu ul ul a {
    line-height: 24px;
    padding: 14px 14px 0px 14px;
    font-size: 14px;
  }

  .site-branding {
    width: 45px;
    height: 45px;
    margin: auto 0 auto 5px;
    float: left;
  }

  #menu-toggle {
    width: 30px;
    height: 24px;
    margin-top: 18px;
    margin-left: auto;
    margin-right: 15px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }

  #menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: white;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  #menu-toggle span:nth-child(1) {
    top: 0px;
  }

  #menu-toggle span:nth-child(2),
  #menu-toggle span:nth-child(3) {
    top: 10px;
  }

  #menu-toggle span:nth-child(4) {
    top: 20px;
  }

  #menu-toggle.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  }

  #menu-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #menu-toggle.open span:nth-child(4) {
    top: 14px;
    width: 0%;
    left: 50%;
  }
}

.site-main {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  /* margin-top: 95px; */
}

.site-main.site-main-wide {
  max-width: 1000px;
}

.site-main.top-spacing {
  margin-top: 95px;
}
@media screen and (max-width: 800px) {
  .site-main {
    margin-top: 10px;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

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

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

.page-content,
.entry-content,
.entry-summary {
  margin: 0 0 0;
}

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

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

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

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

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

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

@media screen and (max-width: 800px) {
  h1 {
    font-size: 48px;
  }
}

.main-article {
  display: grid;
  grid-template-columns: 65fr 35fr;
  grid-column-gap: 18px;
  margin-bottom: 44px;
  position: relative;
}

.main-article .left .title {
  margin-bottom: 12px;
}

.main-article .left .excerpt {
  margin-bottom: 40px;
}

.main-article .right img {
  width: 300px;
  height: auto;
}
@media screen and (max-width: 800px) {
  .main-article {
    grid-template-columns: 1fr;
  }
  .main-article .left {
    order: 2;
    width: 100%;
  }

  .main-article .right {
    order: 1;
    width: 100%;
  }

  .main-article .right img {
    width: 100%;
    height: auto;
  }
}

.link-spanner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.general-button,
input.general-button {
  background: #1745bc;
  padding: 11px 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 590;
  line-height: 27px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: none;
  border-radius: 0;
  cursor: pointer;
}

a.general-button {
  text-align: center;
}

.general-button.small-text {
  font-size: 16px;
}

.general-button:hover,
.general-big-button:hover,
.general-button:visited,
.general-big-button:visited,
input.general-button:hover,
input.general-button:visited {
  color: #fff;
  background: #1745bc;
}

.general-big-button {
  background: #1745bc;
  padding: 15px 30px;
  color: #fff;
  font-size: 32px;
  font-weight: 590;
  line-height: 1.3em;
  text-decoration: none;
  display: inline-block;
  border: none;
  border-radius: 0;
  cursor: pointer;
}

#bca_headermenu > ul > li.menu-button {
  line-height: 75px;
}
#bca_headermenu > ul > li.menu-button > a {
  background: #1745bc;
  padding: 11px 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 590;
  line-height: 27px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
#bca_headermenu > ul > li.menu-button > a:hover {
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  #bca_headermenu > ul > li.menu-button {
    line-height: 40px;
  }
  #bca_headermenu > ul > li.menu-button > a {
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }
}

.section-title {
  margin-bottom: 36px;
}

.three-information-box {
  margin-bottom: 44px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 36px;
}

.three-information-box .information-box {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 36px;
}

.three-information-box .information-box.box1 {
  background: var(--lightyellow, #fffaed);
}

.three-information-box .information-box.box2 {
  background: var(--New-Green, #cfffee);
}

.three-information-box .information-box.box3 {
  background: var(--New---Red, #ffe5e5);
}
.three-information-box .information-box .category {
  display: inline-block;
  background: #fff;
  color: #000;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  font-size: 16px;
  font-weight: 590;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.three-information-box .information-box .title {
  margin-bottom: 24px;
  font-weight: 590;
}

.three-information-box .information-box .description {
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .three-information-box {
    grid-template-columns: 1fr;
  }
  .three-information-box .information-box {
    margin-bottom: 24px;
  }
}

.as-seen-on {
  margin-bottom: 44px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: var(--lightgrey, #fafafa);
}

.as-seen-on .title {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  color: #000;
  font-weight: 590;
}

.as-seen-on .title::before,
.as-seen-on .title::after {
  content: "";
  border-top: 1px solid #000;
  align-self: center;
}

.as-seen-on .logos {
  display: flex;
  align-items: center;
  justify-content: center;
}

.as-seen-on .logos img {
  height: 18px;
  width: auto;
  padding: 0 16px;
}
@media screen and (max-width: 800px) {
  .as-seen-on .logos {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
  }
  .as-seen-on .logos img {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    grid-column: span 2;
    object-fit: contain;
  }

  .as-seen-on .logos img.row2col.firstitem {
    grid-column: 2 / span 2;
  }
  .as-seen-on .logos img.row2col.seconditem {
    grid-column: 4 / span 2;
  }
}

.learn-more-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-bottom: 44px;
}
.learn-more-row .left,
.learn-more-row .right {
  position: relative;
  height: 360px;
}
.learn-more-row img {
  width: 64px;
  height: auto;
  margin-bottom: 16px;
}

.learn-more-row .title {
  font-size: 32px;
  font-weight: 510;
  line-height: 1.4;
  margin-bottom: 16px;
}

.learn-more-row .description {
  margin-bottom: 16px;
}

.learn-more-row .general-button {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 800px) {
  .learn-more-row {
    grid-template-columns: 1fr;
  }
}

.section-title-with-icon {
  display: grid;
  grid-template-columns: 8fr 1fr;
  gap: 1rem;
}

.section-title-with-icon img {
  width: 100px;
  height: auto;
}
@media screen and (max-width: 800px) {
  .section-title-with-icon {
    grid-template-columns: 1fr;
  }

  .section-title-with-icon .left {
    order: 2;
  }

  .section-title-with-icon .right {
    order: 1;
  }
}

.two-article {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 44px;
}

.two-article .article {
  position: relative;
}

.two-article .article:hover .title {
  text-decoration: underline;
  color: #1745bc;
}

.two-article .title {
  font-size: 32px;
  font-weight: 510;
  line-height: 1.4;
  margin-bottom: 16px;
}

.two-article .description {
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .two-article {
    grid-template-columns: 1fr;
  }
}

.three-article {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 44px;
}

.three-article .article {
  position: relative;
}

.three-article .article:hover .title {
  text-decoration: underline;
  color: #1745bc;
}

.three-article .title {
  font-size: 32px;
  font-weight: 510;
  line-height: 1.4;
  margin-bottom: 16px;
}

.three-article .description {
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .three-article {
    grid-template-columns: 1fr;
  }
}

.four-image {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 44px;
}

.four-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 800px) {
  .four-image {
    grid-template-columns: 1fr;
  }
}

.three-icon {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-bottom: 36px;
}

.three-icon img {
  width: 100px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.three-icon .description {
  text-align: center;
  padding-top: 20px;
}

@media screen and (max-width: 800px) {
  .three-icon {
    grid-template-columns: 1fr;
  }
}

.three-profile {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-bottom: 36px;
}

.three-profile .image {
  border-radius: 50%;
  margin-bottom: 24px;
  width: 50%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.three-profile .name {
  font-weight: 590;
}

.three-profile .title {
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .three-profile {
    grid-template-columns: 1fr;
  }
}

.title-block {
  display: grid;
  grid-template-columns: 4fr 1fr;
  padding-bottom: 24px;
}

.title-block .title {
  font-size: 40px;
  line-height: 1.5em;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-bottom: 24px;
}
.title-block .left {
  order: 1;
}
.title-block .right {
  text-align: right;
  order: 2;
}
.title-block img {
  width: 90px;
  height: 90px;
}

@media screen and (max-width: 800px) {
  .title-block {
    grid-template-columns: 1fr;
  }
  .title-block .left {
    order: 2;
  }
  .title-block .right {
    display: none;
    text-align: center;
    order: 1;
  }
}

.information-block-with-tag {
  padding: 0 24px 24px 24px;
  background: var(--New---Yellow, #fffaed);
  margin-bottom: 32px;
}
.information-block-with-tag .tag {
  display: inline-block;
  background: #fff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-weight: 590;
  font-size: 16px;
  color: #000;
  margin-bottom: 25px;
}

.quote-box {
  padding-left: 38px;
  padding-right: 33px;
  padding-bottom: 32px;
  background: var(--New-Grey, #f2f2f2);
  display: grid;
  grid-template-columns: 75fr 25fr;
  margin-top: 30px;
  margin-bottom: 32px;
}

.quote-box .category {
  display: inline-block;
  background: #fff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-weight: 590;
  font-size: 16px;
  color: #000;
  margin-bottom: 25px;
}

.quote-box .category.hidden {
  visibility: hidden;
}

.quote-box .title {
  font-size: 32px;
  line-height: 1.4;
  font-weight: 510;
  color: #000;
  margin-bottom: 4px;
}

.quote-box .description {
  color: #000;
}

.quote-box .icon {
  margin-top: -14px;
}

.quote-box .icon img {
  float: right;
  width: 81px;
  height: 59px;
}

@media screen and (max-width: 800px) {
  .quote-box {
    grid-template-columns: 1fr;
  }
  .quote-box .text {
    order: 2;
  }
  .quote-box .icon {
    order: 1;
  }
}

.two-color-quote-box {
  display: grid;
  grid-template-columns: 58fr 42fr;
  margin-top: 30px;
  margin-bottom: 44px;
}

.two-color-quote-box p {
  margin-bottom: 0px;
}

.two-color-quote-box .left {
  background: var(--New---Yellow, #fffaed);
  padding-left: 46px;
  padding-right: 31px;
  padding-bottom: 29px;
}

.two-color-quote-box .left .category {
  display: inline-block;
  background: #fff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-weight: 590;
  font-size: 16px;
  color: #000;
  margin-bottom: 25px;
}

.two-color-quote-box .left .row1 {
  display: grid;
  grid-template-columns: 25fr 75fr;
  padding: 10px 21.5px;
  gap: 1.5rem;
}
.two-color-quote-box .left .row1 .image {
  width: 80px;
  height: auto;
  object-fit: contain;
}
.two-color-quote-box .left .row1 .row1-right .title {
  font-size: 32px;
  font-weight: 590;
  line-height: 1.5;
}

.two-color-quote-box .left .details {
  font-size: 32px;
  font-weight: 590;
  line-height: 1.5;
}

.two-color-quote-box .right {
  background: var(--New---LightGreen, #ebfff8);
  padding-left: 43px;
  padding-right: 29px;
  padding-bottom: 29px;
}

.two-color-quote-box .right .quote {
  margin-top: -14px;
  height: 85px;
}
.two-color-quote-box .right .quote img {
  float: right;
  width: 81px;
  height: 59px;
}

.two-color-quote-box .right .description {
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .two-color-quote-box {
    grid-template-columns: 1fr;
  }
  .two-color-quote-box .left .row1 {
    padding: 0px;
  }
}

.three-deals {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}

.three-deals .deal1 {
  background: var(--New---LightGreen, #ebfff8);
}

.three-deals .deal2 {
  background: var(--New---Yellow, #fffaed);
}

.three-deals .deal3 {
  background: var(--New---Red, #ffe5e5);
}

.three-deals .deal {
  padding: 40px 40px;
  display: grid;
  place-items: center;
}

.three-deals .deal img {
  width: 100px;
  height: auto;
  margin-bottom: 20px;
}

.three-deals .deal .title {
  font-size: 24px;
  font-weight: 590;
  line-height: 1.1rem;
  margin-bottom: 10px;
  text-align: center;
}

.three-deals .deal .description {
  margin-bottom: 14px;
}

@media screen and (max-width: 800px) {
  .three-deals {
    grid-template-columns: 1fr;
  }
}

.two-compare {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 32px;
}

.two-compare p {
  margin-top: 0px;
}

.two-compare .left {
  background: var(--New---LightGreen, #ebfff8);
  padding: 0 24px 24px 24px;
}

.two-compare .right {
  background: var(--New---LightRed, #fff2f2);
  padding: 0 24px 24px 24px;
}

.two-compare .section-tag {
  display: inline-block;
  background: #fff;
  color: #000;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  font-size: 16px;
  font-weight: 590;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .two-compare {
    grid-template-columns: 1fr;
  }
}

.two-compare-big-text p {
  margin-bottom: 0px;
}
.two-compare-big-text .left {
  background: #cfffee;
}
.two-compare-big-text .right {
  background: #ffe5e5;
}
.two-compare-big-text .big-text {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

.framed-section {
  border: 1px solid var(--darkgrey, #2f2f2f);
  padding: 22px 24px;
  margin-bottom: 32px;
}

.framed-section .details {
  margin-bottom: 16px;
}

.framed-section p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 590;
  line-height: 27px;
}

.two-uptime-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-bottom: 32px;
}

.two-uptime-box .uptime-box {
  background: var(--New---LightGreen, #ebfff8);
  padding: 0 24px 24px 24px;
  display: grid;
  place-items: center;
}

.two-uptime-box .uptime-box .uptime-tag {
  display: inline-block;
  background: #fff;
  color: #000;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  font-size: 16px;
  font-weight: 590;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.two-uptime-box .uptime-box .uptime-percentage {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 12px;
}
@media screen and (max-width: 800px) {
  .two-uptime-box {
    grid-template-columns: 1fr;
  }
}

.table-of-content {
  background: var(--New-Grey, #f2f2f2);
  padding: 0;
  margin-bottom: 32px;
  position: relative;
}
.table-of-content .tag {
  display: inline-block;
  background: #fff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-weight: 590;
  font-size: 16px;
  color: #000;
  margin-bottom: 25px;
}

.table-of-content a {
  line-height: 2;
  color: #000;
}

.table-of-content details[open] summary::after {
  content: attr(data-open);
}

.table-of-content details:not([open]) summary::after {
  content: attr(data-close);
}

.table-of-content.no-collapse .collapsible-toc {
  max-height: 9999px;
  padding-bottom: 24px;
}

.table-of-content .collapsible-toc {
  max-height: 200px;
  padding: 0 24px 0 24px;
  overflow: hidden;
  position: relative;
}
.table-of-content .collapsible-toc:after {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  bottom: 0;
  content: "";
  height: 75px;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.5s ease;
  width: 100%;
}

.table-of-content.expanded .collapsible-toc {
  max-height: 9999px;
  padding-bottom: 48px;
}
.table-of-content.no-collapse .collapsible-toc:after,
.table-of-content.expanded .collapsible-toc:after {
  opacity: 0;
}

.table-of-content-button-wrapper {
  bottom: -0.75rem;
  width: 100%;
  position: absolute;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .table-of-content-button-wrapper {
    bottom: -1.75rem;
  }
}

.table-of-content-button-wrapper button {
  cursor: pointer;
  margin: 0;
}

.two-product {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

.two-product .product {
  border: 1px solid var(--blackborder, #000);
  background: var(--lightgrey, #fafafa);
  padding: 20px 29px 29px 29px;
}

.two-product .product .row1 {
  display: grid;
  grid-template-columns: 25fr 75fr;
  padding: 10px 21.5px;
  gap: 1.5rem;
  margin-bottom: 26px;
}
.two-product .product .row1 .image {
  width: 80px;
  height: auto;
  object-fit: contain;
}
.two-product .product .row1 .row1-right .title {
  font-size: 32px;
  font-weight: 590;
  line-height: 1.5;
}

.two-product .product .text {
  font-weight: 590;
  line-height: 1.5;
  color: #1745bc;
}
.two-product .product .text.big-gap {
  margin-bottom: 18px;
}
.two-product .product .text.small-gap {
  margin-bottom: 5px;
}

.two-product .product .row2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-bottom: 29px;
}

.two-product .product .big-text {
  font-size: 32px;
  font-weight: 510;
  margin-top: 29px;
  margin-bottom: 18px;
}

@media screen and (max-width: 800px) {
  .two-product {
    grid-template-columns: 1fr;
  }
  .two-product .product .row1 {
    padding: 0px;
  }
}

.product-highlight {
  display: flex;
  margin-bottom: 32px;
}

.product-highlight .left img {
  width: 80px;
  height: auto;
}

.product-highlight .right {
  padding-left: 34px;
  margin-top: auto;
  margin-bottom: auto;
}

.product-highlight .right .text {
  font-size: 32px;
  line-height: 48px;
  font-weight: 590;
  margin-bottom: 0;
  margin-block-start: 0;
}

.product-review {
  border: 2px solid black;
  width: 290px;
  text-align: center;
  background: white;
  overflow: auto;
}
.product-review p {
  margin-bottom: 0px;
}

.product-review .product-title {
  font-size: 40px;
  line-height: 1.5em;
  font-weight: 590;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  color: #1745bc;
  padding: 6px 0px 6px 0px;
  border-bottom: 2px solid black;
}

.product-review .uptime {
  border-bottom: 2px solid black;
  padding-top: 16px;
  padding-bottom: 6px;
}

.product-review .title {
  font-weight: 590;
}

.product-review .content {
  font-weight: 590;
  font-size: 40px;
  line-height: 60px;
}

.product-review .performance {
  border-bottom: 2px solid black;
  padding-top: 18px;
  padding-bottom: 24px;
}

.product-review .performance .rating {
  padding-top: 12px;
}

.product-review .response-time {
  padding: 18px 12px 18px 12px;
}

.product-review .response-time .reports {
  margin: 6px 0px 14px 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-left: 1px solid black;
}

.product-review .response-time .reports .region-report {
  border-top: 1px solid black;
}
.product-review .response-time .reports .region-report div {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-review .response-time .reports .region-report .region {
  background: #cfffee;
}

.product-review .response-time .reports .region-report .result {
  font-weight: 590;
}

.product-review .response-time a {
  margin-top: 14px;
}

.product-review .about {
  background: #fffaed;
  padding: 20px 12px 20px 12px;
}

.product-review .about .general-button {
  margin-top: 15px;
  margin-bottom: 20px;
}

.product-review .about ul {
  padding-inline-start: 24px;
  text-align: left;
}

.product-review-row-container {
  position: sticky;
  bottom: 0;
  animation: popUp 0.5s;
}
@keyframes popUp {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 0;
  }
}
.product-review-row {
  width: 100vw;
  height: 80px;
  text-align: center;
  box-shadow: 0px -5px 40px 0px #0000001a;
  background: #ffffff;
  position: relative;
  left: calc(-50vw + 50%);
  display: flex;
  justify-content: center;
  padding: 7px 0;
}

.product-review-row .product-review-row-content {
  display: flex;
}

.product-review-row p {
  margin-bottom: 0px;
}

.product-review-row .section {
  display: block;
}

.product-review-row .logo {
  width: 54px;
  height: 100%;
  margin-right: 12px;
  object-fit: contain;
}

.product-review-row .title-and-tag {
  margin-right: 16px;
  width: 190px;
  max-width: 190px;
}

.product-review-row .title-and-tag.single-line {
  display: flex;
  align-items: center;
}

.product-review-row .product-title {
  color: #1745bc;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}

.product-review-row .product-tag {
  font-size: 18px;
  font-weight: 590;
  line-height: 27px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product-review-row .rating-container {
  height: 100%;
  margin-right: 30px;
  padding-right: 20px;
  border-right: 1px solid #000000;
}

.product-review-row .rating {
  height: 100%;
  display: flex;
}

.product-review-row .rating img {
  margin-right: 8px;
}

.product-review-row .pricing-container {
  text-align: left;
  color: #2f2f2f;
  width: 205px;
  min-width: 205px;
  max-width: 205px;
}
.product-review-row .pricing-container .row2 {
  display: flex;
}
.product-review-row .pricing-container .from {
  grid-column: 1 / span 2;
  font-size: 18px;
  font-weight: 590;
  line-height: 24px;
}

.product-review-row .pricing-container .price {
  font-size: 32px;
  font-weight: 590;
  line-height: 42px;
  align-self: end;
  margin-right: 8px;
}

.product-review-row .pricing-container .period {
  font-size: 18px;
  font-weight: 590;
  line-height: 27px;
  align-self: end;
}

.product-review-row .button-container {
  display: flex;
  align-items: center;
  width: 183px;
  max-width: 183px;
  justify-content: flex-end;
}
.product-review-row .button-container .general-button {
  height: 50px;
}

@media screen and (max-width: 800px) {
  .product-review-row-container {
    display: none;
  }
  .product-review-row {
    display: block;
  }
}

.author-date {
  display: flex;
  margin-top: 35px;
  margin-bottom: 35px;
}

.author-date .left {
  border-right: 1px solid black;
  padding-right: 32px;
  display: flex;
}

.author-date .left .written-by {
  padding-left: 16px;
}

.author-date .left .written-by p.title {
  margin-bottom: 0;
}

.author-date .left .written-by .author-name {
  font-weight: 590;
  color: black;
  text-decoration: none;
}

.author-date .left .written-by p.author-name {
  margin-bottom: 0;
}

.author-date .left .written-by .author-name:visited {
  color: black;
  text-decoration: none;
}

.author-date .right {
  padding-left: 32px;
}

.author-date .right p.title {
  margin-bottom: 0;
}

.author-date .right .post-date {
  font-weight: 590;
}

.author-date .right p.post-date {
  margin-bottom: 0;
}

.back-to-top {
  text-decoration: underline;
  color: #1745bc;
  margin-bottom: 32px;
}

.back-to-top:hover {
  cursor: pointer;
}

.information-block {
  padding: 24px;
  background: var(--New---Yellow, #fffaed);
  margin-bottom: 32px;
}

.round-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;
}
.round-image img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}

.cta-button,
.popup-button {
  width: fit-content;
  box-shadow: #1745bc 0px 0px 0px 0px inset,
    rgb(255, 255, 255) 10px 10px 0px -1.5px, #1745bc 10px 10px;
  margin-bottom: 42px;
}

.is-it-up-form-container {
  display: flex;
  justify-content: space-between;
}

.testing-form {
  margin-top: 35px;
}
.testing-form label {
  display: block;
  margin-bottom: 18px;
}

.testing-form input {
  border-color: black;
  border-radius: 0;
  height: 50px;
  width: 425px;
}

.testing-form .form-input {
  display: flex;
}

.testing-form .form-input button {
  margin-left: 30px;
}

.is-it-up .isitup-response {
  font-weight: 700;
  color: black;
  font-size: 56px;
  line-height: 72.8px;
  border: 1px solid;
  border-color: black;
  padding-left: 30px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 24px;
}
.is-it-up .isitup-response p {
  margin-bottom: 0;
}

.is-it-up .isitup-response.positive {
  background-color: #eefff9;
}

.is-it-up .isitup-response.negative {
  background-color: #fff1ed;
}

@media screen and (max-width: 800px) {
  .is-it-up-form-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }

  .is-it-up-form-container .left {
    order: 2;
    width: 100%;
  }

  .is-it-up-form-container .right {
    order: 1;
    width: 100%;
    text-align: center;
  }

  .testing-form input {
    width: 100%;
  }

  .testing-form .form-input {
    display: block;
    text-align: center;
  }

  .testing-form .form-input button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
}

.whoishosting-result {
  margin-top: 47px;
}

.whoishosting-result p {
  margin-bottom: 0px;
}
.whoishosting-result .title {
  font-weight: 590;
  font-size: 40px;
  line-height: 60px;
  color: #2f2f2f;
}
.whoishosting-result .result-container {
  border: 1px solid black;
  margin-top: 24px;
}

.whoishosting-result .result-container .top {
  display: grid;
  grid-template-columns: 42fr 58fr;
  background-color: #eefff9;
  border-bottom: 1px solid black;
}

.whoishosting-result .result-container .top .left {
  padding: 24px 25px 35px 25px;
}
.whoishosting-result .result-container .top .left img {
  padding: 5px;
  background-color: white;
  width: 330px;
  height: auto;
  min-height: 190px;
  object-fit: cover;
  border: 1px solid black;
}

.whoishosting-result .result-container .top .right {
  margin-top: auto;
  margin-bottom: auto;
}

.whoishosting-result .result-container .top .right .domain {
  font-size: 32px;
  line-height: 45px;
  font-weight: 510;
}

.whoishosting-result .result-container .top .right .right-bottom {
  display: flex;
}

.whoishosting-result .result-container .top .right .right-bottom .left {
  padding: 0;
  padding-right: 34px;
  border-right: 1px solid black;
}

.whoishosting-result .result-container .top .right .right-bottom .right {
  padding-left: 34px;
}

.whoishosting-result .result-container .middle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid black;
}

.whoishosting-result .result-container .middle .left {
  padding: 35px 50px 0px 50px;
}
.whoishosting-result .result-container .middle .right {
  border-left: 1px solid black;
  padding: 35px 50px 0px 50px;
}

.whoishosting-result .result-container .middle .left .text,
.whoishosting-result .result-container .middle .right .text {
  padding-bottom: 35px;
}

.whoishosting-result .result-container .middle .left .label,
.whoishosting-result .result-container .middle .right .label {
  font-weight: bold;
}

.whoishosting-result .result-container .bottom {
  background: #eefff9;
  display: flex;
  justify-content: space-between;
  padding: 15px 55px 15px 25px;
}

.whoishosting-result .result-container .bottom .left {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}

.whoishosting-result .result-container .bottom .right {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}

@media screen and (max-width: 800px) {
  .whoishosting-result .result-container .top {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .whoishosting-result .result-container .top .left {
    padding: 24px;
  }

  .whoishosting-result .result-container .top .left img {
    display: block;
    margin: auto;
  }

  .whoishosting-result .result-container .top .right {
    text-align: center;
  }

  .whoishosting-result .result-container .top .right .right-bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .whoishosting-result .result-container .top .right .right-bottom .left {
    padding: 0;
  }

  .whoishosting-result .result-container .top .right .right-bottom .right {
    padding: 0;
  }

  .whoishosting-result .result-container .middle {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .whoishosting-result .result-container .middle .left {
    padding: 24px 24px 0px 24px;
  }
  .whoishosting-result .result-container .middle .right {
    border: none;
    padding: 0px 24px 24px 24px;
  }
  .whoishosting-result .result-container .middle .left .text,
  .whoishosting-result .result-container .middle .right .text {
    padding-bottom: 12px;
  }

  .whoishosting-result .result-container .bottom {
    display: block;
    text-align: center;
  }

  .whoishosting-result .result-container .bottom .left {
    display: block;
  }

  .whoishosting-result .result-container .bottom .right {
    display: inline-block;
    margin-top: 15px;
  }
}

.speedchecker-result {
  margin-top: 47px;
}

.speedchecker-result p {
  margin-bottom: 0px;
}

.speedchecker-result .title {
  font-weight: 590;
  font-size: 40px;
  line-height: 60px;
  color: #2f2f2f;
}

.speedchecker-result .result-container {
  border: 1px solid black;
  margin-top: 24px;
}

.speedchecker-result .result-container .top {
  display: grid;
  grid-template-columns: 42fr 58fr;
  background-color: #eefff9;
  border-bottom: 1px solid black;
  column-gap: 0;
}

.speedchecker-result .result-container .top .left {
  padding: 24px 25px 35px 25px;
}
.speedchecker-result .result-container .top .left img {
  padding: 5px;
  background-color: white;
  width: 330px;
  height: auto;
  min-height: 190px;
  object-fit: cover;
  border: 1px solid black;
}

.speedchecker-result .result-container .top .right {
  margin-top: auto;
  margin-bottom: auto;
}

.speedchecker-result .result-container .top .right .domain {
  font-size: 32px;
  line-height: 45px;
  font-weight: 510;
}

.speedchecker-result .result-container .top .right .ip {
  line-height: 36px;
  font-weight: 590;
  padding-top: 15px;
}

.speedchecker-result .result-container .top .right .right-bottom {
  display: flex;
  padding-top: 19px;
}

.speedchecker-result .result-container .top .right .right-bottom .left {
  padding: 0;
  padding-right: 35px;
  border-right: 1px solid black;
}
.speedchecker-result .result-container .top .right .right-bottom .left .rating {
  font-size: 56px;
  line-height: 72.8px;
  font-weight: 700;
}
.speedchecker-result .result-container .top .right .right-bottom .right {
  padding-left: 35px;
}

.speedchecker-result .result-container .top .right .right-bottom .right .text {
  line-height: 36px;
  font-weight: 590;
}

.speedchecker-result .result-container .fast-webhost {
  background: #f2f2f2;
  display: flex;
  justify-content: space-between;
  padding: 15px 55px 15px 25px;
  border-bottom: 1px solid black;
}

.speedchecker-result .result-container .fast-webhost .left {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}

.speedchecker-result .result-container .fast-webhost .right {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}

.speedchecker-result .result-container .response-time {
  padding: 25px 50px 25px 50px;
  border-bottom: 1px solid black;
}
.speedchecker-result .result-container .response-time .title {
  text-align: center;
  font-size: 16px;
  line-height: 20.11px;
  letter-spacing: 1.6px;
  font-weight: 600;
}

.speedchecker-result .result-container .response-time .region-result-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid black;
  border-left: 1px solid black;
  margin-top: 17px;
}

.speedchecker-result
  .result-container
  .response-time
  .region-result-container
  .region-result {
  text-align: center;
}

.speedchecker-result
  .result-container
  .response-time
  .region-result-container
  .region-result
  .region {
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  background: #f2f2f2;
  font-size: 16px;
}

.speedchecker-result
  .result-container
  .response-time
  .region-result-container
  .region-result
  .time {
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  font-size: 20px;
}

.speedchecker-result .bottom {
  background: #eefff9;
  display: flex;
  justify-content: space-between;
  padding: 15px 55px 15px 25px;
}

.speedchecker-result .bottom .left {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}

.speedchecker-result .bottom .right {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}

@media screen and (max-width: 800px) {
  .speedchecker-result .result-container .top {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .speedchecker-result .result-container .top .left {
    padding: 24px;
  }

  .speedchecker-result .result-container .top .left img {
    display: block;
    margin: auto;
  }

  .speedchecker-result .result-container .top .right .domain {
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
  }

  .speedchecker-result .result-container .top .right .ip {
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
  }

  .speedchecker-result .result-container .top .right .right-bottom .left {
    padding-right: 24px;
    padding-left: 24px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .speedchecker-result .result-container .top .right .right-bottom .right {
    padding-left: 24px;
    padding-right: 24px;
  }

  .speedchecker-result .result-container .fast-webhost,
  .speedchecker-result .bottom {
    display: block;
    text-align: center;
  }

  .speedchecker-result .result-container .fast-webhost .left,
  .speedchecker-result .bottom .left {
    display: block;
  }

  .speedchecker-result .result-container .fast-webhost .right,
  .speedchecker-result .bottom .right {
    display: inline-block;
    margin-top: 15px;
  }

  .speedchecker-result
    .result-container
    .top
    .right
    .right-bottom
    .right
    .text {
    line-height: 24px;
    font-weight: 400;
  }

  .speedchecker-result .result-container .response-time {
    padding: 25px 25px 25px 25px;
  }
  .speedchecker-result
    .result-container
    .response-time
    .region-result-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

.hidden {
  visibility: hidden;
}

.gone {
  display: none;
}

.full-screen-width {
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
}

@media screen and (max-width: 800px) {
  .full-screen-width {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*loading spinner*/
.lds-spinner {
  color: #2f2f2f;
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
.lds-spinner.gone {
  display: none;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #2f2f2f;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.round-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;
}
.round-image img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}

.flexi-table {
  display: block;
  overflow: auto;
  white-space: nowrap;
}

.flexi-table span {
  display: inline-block;
}

.flexi-table table,
.flexi-table th,
.flexi-table td,
.flexi-table caption {
  border: 1px solid black;
}
.flexi-table table {
  border-collapse: collapse;
}
.flexi-table.full-width table {
  table-layout: auto !important;
}
.flexi-table.full-width th,
.flexi-table.full-width td,
.flexi-table.full-width thead th,
.flexi-table.full-width tbody td,
.flexi-table.full-width tfoot td,
.flexi-table.full-width tfoot th {
  width: auto !important;
}

/* .flexi-table th,
.flexi-table td {
  border: 1px solid #000;
}

.flexi-table caption {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
} */

.flexi-table caption {
  background: #d6f1ff;
  padding: 10px 8px 10px 8px;
  border-bottom: 0;
}

.flexi-table caption span {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1em;
}

.flexi-table thead {
  background: #c8efe3;
}

.flexi-table thead th {
  padding: 20px 8px 20px 8px;
}

.flexi-table thead span {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.flexi-table tbody span {
  font-size: 16px;
  line-height: 20px;
}

.flexi-table tbody td {
  padding: 12px 13px 13px 13px;
}

.flexi-table.collapse table td span,
.flexi-table.collapse table td div {
  font-weight: 400;
}

.flexi-table span.text-center {
  display: flex;
}

.flexi-table div.text-center {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.flexi-table span.text-left {
  display: flex;
  justify-content: flex-start;
}

.flexi-table div.text-left {
  justify-content: flex-start;
  float: left;
}

.flexi-table span.text-right {
  display: flex;
  justify-content: flex-end;
}

.flexi-table div.text-right {
  justify-content: flex-end;
  float: right;
  text-align: right;
}

.flexi-table.auto-width table {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .flexi-table.auto-width table {
    max-width: 100%;
  }

  .flexi-table.collapse table {
    border: 0;
  }

  .flexi-table.collapse table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .flexi-table.collapse table tr {
    /* border-bottom: 1px solid #000; */
    display: block;
    margin-bottom: 0.625em;
  }

  .flexi-table.collapse table td {
    /* border-bottom: 1px solid #000; */
    border-bottom: 0;
    display: block;
  }
  .flexi-table.collapse table td:last-child {
    border-bottom: 1px solid #000;
  }

  .flexi-table.collapse
    table
    td
    span.text-center
    .flexi-table.collapse
    table
    td
    div.text-center {
    justify-content: flex-end;
  }
  .flexi-table.collapse table td span.text-left,
  .flexi-table.collapse table td div.text-left {
    justify-content: center;
  }

  .flexi-table.collapse table td::before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* text-transform: uppercase; */
  }
}

/*==============================start post advertisement wrapper==============================*/
.postAdvertisementWrapper {
  width: 100%;
  background-color: #fafafa;
  margin-top: 87px;
}
@media screen and (max-width: 800px) {
  .postAdvertisementWrapper {
    margin-top: 0;
  }
}
.postAdvertisement {
  padding: 13px 13px;
  color: #2f2f2f;
  font-size: 14px;
  text-align: center;
  font-family: var(--primary-font-family), sans-serif;
  font-weight: 400;
  max-width: 1000px;
  margin: 0 auto;
  line-height: 27px;
}
.postAdvertisement .content {
  margin-left: 12px;
}
.advertiser-disclosure {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid;
  font-style: normal;
  color: #1745bc;
  font-weight: 600;
  line-height: 0.9;
  display: inline-block;
}
.advertiser-disclosure:link {
  color: #1745bc;
}
.advertiser-disclosure:hover {
  text-decoration: none;
  border-bottom: none;
}
/*==============================end post advertisement wrapper==============================*/
.breadcrumbs-wrapper {
  width: 100%;
  background-color: #ffffff;
}
.breadcrumbs {
  font-size: 18px;
  font-family: var(--primary-font-family), sans-serif;
  overflow: hidden;
  color: #000000;
  max-width: 920px;
  margin: 0 auto;
  padding: 20px 0px 8px 0px;
}
.breadcrumbs span {
  display: inline;
  padding: 0px;
  margin: 0px 5px;
  color: #000000;
  font-size: 18px;
  font-weight: normal;
  line-height: 27px;
}
.breadcrumbs span:first-child {
  margin-left: 0;
}
.breadcrumbs span a {
  display: inline;
  padding: 0px;
  margin: 0px 5px;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  text-decoration: none;
}
.breadcrumbs span a:hover {
  /* border-bottom: none; */
  color: #1745bc;
}

@media screen and (max-width: 800px) {
  .breadcrumbs {
    margin: 0 15px;
  }
  .breadcrumbs p,
  .breadcrumbs span,
  .breadcrumbs span a {
    /* display: none; */
    font-size: 14px;
    color: rgb(170, 170, 170);
    line-height: 1.25;
    margin: 0;
  }
}

.wp-block-image figcaption {
  text-align: center;
  font-size: 14px;
  margin: 5px 5px 1.5rem 5px;
}

.main-footer {
  background: #e0e1e2;
  padding: 35px 0;
}

.main-footer .copyright-info {
  text-align: center;
}

.main-footer .main-footer-wrapper {
  box-sizing: content-box;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
}
.main-footer .copyright-info small {
  color: #256066;
  font-size: 0.9em;
  line-height: 1;
}
.main-footer {
  background: #e0e1e2;
  padding: 60px 0 0 0;
}
.main-footer p {
  margin-bottom: 15px;
  color: black;
  font-size: 16px;
  line-height: 1.3;
}
.main-footer p a {
  color: black;
  text-decoration: none;
}
.main-footer p a:hover {
  color: #d9433f;
}
.main-footer a.underline {
  border-bottom: 1px dotted black;
}
.main-footer a.underline:hover {
  border-bottom: 1px dotted #d9433f;
}
.main-footer .footer-title {
  font-weight: 600;
  font-size: 18px;
  margin-top: 3px;
  margin-bottom: 15px;
  color: #256066;
}
.main-footer .footer-title a {
  color: #256066;
  text-decoration: none;
}
.main-footer .footer-title a:hover {
  color: #d9433f;
}
.main-footer h5 {
  font-weight: 600;
  font-size: 1.08em;
  margin-bottom: 15px;
}
.main-footer h5 a {
  color: #256066;
  text-decoration: none;
}
.main-footer h5 a:hover {
  color: #d9433f;
}
.main-footer h6 {
  font-weight: 600;
  font-size: 1.08em;
  color: #256066;
  margin-bottom: 15px;
}
.main-footer h6 a {
  color: #256066;
  text-decoration: none;
}
.main-footer h6 a:hover {
  color: #256066;
}
.main-footer .copyright-info {
  background: #054958;
  padding: 20px 0;
  margin-top: 30px;
  font-family: var(--secondary-font-family), serif;
}
.main-footer .copyright-info small {
  color: white;
  font-size: 16px;
  line-height: 1;
}

.main-footer-colorbar {
  color: #ffffff;
  background: #2f2f2f;
}

.main-footer-colorbar img.colorbar {
  width: 100%;
  height: 12px;
  object-fit: cover;
  vertical-align: top;
}

.main-footer-colorbar p {
  margin-bottom: 0;
}

.main-footer-colorbar-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 63px 10px;
}

.main-footer-colorbar .footer-colorbar-content-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.footer-colorbar-content-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.main-footer-colorbar .footer-logo {
  margin-block: 0;
  order: 1;
  flex: 0 0 55px;
}

.main-footer-colorbar .footer-logo img {
  width: 55px;
  height: auto;
}

.main-footer-colorbar .footer-columns {
  display: flex;
  width: 100%;
  margin-left: 48px;
  justify-content: space-between;
  order: 2;
  flex: 1 1 0;
}

.main-footer-colorbar .footer-columns .footer-column {
  padding-left: 10px;
  padding-right: 10px;
}

.main-footer-colorbar .footer-title {
  font-weight: 590;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 28px;
  padding-top: 14px;
}

.main-footer-colorbar .footer-item {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
  margin-bottom: 28px;
}

.main-footer-colorbar a.footer-item,
.main-footer-colorbar a.footer-item:hover,
.main-footer-colorbar a.footer-item:focus,
.main-footer-colorbar span.footer-item,
.main-footer-colorbar span.footer-item:hover,
.main-footer-colorbar span.footer-item:focus {
  text-decoration: none;
  cursor: pointer;
  display: block;
  color: #ffffff;
  margin-bottom: 28px;
}

.main-footer-colorbar .footer-colorbar-extra {
  display: flex;
  column-gap: 27px;
  align-items: center;
  order: 2;
  flex: 0 0 100%;
}

.main-footer-colorbar .footer-colorbar-extra a.footer-social-media,
.main-footer-colorbar .footer-colorbar-extra a.footer-social-media:hover,
.main-footer-colorbar .footer-colorbar-extra a.footer-social-media:focus {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
}

.main-footer-colorbar .footer-colorbar-extra .footer-social-media img {
  width: 40px;
  height: auto;
  border-radius: 50%;
}

.main-footer-colorbar .copyright-info {
  text-align: center;
  font-size: 18px;
}

.mobile-show {
  display: none !important;
}

.footer-first-element {
  display: block;
  width: 55px;
}

@media screen and (max-width: 800px) {
  .mobile-hide {
    display: none !important;
  }

  .main-footer-colorbar img.colorbar {
    width: 100%;
    height: 10px;
  }

  .main-footer-colorbar-wrapper {
    padding-top: 37px;
    padding-bottom: 52px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-first-element {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .main-footer-colorbar .footer-colorbar-extra {
    column-gap: 16px;
    order: 2;
    flex: 1 1 0;
    justify-content: end;
  }

  .main-footer-colorbar .footer-colorbar-extra a.footer-social-media,
  .main-footer-colorbar .footer-colorbar-extra a.footer-social-media:hover,
  .main-footer-colorbar .footer-colorbar-extra a.footer-social-media:focus {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
  }

  .main-footer-colorbar .footer-logo {
    order: 1;
  }

  .main-footer-colorbar .footer-columns {
    display: block;
    margin-left: 0;
    order: 3;
    flex: 1 0 100%;
  }

  .main-footer-colorbar .footer-columns .footer-column {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
  }

  .main-footer-colorbar .footer-title {
    line-height: 24px;
    margin-bottom: 18px;
    padding-top: 14px;
  }

  .main-footer-colorbar a.footer-item,
  .main-footer-colorbar a.footer-item:hover,
  .main-footer-colorbar a.footer-item:focus {
    margin-bottom: 18px;
  }
}

/* language switcher */

.language-dropdown {
  float: left;
  overflow-y: visible;
  margin-left: 10px;
  position: relative;
  z-index: 20;
}

.language-dropdown.language-dropdown-footer {
  display: inline-block;
  float: none;
  margin-left: 6px;
  vertical-align: middle;
}

.language-dropdown .language-dropdown-button {
  font-size: 18px;
  height: 75px;
  border: none;
  outline: none;
  color: white;
  padding: 20px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  text-transform: capitalize;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.language-dropdown.language-dropdown-footer .language-dropdown-button {
  width: auto;
  height: auto;
  font-size: 16px;
  color: #282828;
  padding: 0;
  letter-spacing: normal;
}

.main-footer-colorbar
  .language-dropdown.language-dropdown-footer
  .language-dropdown-button {
  font-size: 18px;
  color: #ffffff;
}

#language-current-footer {
  line-height: normal;
  font-weight: normal;
}

.language-dropdown .language-dropdown-button img,
.language-dropdown-content img {
  width: 32px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 10px;
}

.language-dropdown.language-dropdown-footer .language-dropdown-button img {
  width: 24px;
  height: 18px;
  margin-right: 6px;
}

.main-footer-colorbar
  .language-dropdown.language-dropdown-footer
  .language-dropdown-button
  img {
  width: auto;
  height: 36px;
}

.language-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 260px;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  border-radius: 20px;
  padding: 24px;
  overflow-y: auto;
  max-height: 70vh;
  font-size: 16px;
}

.language-dropdown.language-dropdown-footer .language-dropdown-content {
  margin-top: 0;
  margin-bottom: 30px;
  bottom: 0;
}

.language-dropdown-content a,
.mobile-language-dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: flex;
  text-align: left;
  line-height: 24px;
}

.language-dropdown-content a:not(:first-child),
.mobile-language-dropdown-content a:not(:first-child) {
  padding-top: 24px;
}

.language-dropdown-content a span.display_country,
.mobile-language-dropdown-content a span.display_country {
  color: black;
}

.language-dropdown-content a span.display_language,
.mobile-language-dropdown-content a span.display_language {
  color: #8c93a9;
  margin-left: 8px;
}

#language-switcher-mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .language-dropdown .language-dropdown-button {
    padding-top: 18px;
    padding-left: 0;
    height: 55px;
  }
}
@media screen and (max-width: 1024px) {
  .md-hidden {
    display: none !important;
  }

  .language-dropdown .language-dropdown-button #language-current {
    display: none;
  }

  #language-switcher-mobile {
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 16001;
  }

  .mobile-language-dropdown-content-wraper {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mobile-language-dropdown-content {
    height: auto;
    margin-top: 100px;
    background-color: #f9f9f9;
    width: 260px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 24px;
    overflow-y: auto;
    max-height: 70vh;
    font-size: 14px;
  }

  .mobile-language-dropdown-content img {
    width: 32px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 10px;
  }
}
.error-404 {
  margin-top: 140px;
}
.error-404 .top {
  margin-bottom: 60px;
  margin-top: 40px;
}
.error-404 .top {
  font-size: 2.5em;
  font-weight: 700;
  text-align: center;
  font-family: var(--secondary-font-family), serif;
}
.error-404 .middle {
  margin-bottom: 80px;
}
.error-404 .middle img {
  display: block;
  margin: 0 auto;
}
.error-404 .bottom {
  text-align: center;
  font-weight: 700;
  font-size: 1.562em;
}
.error-404 .url-links {
  text-align: center;
  margin-bottom: 33px;
}
.error-404 .url-links hr {
  max-width: 370px;
  margin: 43px auto;
}
.error-404 .url-links span {
  display: inline-block;
  margin: 5px;
}
.error-404 .url-links a {
  background: #5f7e80;
  padding: 7px 45px;
  border: 0;
  text-transform: uppercase;
  border-radius: 11px;
  cursor: pointer;
  color: #ffffff;
  font-family: var(--primary-font-family), sans-serif;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}
.error-404 .url-links a:hover {
  background: #c13b37;
  color: #ffffff;
  border-bottom: none;
}

#discover-more {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
#discover-more .title-text {
  /* margin-top: 0;
  margin-bottom: 1.5rem; */

  /* mt-0 text-h2-green text-2xl font-bold font-sans leading-30px tracking-wider mb-6 max-w-1000px mx-auto px-2.5 */
}

#discover-more .content-text {
  /* text-content-black text-content-general font-normal font-sansSecondary leading-27px max-w-1000px mx-auto px-2.5 mb-10 */
}

#discover-more .single-row-container {
  /* max-w-1000px m-auto px-2.5' . ($show_image ? '' : ' pb-4 sl:pb-2') . ' */
}
#discover-more .single-row-container.no-image {
  /* pb-4 sl:pb-2 */
  padding-bottom: 1rem;
}

#discover-more .single-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 15px;
  row-gap: 15px;
  /* grid gap-15px grid-cols-4 xd:gap-x-15px xd:gap-y-15px xd:grid-cols-2 sl:gap-y-15px sl:grid-cols-1 */
}

#discover-more .item-image {
  height: 230px;
  object-fit: cover;
  width: 100%;
  /* h-157px text-black object-cover min-w-full xd:h-230px xd:h-230px sl:h-118.22px sl:min-w-86.3px sl:max-w-86.3px */
}

#discover-more .with-img {
  height: 100%;
  /* h-full sl:flex sl:mb-15px */
}

#discover-more .no-img {
  /* height: 172px;
  min-height: 172px;
  max-height: 172px; */
  /* xd:h-110px xd:min-h-110px xd:max-h-110px h-172px min-h-172px max-h-172px */
}

#discover-more .no-img-inner {
  /* sl:flex sl:mb-15px h-full border-solid border */
  border: 1px black solid;
  height: 100%;
}
#discover-more .post-title-text {
  font-weight: bold;
  color: black;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  margin: 24px;
  font-size: 1.15rem;

  /* font-bold text-black text-lx m-6 sl:m-4 line-clamp-5 overflow-hidden xd:line-clamp-3 overflow-ellipsis */
}

#discover-more a,
#discover-more a:hover {
  text-decoration: none;
}

#discover-more a:hover div p {
  /* border-bottom: 1px dotted #d9433f; */
  /* text-decoration: underline dotted #d9433f; */
  color: #1745bc;
}

#discover-more a:hover > div {
  color: #1745bc;
  border-color: #1745bc;
  /* border-style: dotted; */
  /* box-shadow: 0px 10px 50px 0px #d9433f; */
}

@media screen and (max-width: 800px) {
  #discover-more .single-row-container.no-image {
    /* pb-4 sl:pb-2 */
    padding-bottom: 15px;
  }

  #discover-more .single-row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* grid gap-15px grid-cols-4 xd:gap-x-15px xd:gap-y-15px xd:grid-cols-2 sl:gap-y-15px sl:grid-cols-1 */
  }

  #discover-more .item-image {
    height: 157px;
    /* h-157px text-black object-cover min-w-full xd:h-230px xd:h-230px sl:h-118.22px sl:min-w-86.3px sl:max-w-86.3px */
  }

  #discover-more .no-img {
    height: 110px;
    min-height: 110px;
    max-height: 110px;
    /* xd:h-110px xd:min-h-110px xd:max-h-110px h-172px min-h-172px max-h-172px */
  }

  #discover-more .no-img-inner {
    margin-bottom: 15px;
    /* sl:flex sl:mb-15px h-full border-solid border */
  }

  #discover-more .post-title-text {
    -webkit-line-clamp: 3;
    margin: 16px;
    /* font-bold text-black text-lx m-6 sl:m-4 line-clamp-5 overflow-hidden xd:line-clamp-3 overflow-ellipsis */
  }
}

.contact-section {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* The Modal (background) */
.popup-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #ffffff;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 60%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.modal-close {
  color: #000000;
  float: right;
  font-size: 28px;
  font-weight: bold;
  z-index: 999;
}

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.form-logo-container {
  text-align: center;
}

.form-logo-container img {
  width: 120px;
  height: auto;
}

.form-title-container {
  text-align: center;
  padding: 5px;
}

.form-title-container .form-title {
  color: #000000;
  font-size: 1.5rem;
  font-weight: 300;
}

.modal-done {
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 800px) {
  .modal-content {
    width: 80%;
  }
}
#popup-form input:not([type="checkbox"]):not([type="submit"]) {
  width: 100%;
}
.form-split-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}

.button-row {
  text-align: center;
}
.form-full-row,
.form-split-row,
.button-row {
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .form-split-row {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
  }
}
.tablepress.tp-table {
  overflow: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.tablepress.tp-table > :where(thead, tfoot) > * > th {
  background: #c8efe3;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding: 20px 13px 20px 13px;
  border: 0.5px black solid;
  text-align: center;
}

.tablepress.tp-table .column-1 {
  width: 200px !important;
  min-width: 200px !important;
  position: sticky;
  left: 0;
  z-index: 2;
}

.tablepress.tp-table.non-sticky .column-1 {
  position: relative;
  left: auto;
}
@media screen and (max-width: 800px) {
  .tablepress.tp-table .column-1 {
    position: relative;
    left: auto;
  }
}

.tablepress.tp-table .column-1:not(th) {
  text-align: start;
  background-color: #ffffff;
}

.tablepress.tp-table [class^="column-"]:not(.column-1) {
  width: 180px !important;
  min-width: 180px !important;
}
.tablepress.tp-table td {
  padding: 12px 13px 12px 13px;
  border: 0.5px black solid;
  vertical-align: middle;
  text-align: center;
}

.tablepress.tp-table.tp-category .column-1 {
  width: 185px !important;
  min-width: 185px !important;
}

.tablepress.tp-table.tp-category td {
  vertical-align: text-top;
}
.tablepress.tp-table.tp-category > :where(thead, tfoot) > * > th {
  background: #d6f1ff;
}
.tablepress.tp-table.tp-category [class^="row-"]:has(.tp-section),
.tablepress.tp-table.tp-category .column-1:not(th):has(.tp-section) {
  background: #ffffff;
}
.tablepress.tp-table.tp-category [class^="row-"],
.tablepress.tp-table.tp-category .column-1:not(th) {
  background: #fffaed;
}

.tablepress.tp-table .tp-spacing-bottom {
  padding-bottom: 16px;
  display: inline-block;
}

.tablepress.tp-table.tp-category [class^="row-"]:has(.tp-inner-section) td {
  border-bottom: 0;
}
.tablepress.tp-table.tp-category [class^="row-"]:has(.tp-inner-section) td {
  border-top: 0;
}

.tablepress.tp-table.tp-category
  [class^="row-"]:has(.tp-inner-section.last)
  td {
  border-bottom: 0.5px black solid;
}
.tablepress.tp-table.tp-category
  [class^="row-"]:has(.tp-inner-section.first)
  td {
  border-top: 0.5px black solid;
}

.styled_accordion {
  background: #fff;
  padding: 24px 0 24px 0;
}

.styled_accordion .acc-title {
  display: inline-block;
  color: #2f2f2f;
  font-weight: 590;
  font-size: 18px;
  line-height: 27px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-right: 8px;
}

.styled_accordion .acc-content {
  padding-top: 8px;
  color: #2f2f2f;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

.styled_accordion .acc-content * {
  font-size: 18px;
  line-height: 27px;
}

.styled_accordion details {
  border-bottom: 1px #000 solid;
  transition: all 0.3s ease-in-out;
}

.styled_accordion .tag {
  display: inline-block;
  background: #fff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 13px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-weight: 590;
  font-size: 16px;
  color: #000;
  margin-bottom: 25px;
}

.styled_accordion summary {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  align-items: center;
}

.styled_accordion summary::-webkit-details-marker {
  display: none;
}

.styled_accordion summary::after {
  content: ""; /* Remove the text */
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 7px;
  background-image: url("/wp-content/themes/bitcatcha2024/images/caret.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}

.styled_accordion details[open] summary::after {
  transform: rotate(180deg); /* Rotate arrow when open */
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 800px) {
  .styled_accordion summary::after {
    width: 14px;
    min-width: 14px;
    height: 7px;
  }
}

.pricing-tab {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  color: #2f2f2f;
  margin-bottom: 25px;
}

@media screen and (max-width: 800px) {
  .pricing-tab {
    grid-template-columns: repeat(1, 1fr);
  }
}

.pricing-tab .pricing-column {
  align-items: center;
  align-self: center;
}
.pricing-tab .pricing-column .pricing {
  width: 100%;
  padding: 0 20px 20px 20px;
}

.pricing-tab .pricing-column.default .pricing {
  background-color: #f2f2f2;
}

.pricing-tab .pricing-column.highlight .pricing {
  background-color: #ebfff8;
}

.pricing-tab .pricing-column .pricing_tag {
  font-weight: 590;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
  align-items: center;
}

.pricing-tab .pricing-column .pricing_tag div {
  background-color: #ffffff;
  display: inline-block;
  padding: 8px 13px 8px 13px;
}

.pricing-tab .pricing-column .pricing_title {
  font-weight: 590;
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  padding-top: 14px;
}

.pricing-tab .pricing-column .pricing_description {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.pricing-tab .pricing-column .action-button {
  width: 100%;
}

.pricing-tab .pricing-column .action-button .general-button {
  width: 100%;
}

.pricing-tab .pricing-column .attributes {
  padding-left: 25px;
  padding-right: 25px;
}

.pricing-tab .pricing-column.default .attributes {
  background-color: #fafafa;
}

.pricing-tab .pricing-column.highlight .attributes {
  background-color: #fffaed;
}

.pricing-tab .pricing-column .attributes {
  padding-top: 25px;
}

.pricing-tab .pricing-column .attributes .attribute {
  display: flex;
  align-items: center;
  padding-bottom: 25px;
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
}
.pricing-tab .pricing-column .attributes .attribute img {
  width: 28px;
  height: 28px;
  margin-right: 20px;
}

.hero-section {
  position: relative;
  overflow: hidden;
}

.hero-section .deco-circle {
  position: absolute;
  background-color: #cfffee;
  border-radius: 50%;
  z-index: -1;
  width: 1027px;
  height: 1027px;
  transform: translateY(-65%);
  padding: 181px 225px 206px 106px;
  left: 50vw;
}

.hero-section .deco-circle .screenshot {
  width: 531px;
  height: auto;
  object-fit: contain;
}

.hero-section .content-panel {
  display: flex;
  align-items: center;
  min-height: 528px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.hero-section .content-panel div {
  width: 100%;
}

.hero-section .content-panel h1 {
  font-size: 56px;
  margin-bottom: 30px;
}

.hero-section .features {
  list-style: none;
  padding: 0;
  margin-bottom: 36px;
}

.hero-section .features li {
  margin-bottom: 20px;
  font-size: 18px;
}

.hero-section .features li::before {
  content: "✓";
  color: green;
  margin-right: 10px;
}

.hero-section .right-panel {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-left: 40px;
  max-height: 528px;
}

@media screen and (max-width: 800px) {
  .hero-section {
    margin-top: 27px;
  }

  .hero-section .deco-circle {
    display: none;
  }
  .hero-section .content-panel {
    width: 100%;
    height: auto;
  }
  .hero-section .content-panel h1 {
    font-size: 48px;
  }

  .hero-section .general-button {
    width: 100%;
  }
}
.how-it-works {
  color: #2f2f2f;
  background-color: #fafafa;
  padding-top: 100px;
  padding-bottom: 100px;
}

.how-it-works .how-it-works-content {
  display: grid;
  grid-template-columns: 45fr 55fr;
  gap: 1rem;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.how-it-works .title {
  font-weight: 590;
  font-size: 40px;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 23px;
}

.how-it-works .description {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

.how-it-works .steps-wrapper {
  display: grid;
  grid-template-columns: 1fr 15fr;
  gap: 1rem;
  margin-bottom: 2rem;
}

.how-it-works .step-number {
  color: #1745bc;
  font-weight: 590;
  font-size: 40px;
  line-height: 40px;
}

.how-it-works .context p {
  margin-bottom: 0;
}

.how-it-works .context .title {
  font-weight: 590;
  font-size: 18px;
  line-height: 27px;
}

.how-it-works .context .description {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

@media screen and (max-width: 800px) {
  .how-it-works {
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .how-it-works .title {
    font-size: 24px;
    line-height: 140%;
  }
  .how-it-works .how-it-works-content {
    display: block;
  }

  .how-it-works .steps-wrapper {
    margin-bottom: 1.5rem;
  }
}

.features-section .title-row {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 1rem;
  margin-bottom: 4rem;
}

.features-section .title-row .title {
  font-weight: 590;
  font-size: 40px;
  line-height: 60px;
  margin-top: 0px;
  margin-bottom: 0px;
  align-self: end;
}

.features-section .title-row img {
  width: 205px;
  height: auto;
  object-fit: contain;
  margin-top: -35px;
  z-index: 1;
}

.features-section .category-row {
  display: grid;
  grid-template-columns: 1fr 6fr;
  gap: 4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #0000004d;
}

.features-section .category-row .category-title-wrapper .category-title {
  font-weight: 510;
  font-size: 32px;
  line-height: 45px;
  margin-top: 0;
  margin-bottom: 0;
}

.features-section .category-row .feature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.features-section .category-row .feature-row .title {
  font-weight: 590;
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 8px;
}

.features-section .category-row .feature-row .title .title-text {
  margin-right: 12px;
}

.features-section .category-row .feature-row .title .badge {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 10%;
  padding: 8px;
  border-radius: 8px;
  text-transform: uppercase;
}

.features-section .category-row .feature-row .description {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .features-section .title-row {
    display: block;
    margin-bottom: 0;
  }
  .features-section .title-row .title {
    font-size: 24px;
  }

  .features-section .title-row img {
    display: none;
  }

  .features-section .category-row {
    display: block;
    padding-bottom: 0;
  }

  .features-section .category-row .feature-row {
    display: block;
  }

  .features-section .category-row .feature-row .feature-wrapper {
    margin-bottom: 2rem;
  }

  .features-section .category-row .category-title-wrapper {
    margin-bottom: 24px;
  }

  .features-section .category-row .category-title-wrapper .category-title {
    font-size: 20px;
  }
}

.benefits-section {
  background-color: #fafafa;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.benefits-section .benefits-section-content {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  z-index: 0;
}

.benefits-section .title-row {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 1rem;
  padding-bottom: 2rem;
}

.benefits-section .title-row .title {
  font-weight: 590;
  font-size: 40px;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  align-self: end;
}

.benefits-section .title-row .benefits-image {
  width: 237px;
  height: auto;
  object-fit: contain;
}

.benefits-section .benefits-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.benefits-section .benefit-card {
  background-color: #ffffff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 24px 20px 24px 20px;
}
.benefits-section .benefit-card .benefit-title-wrapper {
  display: grid;
  grid-template-columns: 9fr 1fr;
  gap: 1rem;
}

.benefits-section .benefit-card .benefit-title {
  font-weight: 510;
  font-size: 32px;
  line-height: 45px;
  color: #1745bc;
  padding-bottom: 8px;
  margin-top: 0;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.benefits-section .benefit-card .benefit-icon {
  min-width: 40px;
  width: 40px;
}

.benefits-section .benefit-card .benefit-description {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

.benefits-section .deco-circle {
  position: absolute;
  background-color: #cfffee;
  border-radius: 50%;
  z-index: -1;
  width: 315px;
  height: 315px;
  transform: translate(8%, -30%);
  right: 0px;
}

@media screen and (max-width: 800px) {
  .benefits-section .benefits-section-content {
    z-index: auto;
  }

  .benefits-section .title-row {
    display: block;
  }

  .benefits-section .title-row .benefits-image {
    display: none;
  }

  .benefits-section .benefits-row {
    grid-template-columns: 1fr;
  }

  .benefits-section .benefit-card .benefit-title-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .benefits-section .benefit-card .benefit-title {
    font-size: 20px;
    line-height: 140%;
    grid-area: 2 / 1;
  }

  .benefits-section .benefit-card .benefit-icon {
    height: 24px;
    width: 24px;
    min-width: 24px;
    object-fit: contain;
    grid-area: 1 / 1;
    margin-left: auto;
  }

  .benefits-section .deco-circle {
    display: none;
  }
}

.fetures-card {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}

.fetures-card .feature-card-content {
  background-color: #ebfff8;
  padding: 32px 24px 32px 24px;
  position: relative;
}

.fetures-card .feature-card-content .feature-card-icon {
  position: absolute;
  right: 0;
  transform: translate(-15%, -90%);
  width: 80px;
  height: auto;
  object-fit: contain;
}

.fetures-card .feature-card-content .title {
  font-weight: 510;
  font-size: 32px;
  line-height: 45px;
  margin-bottom: 1rem;
}

.fetures-card .feature-card-content .attributes {
  list-style: none;
  padding: 0;
}

.fetures-card .feature-card-content .attributes li {
  margin-bottom: 10px;
  font-size: 18px;
}

.fetures-card .feature-card-content .attributes li::before {
  content: "✓";
  color: #000000;
  margin-right: 10px;
}

@media screen and (max-width: 800px) {
  .fetures-card {
    grid-template-columns: 1fr;
    gap: 4rem;
  }

  .fetures-card .feature-card-content .feature-card-icon {
    width: 60px;
  }

  .fetures-card .feature-card-content .attributes li {
    font-size: 16px;
  }
}
.tablepress.features-comparison-table {
  display: block;
  overflow: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.tablepress.features-comparison-table > :where(thead, tfoot) > * > th {
  background: #fffaed;
  font-weight: 590;
  font-size: 18px;
  line-height: 27px;
  padding: 15px 12px 15px 12px;
  text-align: left;
}

.tablepress.features-comparison-table td.column-1 {
  font-size: 18px;
  font-weight: 590;
  line-height: 27px;
}

.tablepress.features-comparison-table td:not(.column-1) {
  font-size: 16px;
  line-height: 30px;
}

.tablepress.features-comparison-table .column-1 {
  background: #fffaed;
}

.tablepress.features-comparison-table th.column-1,
.tablepress.features-comparison-table tr:last-child td.column-1 {
  background: none;
}

.tablepress.features-comparison-table td,
.tablepress.features-comparison-table th {
  border: 1px black solid;
}

.tablepress.features-comparison-table tr:first-child th {
  border-top: none;
}
.tablepress.features-comparison-table tr:last-child td {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.tablepress.features-comparison-table tr:nth-last-child(2) td {
  border-bottom: none;
}
.tablepress.features-comparison-table tr td:first-child,
.tablepress.features-comparison-table tr th:first-child {
  border-left: none;
}
.tablepress.features-comparison-table tr td:last-child,
.tablepress.features-comparison-table tr th:last-child {
  border-right: none;
}

.tablepress.features-comparison-table > :not(caption) > * > * {
  padding: 15px 20px 15px 20px;
}
.tablepress.features-comparison-table .indicator-right,
.tablepress.features-comparison-table .indicator-left {
  /* white-space: nowrap; */
}

@media screen and (max-width: 800px) {
  .tablepress.features-comparison-table td,
  .tablepress.features-comparison-table th {
    white-space: nowrap;
  }
  .tablepress.features-comparison-table .indicator {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .tablepress.features-comparison-table .indicator span {
    grid-column: 1 / span 4;
  }
  .tablepress.features-comparison-table .indicator-right::after {
    content: " →"; /* or " ›", or use a Unicode arrow */
    font-weight: bold;
    margin-left: 0.25em;
    display: inline-block;
    grid-area: 1 / 5;
  }

  .tablepress.features-comparison-table .indicator-left::after {
    content: "← "; /* or use "‹", "«", or \2190 */
    font-weight: bold;
    margin-right: 4px;
    display: inline-block;
    grid-area: 1 / 5;
  }
}

.readmore-block {
  position: relative;
  margin-bottom: 2em;
}

.readmore-wrapper {
  max-height: none;
  overflow: visible;
  position: relative;
  transition: max-height 0.4s ease;
}

.readmore-wrapper.collapsed {
  max-height: 14em;
  overflow: hidden;
}

.readmore-wrapper.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%);
  pointer-events: none;
}

.readmore-toggle {
  display: flex;
  justify-content: center;
  margin-top: 0.5em;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.5em;
  color: #333;
  transition: transform 0.3s ease;
  text-align: center;
  width: 100%;
}

.readmore-toggle svg {
  transition: transform 0.3s ease;
}

.readmore-toggle.expanded svg {
  transform: rotate(180deg);
}

.readmore-preview table {
  display: none !important;
}