@charset "UTF-8";

@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600i,700,700i,800,800i&display=swap'); */

/* ============================================
   Base Element Styles
   ============================================ */

/* HTML Root - Base Typography and Smooth Scrolling */
/* ============================================ */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
/* ============================================ */



  /* ============================================
   Start Font Family Styles
   ============================================ */

@font-face {
  font-family: slick;
  src: url(fonts/slick/slick.eot);
  src: url(fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick/slick.woff) format("woff"), url(fonts/slick/slick.ttf) format("truetype"), url(fonts/slick/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Regular';
  src: url(fonts/FUTURA.eot);
  src: local(☺), url(fonts/FUTURA.woff) format("woff"), url(fonts/FUTURA.ttf) format("truetype"), url(fonts/FUTURA.svg) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url(fonts/AG_Futura_Bold.eot);
  src: local(☺), url(fonts/AG_Futura_Bold.woff) format("woff"), url(fonts/AG_Futura_Bold.ttf) format("truetype"), url(fonts/AG_Futura_Bold.svg) format("svg");
  font-weight: 400;
  font-style: normal;
}

/* Material icons styles */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* Body  */
/* ============================================ */
body {
  margin: 0;
  overflow-x: clip;
}

@media (max-width: 476px) {
body{
  overflow-x: hidden;

}
}
/* ============================================ */

*{
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    color: #1e0547;
}

/* Semantic HTML5 Elements - Display Block */
/* ============================================ */
details,
main {
  display: block;
}
/* ============================================ */

/* Horizontal Rule - Box Model Reset */
/* ============================================ */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.wp-block-separator {
  border: none;
  border-top: 1px solid;
  margin: 50px 0px 60px;
}
/* ============================================ */

/* Code Elements - Monospace Font and Styling */
/* ============================================ */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
  background: #f5f5f5;
  color: #000;
  line-height: 2;
  padding: 6px 8px;
  display: block;
}

li code {
  display: inline-block;
  padding: 0 4px;
  line-height: 1;
}

p code {
  display: inline;
}


/* Links - Base Styling and Hover Effects */



span{
    color: #1e0547
}

p > a > span {
  display: inline-block;
  position: relative;
  top: 0.1em;
  color: #8B4DFF;
}

p a {
  text-decoration: underline;
  background-image: linear-gradient(#8B4DFF, #8B4DFF);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

a {
    background-color: transparent;
    color: #8B4DFF;
    text-decoration: none;
    position: relative;
  }

a:hover,
a:focus {
  background-size: 100% 1px;
  text-decoration: none;
}

h3 a {
  word-spacing: 1px;
}

a[href^="http://"]:not([href*="if-so.com"]):not(.no-link-icon):after,
a[href^="https://"]:not([href*="if-so.com"]):not(.no-link-icon):after {
  content: '';
  background: url(img/icon_link.svg) center / contain no-repeat;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
}
/* ============================================ */

/* Abbreviation - Underline Style */
/* ============================================ */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
/* ============================================ */

/* Text Formatting - Bold and Strong */
/* ============================================ */
b,
strong {
  font-weight: bolder;
}

strong {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
}
/* ============================================ */

/* Small Text - Reduced Font Size */
/* ============================================ */
small {
  font-size: 80%;
}
/* ============================================ */

/* Subscript and Superscript - Positioning */
/* ============================================ */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}
/* ============================================ */

/* Images - Responsive and Border Reset */
/* ============================================ */
img {
  border-style: none;
  max-width: 100% !important;
  height: auto;
}
/* ============================================ */

/* Figcaption - WordPress Block Caption Styling */
/* ============================================ */
figcaption.wp-element-caption {
  font-style: italic;
  text-align: center;
  font-family: 'Futura Regular';
  text-wrap-style: pretty;
}
/* ============================================ */

/* Form Elements - Base Reset and Typography */
/* ============================================ */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button{
  cursor: pointer;
  background-color: #44A8C4;
padding: 10px 15px;
color:#fff;
border-radius: 99px;
border: none;
font-size: 18px;
}

button a span{
  color: #fff;
}

.wp-block-button__link{
  background-color: #44A8C4;
}

button,
select {
  text-transform: none;
}

.docs__texts img {
  margin: auto;
  display: block;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  appearance: button;
}

#edd_login_submit, [type="submit"], #edd_profile_editor_submit {
  background-color: #44a8c4;
  border: none;
  padding: 10px 66px;
  border-radius: 40px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  text-align: center;
  max-width: 100%;
  outline: none;
  width: fit-content;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

textarea {
  overflow: auto;
  border-radius: 0.7em;
  border: 1px solid;
  max-width: 100%;
  height: 170px;
  padding: 14px 14px;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
/* ============================================ */

/* Select Dropdown - Styling */
/* ============================================ */
select {
  text-transform: none;
  height: 38px;
  padding: 0 66px;
  border-radius: 40px;
}
/* ============================================ */
/* Headings - Typography Hierarchy */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  text-wrap-style: pretty;
}


/* h2, h3{
  text-wrap-style: pretty;

} */

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  font-family: Futura;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  word-spacing: -2px;
  margin-top: 3.125rem;
  margin-bottom: 1.5rem;
}

.h2,
h2 {
  font-size: 26px;
  margin-top: 3rem;
  margin-bottom: 1.4rem;
}

.h3,
h3 {
  font-size: 22px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h4 {
  font-size: 20px;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

h5 {
  font-size: 18px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

h6 {
  margin: 0;
  padding: 0;
}
/* ============================================ */

/* Title Class - Generic Typography */
/* ============================================ */
.title,
.title span {
  color: #1e0547;
  font-size: 60px;
  font-family: Futura;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.title span.noindex,
.title.noindex {
  z-index: 0;
}
/* ============================================ */

/* Paragraphs and Lists - Base Typography */
/* ============================================ */
ol,
ol li,
p,
ul,
ul li {
  font-size: 18px;
  line-height: 1.5;
}

:is(ul, ol) li::marker {
  font-weight: 600;
}

.wp-block-list li {
  margin-bottom: 10px;
  text-wrap-style:pretty;
}
/* ============================================
   Base Header Styles
   ============================================ */

.header {
  min-height: 585px;
  position: relative;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(235, 235, 235, 0.39)), to(#fff));
  background-image: linear-gradient(to top, rgba(235, 235, 235, 0.39) 0, #fff 100%);
  -webkit-transform: skew(0, 4.8deg);
  transform: skew(0, 4.8deg);
}

.header__container {
  display: -webkit-box;
  display: flex;
  height: 450px;
  padding-right: calc(31% + 2px);
}

.header__content {
  margin: auto;
  max-width: 680px;
  position: relative;
}

.header__title {
  position: relative;
  z-index: 11;
  word-spacing: -10px;
}

.base-2_max-width900 {
  max-width: 720px;
  margin: auto;
}

/* ============================================
   Navigation Styles
   ============================================ */

.navigation {
  padding: 30px 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 11;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
}

@media ( min-width: 1900px) {
  .navigation{
    max-width: 100%;
    padding: 30px 60px;
  }
}

.navigation .try_it{
  height: 44px;
  width: fit-content;
}



.navigation .logo {
  flex-shrink: 0;
}

.navigation.fff {
  background: #fff;
}

.navigation__menu {
  margin: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  gap: clamp(20px, calc(20px + 40 * ((100vw - 1000px) / 800)), 15px);
  justify-content: space-evenly;
  align-items: center;
  padding-left: clamp(20px, 1vw, 48px);
  padding-left: 0px;
  width: 100%;
  margin: 0px;
  flex-wrap: nowrap;
  padding: 0px 15px;
}

.navigation menu__item{
  white-space: nowrap;
}

.menu {
  list-style: none;
}

.menu__item {
  position: relative;
  margin: 0px;
  flex-shrink: 0;
}






.navigation > ul > li.active{
  padding: 5px 10px;
  background: #1e0547;
  border-radius: 20px;
}

.menu__item.active > a {
  color: #fff;
}

.menu__item:hover .sub-menu {
  opacity: 1;
  z-index: 9999;
  visibility: visible;
}

.menu__item:hover .mega-sub-menu {
  opacity: 1;
  z-index: 9999;
  visibility: visible;
}

.menu__item.active a:after {
  content: "";
  display: none;
}

.menu__link {
  text-decoration: none;
  font-size: 18px;
  line-height: 1.35;
  color: #1e0547;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  background-image: linear-gradient(#1e0547, #1e0547);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size .3s;
  flex-shrink: 0;
}

.mega-sub-menu .menu__link{
font-size: 17px;
}

.menu__link:hover,
.menu__link:focus {
  background-size: 100% 1px;
}

.menu__link span {
  background: #f0e7e6;
  font-size: 0.8em;
}

/* Mobile Menu */
/* ============================================ */
.navigation__menu_wrapper {
  position: absolute;
  height: 100vh;
  min-width: 300px;
  width: 100%;
  box-sizing: border-box;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
  padding: 80px 30px 30px;
  box-shadow: -8px 0 24px #eaeaea;
  display: none;
  text-align: center;
}

.navigation__menu_wrapper.active {
  -webkit-transform: translate(0);
  transform: translate(0);
  display: unset;
}

.navigation__menu_wrapper .menu__item {
  margin: 10px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.navigation__menu_wrapper.active .try_it {
  margin-left: 0px;
}

.navigation__menu--mobile.menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.navigation .navigation__menu--mobile {
  padding-left: 0px;
}

.navigation__toggle_menu {
  display: none;
  margin-left: auto;
  position: relative;
  z-index: 99999;
  cursor: pointer;
}

.navigation__toggle_menu .bar1,
.navigation__toggle_menu .bar2,
.navigation__toggle_menu .bar3 {
  width: 35px;
  height: 4px;
  background-color: #1e0547;
  margin: 6px 0;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 4px;
}

.navigation__toggle_menu .bar1 {
  width: 30px;
}

.navigation__toggle_menu .bar2 {
  width: 25px;
}

.navigation__toggle_menu.active .bar1 {
  -webkit-transform: rotate(-45deg) translate(-7px, 6px);
  transform: rotate(-45deg) translate(-7px, 6px);
  width: 35px;
}

.navigation__toggle_menu.active .bar2 {
  opacity: 0;
}

.navigation__toggle_menu.active .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.menu__dropdown,
.sub-menu {
  display: flex;
  list-style: none;
  position: absolute;
  right: -365px;
  top: calc(100% - 10px);
  padding: 30px 0;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s;
  cursor: default;
  visibility: hidden;
}

.menu-item-29939 .sub-menu {
  right: -230px !important;
}

li#menu-item-46668 > .sub-menu {
  right: calc(50% - 130px);
  width: 85vw;
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 20px 0;
}

.menu-item-46668 a span.material-icons {
  display: none;
}

.menu__dropdown li,
.sub-menu li {
  width: 260px;
  margin: 0 10px;
  border: 2px solid rgba(240, 91, 109, 0.502);
  padding: 22px 24px;
  box-shadow: 4px 7px 56px 1px rgba(0, 0, 0, 0.4);
  border-radius: 36px;
  background: #fff;
  display: flex;
  transition: 0.2s;
  box-sizing: border-box;
  line-height: 1.5;
}

.menu__dropdown li:hover,
.sub-menu li:hover {
  transform: scale(1.05);
}

.menu__dropdown li:nth-child(3),
.sub-menu li:nth-child(3) {
  border: 2px solid rgba(245, 141, 86, 0.52);
}

.menu__dropdown li:nth-child(4),
.sub-menu li:nth-child(4) {
  border: 2px solid rgba(189, 140, 191, 0.52);
}

.menu__dropdown .menu__item.active,
.sub-menu .menu__item.active {
  background: #fff;
}

.sub-menu .menu__link,
.sub-menu a {
  background-image: none !important;
  text-decoration: none !important;
  font-weight: normal;
  font-family: 'Futura', 'Open Sans', sans-serif;
  text-transform: none;
  color: #1e0547;
}

.sub-menu .menu__link:hover,
.sub-menu .menu__link:focus,
.sub-menu a:hover,
.sub-menu a:focus {
  background-size: 0% 1px !important;
}

/* Mobile Sub Menu */
/* ============================================ */
.sub-menu--mobile {
  position: static;
  opacity: 1;
  z-index: 1;
  visibility: visible;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
  width: auto !important;
  padding: 0;
  margin-top: 5px;
  display: none;
}

.sub-menu--mobile.active {
  max-height: 200px;
  display: block;
}

.sub-menu--mobile li {
  width: auto !important;
  border: none !important;
  margin: 10px 0 !important;
  box-shadow: none;
  padding: 0 !important;
  padding-left: 20px;
}

.sub-menu--mobile .menu__link {
  font-size: 16px;
}

.dropdown__block {
  margin: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.dropdown__title {
  font-size: 18px;
  text-transform: none;
  margin-bottom: 10px;
  font-weight: 800;
  color: #1e0547;
}

.dropdown__title.account-title {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dropdown__description {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}

.dropdown__more {
  margin-top: auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
  color: #951168;
}



li#menu-item-5221786 a {
  color: #4862d2;
}

.menu-item-type-post_type label:hover {
  color: #D24C4C;
  cursor: pointer;
}

.menu-item-type-post_type label {
  margin-left: 10px;
  font-size: 15px;
}

.mega-sub-menu {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: 0.3s;
  position: absolute;
  left: -40px;
  top: calc(100% - 10px);
  min-width: 1250px;
  padding-top: 30px;
  box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.25);
  padding: 34.5px 32px;
  background: #fff;
  border-radius: 16px;
  margin-top: 30px;
}

.mega-sub-menu__wrapper {
  display: flex;
}

.mega-sub-menu__col--1 {
  width: 27%;
  border-right: 1px solid #A680FF;
}

.mega-sub-menu__col--2 {
  width: 41%;
  padding-left: 3%;
}

.mega-sub-menu__col--3 {
  width: 25%;
  padding-left: 3%;
  border-left: 1px solid #A680FF;
}

.mega-sub-menu__title {
  font-size: 18px;
  font-weight: bold;
  margin: 6px 0 4px;
}

.navigation .menu-item-5221334 .menu__link {
  font-weight: 100;
  text-transform: none;
}

.mega-sub-menu__title-li {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.mega-sub-menu__title-li:not(:first-child) {
  margin-top: 25px;
}

.mega-sub-menu__list {
  list-style: none;
  padding: 0;
}

.mega-sub-menu__list li {
  margin: 4px 10px 0 0;
  padding: 0 0 0 10px;
  line-height: 1.8;
}

.mega-sub-menu__list a {
  color: #1e0547;
  text-transform: none;
  font-weight: normal;
  font-family: 'Futura Regular';
  cursor: pointer !important;
}

.mega-sub-menu__list--first li {
  padding: 0 0 0 10px;
}

.mega-sub-menu__list.cols2 {
  column-count: 2;
  display: block !important;
  max-height: 500px;
  width: 100%;
}

.mega-sub-menu__col--3 .mega-sub-menu__list.cols2 {
  column-count: 1;
}

.mega-sub-menu__list.cols2 li {
  width: 100%;
}

.mega-sub-menu__col.mega-sub-menu__col--2 .mega-sub-menu__list,
.mega-sub-menu__col.mega-sub-menu__col--3 .mega-sub-menu__list {
  display: flex;
  flex-flow: column wrap;
  max-height: 420px;
  align-content: space-between;
  width: 100%;
}

.mega-sub-menu__list .menu__item.active {
  background: none;
  border-radius: 0;
}

.mega-sub-menu__list .menu__item.active a {
  color: #fd5b56;
}

.mega-sub-menu__list .menu__item.active a:before {
  background: url(img/svg/list-arrow-active.svg) center/contain no-repeat;
}

.mega-sub-menu__header {
  background: #ede7ff;
  padding: 16px 24px;
  border-radius: 0.5rem;
  border-bottom: none;
  margin-top: 34px;
}

.mega-sub-menu__header .header__wrap {
  justify-content: space-evenly;
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.mega-sub-menu__header .item__image {
  flex-shrink: 0;
}

.mega-sub-menu__header .item__image img {
  width: auto;
  height: 44px;
}

.mega-sub-menu__header .header__item {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  transition: transform 0.2s;
  padding: 0 50px 0px 0;
}

.mega-sub-menu__header .header__item:hover {
  transform: scale(1.05) translateZ(0);
}

.mega-sub-menu__header .item__content {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.mega-sub-menu__header .item__title,
.mega-sub-menu__header .item__title a {
  color: #1e0547;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.mega-sub-menu__header .item__text {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 4px;
}

.mega-sub-menu__header .item__link {
  margin-top: 5px;
}

.item__content .item__title span {
  font-style: italic;
}

.level3item {
  font-style: oblique;
}

.level3item a {
  padding-left: 14px;
}

.level3cond a {
  padding-left: 14px;
}

.navigation .navigation__menu_wrapper a.edd-free-download {
  bottom: 10px;
}

/* Navigation Media Queries */
/* ============================================ */
@media (max-width: 1630px) {
  .menu__dropdown,
  .sub-menu {
    right: -225px;
  }
}

@media (max-width: 1550px) {
  .mega-sub-menu {
    left: -200px;
  }
}

@media (max-width: 1320px) {
  .mega-sub-menu {
    min-width: 1090px;
  }
}

@media (max-width: 1200px) {
  .menu__dropdown,
  .sub-menu {
    right: -235px;
  }

  .menu__dropdown li,
  .sub-menu li {
    margin: 0 7px;
  }

  .navigation {
    padding: 30px 40px;
  }
  
  .navigation .try_it{
    display: none;
  }

  .mega-sub-menu__col--2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation__menu {
    gap: clamp(15px, calc(15px + 20 * ((100vw - 1000px) / 200)), 35px);
  }
}

@media (max-width: 1100px) {
  .menu-item-29939 .sub-menu {
    right: -195px;
  }

  .navigation__menu {
    gap: 33px;
    padding-left: clamp(15px, 1vw, 30px);
  }

  .menu__dropdown,
  .sub-menu {
    right: -77px;
  }

  .menu__dropdown li,
  .sub-menu li {
    width: 230px;
    padding: 20px 18px;
  }

  .mega-sub-menu {
    min-width: 800px;
    left: -130px;
  }

  .mega-sub-menu__header .header__item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mega-sub-menu__header .item__content {
    display: contents;
  }

  .mega-sub-menu__header .item__text {
    margin-top: auto;
  }
}



@media (max-width: 999px) {
  .menu-item-29939 .sub-menu {
    right: -312px !important;
  }

  .navigation__menu {
    padding-left: clamp(10px, 1vw, 20px);
  }

.menu__link {
  font-size: 16px
}
}

@media (max-width: 900px) {
  .navigation__menu {
    padding-left: 20px;
  }

  .mega-sub-menu {
    min-width: 670px;
  }
}

@media (max-width: 870px) {
  .mega-sub-menu {
    left: -150px;
  }
}

@media (max-width: 841px) {
  .sub-menu--mobile {
    display: none;
  }
}

@media (max-width: 840px) {
  .menu__dropdown,
  .sub-menu {
    display: none;
  }

  .sub-menu--mobile {
    display: block;
  }

  .menu__dropdown .menu__item {
    text-align: center;
  }

  .menu__dropdown .menu__item.active,
  .sub-menu .menu__item.active {
    background: #1e0547;
    padding: 6px 20px !important;
  }

  .navigation {
    padding: 30px 20px;
  }

  .navigation__menu {
    display: none;
  }

  .navigation__toggle_menu {
    display: block;
  }
}

/* ============================================
   Footer Styles
   ============================================ */

.footer {
  position: relative;
  padding-top: clamp(40px, 12vw + 5px, 175px);
  padding-bottom: clamp(60px, 4vw + 45px, 80px);
  margin-top: 60px;
  overflow: hidden;
  z-index: 0;
}

.page-template-template-3-columns .footer{
  background: #e6e6f3;
}

.footer .container {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.footer__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transform: skew(0, 4.28deg);
  transform-origin: top left;
}

.footer--color1 {
  background-color: #150314;
}

.footer__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.footer__col1 {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  width: calc(25% - 1.875rem);
  position: relative;
  padding: 0 30px;
}

.footer__col2 {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  width: calc(50% - 1.875rem);
}

.footer__col3 {
  display: flex;
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  width: calc(25% - 1.875rem);
}



.footer__logo a {
  display: block;
  cursor: pointer;
}

.footer__copyright a {
  color: inherit;
}

.footer__logo svg {
  position: static;
  width: 135px;
  height: 43px !important;
}

.footer__slogan {
  color: #fff;
  font-family: "Open Sans";
  font-size: 18px;
}

.footer__button {
  margin-top: 30px;
}

.footer__button a {
  display: inline-block;
  background: #fff;
  border-radius: 20px;
  color: #32325d;
  font-family: Futura;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 14px 8px;
  cursor: pointer;
  transition: 0.3s;
}

.footer__menu {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-top: -5px;
}

.footer__menu li {
  margin: 0 2px;
  padding: 5px 18px;
}

.footer__menu a {
  text-transform: uppercase;
  color: #fff;
  font-family: Futura;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
  position: relative;
}

.footer__menu a:hover {
  cursor: pointer;
}

.footer__menu a:hover:after {
  width: 100%;
}

.footer__menu a:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width 0.3s;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.footer__copyright {
  color: #fff;
  font-family: "Open Sans";
  font-size: 13px;
  margin-top: 29px;
  text-align: center;
}

.footer__social {
  margin-top: 30px;
}

.social,
.social__menu {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social__menu li {
  margin: 0 10px;
}

.social__menu li.ln a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/social/ln.svg') center/contain no-repeat;
}

.social__menu li.yt a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/socialyt.svg') center/contain no-repeat;
}

.social__menu li.tw a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/social/tw.svg') center/contain no-repeat;
}

.social__menu li.mail a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/social/mail.png') center/contain no-repeat;
}

.social__menu li.wapp a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/social/w.png') center/contain no-repeat;
}

.social__menu li.fb a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/social/fb.svg') center/contain no-repeat;
}

.social__menu li.inst a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/social/ln.svg') center/contain no-repeat;
}

.social__menu li.Gennie a {
  background: url('https://www.if-so.com/wp-content/themes/if-so/img/social/gennie.png') center/contain no-repeat;
  width: 34px;
  position: relative;
  top: -11px;
}

.social__item.Gennie a {
  transform: scale(1.3);
}

.social__menu a {
  display: block;
  width: 30px;
  height: 25px;
  font-size: 0;
}

.footer__help {
  margin: 0 auto;
}

.help__title {
  color: #fff;
  font-family: Futura;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 26px;
}

.help__title:after {
  content: "";
  height: 9px;
  width: 170px;
  position: absolute;
  left: 0;
  bottom: -15px;
  background: url(img/footer_line.png) center/contain no-repeat;
}

.help__links {
  list-style: none;
  padding-left: 0;
}

.help__links li {
  margin: 12px 0;
}

.help__link {
  color: #fff;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  text-decoration: underline;
}

.help__link:hover {
  text-decoration: none;
}

.footer__go_up a {
  display: block;
  width: 45px;
  height: 100px;
  background: #fff;
  border-radius: 25px;
  position: absolute;
  bottom: -40px;
  right: 10%;
  cursor: pointer;
}

.footer__go_up a:after {
  content: "";
  background: url(img/up.png) center/contain no-repeat;
  width: 25px;
  height: 22px;
  position: absolute;
  bottom: 60px;
  left: auto;
  right: calc(10% + 6px);
  transition: 0.4s;
}

.footer__go_up a:hover:after {
  bottom: 65px;
}

.footer__go_up span {
  margin: auto;
  padding-left: 16px;
  top: 40px;
  position: relative;
  font-size: 12px;
  font-weight: 700;
  color: #32325d;
}

/* Footer Media Queries */
/* ============================================ */
@media (max-width: 1500px) {
  .footer__go_up a {
    right: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .footer__slogan {
    font-size: 16px;
  }

  .footer__button a {
    font-size: 14px;
  }

  .footer__menu {
    margin-top: -3px;
  }

  .footer__menu a {
    font-size: 16px;
  }

  .footer__help {
    margin-top: 3px;
  }

  .help__title {
    font-size: 16px;
  }
}

@media screen and (max-width: 1041px) {
  .footer__col1 {
    order: 1;
    margin: auto;
    width: auto;
    padding: 0 clamp(10px, 2vw, 30px);
  }

  .footer__col2 {
    order: 3;
    width: calc(100% - 1.875rem);
    margin-top: 50px;
  }

  .footer__col3 {
    order: 2;
    width: calc(50% - 1.875rem);
    margin-top: 50px;
    padding: 0 clamp(10px, 2vw, 20px);
  }

  .footer__menu li {
    margin: 0;
    padding: 5px 11px;
  }
}

/* @media (max-width: 1030px) {
  .footer__col1 {
    width: calc(30% - 1.875rem);
  }

  .footer__col2 {
    width: calc(41.66667% - 1.875rem);
  }

  .footer__menu li {
    margin: 0;
    padding: 5px 11px;
  }
} */ 

/* /* @media (max-width: 1020px) {
  .footer__wrapper {
    justify-content: flex-start;
  }

  .footer__col1 {
    width: calc(33.33333% - 1.875rem);
  }

  .footer__col2 {
    width: calc(50% - 1.875rem);
  }

  .footer__col3 {
    margin-top: 50px;
  }
} */

@media (max-width: 775px) {
  .footer__button a {
    padding: 10px 10px 8px;
  }
} 

/* @media screen and (max-width: 768px) {
  .footer__col1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
    width: calc(50% - 1.875rem);
  }

  .footer__col2 {
    -webkit-box-ordinal-group: 4;
    order: 3;
    width: calc(100% - 1.875rem);
    margin-top: 50px;
  }

  .footer__col3 {
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-top: 0;
    width: calc(50% - 1.875rem);
  }
} */

/* @media (max-width: 600px) {
  .footer__col1 {
    width: calc(66.66667% - 1.875rem);
  }

  .footer__col3 {
    width: calc(33.33333% - 1.875rem);
  }

  .footer__button a {
    padding: 10px 15px 8px;
  }
} */

@media (max-width: 520px) {
  .footer__wrapper {
    padding-left: 10%;
  }

  .footer__col1 {
    width: calc(100% - 1.875rem);
    margin-top: 50px;
    padding: 0;
  }

  .footer__col3 {
    width: calc(100% - 1.875rem);
    margin-top: 50px;
  }

  .footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .footer__menu li {
    padding: 0;
    margin: 6px 0;
    display: inherit;
  }

  .footer__copyright {
    text-align: left;
  }

  .social__menu {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .social__menu li:first-child {
    margin-left: 0;
  }

  .footer__help {
    margin: 0;
  }
} 

@media (max-width: 470px) {
  .footer {
    padding-top: 40px;
  }
}

@media (max-width: 430px) {
  .footer {
    padding-bottom: 80px;
  }
}

/*  ========================= End Footer Styles ========================= */

/* ============================================
   Visitors Bubble Decorative Elements
   ============================================ */

   .visitors__bubble1 {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 320px;
    bottom: 20%;
    background: url(img/svg/visitors_bubble1.svg) center/contain no-repeat;
  }
  
  .visitors__bubble2 {
    width: 265px;
    height: 250px;
    background: url(img/svg/visitors_bubble2.svg) center/contain no-repeat;
    position: absolute;
    bottom: -5%;
    right: 40px;
  }


 .docs__bubble_sm {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 60%;
  left: 330px;
  z-index: -1;
  display: block;
  background: url(img/svg/docs_bubble_sm.svg) center/contain no-repeat;
}

.docs__bubble_lg {
  width: 400px;
  height: 400px;
  position: absolute;
  top: 60%;
  left: 70px;
  display: block;
  z-index: -1;
  background: url(img/svg/docs_bubble_lg.svg) center/contain no-repeat;
}



.visitors__bubble1--docs {
  z-index: -1;
  top: 25%;
  right: 170px;
  width: 80px;
    height: 80px;
    position: absolute;
    background: url(img/svg/visitors_bubble1.svg) center / contain no-repeat;
}

.visitors__bubble2--docs {
  z-index: -1;
  top: 25%;
  right: -5%;
  width: 265px;
    height: 250px;
    background: url(img/svg/visitors_bubble2.svg) center / contain no-repeat;
    position: absolute;
} 

/* =========== START cookie compliance ==================  */


#hu-cookies-notice-consent, #hu .hu-icon-container{
  display: none !important;
 }

 #hu #hu-outer-wrapper{
  width: 733px !important;
  margin: auto !important;
 }

  #hu .hu-wrapper{
      padding: 0px !important;
      width: 95% !important;
  }

  #hu #hu-outer-wrapper::before{
      content: "";
      position: absolute;
      top: -36px;
      left: 0;
      right: 0;
      width: 100%;
      height: 40px;
      background: #c0a3cc;
      z-index: 999999999;
  }

  #hu #hu-outer-wrapper::after{
      content: "";
      position: absolute;
      inset: 0; 
      top: -30px;
      height: 66px;
      background: url("https://www.if-so.com/wp-content/uploads/2025/11/cookie.png")
                  no-repeat center / 63px; 
      z-index: 999999999;
  }

  #hu-cookies-notice #hu-cookies-notice-message{
      margin-top:  45px !important;
  }

  #hu-cookies-notice.hu-active{
      padding-bottom: 0px !important;

  }
  #hu .hu-text-body{
      padding: 0.5em 1em !important;
  }

  #hu-legal-links .hu-btn-link{
      padding-left: 0px !important;
      position: absolute !important;
      bottom: 40px !important;
      font-size: 15.4px !important;
      font-weight: bold;
      left: 50% !important;
      border: 1px solid #c0a3cc!important;
      margin: 0px !important;
      height: 40px !important;
      box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1) !important;
      transform: translateX(calc(-50% - 76px)) !important;
      color: #c0a3cc !important;
      width: 136px !important;
      border-radius: 999px !important;
  }

  #hu .hu-footer-actions{
      padding-bottom: 0.5em !important;
  }

  #hu .hu-footer-actions .hu-btn{
      border-radius: 99px !important;
      width: 135px !important;
      height: 40px !important;
  }

  #hu-legal-links .hu-has-icon{
      color: #c0a3cc !important;
  }

  #hu-cookies-save{
      position: absolute !important;
      bottom: 40px !important;
      transform: translateX(calc(50% + 8px)) !important;
      background: #44A8C4 !important;
      border: none !important;
      color: #fff !important;
  }


  #hu-policy-links #hu-cookies-notice-privacy-btn{
      position: absolute !important;
      left: 50% !important;
      transform: translate(-50%, 8px) !important;
      color: #b0aaaa !important;
  }

  #hu-cookies-notice-about{
      display: none !important;
  }
  #hu-cookies-footer{
      margin-top: 5em !important;
  }

  #hu .hu-checkbox-toggle input:checked~.hu-toggle-heading .hu-toggle-slider{
    background: #c0a3cc !important;
  }
  #hu .hu-checkbox-toggle .hu-toggle-slider:before{
    background: #fff !important;
  }

  #hu .hu-list-item.hu-has-icon{
    padding-left: 0px !important;
  }

  @media(max-width: 1012px) {
      #hu.hu-position-center{
          transform: translateX(-50%) scale(0.8) !important;
          top: 15% !important;
      }
  }

  @media(max-width: 768px) {
      #hu.hu-position-center{
          transform: translateX(-50%) scale(0.65) !important;
          min-width: 733px !important;
          top: 8% !important;
      }

      #hu .hu-text-body{
          font-size: 15px !important;
      }
  


  #hu-legal-links .hu-btn-link{
      bottom: 50px !important;
  }

  #hu-cookies-save{
      bottom: 20px !important;
  }

  #hu-policy-links #hu-cookies-notice-privacy-btn{
      transform: translate(-50%, 0px) !important;
  }

}

@media(max-width: 577px) {

  #hu #hu-outer-wrapper{
      width: 90% !important;
  }
  #hu.hu-position-center{
      transform: translateX(-50%) scale(0.6) !important;
      min-width: 733px !important;
  }

  #hu-legal-links .hu-btn-link{
      bottom: 78px !important;
  }

  #hu .hu-text-body{
      font-size: 14px !important;
  }

  #hu-cookies-footer .hu-footer-content{
    height: 20px !important;
  }

  #hu-policy-links #hu-cookies-notice-privacy-btn{
    transform: translate(-50%, -25px) !important;
}
  
}

@media(max-width: 427px) {
  #hu #hu-outer-wrapper{
      width: 76% !important;
  }
}

@media(max-width: 337px) {

  #hu #hu-outer-wrapper{
      width: 64% !important;
  }

  #hu-cookies-footer{
      padding-bottom: 0px !important;
  }


#hu-policy-links #hu-cookies-notice-privacy-btn{
  transform: translate(-50%, -20px) !important;
}
}

/* =============== END cookie compliance =============  */

/* ============================================
   Button Styles
   ============================================ */

/* Arrow Animation Keyframes */
/* ============================================ */
@keyframes move {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(50%);
    opacity: 0.5;
  }
  50% {
    transform: translate(110%);
    opacity: 0;
  }
  51% {
    transform: translate(-110%);
  }
  60% {
    transform: translate(-50%);
    opacity: 0.5;
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}

@-webkit-keyframes move {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  25% {
    -webkit-transform: translate(50%);
    transform: translate(50%);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(110%);
    transform: translate(110%);
    opacity: 0;
  }
  51% {
    -webkit-transform: translate(-110%);
    transform: translate(-110%);
  }
  60% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
/* ============================================ */
/* Base Button Class - Standard Size */
/* ============================================ */
.try_it {

  background: #fff;
  border: 2px solid #1e0547;
  border-radius: 40px;
  text-decoration: none;
  color: #1e0547;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  transition: all 0.3s ease;
  padding: 10px 15px 10px 24px;
  box-sizing: border-box;
  gap: 9px;
  width: 100%;
  justify-content: center;
  height: 44px;
  display: flex;
  align-items: center;
}

.try_it > :first-child {
  text-transform: uppercase;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  color: #1e0547;
}

.try_it svg{
  width: 17px;
  height: 18px;
  fill: #1e0547;
  transition: transform 0.3s ease;
}


.try_it:hover svg {
  animation: move 0.7s ease;
  -webkit-animation: move 0.7s ease;
}


/* blue layout */

.try_it.try_it-blueLayout{
  background: #4ab2d7;
  text-decoration: none;
  color: #fff;
  border: none;
  width: max-content;
  justify-self: center;
  justify-content: center;
  display: flex;
}

.try_it.try_it-blueLayout > :first-child {
  color: #fff;
}

.try_it.try_it-blueLayout svg {
  fill: #fff;
}

/* ============================================ */
/* Button Variant 2: Countdown/Promo Button    */
/* Compact size for promotional banners        */
/* ============================================ */
.countdown_ctaBtn.try_it {
  border: 1px solid #1e0547;
  background-color: transparent;
  padding: clamp(8px, 1vw, 10px) clamp(12px, 1.5vw, 15px) clamp(8px, 1vw, 10px) clamp(20px, 2.5vw, 24px);
  transform: scale(0.9);
  margin: 4px 0;
}

.countdown_ctaBtn.try_it > :first-child {
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 600;
}



.countdown_ctaBtn.try_it  svg {
  width: 17px;
  height: 16px;
}

/* ============================================ */
/* Docs Ready Button Styles (.docs_ready__wrapper .try_it) */
/* ============================================ */
.docs_ready__wrapper .try_it {
  transition: 0.3s;
  border: none;
  background-color: #e63257;
  padding: 12px 40px;
  align-items: center;
  gap: 0;
}

.docs_ready__wrapper .try_it:after {
  display: none;
}

.docs_ready__wrapper .try_it:active {
  background: #a82a18;
}

.docs_ready__wrapper .try_it > :first-child {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}

.docs_ready__wrapper .try_it svg {
  height: 24px;
  width: auto;
  fill: #fff;
  margin-left: 30px;
}

/* ============================================ */
/* Docs Ready Button Media Queries             */
/* ============================================ */
@media screen and (max-width: 1200px) {
  .docs_ready__wrapper .try_it > :first-child {
    font-size: 22px;
  }
}

@media (max-width: 500px) {

  .docs_ready__wrapper .try_it > :first-child {
    font-size: 20px;
  }

  .docs_ready__wrapper .try_it svg {
    height: 20px;
    margin-left: clamp(20px, 2.5vw, 30px);
  }
}

/* ============================================
   End Button Styles
   ============================================ */

/* ============================================
   Content and Documentation Styles
   ============================================ */

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.docs {
  margin-top: 80px;
  position: relative;
}

.docs__wrapper {
  margin: auto;
  max-width: 1020px;
  padding-left: .9375rem;
  padding-right: .9375rem;
  overflow: visible;
}

.docs__title {
  padding-left: 10px;
}

h1.docs__title {
font-size: 44px;
}

.docs__title span {
  display: block;
  font-family: Futura;
  word-spacing: -6px;
}

.docs__title span:nth-child(1) {
  margin-left: 40px;
}

.docs__container {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -.9375rem;
  margin-right: -.9375rem;
  align-items: start;
  overflow: visible;
}

.docs__sidebar {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: .9375rem;
  margin-right: .9375rem;
  width: calc(25% - 1.875rem);
  position: relative;
}

.docs__content {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: .9375rem;
  margin-right: .9375rem;
  width: calc(75% - 1.875rem);
  padding: 0 0 0 70px;
}

@media (max-width: 756px) {
  .docs__content {
    padding: 0;
  }
}



.docs__introtext {
  margin-top: 10px;
}

.docs__introtext span {
  font-family: Futura;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.docs__introtext span:nth-child(1) {
  margin-left: 30px;
}

.docs__introtext span:nth-child(2) {
  margin-left: 50px;
}

.docs__texts {
  margin-top: 40px;
}

/* ============================================
   Documentation Sidebar Widget Styles
   ============================================ */

.widget {
  margin: 20px 0;
}

.widget:first-of-type {
  margin-top: 20px;
}

.widget__expand {
  position: absolute;
  left: 2px;
  top: -2px;
  font-size: 20px;
}

.widget__expand::before {
  content: '+';
  transition: .4s;
}

.widget__content {
  height: 0;
  overflow: hidden;
  transition: .5s;
}

.widget__title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
}


.widget__list {
  list-style: none;
  margin-top: 15px;
  padding: 0;
}

.widget__list li {
  margin: 12px 0;
  position: relative;
}

.widget__list li:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(137, 117, 248, 0.3);
}

.widget__list li:last-child:before {
  content: none;
}

.widget__list li:after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 7px);
  width: 6px;
  height: 14px;
  display: block;
  -webkit-transition: .2s;
  transition: .2s;
  background: url(/wp-content/themes/if-so/img/svg/list-arrow.svg) center/contain no-repeat;
}

.widget__list li.active {
  color: #fd5b56;
}

.widget__list li.active:after {
  background: url(img/svg/list-arrow-active.svg) center/contain no-repeat;
}

.widget__list li.active a {
  color: #fd5b56;
}

.widget__list li.active:hover:after {
  animation: none;
}

.widget__list li:hover:after {
  animation: moveArrowWidgetListItem .4s forwards;
}

@keyframes moveArrowWidgetListItem {
  50% {
    right: 4px;
  }
}

.widget__list li a {
  font-weight: 400;
  font-size: 16px;
  color: #1e0547;
  text-decoration: none;
}

.widget__list li a:hover {
  text-decoration: none;
}

/* ============================================
   FAQ Items Styles
   ============================================ */

   .FAQ .widget__title {
    padding-top: 20px;
}

.FAQ .widget__list li {
  margin: 12px 0;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

  .docs__content p, .docs__content ol, .docs__content ul, .docs__content ol li, .docs__content ul li {
    font-size: 18px;
}

   .ifso_group_selection_form {
    text-align: center;
}

.if-so-add-to-grp-options {
  padding: 0 2em;
  padding-right: calc(1rem + 4px + 0.75rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml;utf8,<svg width='13' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 1.25L9.5 9.75L1 1.25' stroke='%231e0546' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")
              no-repeat right;
              background-position: 95%;
  background-size: 14px;
}



.faq__items {
  margin: 80px auto 0;
  padding: 0;
  list-style: none;
  max-width: 700px;
}

.faq__items--sm-margin {
  margin: 20px auto 0;
}

.faq__item {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin: 30px 0;
  cursor: pointer;
  position: relative;
  z-index: 100;
}

.faq__item.selected {
  font-weight: 600;
}

.faq__answer {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 0;
  overflow: hidden;
  -webkit-transition: .4s;
  transition: .4s;
  line-height: 1.6;
  position: relative;
  z-index: 100;
}

.faq__hr {
  width: 100%;
  height: 12px;
  background: url(img/svg/faq_hr.svg) center/contain no-repeat;
  display: block;
  margin-top: 25px;
}

.faq_item_from_sc {
  margin: 0;
  border-bottom: 2px solid #dad3ff;
  text-align: left;
  padding: 14px 0 13px 10px;
}

.faq_item_from_sc::before {
  content: '+\00a0';
}

.faq_item_from_sc .faq__item.selected {
  background: #f6f5fe;
  padding-top: 30px !important;
}

.faq_item_from_sc .faq__answer {
  padding: 0 30px;
}

.faq_item_from_sc .faq__hr {
  display: none;
}

.faq__answer ol,
.faq__answer ul {
  text-align: left;
  margin-top: 10px;
}

/* FAQ Items Media Queries */
@media (max-width: 1200px) {
  .faq__items {
    max-width: 90%;
  }
}

@media (max-width: 768px) {
  .faq__item {
    font-size: 18px;
  }

  .faq__answer {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .faq__answer {
    padding: 0px;
  }

  .faq__answer .wp-block-code code {
    padding: 12px;
    line-height: 1.5;
  }
}


/* ============================================
   Documentation Header Styles
   ============================================ */

.header--docs {
  background: #6665e7;
  -webkit-transform: skew(0, 2.8deg);
  transform: skew(0, 1.8deg);
  min-height: 310px !important;
  margin-top: -104px;
  padding-top: 104px;
}

.header__container--docs {
  height: 200px;
  -webkit-transform: skew(0, -2.8deg) translateZ(0);
  transform: skew(0, -1.8deg) translateZ(0);
}

.header__title--docs {
  color: #fff;
  text-transform: capitalize;
}

.title.header__title.header__title--docs {
  font-size: 44px;
}

.header__breadcrumbs {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.header__breadcrumbs li {
  display: inline-block;
  color: #5d63a3;
  font-size: 14px;
  margin-right: 3px;
}

.header__breadcrumbs li:after {
  content: "/";
  color: #5d63a3;
}

.header__breadcrumbs li:last-child {
  padding-left: 6px;
}

.header__breadcrumbs li:last-child:after {
  content: none;
}

.header__breadcrumbs a {
  margin-right: 3px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.header__breadcrumbs a span {
  color: #5d63a3;
  font-family: "Open Sans", sans-serif;
}

.header__breadcrumbs a:after {
  background: #fff;
}

.header__breadcrumbs .faq-popup-open{
  margin-left: 35px;
}

.header--docs_bg {
  width: 541px;
  height: 238px;
  background: url(img/docs_header_bg.png) center/contain no-repeat;
  -webkit-transform: rotate(-2.4deg);
  transform: rotate(-2.4deg);
  position: absolute;
  right: 80px;
  bottom: -29px;
}

/* ============================================
   Template 3 Columns - Specific Styles
   ============================================ */

   .docs__wrapper.docs__wrapper__3col{
		max-width: 1447px;
	}
		
	.docs__wrapper__3col .docs__sidebar{
		width:270px;
	}

  .docs__sidebar-headline p{
    font-weight: 700;
    line-height: 40px;
    font-size: 23px;
    margin: 18px 0px;

    }

	
	.docs__wrapper__3col .docs__container{
		justify-content:space-around;
	}

	.docs__wrapper__3col .docs__content{
		width:calc(47% - 26px);
	}
	
	.docs__wrapper__3col .docs__3rd__col{
		word-wrap: break-word;
		width: calc(31% - 26px);
        max-width: 270px;
		position: relative;
		text-align:center;
	}
	
	 header.header3.header--docs3 {
    background: #a9b0f9;
    padding: 12px;
}
	
	ul.header__breadcrumbs {
  margin: 0;
  padding: 6px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 4px;
  grid-column: 1 / 3;
  flex-wrap: wrap;
}

/* center right side bar - align widget titles and list items */
.docs__wrapper.docs__wrapper__3col .docs__sidebar div.widget__title,
.docs__wrapper.docs__wrapper__3col .docs__sidebar .widget__list,
.docs__wrapper__3col .docs__sidebar button.faq-popup-open{
  margin-left: 40px;
} 

.docs__wrapper.docs__wrapper__3col .docs__sidebar .widget__list li {
  padding-left: 8px;
  padding-right: 15px;
}

.docs__wrapper.docs__wrapper__3col .docs__sidebar-headline p{
  margin-left: clamp(0px, calc(11px + 84 * ((100vw - 800px) / 800)), 95px);
}

/* .docs__wrapper.docs__wrapper__3col .docs__sidebar .sidebar__widget,
.docs__wrapper.docs__wrapper__3col .docs__sidebar-headline {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}  */

/* search form */
.header__container3 .header__content .search-form{
    margin-top: 0;
    grid-column: 3;
    justify-self: self-start;
}

.header__content .result-search{
    margin-top: 0;
}

/* header change max-wdith */

.header--docs3 .header__container3 .header__content , .header--docs3 .header__container3 .header__content--docs{
  max-width: 1362px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 32% 47% auto;
    gap: 0px;
}

/* Media queries for main cotnent in 3rd columns */

@media only screen and (min-width: 800px){
  .docs__wrapper__3col .docs__sidebar, .docs__wrapper__3col .docs__content, .docs__wrapper__3col .docs__3rd__col{
    margin:0;
    padding:0;
  }	
}

@media (max-width: 1280px) {
  .docs__wrapper__3col .docs__3rd__col{
    max-width: 210px;
  }

  .docs__wrapper__3col .docs__content{
    width: calc(52% - 26px);
  }

  .docs__wrapper__3col .docs__container{
    justify-content: space-between;
  }
}

    @media (max-width: 1000px) {
        .docs__wrapper__3col .docs__content{
            width: 65%;
        }

        .docs__wrapper__3col .docs__container{
          justify-content: center;
        }

        .docs__wrapper__3col .docs__3rd__col{
          padding-left: 65px;
        }
        
        .docs__wrapper.docs__wrapper__3col .docs__sidebar div.widget__title,
        .docs__wrapper.docs__wrapper__3col .docs__sidebar .widget__list,
        .docs__wrapper.docs__wrapper__3col .docs__sidebar-headline p {
          margin-left: clamp(0px, calc(11px + 84 * ((100vw - 800px) / 200)), 95px);
        }
    }
	
	
	@media only screen and (max-width: 800px){
		.docs__wrapper__3col .docs__sidebar, .docs__wrapper__3col .docs__content, .docs__wrapper__3col .docs__3rd__col{
			width:calc(100% - 26px);
		}

    .docs__wrapper__3col .docs__content{
      padding-left: 0px;
		}
		
		.docs__wrapper.docs__wrapper__3col .docs__sidebar div.widget__title,
		.docs__wrapper.docs__wrapper__3col .docs__sidebar .widget__list,
		.docs__wrapper.docs__wrapper__3col .docs__sidebar-headline p {
			margin-left: 0;
			padding-left: 20px;
		}
		
		.docs__wrapper.docs__wrapper__3col .docs__sidebar .widget__list li {
			padding-left: 20px;
		}
	}

  @media (max-width: 576px) {
    .header--docs3 .header__container3 .header__content, .header--docs3 .header__container3 .header__content--docs{
        gap: 26px;
    }
}

.DocumentationImg {max-width: 400px;margin: 0 0 0 56px;}

.page-template-template-3-columns .title,
.page-template-template-3-columns .page-template-template-3-columns .title span {
  color: #1e0547;
  font-size: 44px;
  font-family: Futura;
  font-weight: 700;
  line-height: 1.3;
  word-spacing: -4px;
  margin: 0px;
  margin-bottom: 1.5rem;
  padding-left: 0px;
}

.page-template-template-3-columns .docs__introtext {
  margin-top: 10px;
  font-size: 1.6em;
  margin-bottom: 20px;
}



.page-template-template-3-columns .docs__3rd__col > img {
  max-width: 100%;
  padding: 0px;
}

.page-template-template-3-columns .docs__3rd__col > a > img {
  padding: 0px;
  max-width: 100%;
}



.page-template-template-3-columns .header__breadcrumbs a span,
.page-template-template-3-columns .header__breadcrumbs li:after,
.page-template-template-3-columns .header__breadcrumbs li {
  color: #1f2442;
}

.page-template-template-3-columns h3 {
  font-family: 'Futura Regular', sans-serif;
  font-size: 22px;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.page-template-template-3-columns h2 {
  font-family: 'Futura Regular', sans-serif;
  font-size: 2rem;
}

/* ============================================
   Form Input Styles
   ============================================ */

.m-form__input,
.form-input {
  margin: 15px 0;
  border-radius: 32px;
  border: 2px solid #1e0547;
  background-color: #fff;
  padding: 15px 20px;
  width: 100%;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 16px;
  outline: 0;
}

/* ============================================
   FAQ Popup Styles
   ============================================ */

.faq-popup-open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  width: 100%;
  padding: 8px 12px;
  border-radius: 32px;
  border: 1px solid #1e0547;
  margin: 15px 0 34px;
  cursor: pointer;
}

.page-template-template-3-columns .faq-popup-open {
  max-width: clamp(230px,4vw,260px);
  background: transparent;
  color: #1f2442;
  border: 1px solid #1f2442;
  margin: 0;
  margin: 8px 0;
  font-size: 14px;
  padding: 3px 20px;
}

.page-template-template-3-columns .material-icons {
  color: #1f2442;
}

.docs__wrapper__3col .docs__container_stretch {
  align-items: stretch;
}

.docs__container,
.docs__content,
.docs__3rd__col,
.docs__3rd__col * {
  overflow: visible !important;
}

.docs__3rd__col_inner {
  position: sticky;
  top: 70px;
}

@media only screen and (max-width: 1000px) {
  .docs__wrapper__3col .docs__sidebar , .docs__wrapper__3col .docs__sidebar-headline  {
    display: none;
  }

  .docs__wrapperdocs__wrapper__3col .docs__wrapper__3col .docs__container {
    justify-content: flex-end;
  }

  .docs__wrapperdocs__wrapper__3col .docs__wrapper__3col .docs__container .docs__content {
    width: 60%;
  }
}

@media screen and (max-width: 475px) {
  .page-template-template-3-columns .title,
  .page-template-template-3-columns .page-template-template-3-columns .title span {
    font-size: 40px;
  }

  .page-template-template-3-columns .docs__introtext {
    font-size: 22px;
  }

  .page-template-template-3-columns .header__breadcrumbs a span,
  .page-template-template-3-columns .header__breadcrumbs li:after,
  .page-template-template-3-columns .header__breadcrumbs li,
  .page-template-template-3-columns .faq-popup-open {
    font-size: 12px;
    text-align: start;
    align-self: baseline;
  }

  .header--docs3 .header__container3 .header__content,
  .header--docs3 .header__container3 .header__content--docs {
    grid-template-columns: 22% 61% 9%;
  }

  header.header3.header--docs3{
    padding-left: 2px;
  }

  .page-template-template-3-columns .faq-popup-open {
    padding: 4px;
    width: 34px;
    justify-self: center;
    font-size: 0;
    margin-right: 48px;
  }

  .page-template-template-3-columns .faq-popup-open .material-icons {
    font-size: 24px;
  }

  .header__breadcrumbs li:last-child {
    padding-left: 0px;
  }
}

@media (max-width: 800px) {
  .docs__3rd__col,
  .docs__sidebar
  {
    display: none;
  }
}
/* End Template 3 Columns - Specific Styles */

/* ======== Search results - only show when FAQ popup is ready ======== */
.result-search {
  display: none;
}

.faq-popup-overlay.ready .result-search {
  display: block;
}

/* ============================================
   Table of Contents on this page (TOC) Styles
   ============================================ */


.toc__container{
  text-align: start;
}

.toc__container > p > strong{
  font-weight: 700;
  line-height: 40px;
}

.toc {
  position: sticky;
  top: 1rem;
  align-self: start;                 
  overflow: none;                    
}


.toc__list {
  --line-color: rgba(0, 0, 0, 0.5);
  --active-color: #4E11A1;
  --active-top: 0px;
  --active-height: 0px;
  list-style: none;
  position: relative;
  width: 100%; 
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 28px;
}

.toc__link-child{
  padding-left: 15px;
}

  /* Put the line at half the gutter so it sits just left of text */
  .toc__list::before,
  .toc__list::after{
    left: 2px;                 
  }
  
  .toc__list::before{
    content:""; 
    position:absolute; top:0; 
    bottom:0; 
    width:1px;
    background: #000; 
    border-radius: 2px;
  }

.toc__list li {
  font-size: 16px;
}

.toc__list a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.toc__list a span{
  color: rgba(0, 0, 0, 0.5);
}

.toc__list a[href^="http://"]:not([href*="if-so.com"]):not(.no-link-icon)::after,
.toc__list a[href^="https://"]:not([href*="if-so.com"]):not(.no-link-icon)::after {
    content: none;
    background: none;
}

.toc__list a:hover,
.toc__list a.is-active {
  color: var(--active-color);
}

.on_this_page {
  border-left: 3px solid #6665df;
  padding-left: 20px;
  margin: 50px 0;
  text-align: left;
}

.on_this_page li {
  font-size: 20px;
  list-style-type: disclosure-closed;
}

/* Mobile: stack */
@media (max-width: 900px) {
  .toc {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .toc__list {
    width: 100%;
    max-width: none;
  }
}

/* End  TOC container styles */

/*  Start of promotion banner countdown styles */

.ifso-countdown-sideBar-layout {
  padding: 18px;
  background: #E6E6F2;
  text-align: center;
  box-sizing: content-box;
  max-width: 260px;
  margin-top: 36px;
  opacity: 0;
}

@media (max-width: 1000px) {
  .ifso-countdown-sideBar-layout {
    width: 210px;
    transform: scale(0.87) translate(-7%, 0px);
  }
}

ifso-countdown-sideBar-layout > div:first-of-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ifso-countdown-sideBar-layout p:first-of-type {
  margin-bottom: 0;
  margin-top: 4px;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  letter-spacing: 2px;
  display: inline;
}

.ifso-countdown-sideBar-layout ifsocountdownwrapper {
  display: block;
  border-radius: 8px;
  box-sizing: content-box;
  padding: 4px 12px;
  margin: auto;
}

.ifso-countdown-sideBar-layout ifsocountdown {
  display: inline-flex !important;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  vertical-align: middle;
  gap: 8px;
  margin-top: 12px;
  padding-bottom: 10px;
}

@media (max-width: 1000px) {
  .ifso-countdown-sideBar-layout ifsocountdown {
    gap: 0;
  }
}

.ifso-countdown-sideBar-layout .ifso-countdown-separator{
  display: none;
}

.ifso-countdown-sideBar-layout .ifso-countdown-counter {
  font-size: 16px;
  border: 1px solid;
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 4px;
}

.ifso-countdown-sideBar-layout .ifso-countdown-label {
  font-weight: bold;
}

.ifso-countdown-sideBar-layout .ifso-countdown-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 4px;
}

.ifso-countdown-sideBar-layout .countdown_ctaBtn.try_it {
  border: 1px solid #1e0547;
  background-color: transparent;
  transform: scale(0.9);
  margin: 4px auto;
  display: flex;
  align-items: center;
}

.ifso-countdown-sideBar-layout .countdown_ctaBtn.try_it .try_it__arrow {
display: flex;
  }

.ifso-countdown-sideBar-layout .countdown_ctaBtn > :first-child {
  font-weight: 100;
  font-size: 16px;
}

.ifso-countdown-sideBar-layout  div:first-of-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* End  promotion banner countdown styles */

/* Numbered List Styles */
ol.blue-numbered-list {
  counter-reset: blue-list;
  list-style: none;
  padding-left: 55px;
  position: relative;
}

ol.blue-numbered-list li {
  counter-increment: blue-list;
  position: relative;
  margin-bottom: 25px;
  line-height: 2.4;
  text-wrap-style: pretty;
}

/* Circle numbers */
ol.blue-numbered-list li:before {
  content: counter(blue-list);
  border: 2px solid #dad3ff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #48399a;
  text-align: center;
  position: absolute;
  top: 4px;
  left: -48px;
  line-height: 1.6;
  background: #DAD2FB;
  z-index: 2;
}

/* Only for dashed version */
ol.blue-numbered-list.blue-numbered-list-dashed li {
  position: relative;
}

/* The connecting dashed line between circles */
ol.blue-numbered-list.blue-numbered-list-dashed li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: -33px; 
  top: 42px;   
  bottom: -25px; 
  width: 0;
  border-left: 3px dashed #dad3ff;
  z-index: 1;
}

/* Optional variant */
li.blueOptional:before {
  background: #c4e3f9 !important;
  border-color: #cae2f7 !important;
}



/* styled numbered lists in between code */
.blue-numbered-list-code {
  padding-left: 55px;
}

@media (max-width: 768px) {
  /* adjust step-by-step  */
  ol.blue-numbered-list {
    padding-left: 48px;
  }
}

/* ============================================
   Live Example Styles
   ============================================ */

.examplesLoc_Override [type="submit"] {
  padding: 6px 35px;
}

.liveExample {
  padding: 70px 20px;
  background: #f8f8f8;
  border: 2px dashed #aeaeae;
}

.liveExample_person{
  position: relative;
}

.liveExample_person::after{
  content: '';
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 160px;
  height: 160px;
  background: url('https://www.if-so.com/wp-content/uploads/2025/12/LiveDemoCTA.webp') center/cover no-repeat;
  background-size: contain;
}

.liveExampleBorder{
  border: 2px solid #a267df;
  padding: 20px 20px;
  border-radius: 8px;
  box-sizing: border-box;
}

.page-template-template-3-columns .liveExample {
  padding: 20px 20px;
  border: 2px solid #a267df;
  border-radius: 8px;
  background: #F4F2FE;
}

.liveExample h2 {
  margin-top: 6px;
  font-size: 1.6em;
  font-family: 'Open Sans';
}

.liveExampleSelectionForm {
  position: relative;
  top: -60px;
  border: 1px solid #c6c6c6;
  max-width: 470px;
  border-radius: 50px;
  margin: auto;
  background: #f9f5f5;
  box-shadow: 0 0px 3px 2px #e4e4e4;
}

.DocumentationliveExample {
    padding: 17px 17px 17px 118px;
    margin: 80px 0 60px;
    font-weight: 600;
    font-size: 1em;
    position: relative;
    border: 2px solid #a267df;
    border-radius: 10px;
}

.DocumentationliveExample img {
    position: absolute;
    bottom: -12px;
    left: -34px;
}

.DocumentationliveExample p {
  margin: 10px 0;
}

.select-geo-override-example, .GroupFormExample {
  background: #f5f5f5;
  padding: clamp(12px, 1vw, 20px);
  text-align: center;
  height: 180px;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.GroupFormExample p{
  font-weight: 800;
}
.GroupFormExample select{
  font-size: 14px;
}

.ifso_group_selection_form input[type="radio"] {
  margin-right: 4px;
}


    /* ============================================
    Notification  Styles
    ============================================ */
 .notification {
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 12px 0;
  font-family: sans-serif;
  font-size: 14px;
  border: 1px solid;
}

 .notification > div:first-child {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin-right: 12px;
}

 .notification > div:nth-child(2) {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

 .notification > div:nth-child(2) > span {
  flex: 1;
}
 .notification > div:nth-child(2) > button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: inherit;
  margin-left: 12px;
}

 .notification.info {
  background-color: #F7F7FC;
  border-color: #6A6DD4;
  color: #6A6DD4;
}

 .notification.info > div:nth-child(2) > span {
  color: #6A6DD4;
}

 .notification.info > div:first-child {
  background-color: #6A6DD4;
}

.notification a{
  color: inherit;
  text-decoration: underline;
  text-decoration-style: dashed;
}

/* Success */
 .notification.success {
  background-color: #F7FDFA;
  border-color: #78D59E;
  color: #78D59E;
}

 .notification.success > div:first-child {
  background-color: #78D59E;
}
s .notification.success > div:nth-child(2) > span {
  color: #58c083;
}

/* Error */
 .notification.error {
  background-color: #FDF7F7;
  border-color: #E46A69;
  color: #E46A69;
}

 .notification.error > div:nth-child(2) > span {
  color: #E46A69;
}

 .notification.error > div:first-child {
  background-color: #E46A69;
}

/* Low Warning */
 .notification.low-warning {
  background-color: #FEF9F6;
  border-color: #F09558;
  color: #F09558;
}

 .notification.low-warning > div:nth-child(2) > span {
  color: #F09558;
}

 .notification.low-warning > div:first-child {
  background-color: #F09558;
}

/* Warning */
 .notification.warning {
  background-color: #FFFCF4;
  border-color: #F5CF48;
  color: #F5CF48;
}
 .notification.warning > div:nth-child(2) > span {
  color: #dfb521;
}

 .notification.warning > div:first-child {
  background-color: #F5CF48;
}


/* Notification Gutenberg Blocks Styles */

.notification-block {
  border-radius: 6px;
  padding: 20px 16px;
  margin: 32px 0;
  font-family: sans-serif;
  font-size: 16px;
  border: 1px solid;
  position: relative;
}

.notification-block > div:first-child {
  display: inline-flex;
  height: fit-content;
}

.notification-block > div:first-child > div:first-child {
  height: fit-content;
  display: flex;
  align-items: flex-start;
}

/* Icon (first paragraph) */
.notification-block > div:first-child > div:first-child > p:first-child {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin-right: 12px;
}

/* Close button (x) */
.notification-block .notification-block_closeBtn {
  background: transparent;
  border: none;
  font-size: 14px;
  cursor: pointer;
  color: #1e0546;
  margin-left: 12px;
  position: absolute;
  right: 24px;
  top: 46%;
  transform: translateY(-50%);

  cursor: pointer;
}

/* Content text */
.notification-block > div:first-child > div:first-child > div:nth-child(2) > p:last-child {
  font-size: 14px;
}

/* Links */
.notification-block a {
  color: inherit;
  text-decoration: underline;
}

.notification-block a:hover{
  background-image: none;
  background-size: 0px;
  background-color: transparent;
}

/* .notification-block a:hover,
.notification-block a:focus,
.notification-block a:active {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  background-size: auto !important;
  box-shadow: none !important;
} */

/* Info */
.notification-block.info {
  background-color: #F7F7FC;
  border-color: #6A6DD4;
}

.notification-block.info > div:first-child > div:first-child > p:first-child {
  background-color: #6A6DD4;
}

.notification-block.info > div:first-child > div:first-child > div:nth-child(2) > p:last-child,
.notification-block.info > div:first-child > div:first-child > div:nth-child(2) strong {
  color: #6A6DD4;
}

/* Success */
.notification-block.success {
  background-color: #F7FDFA;
  border-color: #78D59E;
}

.notification-block.success > div:first-child > div:first-child > p:first-child {
  background-color: #78D59E;
}

.notification-block.success > div:first-child > div:first-child > div:nth-child(2) > p:last-child,
.notification-block.success > div:first-child > div:first-child > div:nth-child(2) strong {
  color: #58c083;
}

/* Error */
.notification-block.error {
  background-color: #FDF7F7;
  border-color: #E46A69;
}

.notification-block.error > div:first-child > div:first-child > p:first-child {
  background-color: #E46A69;
}

.notification-block.error > div:first-child > div:first-child > div:nth-child(2) > p:last-child,
.notification-block.error > div:first-child > div:first-child > div:nth-child(2) strong {
  color: #E46A69;
}

/* Low Warning */
.notification-block.low-warning {
  background-color: #FEF9F6;
  border-color: #F09558;
}

.notification-block.low-warning > div:first-child > div:first-child > p:first-child {
  background-color: #F09558;
}

.notification-block.low-warning > div:first-child > div:first-child > div:nth-child(2) > p:last-child,
.notification-block.low-warning > div:first-child > div:first-child > div:nth-child(2) strong {
  color: #F09558;
}

/* Warning */
.notification-block.warning {
  background-color: #FFFCF4;
  border-color: #F5CF48;
}

.notification-block.warning > div:first-child > div:first-child > p:first-child {
  background-color: #F5CF48;
}

.notification-block.warning > div:first-child > div:first-child > div:nth-child(2) > p:last-child,
.notification-block.warning > div:first-child > div:first-child > div:nth-child(2) strong {
  color: #f5cf48;
}





/* ============================================
   End Notification  Styles
   ============================================ */

   /* ============================================
   Start toc Examples Styles
   ============================================ */

   .examplesOnpages p {
    padding: 20px;
}

.examplesOnpages .wp-block-column {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 0 18px;
}

.conditional-pop-up-examples .wp-block-column {
    background: #f5f5f5;
    padding: 0;
}

.plan__button{
  text-align: center;
}



/* ============================================
   Code Block Styles
   ============================================ */

   code,
   kbd,
   pre,
   samp {
     font-family: monospace, monospace;
     font-size: 1em;
     background: #f5f5f5;
     color: #000;
     line-height: 2;
     padding: 6px 8px;
     display: block;
   }
   
   li code {
     display: inline-block;
     padding: 0 4px;
     line-height: 1;
   }
   
   p code {
       display: inline;
   }

/* code block copy code button css - start */
.wp-block-code {
  position: relative;
  z-index: auto;
  white-space: normal;
}

copycodebutton {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  font-weight: 500;
  padding: 2px 6px 6px;
  line-height: 1;
  color: black;
  background-color: #e0e0e0;
  margin: 0 0 0 5px;
  cursor: pointer;
}

copycodebutton:hover {
  background-color: #d5d5d5;
}

copycodebutton::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -11px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid #888888;
}

copycodebutton::after {
  content: "Copied!";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 11px);
  background-color: #888888;
  color: white;
  font-size: 12px;
  padding: 3px 4px;
  border-radius: 3px;
  white-space: nowrap;
}

copycodebutton::before,
copycodebutton::after {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.1s linear, opacity 0.1s linear;
}

copycodebutton.active::before,
copycodebutton.active::after {
  visibility: visible;
  opacity: 1;
}
/* code block copy code button css - end */



/* ============================================
   Notification and Tip Bar Styles - Notices Background
   ============================================ */

.blueNotice {
  background: aliceblue;
  border-left: 4px solid #a6c1d9;
  padding: 24px;
  border-radius: 4px;
}

.redNotice {
  background: #ffd7d7;
  border-left: 4px solid #e79f9f;
  padding: 24px;
  border-radius: 4px;
}

.yellowNotice {
  background: #ffffd9;
  border-left: 4px solid #ededba;
  padding: 24px;
  border-radius: 4px;
}

.greenNotice {
  background: #ceffd9;
  border-left: 4px solid #65c77b;
  padding: 24px;
  border-radius: 4px;
}

.purpleNotice {
  background: #6665df2b;
  border: 1px solid #6665DF;
  padding: 24px;
  border-radius: 4px;
  color: #6665DF;
  font-weight: 100;
}

.elementorNotice {
  background: #ffc5f3;
  border-left: 4px solid #ba0984;
  padding: 24px;
  border-radius: 4px;
}

.ifsoNoteBar {
  background: #f4f2ff;
  padding: 24px 32px;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  margin: 20px 0px;
}

.ifsoNoteBar h5 {
  display: flex;
  align-items: center;
  gap: 0.6em;
  font-size: 20px;
  margin-bottom: 26px;
  font-weight: 400;
}

.ifsoNoteBar h5::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("https://www.if-so.com/wp-content/uploads/2025/08/Note-.avif") center center / contain no-repeat;
}

.ifsoNoteBar ol li {
  line-height: 32px;
}

.ifsoNoteBar p:nth-of-type(1) {
  line-height: 25px;
}

.ifsoNoteBar #gutenberg-elementor-users {
  margin-top: 1rem;
}

.ifsoNoteBar ol {
  padding-left: 0;
  margin-left: 0;
  list-style-position: inside;
  display: flex;
  gap: 0.5em;
  flex-direction: column;
}

.ifsoNoteBar ol li::marker {
  font-weight: bold;
}

.ifsoNoteBar p:last-of-type a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-bottom: 2px;
  color: #8B4DFF;
  line-height: 32px;
}

.ifsoNoteBar p:last-of-type a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #8B4DFF;
  transition: width 0.3s ease;
}

.ifsoNoteBar p:last-of-type a:hover::after {
  width: 100%;
}

.ifsoTip_Yellow_PersonBar {
  background: #f4f2ff;
  padding: 24px 32px;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  margin: 20px 0px;
}

.ifsoTip_Yellow_PersonBar h5::before {
  content: "";
  display: inline-block;
  width: 146px;
  height: 121px;
  background: url(https://www.if-so.com/wp-content/uploads/2025/08/image.avif) center center / contain no-repeat;
  position: relative;
  right: 20px;
  margin-left: 20px;
}

.ifsoTip_Yellow_PersonBar h5 {
  display: flex;
  align-items: center;
  font-size: 55px;
  margin: 0;
}

.ifsoTip_Yellow_PersonBar p:first-of-type {
  line-height: 40px;
  margin: 0.5rem 0;
}

.ifsoTip_Yellow_PersonBar p {
  margin: 0.5rem 0;
}

.ifsoTip_Yellow_PersonBar ol {
  padding-left: 0;
  margin-left: 0;
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ifsoTip_Yellow_PersonBar ol li {
  line-height: 32px;
}

.ifsoTip_Yellow_PersonBar ol li::marker {
  font-weight: bold;
}

.ifsoTip_Yellow_PersonBar p a {
  text-decoration: underline;
  text-decoration-color: #8B4DFF;
  background-image: none;
  background-size: 0;
  color: #8B4DFF;
  cursor: pointer;
}

.ifsoTip_rabbitWand_bar {
  background: #D8EFF5;
  padding: 24px 32px;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  margin: 20px 0px;
}

.ifsoTip_rabbitWand_bar::before {
  content: "";
  display: inline-block;
  width: 127px;
  height: 123px;
  background: url("https://www.if-so.com/wp-content/uploads/2025/08/rabbit-want.avif") center center / contain no-repeat;
}

.ifsoTip_rabbitWand_bar h5 {
  display: flex;
  align-items: center;
  font-size: 55px;
  margin: 0;
}

.ifsoTip_rabbitWand_bar p:first-of-type {
  font-weight: bold;
  line-height: 40px;
  margin: 0.5rem 0;
}

.ifsoTip_rabbitWand_bar p {
  margin: 0.5rem 0;
}

.ifsoTip_rabbitWand_bar ol {
  padding-left: 0;
  margin-left: 0;
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ifsoTip_rabbitWand_bar ol li {
  line-height: 32px;
}

.ifsoTip_rabbitWand_bar ol li::marker {
  font-weight: bold;
}

.ifsoTip_rabbitWand_bar p a {
  text-decoration: underline;
  text-decoration-color: #8B4DFF;
  background-image: none;
  background-size: 0;
  color: #8B4DFF;
  cursor: pointer;
}

.ifsoTip_lightBar {
  background: #f4f2ff;
  padding: 24px 32px;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  margin: 20px 0px;
}

.ifsoTip_lightBar h5::before {
  content: "";
  display: inline-block;
  width: 77px;
  height: 77px;
  background: url("https://www.if-so.com/wp-content/uploads/2025/08/person.avif") center center / contain no-repeat;
  position: relative;
  bottom: 10.5px;
  padding: 10px 0 4px;
}

.ifsoTip_lightBar h5 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  font-size: 34px;
  margin: 0;
}

.ifsoTip_lightBar p {
  margin: 0.5rem 0;
}

.ifsoTip_lightBar ol {
  padding-left: 0;
  margin-left: 0;
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ifsoTip_lightBar ol li {
  line-height: 32px;
}

.ifsoTip_lightBar ol li::marker {
  font-weight: bold;
}

.ifsoTip_lightBar p a {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #8B4DFF;
  background-image: none;
  background-size: 0;
  color: #8B4DFF;
  cursor: pointer;
}

/* ============================================
   DKI Generator Styles
   ============================================ */

.ifso_generator-shortcode {
  margin: auto;
  border: 1px dashed rgb(170 176 243);
  border-radius: 4px;
  margin-top: 30px;
  box-sizing: border-box;
}

.ifso_generator-shortcode .generator-shortcode-main-panel {
  display: flex;
  flex-direction: column;
  padding: 30px;
}

.ifso_generator-shortcode .generator-header h2 {
  margin: 20px 0 0px;
}

.ifso_generator-shortcode .generator-header h3 {
  margin-top: 20px;
  margin-bottom: 40px;
}

.ifso_generator-shortcode .generator-header p {
  font-size: 0.9em;
  margin: 4px 0 40px;
}

.ifso_generator-shortcode .generator .toggledCheckboxWrapper {
  display: flex;
  align-items: center;
  gap: 0.4em;
  text-transform: none;
}

.ifso_generator-shortcode .generator .toggledCheckbox {
  appearance: none;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  background: #ccc;
  position: relative;
  cursor: pointer;
}

.ifso_generator-shortcode .generator select,
.ifso_generator-shortcode .generator input {
  width: fit-content;
  padding: 0px 4px;
}

.ifso_generator-shortcode .generator .toggledCheckbox::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  background: white;
  transition: transform 0.2s;
}

.ifso_generator-shortcode .generator .toggledCheckbox:checked {
  background: #696ddb;
}

.ifso_generator-shortcode .generator .toggledCheckbox:checked::before {
  transform: translateX(20px);
}

.ifso_generator-shortcode .generator {
  display: flex;
  flex-direction: column;
  gap: 1.4em;
}

.ifso_generator-shortcode .generator > div {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}

.ifso_generator-shortcode label {
  text-transform: capitalize;
  font-weight: bold;
  font-size: 0.9em;
}

.ifso_generator-shortcode select {
  width: 25%;
  text-transform: none;
  height: auto;
  padding: 0px;
  border-radius: 4px;
  cursor: pointer;
}

.ifso_generator-shortcode input[type="text"] {
  width: 30%;
  text-overflow: ellipsis;
}

.ifso_generator-shortcode span {
  font-size: 0.9em;
}

.ifso_generator-shortcode .generator-shortcode-main-panel .generator-output-container-parent .generator-output-container {
  width: 98%;
  border-top: 1px solid rgb(188, 188, 188);
  box-sizing: border-box;
}

.ifso_generator-shortcode .generator-shortcode-main-panel .generator-output-container-parent .generator-output-container .generator-output {
  margin-top: 1em;
  background-color: #d3d1f1;
  color: #6c6c6c;
  height: 60%;
  border-radius: 0.5em;
  padding: 0.2em 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: none;
}

.ifso_generator-shortcode .generator-shortcode-main-panel .generator-output-container-parent .generator-output .generator-outputText {
  flex: 1 1 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1em;
  white-space: normal;
}

.ifso_generator-shortcode .generator-shortcode-main-panel .generator-output-container-parent .ifso-shortcode-copy-btn {
  border: none;
  background: #fff;
  padding: 0em 0.7em;
  color: #333;
  border-radius: 0.4em;
  cursor: pointer;
  height: 32px;
  width: 40px;
  flex: 0 0 auto;
  transition: all 0.2s ease-in-out;
  margin: 10px 0px;
}

.ifso_generator-shortcode .generator-shortcode-main-panel .generator-output-container-parent .ifso-shortcode-copy-btn:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* ============================================
   Related Content Styles
   ============================================ */

   .doc_Related-content ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1.2em;
    border: 1px solid #c1c1c1;
    border-radius: 0.6em;
    box-sizing: border-box;
    padding: 1.5rem 2rem;
    padding-bottom: 2.5rem;
    padding-left: 1em;
  }

.doc_Related-content ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 0px;
}

.doc_Related-content ul li a {
  color: #1e0547;
  text-decoration: none;
}

.doc_Related-content ul li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(https://www.if-so.com/wp-content/uploads/2025/08/icons8-right-arrow-30.avif) no-repeat center / contain;
}

.doc_Related-content ul li:hover::before {
  width: 16px;
  height: 16px;
  background-image: url(https://www.if-so.com/wp-content/uploads/2025/09/icons8-right-arrow-30-1.png);
}

.doc_Related-content ul li a:hover {
  color: #8B4DFF;
}

.doc_Related-content a::after,
.doc_Related-content a:after {
  content: none !important;
}

.doc_Related-content ul li img {
  width: 20px;
  height: 20px;
}

#related-content ul.wp-block-list,
#TocAbout ul.wp-block-list,
.geolocationDki_relatedContent ul.wp-block-list {
  list-style: none;
  padding-left: 20px;
}

/* ============================================
   Testimonials Styles
   ============================================ */

.doc_testimonials strong {
  font-weight: 600;
}

.doc_testimonials {
  width: 85%;
  position: relative;
  margin: auto;
  margin-top: 4em;
}

.doc_testimonials > div:last-child > figure:last-child {
  position: absolute;
  right: 0px;
  transform: rotate(181deg);
  bottom: 0;
}

.doc_testimonials > div {
  display: flex;
  align-items: center;
  gap: 0.4em;
}

.doc_testimonials > div:first-child {
  margin-bottom: 1.2em;
}

.doc_testimonials > div > figure {
  align-self: flex-start;
}

.doc_testimonials div:nth-of-type(2) {
  padding-left: 55px;
}

.doc_testimonials div:nth-of-type(2) > figure.wp-block-image img {
  border-radius: 50%;
  margin-right: 0.8em;
}

.doc_testimonials div:nth-of-type(2) > p > span {
  opacity: 0.6;
}

.doc_testimonials > figure:last-of-type {
  margin-left: auto;
}

/* Testimonials by Country */
.docs_testimonials-byCountry {
  width: 80%;
  position: relative;
  margin: auto;
  margin-top: 4em;
  
}

div.docs_testimonials-byCountry img{
  margin: 0;
}

.docs_testimonials-byCountry .slide-card-inner{
  padding-right: 35px;
}

.docs_testimonials-byCountry ul {
  list-style: none;
  padding: 0;
}

.docs_testimonials-byCountry li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}

.docs_testimonials-byCountry .top-queto {
  width: auto;
  height: 33px;
  align-self: flex-start;
}

.docs_testimonials-byCountry .slide-card-inner.is-shortcode {
  display: flex;
  align-items: center;
  gap: 0.4em;
  padding-left: 55px;
}

.docs_testimonials-byCountry .bottom-queto {
  position: absolute;
  right: 0px;
  bottom: 0;
  transform: rotate(181deg);
  width: auto;
  height: 33px;
}

.docs_testimonials-byCountry .profile{
  display: flex;
  position: relative;
  margin-top: 14px;
}

.docs_testimonials-byCountry .profile img {
  border-radius: 50%;
  width: 45px;
}

.docs_testimonials-byCountry .testimonial_flag img{
  position: absolute;
  inset-inline-start: -6px;
  bottom: -5px;
  width: 28px;
  height: 23px;
}

.docs_testimonials-byCountry .profile-profession {
  opacity: 0.6;
  padding: 8px;
}

.docs_testimonials-byCountry .profile-name {
  padding: 8px
}

.docs_testimonials-byCountry .content-bolder {
  font-weight: 600;
}

/* ============================================
   Was This Helpful Styles
   ============================================ */

.wasThisHelpful25 {
  border-top: 1px solid;
  text-align: center;
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



.wasThisHelpful25_inner {
  max-width: 346px;
  margin: auto;
}

h2 .wasThisHelpful25 {
  margin-top: 30px;
}

.wasThisHelpful25 .speedy-faqChecker{
  width: 100%;
  margin: auto;
}

@media (max-width: 475px) {
  .page-template-template-3-columns .speedy-faqChecker.faq-popup-open{
    font-size: 14px;
    padding: 3px 20px;
  }

}

/* ============================================
   Additional Utility Styles
   ============================================ */


.toggle-btn {
  width: 60px;
  height: 30px;
  background-color: #9e86bc;
  border-radius: 30px;
  border: none;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  padding: 0;
}

.toggle-circle {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  right: 3px;
  transition: transform 0.3s ease;
}

.toggle-btn.active .toggle-circle {
  transform: translateX(-30px);
}

.toggle-btn.active {
  background-color: #cacae4;
}



   label.CFapplicationLabel {
    width: 180px;
    display: block;
    float: left;
    margin-right: 12px;
}

.ContactFormPrivacy{
  padding-top: 14px;
}

/* Jobs styles */

.job {
  margin-bottom: 100px;
}

.job__title {
  cursor: pointer;
  margin-bottom: 7px;
  padding-left: 24px;
  position: relative;
  font-family: 'Futura Regular';
  word-spacing: 3px;
  font-weight: 100;
}

.job__hr {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #732bcb;
  opacity: 0.4;
  margin-bottom: 20px;
}

.job__hr:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 26px;
  border: 12px solid #732bcb;
  border-color: #732bcb transparent transparent;
}

.job__hr:after {
  content: "";
  position: absolute;
  z-index: 999;
  left: 28.5px;
  border: 10px solid #fff;
  border-color: #fff transparent transparent;
}

.job__content {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.4s;
  transition: .5s;
  margin: -18px 0;
}

.job__expand {
  position: absolute;
  left: 0;
  top: -2px;
}

.job__expand:before {
  content: "+";
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

   

   /* styled numbered lists starting value*/

/* allows starting from later value */
  ol.blue-numbered-list.start-2 {
    counter-reset: blue-list 1;
  }
  ol.blue-numbered-list.start-3 {
    counter-reset: blue-list 2;
  }
  ol.blue-numbered-list.start-4 {
    counter-reset: blue-list 3;
  }
  ol.blue-numbered-list.start-5 {
    counter-reset: blue-list 4;
  }
  ol.blue-numbered-list.start-6 {
    counter-reset: blue-list 5;
  }
  ol.blue-numbered-list.start-7 {
    counter-reset: blue-list 6;
  }
  ol.blue-numbered-list.start-8 {
    counter-reset: blue-list 7;
  }
  ol.blue-numbered-list.start-9 {
    counter-reset: blue-list 8;
  }
  ol.blue-numbered-list.start-10 {
    counter-reset: blue-list 9;
  }

   /* table styles  padding */
   .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    padding: 20px;
}

body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #f4f2fe;
}

/* DKI styles */

.DKI_Section {
  background: #f8f8f8;
  padding: 20px 30px 10px;
  text-align: center;
  margin-bottom: 30px;
}


/* DKI icons */
.page-id-25425 .DKI_Section pre,
.page-id-25425 .DKI_Section code {
 background:#d9d5e1;
}

.page-id-25425 .DKI_Section pre {
 box-shadow: 0px 0px 3px -1px #b4b4b4;	
}
.page-id-25425 .DKI_Section {
 position: relative;
 margin-top: 50px;
}
.page-id-25425 .DKI_Section:before {
 content: "";
 width: 55px;
 height: 55px;
 position: absolute;
 background-color: #d9d5e1;
 background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/geo.svg');
 background-repeat: no-repeat;
 background-position: center;
 background-size: 24px;
 border-radius: 50%;
 left: 0;
 right: 0;
 margin: auto;
 top: -23px
}
.page-id-25425 .DKI_Section#DKI-GOOGLE-ADS:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/google-ads.svg') ; }
.page-id-25425 .DKI_Section#DKI-QUERY-STRING:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/querystring.svg') ; }
.page-id-25425 .DKI_Section#DKI-PAGES-VISITED:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/viewcount.svg') ; }
.page-id-25425 .DKI_Section#DKI-USER-DETAILS:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/referrer.svg') ; }
.page-id-25425 .DKI_Section#DKI-LOG-IN:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/login-link.svg') ; }
.page-id-25425 .DKI_Section#DKI-REFERRAL-SOURCE:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/referrer.svg') ; }
.page-id-25425 .DKI_Section#DKI-BROWSER-LANGUAGE:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/language.svg') ; }
.page-id-25425 .DKI_Section#DKI-PAGES-VISITED:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/viewcount.svg') ; }
.page-id-25425 .DKI_Section#DKI-POST-ID:before { background-image: url('https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/show-post.svg') ; }
/* DKI icons */

   span.promotion-name{
    color: inherit;
    font-family: "Futura Regular", "Futura";
    letter-spacing: 1px;
    font-size: inherit;
   }

   .wp-block-rank-math-toc-block {
    border: 1px solid rgb(195 184 255 / 30%);
    padding: 0 20px;
    background: rgb(232 228 255 / 30%);
}

.wp-block-rank-math-toc-block h2 {
  font-size: 1em;
  margin-top: 1.5em;
  font-style: italic;
}

   .viewInLang {
    background: #f5f5f5;
    border: 2px solid #1e0547;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.viewInLangH {
  margin: 3px 0 0 0;
  font-weight: 600;
  text-align: center;
}

.viewInLangP {
  text-align: center;
  margin: 5px 0;
}

.viewInLangP a {
  padding: 0 10px;
}

.viewInLangPlay:before {
  content: "\A";
  border-style: solid;
  border-width: 4px 0px 4px 7px;
  border-color: transparent transparent transparent #951168;
  position: absolute;
  left: 1px;
  top: 10px;
}

   /* demo border class */
   .box-border_p {
    border: 2px solid #a267df;
    border-radius: 8px;
   }

   .box-border_p img, .box-border_p video{
    border-radius: 8px;
   }

   .box-border_p iframe {
    border-radius: 6px;
   }

   iframe[src*="youtube"] {
    border: none;
    border-radius: 8px;
   }
   /* search faq styles */

.input_wrapper {
  position: relative;
}

.input_wrapper button[type="reset"] {
  position: absolute;
  top: 7px;
  bottom: 10px;
  right: 28px;
  color: #fd5b56;
  border: 0;
  background: transparent;
  display: none;
  font-size: 24px;
  outline: none;
  font-weight: bold;
}

.input_wrapper .form-search-button {
  position: absolute;
  top: 13px;
  bottom: 10px;
  right: 7px;
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.input_wrapper .form-search-button span {
  color: #1e0547;
}

.input_wrapper .form-input {
  padding: 8px 48px 8px 12px;
}

.input_wrapper .form-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.input_wrapper .form-input:valid ~ button[type="reset"] {
  display: block;
}

@media screen and (max-width: 475px) {
  .page-template-template-3-columns .title,
  .page-template-template-3-columns .page-template-template-3-columns .title span {
    font-size: 40px;
  }

  .page-template-template-3-columns .docs__introtext {
    font-size: 22px;
  }

  #related-content ul.wp-block-list,
  #TocAbout ul.wp-block-list,
  .geolocationDki_relatedContent ul.wp-block-list {
    padding-left: 20px;
  }
}

/* Start of fancybox screenshots container styles */
.fancybox-button svg path {
  fill: #fff;
}

.fancybox-thumbs {
  background: none;
  width: 200px;
}

.fancybox-thumbs__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fancybox-thumbs__list a {
  display: block;
  float: none;
  width: 100%;
  height: 150px;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* .fancybox-thumbs.fancybox-thumbs-y {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
}

.fancybox-thumbs-y .fancybox-thumbs__list {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 10px 0;
}

.fancybox-thumbs-y .fancybox-thumbs__list a {
  width: auto;
  height: 80px;
  min-width: 80px;
  margin: 0 5px;
} */

.fancybox-show-thumbs .fancybox-inner {
  right: 200px;
}

.PurpleIconSprites {
  width: 200px;
  height: 130px;
  margin-right: 30px;
}

@media (max-width: 426px) {
  .fancybox-thumbs {
    width: 80px;
  }

  /* .fancybox-thumbs__list {
    justify-content: flex-end;
  } */

  .fancybox-thumbs__list a {
    height: 50px;
  }

  /* .fancybox-thumbs-y .fancybox-thumbs__list a {
    height: 50px;
    min-width: 50px;
    margin: 0 3px;
  } */

  .fancybox-show-thumbs .fancybox-inner {
    right: 80px;
  }
}

/* ============================================
   Screenshot Image Modal Trigger Styles
   ============================================ */

   #TocScreenshots{
    margin-bottom: 6em;
   }


.Screenshots_thumb {
  margin-bottom: 45px;
  gap: 1em;
}

.Screenshots_thumb .wp-block-image {
  max-width: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  cursor: zoom-in;
  border-radius: 0 !important;
}

.Screenshots_thumb .wp-block-image,
.Screenshots_thumb .wp-block-video {
  height: 115px;
}

.Screenshots_thumb .wp-block-image img {
  border: 1px solid #c9c8f3;
  display: inline;
}



.Screenshots_thumb figure a img {
  max-height: 115px;
}

 .Screenshots_thumb figure.wp-block-video picture {
  display: block;
  margin-bottom: 3px;;
}

.Screenshots_thumb .wp-block-image picture img {
  border: 1px solid #c9c8f3;
  width: 100%;
  height: 115px;
}

.docs__texts a[data-fancybox] {
  cursor: zoom-in;
}

.screenshot_trigger{
  cursor: default;
}
span.screenshot_trigger:hover{
  color: #8B4DFF !important;
}

/* Gallery video captions */

.caption_vidGallery.caption_Bl_label,
.caption_vidGallery.caption_Tr_label,
.caption_vidGallery.caption_Br_label,
.screenshotTrigger_gifModal .caption_Bl_label,
.screenshotTrigger_gifModal .caption_Tr_label,
.screenshotTrigger_gifModal .caption_Br_label{
  position: absolute;
  color: #fff;
  font-weight: bold;
  background: #A093E9;
  padding: 14px 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  font-size: 20px;
  border-radius: 6px;
  font-weight: 700;
}

.caption_vidGallery.caption_Bl_label{
  bottom: 80px;
  left: 1%;
}

.screenshotTrigger_gifModal .caption_Bl_label{
  bottom: 80px;
  left: 4%;
}

.caption_vidGallery.caption_Br_label{
  bottom: 95px;
  right: 6.5%;
}

.screenshotTrigger_gifModal .caption_Br_label{
  bottom: 80px;
  right: 8.5%;
}

.caption_vidGallery.caption_Tr_label
{
  top: 11%;
  right: 1%;
}

.screenshotTrigger_gifModal .caption_Tr_label{
  top: 11%;
  right: 4%;
}

/* please add to the imd/ video you want to align with the others. */
figure.screenshotGif_adujst{
  
  box-sizing: border-box;
  background: linear-gradient(135deg, #D9D2F8 0%, #EEEEEE 100%);
}

figure.screenshotGif_adujst img {
  padding: 10px 2px;
  box-sizing: border-box;
}

.screenshotTrigger_imgModal {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 820px;
  height: 450px;
  border-radius: 4px;
  z-index: 9999;       
  box-shadow: 0 8px 30px rgba(0,0,0,0.3);
  pointer-events: none;
}

.screenshotTrigger_gifModal {
  background: linear-gradient(135deg, #D9D2F8 0%, #EEEEEE 100%);
  padding: 40px 20px 0px 0px;
  width: unset;
}

/* Video inside wrapper should fill the container */
.screenshotTrigger_imgModal.screenshotTrigger_gifModal video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.Screenshots_thumb .wp-block-video{
  box-sizing: border-box;
  padding: 8px 6px;
  background: linear-gradient(to right, #c9c8f3 -25%, #e3dff4 100%);
  border: 1px solid #c9c8f3;
}

.Screenshots_thumb .wp-block-video video {
  width: 100%;
  height: 100px;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

.Screenshots_thumb .wp-block-video video::-webkit-media-controls-enclosure {
  display: none;
}

.Screenshots_thumb .wp-block-video figcaption.wp-element-caption{
  margin-top: 14px;
}

.docs__texts a[data-fancybox] {
  cursor: zoom-in;
}

@media (max-width: 789px) {
  .Screenshots_thumb figure a img{
    max-height: none;
  }

  .Screenshots_thumb .wp-block-image, .Screenshots_thumb .wp-block-video {
    height: auto;
    background: transparent;
    border: none;
}

.Screenshots_thumb .wp-block-image picture img, .Screenshots_thumb .wp-block-video video{
  height: auto;
}
}


@media ( max-width: 426px) {
  .Screenshots_thumb .wp-block-video,
  .Screenshots_thumb .wp-block-image picture img,
  .Screenshots_thumb .wp-block-image img{
    width: 94vw;
    height: auto;
    max-height: fit-content;
  }

  .Screenshots_thumb{
    gap: 0em;
    margin-bottom: 0px;
    
  }

  .Screenshots_thumb .wp-block-image, .Screenshots_thumb .wp-block-video {
    height: auto;
}

  .Screenshots_thumb .wp-block-video{
    padding: 0;
    border: none;
    background: none;
  }
  .Screenshots_thumb .wp-block-video video  {
    height: auto;
        box-sizing: border-box;
        padding: 8px 10px;
        background: linear-gradient(to right, #c9c8f3 -25%, #e3dff4 100%);
        border: 1px solid #c9c8f3;
        width: 94vw;
        margin: auto;
        display: flex;
  }

  div#TocScreenshots div.wp-block-group__inner-container{
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
  }

  figure.screenshotGif_adujst {
    background: transparent;
  }

  figure.screenshotGif_adujst a {
    background: linear-gradient(135deg, #D9D2F8 0%, #EEEEEE 100%);
  }
}

/* End of screenshot img modal trigger styles */

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  background: #f9f6c7;
  padding: 20px;
  font-size: 1.1em;
}

.wpcf7-form-control-wrap{
  margin-right: 8px;
}

/* was this helpful using cf7 2025 Bar  - end*/

.wpcf7 form.sent .wpcf7-response-output {
  position: relative;
  border-color: #2bc466 !important;
}

.contact-form-7-wrraper-no{
  display: none;
}
.wpcf7 form .wpcf7-response-output {
	border-radius: 0.3rem;
    border-left-width: 8px !important;
    margin: 0 !important;
    padding: 14px !important;
    font-size: 0.8em;
    text-align: left;
	line-height: 1.4;
}

.wpcf7-not-valid-tip {
	font-size: 0.8em !important;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 48px;
  border-left: 8px solid #4fd899;
  border: 1.6px solid #4fd899;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 13.6px;
  color: #1e0547;
  max-width: 522px;
  margin: 27.2px 6.8px 13.6px;
  box-sizing: border-box;
  text-align: left;
  
}

.wpcf7-response-output{
  position: relative;
}

.wpcf7 form.sent .wpcf7-response-output::before {
  content: 'i';
  left: 2px;
  top: 50%;
  transform: translateY(5%);
  background-color: #4fd899;
  color: white;
  font-size: 19px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  text-align: center;
  margin-right: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.unaccepted .wpcf7-response-output::before{
  content: 'i';
  transform: translateY(5%);
  background-color: #ffb900;
  color: white;
  font-size: 19px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  text-align: center;
  margin-right: 10px;
}


.contact-form-btn {
    background: #fff;
    border: solid 1px #1e0547;
    border-radius: 0.3rem;
    height: 36px;
    width: 70px;
    padding: 0;
    font-weight: 550;
    color: #1e0547;
    transition: 0.2s;
    cursor: pointer;
}

.contact-form-btn:hover{
  color: #fff;
  background-color: #1e0547 ;
}

/* cf7-template-adjust to center */
#post-5218271{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wp-block-group.is-layout-flex.cf7-template{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cf7-template-btns{
transform: translateX(13%);
}

.contact-7-yes-text {
  height: 15vh;
  width: 100%;
  max-width: 500px;
  align-self: center;
}

/* Ready docs - getting started styles */
.docs_ready {
  background: linear-gradient(-260deg, #090018 0, #05000c 100%);
  margin-top: 200px;
  padding: 80px 0 100px;
  position: relative;
  z-index: 100;
  -webkit-transform: skew(0, 4.28deg);
  transform: skew(0, 4.28deg);
  margin-bottom: -134px;
  box-shadow: inset 0 -34px 70px rgb(155 136 136 / 24%);

}


/*halloween version*/
/* .docs_ready { 

  background-color: #4c0f48;
  margin-top: 200px;
  padding: 80px 0 100px;
  position: relative;
  z-index: 100;
  -webkit-transform: skew(0, 4.28deg);
  transform: skew(0, 4.28deg);
  margin-bottom: -132px;
  background-image: url(https://if-so.com/wp-content/themes/if-so/img/HW/HWfooterBG.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
halloween version */
.docs_ready__bubble_sm.aos-init.aos-animate {display:none;}
.docs_ready__bubble_lg.aos-init.aos-animate {display:none;}


.docs_ready__wrapper {
position: relative;
text-align: center;
-webkit-transform: skew(0, -4.28deg) translateZ(0);
transform: skew(0, -4.28deg) translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
padding: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.docs_ready__wrapper div:last-child {
  margin-top: 50px;
}

.docs_ready__wrapper .ready_get__title {
  color: #e63257;
  font-size: 58px;
  font-weight: 600;
  font-family: "Futura", sans-serif;
  margin-top: 10px;
  margin-bottom: 16px;
}

.docs_ready__wrapper .ready_get__title p{
  display: inline;
  color: inherit;
  font-size: inherit;
}

.docs_ready__wrapper .ready_get__title .promotion-name{
  color: inherit;
  font-size: inherit;
}

.docs_ready__wrapper .ready_get__introtext {
  font-size: 1.6em;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
  margin-top: -16px;
  color: #fff;
  padding-left: 0px;
}

.docs_ready__wrapper .ready_get__introtext::after {
  content: "30-day Money back guarantee";
  color: #fff;
  display: block;
  margin-top: 4px;
  font-size: 1em;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}



.try_it--pink {
/* background: #f06eaa; Canceled for Halloween*/
  background: #C23420;
}

.ready_get__button--docs,
.ready_get__introtext--docs,
.ready_get__title--docs span {
color: #fff;
}

/*  speedy answers faq popup styles */

.faq-popup-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999999;
  text-align: left;
  padding: 0;
  visibility: hidden;
  transform: translateX(calc(-100%));
  transition: visibility 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.faq-popup-overlay.active {
  visibility: visible;
  transform: unset;
}

.faq-popup {
  position: relative;
  z-index: 99999999;
  left: calc(100vw - 800px);
  height: 100vh;
  width: 800px;
  max-width: 100vw;
  background: white;
  padding: 3vh 4vw;
  transition: left 0.6s ease-in-out;
}

.faq-popup-overlay.active .faq-popup {
  left: 0;
}

.faq-popup-close {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 18px;
  stroke: #0f1f35;
  stroke-linecap: round;
  stroke-width: 1.2;
  cursor: pointer;
  transition: transform 0.2s linear;
}

.faq-popup-close:hover {
  transform: rotate(90deg);
}

.faq-popup-title {
  font-size: 40px;
  margin: 0 auto 3vh;
}

.faq-popup-spinner-wrapper {
  align-items: center;
  gap: 5px;
  font-size: 18px;
  display: none;
}

.faq-popup-overlay.loading .faq-popup-spinner-wrapper {
  display: flex;
}

.faq-popup-spinner {
  height: 40px;
  box-sizing: border-box;
  fill: #1e0547;
  fill-rule: evenodd;
  animation: faq-popup-spinner-rotation 1s linear infinite;
}

@keyframes faq-popup-spinner-rotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.faq-popup-faqs, .faq-popup-error {
  display: none;
}

.faq-popup-overlay.ready .faq-popup-faqs, .faq-popup-overlay.error .faq-popup-error  {
  display: block;
}

 .faq-popup .faq-filter {
  margin: 0 auto 2vh;
}

.faq-popup-description{
  margin: 0 auto 2vh;
}

.form-input.faq-filter {
  padding: 8px 12px;
  border-radius: 32px;
  border: 2px solid #105467;
  margin: 0;
  width: unset;
}

.form-input.faq-filter::placeholder {
  color: #1e0546;
}

.faq-popup-list {
  max-height: 60vh;
  overflow-y: auto;
}

.faq-filter-mark-results-wrapper {
  display: inline-block;
  margin: 10px 0 0 5px;
}

.faq-filter-list > ul > li {
  display: none;
  visibility: hidden;
}

.faq-filter-list > ul > li.search-result {
  display: unset;
  visibility: visible;
}

mark {
  background-color: #d9fbd4;
}

.faq-popup-reload {
  display: block;
  padding-left: 15px;
  margin: 25px 0 0;
}



/* ============================================
   Step-by-Step Tabbed Content Styles
   ============================================ */

.step-by-step_form {
  margin: 40px 0;
}

/* Tab titles container */
.step-by-step_form .wp-block-ub-tabbed-content-tabs-title {
  display: flex;
  gap: 16px;
  border-bottom: 2px solid #e0e0e0;
  position: relative;
  overflow: visible;
  margin-bottom: 20px;
}

/* Position relative for tab title wraps to enable absolute positioning of before pseudo-elements */
.wp-block-ub-tabbed-content-tab-title-wrap {
  position: relative;
}

/* Individual tab title */
.step-by-step_form .wp-block-ub-tabbed-content-tab-title-wrap {
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 8px 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.step-by-step_form .wp-block-ub-tabbed-content-tab-title-wrap {
  background: #fff;
  
}

.wp-block-ub-tabbed-content:not(.wp-block-ub-tabbed-content-pills):not(.wp-block-ub-tabbed-content-underline) .wp-block-ub-tabbed-content-tab-title-wrap, .wp-block-ub-tabbed-content:not(.wp-block-ub-tabbed-content-pills):not(.wp-block-ub-tabbed-content-underline) .wp-block-ub-tabbed-content-tab-title-vertical-wrap{
  border: none;
  
}

.step-by-step_form .wp-block-ub-tabbed-content-tabs-title > .wp-block-ub-tabbed-content-tab-title-wrap:first-of-type .step_by_step-tab_title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -14px;
  right: 0;
  height: 3px;
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0166 22C17.0864 21.9908 22 17.0688 22 10.9974C22 5.02472 17.1091 0.105744 11.266 0.00176475C5.12944 -0.107334 0.0015943 4.85648 4.80689e-07 10.8758C-0.00177043 17.0685 4.88983 22.0088 11.0166 22ZM10.9988 0.534371C16.8263 0.532429 21.4694 5.25227 21.4677 11.1759C21.4657 16.7684 16.6995 21.4467 11.003 21.448C5.19956 21.4492 0.532513 16.7587 0.53269 10.9251C0.533044 5.24186 5.2727 0.536313 10.9988 0.534371ZM6.60053 6.05392C6.69581 6.37045 6.42911 6.4806 6.14559 6.50267C5.84719 6.52562 5.54897 6.54804 5.20258 6.57435C6.34587 9.96982 7.472 13.315 8.62486 16.738C8.70703 16.604 8.74085 16.5662 8.75573 16.5221C9.38865 14.6364 10.0251 12.7518 10.6419 10.8608C10.6982 10.6883 10.6703 10.4599 10.6086 10.2826C10.2823 9.34348 9.89123 8.42479 9.60505 7.47432C9.40937 6.82361 9.14975 6.40258 8.37817 6.47796C8.24677 6.49084 8.08632 6.20892 7.93916 6.06328C8.11714 5.95736 8.29387 5.76246 8.47344 5.75981C10.0446 5.73598 11.6163 5.73598 13.1872 5.76122C13.3675 5.76423 13.5443 5.96424 13.7222 6.07281C13.5664 6.21474 13.432 6.42764 13.2498 6.48255C12.9574 6.57046 12.6331 6.55387 12.2832 6.58494C13.4277 9.97883 14.5487 13.3033 15.7097 16.7463C16.2288 15.0276 16.7117 13.4493 17.1814 11.867C17.6004 10.4546 17.3507 9.13552 16.5931 7.89147C16.3653 7.5174 16.0855 7.15444 15.9564 6.74647C15.8098 6.28236 15.688 5.75399 15.7657 5.28846C15.8976 4.49953 16.5049 4.1078 17.3266 4.03277C12.8299 -0.127459 5.7636 1.36179 3.15983 5.88197C4.16217 5.8359 5.11917 5.77535 6.07687 5.76228C6.25786 5.75999 6.55803 5.91251 6.60053 6.05392ZM8.39216 19.8185C8.37126 19.8794 8.37002 19.9472 8.35355 20.0484C10.2915 20.584 12.192 20.5453 14.1372 19.892L11.1656 11.7784C10.2146 14.5343 9.30258 17.176 8.39216 19.8185ZM6.89468 19.4517L2.41764 7.20899C0.397924 11.1418 1.93436 17.1423 6.89468 19.4517ZM20.4294 11.5849C20.5714 9.72532 19.9279 7.15056 19.3721 6.79643C19.3102 7.4805 19.3534 8.24154 19.1565 8.93497C18.693 10.5688 18.1263 12.1742 17.5805 13.784C16.9873 15.5339 16.3706 17.2757 15.7641 19.0211C18.6138 17.3372 20.1799 14.8517 20.4294 11.5849Z' fill='%23535353'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

/* first tab only */
.wp-block-ub-tabbed-content-tab-title-wrap:nth-of-type(1)
.wp-block-ub-tabbed-content-tab-title::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url("https://www.if-so.com/wp-content/uploads/2025/12/wordpress-icon.png")
    no-repeat center / contain;
  z-index: 1;
}

.wp-block-ub-tabbed-content-tab-title-wrap:nth-of-type(2)
.wp-block-ub-tabbed-content-tab-title::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url("https://www.if-so.com/wp-content/uploads/2025/12/elementor-square.png")
    no-repeat center / contain;
  z-index: 1;
}

.wp-block-ub-tabbed-content-tab-title-wrap:nth-of-type(3)
.wp-block-ub-tabbed-content-tab-title::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url("https://www.if-so.com/wp-content/uploads/2025/12/gutenberg-square.png")
    no-repeat center / contain;
  z-index: 1;
}

.wp-block-ub-tabbed-content-tab-title-wrap:nth-of-type(2) .wp-block-ub-tabbed-content-tab-title {
  /* Styles for second tab title */
}

.wp-block-ub-tabbed-content-tab-title-wrap:nth-of-type(3) .wp-block-ub-tabbed-content-tab-title {
  /* Styles for third tab title */
}

/* Active tab */
.step-by-step_form .wp-block-ub-tabbed-content-tab-title-wrap.active {
  font-weight: 600;
  background: #fff;
  position: relative;
}

.step-by-step_form .wp-block-ub-tabbed-content-tab-title-wrap.active::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -14px;
  right: 0;
  height: 3px;
  background: #c6aef4;
  z-index: 1;
}

/* Tab title text */
.step-by-step_form .wp-block-ub-tabbed-content-tab-title {
  font-size: 18px;
  color: #1e0547;
}

/* Tab content */
.step-by-step_form .wp-block-ub-tabbed-content-tab-content-wrap {
}

/* Optional variant */
.step-by-step_form li.blueOptional:before {
  background: #c4e3f9 !important;
  border-color: #cae2f7 !important;
}

/* Heading inside tabs */
.step-by-step_form h2 {
  margin-top: 40px;
  margin-bottom: 16px;
}

/* Screenshot trigger links */
.step-by-step_form .screenshot_trigger {
  color: #a49ccb;
  text-decoration: underline;
  text-decoration-style: dashed;
  cursor: pointer;
  transition: color 0.2s ease;
}

.step-by-step_form .screenshot_trigger:hover {
  color: #8B4DFF;
}

.wp-block-ub-tabbed-content:not(.wp-block-ub-tabbed-content-pills):not(.wp-block-ub-tabbed-content-underline) .wp-block-ub-tabbed-content-tabs-content{
  border: none;
  padding: 0;
  position: relative;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .step-by-step_form .wp-block-ub-tabbed-content-tabs-title {
    flex-wrap: wrap;
    gap: 4px;
  }

  .step-by-step_form .wp-block-ub-tabbed-content-tab-title-wrap {
    padding: 10px 16px;
  }
}

/* ============================================
   End Step-by-Step Tabbed Content Styles
   ============================================ */

/* =================================== 
    Promotion Sales Styles
==================================== */

/* COMMENT: most be below the original styles for overriding them */

/* Christmas Sale Styles */

.docs_ready{
  background: #00333f;
  box-shadow: none;
}

.docs_ready__wrapper .ready_get__title {
  color: #ebd5af;
}

.docs_ready__wrapper .try_it{
  background: #993940;
}

.docs_ready__wrapper .ready_get__button--docs .try_it--button:hover {
  transform: translateY(-3px);
  background-color: #982c33;
}
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

.footer--color1{
  background: #011118;
}

/* Animation keyframes */
@-webkit-keyframes snowflakes100-fall {
  0% { top: -10%;
    opacity: 0;
  }
  2% { opacity: 1; }
  95% { opacity: 0.5; }
  100% { top: 100%; opacity: 0; }
}
@keyframes snowflakes100-fall {
  0% {
    top: -10%;
    opacity: 0;
  }
  2% {
    opacity: 1; /* quick fade-in */
  }
  95% {
    opacity: 0.5;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes snowflakes150-fall {
  0% { top: -10%;
    opacity: 0;
  }
  2% { opacity: 1; }
  95% { opacity: 0.5; }
  100% { top: 150%; opacity: 0; }
}
@keyframes snowflakes150-fall {
  0% { top: -10%;
    opacity: 0;
  }
  2% { opacity: 1; }
  95% { opacity: 0.5; }
  100% { top: 150%; opacity: 0; }
}


@-webkit-keyframes snowflakes-shake {
  0% { -webkit-transform: translateX(0px); transform: translateX(0px); }
  50% { -webkit-transform: translateX(80px); transform: translateX(80px); }
  100% { -webkit-transform: translateX(0px); transform: translateX(0px); }
}
@keyframes snowflakes-shake {
  0% { transform: translateX(0px); }
  50% { transform: translateX(80px); }
  100% { transform: translateX(0px); }
}

.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999;
  user-select: none;
  cursor: default;
  
  -webkit-animation-name: snowflakes-fall, snowflakes-shake;
  -webkit-animation-duration: 20s, 10s;
  -webkit-animation-timing-function: linear, ease-in-out;
  -webkit-animation-iteration-count: infinite, infinite;

  animation-name: snowflakes-fall, snowflakes-shake;
  animation-duration: 20s, 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
}


.docs_ready .snowflake {
  -webkit-animation-name: snowflakes150-fall, snowflakes-shake;
  animation-name: snowflakes150-fall, snowflakes-shake;

}

.ifso-countdown-sideBar-layout{
  position: relative;
}

.ifso-countdown-sideBar-layout .snowflake {
  position: absolute;
  -webkit-animation-name: snowflakes100-fall, snowflakes-shake;
  animation-name: snowflakes100-fall, snowflakes-shake;
}

.snowflake:nth-of-type(1) { left: 10%; animation-delay: 0s, 0s; }
.snowflake:nth-of-type(2) { left: 20%; animation-delay: 6s, .5s; }
.snowflake:nth-of-type(3) { left: 30%; animation-delay: 4s, 2s; }
.snowflake:nth-of-type(4) { left: 40%; animation-delay: 2s, 2s; }
.snowflake:nth-of-type(5) { left: 50%; animation-delay: 8s, 3s; }
.snowflake:nth-of-type(6) { left: 60%; animation-delay: 6s, 2s; }
.snowflake:nth-of-type(7) { left: 70%; animation-delay: 2.5s, 1s; }
.snowflake:nth-of-type(8) { left: 80%; animation-delay: 1s, 0s; }
.snowflake:nth-of-type(9) { left: 90%; animation-delay: 3s, 1.5s; }

section.docs_ready{
  position: relative;
  overflow: hidden;
}

  section.docs_ready::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(https://www.if-so.com/wp-content/uploads/2025/12/Christmas-Bannr-no-mask_Up.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 100%;
} 

section.docs_ready::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: skew(0, -4.28deg);
  background-image: url(https://www.if-so.com/wp-content/uploads/2025/12/Christmas-Bannr-no-mask_Down.webp);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: -1;
  margin-bottom: -110px;
  overflow: hidden;
}  

@media (max-width: 1440px) {
  /* section.docs_ready::after{
  margin-bottom: -85px;
  } */

  section.docs_ready::before{
    background-size: cover;
  }
} 

 @media (max-width: 1000px) {
  /* section.docs_ready::after{
  margin-bottom: -55px;
  } */

  section.docs_ready::before{
    background-size: contain;
  }
} 


@media (max-width: 486px) {
  section.docs_ready::after{
  margin-bottom: -100px;
  background-size: cover;
  }

  section.docs_ready::before{
    background-size: 100% 100%;
    display: none;
  }
}  

/* End Christmas Sale Styles */



/* FAQ popup help styles */



.faq-popup-help  {
  position: fixed;
  bottom: 30px;
  animation: faqPopupHelpAnimation 2s ease-in-out;
}

.faq-popup-help p , .faq-popup-help a {
  font-size: 18px;
  text-transform: capitalize;
  margin: 0;
  color: #1e0547;
}

.faq-popup-help a{
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
}
.faq-popup-help a:hover{
  background: none;
  cursor: pointer;
  font-weight: 600;
}

.speedy-faqChecker.faq-popup-open{
  color: inherit;
  border: 1px solid ;
  padding: 10px 20px;
}

.speedy-faqChecker .material-icons{
color: inherit;

}

@keyframes faqPopupHelpAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*  End FAQ popup help styles */

/* ========  TRANSFERED FILES FROM LP-STYLE - NEW DESIGN 2025 */

/* carousel-bar */


#lp_testiCarousel_headLine{
  font-size: 52px;
  margin: 20px 0px;
}


/* --- Variable Definitions Scoped to the Carousel Wrapper --- */
.if-so-carousel-wrapper {
  --slide-active-width: 31%;
  --slide-side-width: 27%;
  --slide-far-width: 23%;
  --slide-gap: -4%;
  --slide-active-height: 460px;
  --slide-side-height: 100%;
  --slide-far-height: 100%;
  --linear-gradiend-strong: #dedff7;
  --linear-gradiant-weak: #fff;
}

@media (min-width: 2020px) {
  .if-so-carousel-wrapper{
      --slide-active-height: 580px;
      font-size: 1.4em;
  }

  .if-so-carousel-wrapper .slide .slide-card-inner {
      gap: 0.8em;
  }

  .if-so-carousel-wrapper .slide[data-side-right] .main-content, .if-so-carousel-wrapper .slide[data-side-left] .main-content, .if-so-carousel-wrapper .slide[data-far-right] .main-content, .if-so-carousel-wrapper .slide[data-far-left] .main-content {
      font-size: 0.8em;
  }
}

@media (min-width: 1442px) {
  .if-so-carousel-wrapper{
      --slide-active-width: 34%;
      --slide-side-width: 28%;
      --slide-far-width: 23.5%;
      --slide-active-height: 440px;
  }
}

@media (max-width:   1441px) {
  .if-so-carousel-wrapper{
      --slide-active-width: 42%;
      --slide-side-width: 36%;
      --slide-far-width: 39%;
      --slide-active-height: 480px;
  }
}

@media (max-width: 1025px) {
  .if-so-carousel-wrapper{
      --slide-active-width: 50%;
      --slide-side-width: 45%;
      --slide-far-width: 35%;
  }
}

@media (max-width: 791px   ) {

  .if-so-carousel-wrapper {
      --slide-active-width: 75%;
      --slide-side-width: 109%;
      --slide-far-width: 54%;
      --slide-active-height: 354px;
      margin-top: 4rem; 
      font-size: 1.2em;
  }

}

@media (max-width:   434px) {
  .if-so-carousel-wrapper{
      --slide-active-width: 100%;
      --slide-side-width: 150%;
      --slide-far-width: 300%;
      --slide-active-height: 400px;
  }

  .if-so-carousel-wrapper .slide[data-side-left] {
      transform: translateX(calc(75% - (var(--slide-active-width) / 2) - var(--slide-gap))) translateY(-50%) scale(0.8);
  }

  .if-so-carousel-wrapper .slide[data-side-right] {
      transform: translateX(calc(-170% + (var(--slide-active-width) / 2) + var(--slide-gap))) translateY(-50%) scale(0.8);
  }

  .carousel-button{
      opacity: 0.1;
  }

  .if-so-carousel-wrapper .slide[data-side-right] {
  transform: translateX(calc(-170% + (var(--slide-active-width) / 2) + var(--slide-gap))) translateY(-50%) scale(0.8);
}

.if-so-carousel-wrapper .subtitle-container {
  flex-direction: column-reverse;
}
}

/* --- Main Wrapper --- */
.if-so-carousel-wrapper {
  margin: 0;
  font-size: 1.2em;
  font-family: "Open Sans", sans-serif;
  color: #1E0547;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}

.if-so-carousel-wrapper [data-slides], .if-so-carousel-wrapper [data-slides] * {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: none;
}
.if-so-carousel-wrapper img{
  pointer-events: none;
  -webkit-user-drag: none;
}

/* --- Carousel Header --- */
.if-so-carousel-wrapper .if-so-carousel-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  padding-top: 4em;
  text-align: center;
  font-family: Futura, Trebuchet MS, Arial, sans-serif;
}

.if-so-carousel-wrapper .if-so-carousel-header h1 {
  margin: 0.5rem;
  font-size: 40px;
}

.if-so-carousel-wrapper .subtitle-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 32px;
}

.if-so-carousel-wrapper .review-container {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.if-so-carousel-wrapper .review-container img {
  height: 30px;
  width: auto;
}

/* --- Carousel Main --- */
.if-so-carousel-wrapper .if-so-carousel-main {
  display: flex;
  flex-direction: column;
  max-height: 65%;
  gap: 2rem;
  position: relative;
}

.if-so-carousel-wrapper .carousel-section {
  width: 100%;
}


.if-so-carousel-wrapper .carousel-container {
  position: relative;
  box-sizing: border-box;
  height: var(--slide-active-height);
  transition: height 0.45s ease;
}

.if-so-carousel-wrapper .carousel-button {
  position: absolute;
  top: 45%;
  z-index: 10;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
}

.if-so-carousel-wrapper .carousel-button img {
  height: 5%;
}

.if-so-carousel-wrapper .carousel-button.prev {
  left: 0.3%;
}

.if-so-carousel-wrapper .carousel-button.next {
  right: 0.3%;
}

/* --- Slides Container --- */
.if-so-carousel-wrapper ul[data-slides] {
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
  overflow: hidden;
  height: 100%;
  position: relative;
}

/* --- Individual Slide Base --- */
.if-so-carousel-wrapper .slide {
  background: linear-gradient(to top, var(--linear-gradiend-strong), var(--linear-gradiant-weak));
  box-sizing: content-box;
  color: #1E0547;
  transition: transform 0.45s ease, opacity 0.45s ease, height 0.45s ease !important;
  padding: 1rem;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
  position: absolute;
  border-radius: 0.5em;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
  z-index: 1;
  height: var(--slide-far-height);
}
.if-so-carousel-wrapper .slide[data-side-right] .main-content,
.if-so-carousel-wrapper .slide[data-side-left] .main-content,
.if-so-carousel-wrapper .slide[data-far-right] .main-content,
.if-so-carousel-wrapper .slide[data-far-left] .main-content {
  font-size: 0.8em;
}


.if-so-carousel-wrapper .slide[data-active] {
  width: var(--slide-active-width);
  height: var(--slide-active-height);
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(0.9);
  z-index: 8;
}

.if-so-carousel-wrapper .slide[data-side-right],
.if-so-carousel-wrapper .slide[data-side-left] {
  width: var(--slide-side-width);
  height: var(--slide-side-height); 
  opacity: 0.7;
  z-index: 4;
}

.if-so-carousel-wrapper .slide[data-side-right] {
  transform: translateX(calc(-165% + (var(--slide-active-width)/2) + var(--slide-gap))) translateY(-50%) scale(0.8);
}

.if-so-carousel-wrapper .slide[data-side-left] {
  transform: translateX(calc(65% - (var(--slide-active-width)/2) - var(--slide-gap))) translateY(-50%) scale(0.8);
}

.if-so-carousel-wrapper .slide[data-far-right],
.if-so-carousel-wrapper .slide[data-far-left] {
  width: var(--slide-far-width);
  height: var(--slide-far-height); 
  opacity: 0.3;
  z-index: 3;
}

.if-so-carousel-wrapper .slide[data-far-right] {
  transform: translateX(calc(-300% + (var(--slide-active-width)/2) + var(--slide-gap) + var(--slide-side-width) + var(--slide-gap))) translateY(-50%) scale(0.7);
}

.if-so-carousel-wrapper .slide[data-far-left] {
  transform: translateX(calc(200% - (var(--slide-active-width)/2) - var(--slide-gap) - var(--slide-side-width) - var(--slide-gap))) translateY(-50%) scale(0.7);
}

.if-so-carousel-wrapper .slide[data-overflow-right] {
  transform: translateX(calc(-400% + (var(--slide-active-width)/2) + var(--slide-gap) + var(--slide-side-width) + var(--slide-gap) + var(--slide-far-width) + var(--slide-gap))) translateY(-50%) scale(0.8);
  opacity: 0;
  z-index: 2;
}

.if-so-carousel-wrapper .slide[data-overflow-left] {
  transform: translateX(calc(400% - (var(--slide-active-width)/2) - var(--slide-gap) - var(--slide-side-width) - var(--slide-gap) - var(--slide-far-width) - var(--slide-gap))) translateY(-50%) scale(0.8);
  opacity: 0;
  z-index: 2;
}

/* --- Inner Content --- */
  .if-so-carousel-wrapper .slide .slide-card-inner{
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 45px;
      margin: 6px 0px;
  }

.if-so-carousel-wrapper .slide .main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  flex-grow: 1;
  gap: 0.5rem;
  width: 100%;
  text-wrap: pretty;
}

.if-so-carousel-wrapper .slide .content {
  width: 100%;
  font-weight: 200;
  text-align: center;
  font-size: 1.2em;
  text-wrap-style: balance;
}

.if-so-carousel-wrapper .slide .content-bolder {
  font-weight: 700;
  text-align: center;
  font-size: 1.2em;
}

.if-so-carousel-wrapper .slide .bottom-queto {
  align-self: flex-end;
  height: 2.5em;
  
}

.if-so-carousel-wrapper .slide .top-queto {
  align-self: flex-start;
  height: 2.5em;
  margin-top: 6px;
}

.if-so-carousel-wrapper .slide .profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 1em;
  position: relative;
  width: 300px;
  height: 120px;
}



.if-so-carousel-wrapper .slide .profile img {
  height: 3em;
  width: auto;
  border-radius: 50%;
  object-fit: cover;
}

.if-so-carousel-wrapper .slide .profile .testimonial_flag  img{
  width: 27px;
  height: 27px;
  position: absolute;
  top: 32%;
  left: 40%;
  
}

.if-so-carousel-wrapper .slide .profile .profile-name {
  font-weight: 700;
  font-size: 1.2em;
}

.if-so-carousel-wrapper .slide .profile .profile-profession {
  opacity: 0.6;
  font-size: 19.44px;
}


.if-so-carousel-wrapper ul[data-slides].no-transition .slide,
.if-so-carousel-wrapper ul[data-slides].no-transition .slide .top-queto,
.if-so-carousel-wrapper ul[data-slides].no-transition .slide .bottom-queto,
.if-so-carousel-wrapper ul[data-slides].no-transition .slide .main-content img {
  /* transition: none !important; */
}

@media (max-width: 476px) {
  #lp_testiCarousel_headLine{
    font-size: clamp(36px,10vw ,40px);
  }

  .if-so-carousel-wrapper .subtitle-container{
    font-size: 28px;
  }
}

/*  END OF CAROUSEL SLIDER */


/* ToolTip helper styles */



.tooltipHelper{
  position: absolute;
  top: -95px;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 12px 6px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
  font-size: 16px;
}

.tooltipHelper.is-visible{
  opacity: 1;
  transform: translateY(0);
}

.tooltipHelper::after{
  content: '';
  position: absolute;
  top: 98%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 16px;
  border-style: solid;
  border-color: #111 transparent transparent transparent;
}

/* End ToolTip helper styles */

/* Astronout Container Styles */

.geo_geolocation-container{
  position: relative;
  width: 650px;
  height: 393px;
  background: radial-gradient(rgb(90, 65, 131) 0%, rgb(15, 1, 40) 81%);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 1em;
}



.demo_geolocation-description span{
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  margin: 18px 0;
  color: #1e0546;
}


.geo_geolocation-container .header__earth {
  display: block;
  position: absolute;
  top: 30%;
  right: -75px;
  z-index: 0;
  width: 50%;
  height: 75%;
  background: url(https://www.if-so.com/wp-content/themes/if-so/img/geo/earth.png) no-repeat;
  background-size: contain;

transform: skew(0,-4.8deg) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

.geo_geolocation-container .header__astronaut {
  background: url(https://www.if-so.com/wp-content/themes/if-so/img/geo/astronaut.png) center/contain no-repeat;
  width: 100%;
  height: 70%;
  position: absolute;
  left: 0;
  top: 0%;
  animation: 4s astronaut infinite;
}

.geo_geolocation-container .header__astronaut_flag {
  background: url(https://www.if-so.com/wp-content/themes/if-so/img/geo/flag.png) center/contain no-repeat;
  width: 65px;
  height: 38px;
  position: absolute;
  left: -4.5%;
  top: -11%;
  transform: rotate(-25deg);
  animation: 4s wave infinite;
}

.geo_geolocation-container .flag-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, 0 -25%, 100% top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(0, 0, 0, 0.04)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(65%, rgba(255, 255, 255, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-size: 200%;
  animation-name: air;
  animation-duration: 8s;
  animation-timing-function: cubic-bezier(0.16, 0.14, 0.82, 0.73);
  animation-iteration-count: infinite;
}

.geo_geolocation-container .header__astronaut_stick {
  height: 93px;
  width: 2px;
  background: #8e8e8e;
  display: block;
  left: 17%;
  top: -19%;
  position: absolute;
  transform: rotate(-24deg);
  z-index: 2;
}

@keyframes air {
  0% {
      background-position: -200% 0px;
  }

  30% {
      background-position: -60% 5px;
  }

  70% {
      background-position: 70% -5px;
  }

  100% {
      background-position: 200% 0;
  }
}

@keyframes astronaut {
  from {
      transform: translateY(0);
  }

  50% {
      transform: translateY(10px);
  }

  to {
      transform: translateY(0);
  }
}

@keyframes wave {
  0% {
      transform: translate3d(0, 0, 0) rotateZ(-25deg) rotateY(22deg);
  }

  20% {
      transform: translate3d(0, 0, 0) rotateZ(-25deg) rotateY(0deg);
  }

  40% {
      transform: translate3d(0, 0, 0) rotateZ(-25deg) rotateY(-22deg);
  }

  60% {
      transform: translate3d(0, 0, 0) rotateZ(-25deg) rotateY(0deg);
  }

  80% {
      transform: translate3d(0, 0, 0) rotateZ(-25deg) rotateY(16deg);
  }

  100% {
      transform: translate3d(0, 0, 0) rotateZ(-25deg) rotateY(22deg);
  }
}

/* End Astronout Container Styles */


/*  */

/* lp_geoLocation  */

.lp_geolocation{
  display: flex;
  align-items: baseline;
  padding: 1em 3em;
  min-height: 340px;
}

.lp_gelocation_inner-background{
  background: url(img/geo/dots_map.png) no-repeat;
  background-size: 70%;
  transform: translateX(0px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

.lp_geolocation .header__earth{
  width: 70%;
  height: auto;
  transform: translateX(35%);
  position: absolute;
  right: 0px;
  z-index: 1;
}

.lp_geolocation .header__astronaut{
  width: 169px;
  height: 234px;
  position: relative;
}

.lp_geolocation-header__container h1{
  margin-top: 20px;
}

.lp_geolocation-header__container h1, .lp_geolocation-header__container .lp_geolocation-header__description {
  color: #fff;
  margin-bottom: 10px;
}

.lp_geolocation-header__container .lp_geolocation-header__description {
  font-size: 14px;
}

.lp_geolocation-header__container .try_it__arrow-container{
  display: flex;
  align-items: center;
  margin: 0px;
}

.lp_geolocation-header__container .try_it--button{
  margin-top: 15px;
  gap: 10px;
      text-decoration: none;
      cursor: pointer;
      display: -webkit-inline-box;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      height: 30px;
}

.lp_geolocation-header__container .try_it--button, .lp_geolocation-header__container .try_it{
  padding: 0.2em 1em;
}

.lp_geolocation-header__container .try_it svg{
  width: 15px;
  height: 14px;
}

.lp_geolocation-header__container .try_it__text{
  font-size: 14px;
  padding-left: 18px;
}

.lp_geolocation__astronaut_flag{
  background-image: url(https://www.if-so.com/public/images/flags/1/flag-of-Israel.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 38px;
  height: 38px;
  position: absolute;
  left: -41px;
  animation: 4s wave infinite;
}

.lp_geolocation__astronaut{
  background: url(img/geo/astronaut.png) center / contain no-repeat;
  width: 176px;
  height: 40%;
  position: absolute;
  right: 54%;
  top: 22%;
  animation: 4s astronaut infinite;
}

.lp_geolocation__earth{
  width: 100%;
  aspect-ratio: 1 / 1; /* or whatever the image ratio is (width/height) */
  background-image: url('img/geo/earth.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 410px;
  aspect-ratio: 16 / 9;
  width: 80%;
  position: absolute;
  right: 0;
  transform: translateX(34%);
}

.lp_geolocation_flag-wave{
}

@media screen and (max-width: 1000px) {

  .lp_geolocation{
    min-height: 255px;
  }

  .lp_geolocation-header__container h1{
    font-size: 20px;
  }
  .lp_geolocation-header__container .lp_geolocation-header__description, .lp_geolocation-header__container .try_it__text {
    font-size: 10px;
  }

  .lp_geolocation__earth {

    height: 320px;
  }

  .lp_geolocation__astronaut {
    width: 117px;
    height: 32%;
    right: 45%;
  }
}

@media screen and (max-width: 795px) {


  .lp_geolocation-header__container h1{
    font-size: 28px;
  }
  .lp_geolocation-header__container .lp_geolocation-header__description, .lp_geolocation-header__container .try_it__text {
    font-size: 12px;
  }

  .lp_geolocation__earth {


  }

  .lp_geolocation__astronaut {
    width: 145x;
    height: 145px;
  }
}

@media screen and (max-width: 596px) {


  .lp_geolocation{
    min-height: 215px;
    padding: 1em 1.5em;
  }

  .lp_geolocation-header__container h1{
    font-size: 20px;
  }
  .lp_geolocation-header__container .lp_geolocation-header__description, .lp_geolocation-header__container .try_it__text {
    font-size: 10px;
  }

  .lp_geolocation__earth {
    aspect-ratio: 1 / 1; /* or whatever the image ratio is (width/height) */
    height: 250px;
  }

  .lp_geolocation__astronaut {
    right: 38%;
    height: 110px;
    top: 27%;
  }
}

@media screen and (max-width:475px) {



  .lp_geolocation-header__container h1{
    font-size: 16px;
  }
  .lp_geolocation-header__container .lp_geolocation-header__description, .lp_geolocation-header__container .try_it__text {
    font-size: 8px;
  }
}

@media screen and (max-width: 407px) {

  .lp_geolocation-header__container .try_it--button, .lp_geolocation-header__container .try_it {
    padding: 0em 0.1em;
}

  .lp_geolocation {
    min-height: 184px;
    padding: 1em 1.5em;
}

  .lp_geolocation__earth {
    aspect-ratio: 1 / 1;
    height: 223px;
}

.lp_geolocation__astronaut {
  right: 38%;
  height: 82px;
  top: 27%;
}

.lp_geolocation__astronaut_flag {
  width: 17px;
  height: 10px;
  left: 0px;
}

.try_it__wrrow svg {
  height: 8px;
  width: 9px;
}
}


/* How it Works Stylnig */

.work_explain {
  margin-bottom: 270px;
}
 @media (max-width: 1350px)  {
.work_explain {
  margin-bottom: 150px;
}
}
.work_explain__wrapper {
display: flex;
flex-wrap: wrap;
position: relative;
justify-content: flex-start;
}
/*
@media (max-width: 2100px) {
.work_explain__wrapper {
 padding-left: 20%;
}
}
@media (max-width: 1800px) {
.work_explain__wrapper {
 padding-left: 10%;
}
}
@media (max-width: 1600px) {
.work_explain__wrapper {
 padding-left: 5%;
}
}
@media (max-width: 1200px) {
.work_explain__wrapper {
 justify-content: center;
}
}
@media (max-width: 1570px) {
.work_explain__wrapper {
 max-width: 95%;
 margin-left: auto;
 margin-right: auto;
}
}
@media (max-width: 1199px) {
.work_explain__wrapper {
 order: 1;
 padding-left: 0;
}
}
@media screen and (max-width: 400px) {
.work_explain__wrapper {
 max-width: 100%;
}
} */
.work_explain__illustration {
width: 740px;
height: 560px;
position: absolute;
right: 0;
background: #f3f3f3 url(https://www.if-so.com/wp-content/themes/if-so/img/loader.gif) center/160px no-repeat;
border: 36px solid #fff;  
box-shadow: 0 0 30px 10px #dcdcdc;
border-radius: 20px;
}

@media (max-width: 1200px) {
.work_explain__illustration {
 position: relative;
 height: 415px;
 margin-top: 60px;
 right: 0;
 border: solid 14px white;
 border-bottom-width: 36px;
border-radius: 10px;
}
}


.work_explain__nav {
  list-style: none;
  padding: 0;
  position: absolute;
  top: -78px;
  display: flex;
  left: 0;
  right: 0;
  margin: auto;
  justify-content: center;
}
@media (max-width: 1200px) {
  .work_explain__nav {
    top: calc(100% + 16px);
 }
}
.work_explain__nav li {
  background: #fff;
  cursor: pointer;
  font-family: 'Futura', sans-serif;
  flex-shrink: 0;
  font-size: 16px;
  border: 2px solid #1e0547;
  border-right-width: 1px;
  padding: 10px 20px;
  transition: 0.2s;
  color: #1e0547;
}
@media (max-width: 1200px) {
  .work_explain__nav li {
    padding: 7px 15px;
 }
}
@media (max-width: 500px) {
  .docs__content ul.work_explain__nav li {
    font-size: 14px;
 }
}
@media (max-width: 400px) {
  .docs__content ul.work_explain__nav li {
    font-size: 12px;
 }
}
.work_explain__nav li:first-child {
  border-radius: 20px 0 0 20px;
}
.work_explain__nav li:last-child {
  border-radius: 0 20px 20px 0;
  border-right-width: 2px;
}
.work_explain__nav li.active, .work_explain__nav li:hover {
  background: #1e0547;
  color: #fff;
}
.work_explain__img {
  width: 100%;
  height: 100%;
}
/* ENd of how it works styling */

/* new geolocatino overview */

.geo_geolocation-container_new {
  position: relative;
  max-width: 650px;
  height: 393px;
  background: radial-gradient(rgb(90, 65, 131) 0%, rgb(15, 1, 40) 81%);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 1em;
}

.demo_geolocation-description{
width: 60%;
text-wrap-style: pretty;
}

.demo_geolocation-description:has(span[dir="rtl"]) {
  text-align: center;
}

.header__earth_new{
  display: none;
  position: absolute;
  top: 30%;
  right: -20%;
  z-index: 0;
  width: 57%;
  height: 82%;
  background: url(https://www.if-so.com/wp-content/themes/if-so/img/geo/earth.png) no-repeat;
  background-size: contain;
  transform: skew(0, -4.8deg) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  
}

.header__astronaut_new{
  background: url(https://www.if-so.com/wp-content/themes/if-so/img/geo/astronaut.png) center / contain no-repeat;
  width: 39%;
  height: 60%;
  position: absolute;
  right: -30px;
  bottom: 10%;
  animation: 4s astronaut infinite;
}

.header__astronaut_new .header__astronaut_flag::before{
  content: '';
  display: block;
  width: 2px;
  height: 93px;
  background: #8e8e8e;
  position: absolute;
  right: 0;
  top: 0%;
  z-index: 2;
}

.header__astronaut_new  .header__astronaut_flag{
  background: url(https://www.if-so.com/wp-content/themes/if-so/img/geo/flag.png) center / contain no-repeat;
  width: 52px;
  height: 30px;
  position: absolute;
  left: -20%;
  transform: rotate(-25deg);
  animation: 4s wave infinite;
}

@media (max-width: 1181px) {
  .header__astronaut_new  .header__astronaut_flag{
left: 27%;
  }
}

@media (max-width: 876px) {
  .header__astronaut_new  .header__astronaut_flag{
left: 20%;
  }
}

@media (max-width: 876px) {
  .header__astronaut_new  .header__astronaut_flag{
left: 20%;
  }
}

@media (max-width: 601px) {
  .header__astronaut_new  .header__astronaut_flag{
left: -70px;
  }
}

@media (max-width: 476px) {
  .header__astronaut_new  .header__astronaut_flag{
left: -70px;
width: 42px;
height: 24px;
top: 10%;
  }

  .demo_geolocation-description{
    width: 50%;
  }

  .header__astronaut_new{
    width: 56%;
    height: 60%;

  }

  .header__astronaut_new .header__astronaut_flag::before{
    height: 72px;
  }
}

.header__astronaut_new .header__astronaut_flag .flag-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, 0 -25%, 100% top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(0, 0, 0, 0.04)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(65%, rgba(255, 255, 255, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-size: 200%;
  animation-name: air;
  animation-duration: 8s;
  animation-timing-function: cubic-bezier(0.16, 0.14, 0.82, 0.73);
  animation-iteration-count: infinite;
}

/*  carousel jQuery style */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  border-radius: 8px 8PX 0 0;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: url(img/ajax-loader.gif) center center no-repeat #fff;
}

@font-face {
  font-family: slick;
  src: url(fonts/slick/slick.eot);
  src: url(fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick/slick.woff) format("woff"), url(fonts/slick/slick.ttf) format("truetype"), url(fonts/slick/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal;
}

.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: 0;
  z-index: 100;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25;
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 5px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "?";
}

[dir="rtl"] .slick-prev:before {
  content: "?";
}

.slick-next {
  right: 5px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "?";
}

.slider-next,
.slider-prev {
  position: absolute;
  font-size: 2.5em;
  top: calc(50% - 2.5em/2);
  cursor: pointer;
  color: #666;
}

.slider-prev {
  left: -2.3rem;
}

.slider-next {
  right: -2.3rem;
}

[dir="rtl"] .slick-next:before {
  content: "?";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75;
}

.carouselScope{
  max-width: 1100px;
  margin: 40px auto;
  position: relative;

  --sliderHeight: 250px;
  --imgHeight: 115px;
}

.carouselScope h2{
  text-align: center;
}

.carouselScope .slide_media{
  height: var(--imgHeight);
}

.carouselScope .liveExample{
  width: 100%;
  height: var(--imgHeight);
  object-fit: cover;
  border: none;
  border-bottom: 1px solid #a267df;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.liveExample:has(.demo_dynamic_css) {
  background: url('https://www.if-so.com/wp-content/uploads/2025/12/winter_design_background.png') center/cover no-repeat;
  border: 2px solid #44a8c4;
  height: 340px;
  position: relative;
}

@media (max-width: 768px) {
  .liveExample:has(.demo_dynamic_css) {
    height: 200px;
  }
}

.liveExample:has(.demo_dynamic_css) p{
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  margin-top: 25px;
}

.liveExample:has(.demo_dynamic_css) button{
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-50%);
  color: #fff;
}

.liveExample:has(.demo_dynamic_css) button span{
  color: #fff;
}

.carouselScope video, .carouselScope img{
  width: 100%;
  height: var(--imgHeight);
  object-fit: cover;
  border-bottom: 1px solid #a267df;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.carouselScope .slide_title{
  margin-top: 4px;
  font-weight: 700;
  font-size: 16px;
}

.carouselScope .slide-prev{
  left: -1.3rem
}

.carouselScope .slide-next{
  left: 1.3rem
}

.geoSlidreScope .demo_geolocation-description{
width: 56%;
line-height: 18px;
text-wrap-style: pretty;
transform: translateY(-10%);
}



.carouselScope .slider_articles__item {
  border: 1px solid #c1c1c1;
  border-radius: 8px;
  height: var(--sliderHeight);

}

.carouselScope .slick-track {
  display: flex;
  gap: 20px;
}

.carouselScope .slide_title , .carouselScope .slide_description {
  padding: 0 0.8em;
}


.carouselScope .slide_description{
  font-size: 14px;
}

.carouselScope .demo_geolocation-description {
  width: 60%;
      transform: translateY(0px);
}

.carouselScope .demo_geolocation-description span {
  font-size: 10px;
}

.carouselScope .header__earth_new{
  background: none;
}

.carouselScope .header__astronaut_flag{
  width: 33px;
  height: 17px;
  left: -37%;
}

.carouselScope .header__astronaut_new .header__astronaut_flag::before{
  height: 30px;
}

/* ============================================
   Zigzag Carousel Styles
   ============================================ */

.geoZigzagScope {
  max-width: 1100px;
  margin: 40px auto;
  position: relative;
}

.geoZigzagScope h2 {
  text-align: center;
  margin: 0px;
  font-size: 20px;
}

.zigzag_articles {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.zigzag_articles__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  box-sizing: border-box;
  overflow: visible;
}

.zigzag-item-left {
  flex-direction: row;
}

/* .zigzag-item-right {
  flex-direction: row-reverse;
} */

.zigzag_media {
  flex: 0 0 48%;
  height: clamp(200px, 5vw, 250px);
  overflow: visible;
  border-radius: 8px;
  background: #f4f2ff;
}

.zigzag_media video,
.zigzag_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  border-radius: 8px;
  padding: 28px;
  padding-bottom: 0;
}

.zigzag_media .liveExample {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
}

.zigzag_content {
  flex: 0 0 48%;
  height: clamp(200px, 5vw, 250px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(12px, 1vw, 20px);
  
  border-radius: 8px;
  box-sizing: border-box;
  overflow: auto;
}

.zigzag_title {
  margin-top: 4px;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}

.zigzag_description {
  font-size: 16px;
  line-height: 1.5;
  text-wrap-style: pretty;
}

/* Live Example adjustments within zigzag */
.zigzag_media .geo_geolocation-container_new {
  height: 100%;
  max-width: 100%;
}

.zigzag_media .demo_geolocation-description {
  width: 60%;
  transform: translateY(0px);
}

.zigzag_media .demo_geolocation-description span {
  font-size: 18px;
}

.zigzag_media .header__earth_new {
  background: none;
}

.zigzag_media .header__astronaut_flag {
  width: 32px;
  height: 16px;
  left: -37%;
}

.zigzag_media .header__astronaut_new .header__astronaut_flag::before {
  height: 44px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .zigzag_articles__item {
    flex-direction: column !important;
    gap: 20px;
  }

  .zigzag_media {
    flex: 0 0 100%;
    width: 100%;
    height: clamp(200px, 40vw, 250px);
  }

  .zigzag_content {
    flex: 0 0 100%;
    width: 100%;
    height: clamp(200px, 40vw, 250px);
    padding: 0 0.8em;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
  }

  .zigzag_title {
    text-align: center;
  }

  .zigzag_description {
    text-align: center;
  }
}

@media (max-width: 476px) {
  .zigzag_media {
    height: clamp(200px, 50vw, 250px);
  }

  .zigzag_content {
    height: clamp(200px, 50vw, 250px);
  }

  .zigzag_title {
    font-size: 14px;
  }

  .zigzag_description {
    font-size: 12px;
  }
}

/* Country Selector Form Styles within Zigzag */
.geoZigzagScope .zigzag-country-selector-container {
  width: 100%;
  height: clamp(200px, 5vw, 250px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 1vw, 20px);
  box-sizing: border-box;
  background: #F4F2FE;
  border: 2px solid #a267df;
  border-radius: 8px;
}

.geoZigzagScope .ifso-selection-form-onlybtn button[type="submit"] {
  padding: 10px 26px;
  max-width: 180px;
  width: 100%;
  background-color: #44a8c4;
  border: none;
  border-radius: 40px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.geoZigzagScope .ifso-selection-form-onlybtn button[type="submit"]:hover {
  background-color: #3a95b0;
}

.geoZigzagScope .if-so-add-to-grp-options {
  display: block;
  max-width: 300px;
  width: 75%;
  padding: 8px 12px;
  border-radius: 32px;
  border: 2px solid #a267df;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #1e0547;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg width='13' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 1.25L9.5 9.75L1 1.25' stroke='%231e0547' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  padding-right: 40px;
  cursor: pointer;
  height: 38px;
}

.geoZigzagScope .ifso_geo_selection_form {
  margin: auto;
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 4px;
  margin-bottom: 0px;
}

.geoZigzagScope .zigzag-country-selector-container .liveExample {
  padding: 20px 20px;
  border: 2px solid #a267df;
  border-radius: 8px;
  background: #F4F2FE;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.geoZigzagScope .zigzag-country-selector-container .liveExample h2 {
  margin-top: 6px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #1e0547;
  margin-bottom: 12px;
  text-align: center;
}

.geoZigzagScope img.ifso-country-flag {
  display: block;
  margin: auto;
  width: 48px;
  height: 32px;
  object-fit: cover;
  border-radius: 4px;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 0;
}

.geoBlock-container{
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 12px;
}

.geoBlock-container .light-text{
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}

.geoBlock-container input, .geoBlock-container button{
  width: 60%;
  margin: 0 auto;
}


.geoZigzagScope .chart5columns {
  gap: 16px;
  padding: 20px 0;
}

.geoZigzagScope .chart5columns .wp-block-column {
  background: #f4f2ff;
  border-radius: 5px;
  min-height: 96px;
  padding: 0 6px;
}

.geoZigzagScope .smallgapdemo {
  gap: 12px;
}

.geoZigzagScope .country-selector-form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
}

.geoZigzagScope .country-selector-label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #1e0547;
  font-weight: 600;
  margin-bottom: 4px;
  text-align: center;
}

@media (max-width: 768px) {
  .geoZigzagScope .zigzag-country-selector-container {
    height: clamp(200px, 40vw, 250px);
    padding: 12px;
  }

  .geoZigzagScope .ifso_geo_selection_form {
    max-width: 100%;
  }

  .geoZigzagScope .if-so-add-to-grp-options {
    max-width: 100%;
    font-size: 14px;
  }

  .geoZigzagScope .ifso-selection-form-onlybtn button[type="submit"] {
    font-size: 14px;
    padding: 8px 20px;
  }
}


.geoZigzagScope .ifso-pt-61 {
  padding: 20px 5px 30px;
    text-align: center;
    font-size: 34px !important;
    font-weight: 500;
font-family: 'Futura Regular';
  }

  .geoZigzagScope .ifso-pt-61-country {
    color: #d87c6a;
    font-weight: 600;
    text-decoration: underline;
  }

  .geoZigzagScope .ifso-pt-61-company {
    white-space: nowrap;
  }



 

@media (max-width: 476px) {
  .geoZigzagScope .zigzag-country-selector-container {
    height: clamp(200px, 50vw, 250px);
  }

  .geoZigzagScope .country-selector-label {
    font-size: 14px;
  }

  .geoZigzagScope .zigzag-country-selector-container .liveExample h2 {
    font-size: 16px;
  }
}

/* End Zigzag Carousel Styles */



/* CTA features included */

.cta_features-included p{
  position: relative;
  margin-bottom: 20px;

}

.cta_features-included p::before{
  content: '';
  position: absolute;
  left: -25px;
  width: 17px;
  height: 18px;
  background: url(https://if-so.com/wp-content/themes/if-so/landing-page/lp_img/bullet_v.svg);
  transform: translateY(-50%);
  top: 50%;
  

}


/* overview features bullet-included */


.overview-features-section__wrapper h2{
  margin: 0;
}


.overview-features-section__features-container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 40px;
  column-gap: 40px;
}

.overview-features-section__wrapper{
  display: flex;
  margin: 4em 0em;
  margin-top: 1em;
  flex-direction: column;
  gap: 24px;
}

.overview-features-section__features-container picture{
  display: block;
}

.overview-features-section__wrapper .overview-features-section__title .subheadline{
font-size: 20px;
}


.overview-features-section__feature-content {
  gap: 0px;
}

.overview-features-section__wrapper h3{
  font-size: 18px;
  font-family: 'open sans', sans-serif;
  font-weight: 800;
  margin: 0;
}

.overview-features-section p{
margin: 0;
font-size: 15px;
}

.overview-features-section__feature{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.overview-features-section__feature picutre{
  width: 38px;
  height: 34px;
}

.wordsPress-pageBulders{
  border: 2px solid #d0d0d0;
  border-radius: 6px;
  padding: 2em; 
  border: 2px solid #d0d0d0;
  border-radius: 6px;
  padding: 2em;
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-align: center;
  margin-top: 24px;
}
.wordsPress-pageBulders__imgs{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ============================================
   Document Articles Styles (Zigzag-based)
   ============================================ */

.document-articles {
  max-width: 1100px;
  margin: 40px auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.document-articles .wp-block-video video::-webkit-media-controls {
  display: none !important;
}

.document-articles h2 {
  text-align: center;
  margin: 0px;
  font-size: 20px;
}

.document-articles {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.document-article__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  box-sizing: border-box;
  overflow: visible;
}

.document-item-left {
  flex-direction: row;
}

.document-article_rows_media {
  flex: 0 0 48%;
  height: 200px;
  overflow: visible;
  border-radius: 8px;
  background: #f4f2ff;
  display: flex;
  align-items: stretch;
}

.document-article_rows_media .wp-block-group__inner-container {
  width: 100%;
  height: 100%;
}

.document-article_rows_media figure,
.document-article_rows_media .wp-block-video,
.document-article_rows_media .wp-block-image {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: stretch;
}

.document-article_rows_media video,
.document-article_rows_media img,
.document-article_rows_media picture {
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
  padding-bottom: 0;
}

.document-article_rows_media img.wp-image-5226389,
.document-article_rows_media img.wp-image-5226759,
.document-article_rows_media img.wp-image-5226765{
  padding: 12px;
}

.document-article_rows_media img.wp-image-5226666{
margin-bottom: 0px
}

.document-article_rows_media picture{
  padding: 0px;
}

.document-article_rows_media .liveExample {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
}

.document-article_content {
  flex: 0 0 48%;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(12px, 1vw, 20px);
  border-radius: 8px;
  box-sizing: border-box;
}

.document-article_content .wp-block-group__inner-container {
  width: 100%;
}

p.document-article_title {
  margin-top: 4px;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}

.document-article_description {
  font-size: 16px;
  line-height: 1.5;
  text-wrap-style: pretty;
}

/* Live Example adjustments within document articles */
.document-article_rows_media .geo_geolocation-container_new {
  height: 100%;
  max-width: 100%;
}

.document-article_rows_media .demo_geolocation-description {
  width: 60%;
  transform: translateY(0px);
}

.document-article_rows_media .demo_geolocation-description span {
  font-size: 18px;
}

.document-article_rows_media .header__earth_new {
  background: none;
}

.document-article_rows_media .header__astronaut_flag {
  width: 32px;
  height: 16px;
  left: -27%;
  top: 4%;
}

.document-article_rows_media .header__astronaut_new .header__astronaut_flag::before {
  height: 44px;
}

/* Country Selector Form Styles within Document Articles */
.document-article_rows_media .zigzag-country-selector-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 1vw, 20px);
  box-sizing: border-box;
  background: #F4F2FE;
  border-radius: 8px;
}

.zigzag-country-selector-container p{
  margin: 0;
}

.document-article_rows_media .ifso-selection-form-onlybtn button[type="submit"] {
  padding: 10px 26px;
  max-width: 180px;
  width: 100%;
  background-color: #44a8c4;
  border: none;
  border-radius: 40px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.document-article_rows_media .ifso-selection-form-onlybtn button[type="submit"]:hover {
  background-color: #3a95b0;
}

.document-article_rows_media .if-so-add-to-grp-options {
  display: block;
  max-width: 300px;
  width: 75%;
  padding: 8px 12px;
  border-radius: 32px;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #1e0547;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg width='13' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 1.25L9.5 9.75L1 1.25' stroke='%231e0547' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  padding-right: 40px;
  cursor: pointer;
  height: 38px;
}

.document-article_rows_media .ifso_geo_selection_form {
  margin: auto;
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 4px;
  margin-bottom: 0px;
}

.document-article_rows_media .zigzag-country-selector-container .liveExample {
  padding: 20px 20px;
  border: 2px solid #a267df;
  border-radius: 8px;
  background: #F4F2FE;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.document-article_rows_media .zigzag-country-selector-container .liveExample h2 {
  margin-top: 6px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #1e0547;
  margin-bottom: 12px;
  text-align: center;
}

.document-article_rows_media img.ifso-country-flag {
  display: block;
  margin: auto;
  width: 48px;
  height: 32px;
  object-fit: cover;
  border-radius: 4px;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 0;
}

.document-article_rows_media .geoBlock-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  gap: 12px;
}

.document-article_rows_media .geoBlock-container .light-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
}

.document-article_rows_media .geoBlock-container input,
.document-article_rows_media .geoBlock-container button {
  width: 60%;
  margin: 0 auto;
}

.zigzag-country-selector-container h2{
font-weight: normal;
}

.document-article_rows_media .chart5columns {
  gap: 16px;
  padding: 20px 0;
}

.document-article_rows_media .chart5columns .wp-block-column {
  background: #f4f2ff;
  border-radius: 5px;
  min-height: 96px;
  padding: 0 6px;
}

.document-article_rows_media .smallgapdemo {
  gap: 12px;
}

.document-article_rows_media .country-selector-form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
}

.document-article_rows_media .country-selector-label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #1e0547;
  font-weight: 600;
  margin-bottom: 4px;
  text-align: center;
}



.document-article_rows_media .ifso-pt-61-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  
}

.document-article_rows_media .ifso-pt-61 {
  padding: 20px 5px 30px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Futura Regular';
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0;
}

.document-article_rows_media .ifso-pt-61-country {
  color: #d87c6a;
  font-weight: 600;
  text-decoration: underline;
}

.document-article_rows_media .ifso-pt-61-company {
  white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .document-article__item {
    flex-direction: column !important;
    gap: 20px;
  }

  .document-article_rows_media {
    flex: 0 0 100%;
    width: 100%;
    height: 200px;
  }

  .document-article_content {
    flex: 0 0 100%;
    width: 100%;
    height: 200px;
    padding: 0 0.8em;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
  }

  .document-article_title {
    text-align: center;
  }

  .document-article_description {
    text-align: center;
  }

  .document-article_rows_media .zigzag-country-selector-container {
    height: 200px;
    padding: 12px;
  }

  .document-article_rows_media .ifso_geo_selection_form {
    max-width: 100%;
  }

  .document-article_rows_media .if-so-add-to-grp-options {
    max-width: 100%;
    font-size: 14px;
  }

  .document-article_rows_media .ifso-selection-form-onlybtn button[type="submit"] {
    font-size: 14px;
    padding: 8px 20px;
  }
}

@media (max-width: 476px) {
  .document-article_rows_media {
    height: 200px;
  }

  .document-article_content {
    height: 200px;
  }

  .document-article_title {
    font-size: 14px;
  }

  .document-article_description {
    font-size: 12px;
  }

  .document-article_rows_media .zigzag-country-selector-container {
    height: 200px;
  }

  .document-article_rows_media .country-selector-label {
    font-size: 14px;
  }

  .document-article_rows_media .zigzag-country-selector-container .liveExample h2 {
    font-size: 16px;
  }
}

/* End Document Articles Styles */

/* optimized count */

.optimized_count-counter{
  background: #EEEEF7;
  padding: 36px 2em;
  padding-bottom: 1em;
}

.optimized_count-counter h3{
margin: 0;
position: relative;
padding-left: 50px;
font-family: 'Open Sans';
font-weight: bold;
}

.optimized_count-counter h3::before{
  content: "";
  position: absolute;
  left: 0px;
  /* top: 0; */
  width: 40px;
  height: 40px;
  background: url(https://www.if-so.com/wp-content/uploads/2025/11/starWithBg_img.png) no-repeat center center;
  background-size: contain;
  transform: translateY(15%);
  bottom: 0;
}


/* =============
wpcf7 styles
=================*/


.wpcf7-text {
  height: 38px;
  padding: 0 16px;
  border-radius: 40px;
  border: 1px solid;
  max-width: 100%;
}

textarea {
  border-radius: 0.7em;
  border: 1px solid;
  max-width: 100%;
  height: 170px;
  padding: 14px 14px;
 
}



div.wpcf7-mail-sent-ok {
  background: #d9fdca;
  padding: 20px;
  font-size: 1.1em;
}


::placeholder {
  color: #1e0547;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #1e0547;
}

::-ms-input-placeholder {
  color: #1e0547;
}

/* End wpcf7 styles */


/* notices boxes styles */

.RedNoticeBox {
	border: 2px solid rgba(240, 91, 109, 0.502);
    padding: 0 50px 30px;
    box-shadow: 4px 7px 26px 1px rgba(0, 0, 0, 0.11);
    border-radius: 36px;
    margin: 100px auto;
    text-align: center;
    max-width: 1000px;
}

.RedNoticeBox a.try_it {
  border: none;
background: #f05b6d;
width: fit-content;
margin: auto;
}

.RedNoticeBox a.try_it span  {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  
  }

  #post-1822 {
    border: 1px solid rgba(189, 140, 191, 0.52);
    box-shadow: 4px 7px 26px 1px rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    padding: 0 40px 0px;
    max-width: 660px;
    margin: auto;
}


  /*  =========
  IF SO indicators styles 
  ==================*/

  /* ifso pulse start */
  .ifso-pulse {
    box-shadow: 0 0 0 0 rgba(30, 5, 71, 0.07);
    -webkit-animation: ifso-pulse 2s infinite cubic-bezier(0.6, 0, 0, 1);
    -moz-animation: ifso-pulse 2s infinite cubic-bezier(0.6, 0, 0, 1);
    -ms-animation: ifso-pulse 2s infinite cubic-bezier(0.6, 0, 0, 1);
    animation: ifso-pulse 2s infinite cubic-bezier(0.6, 0, 0, 1);
  }
  .ifso-pulse:hover {
    -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  }
  @-webkit-keyframes ifso-pulse {to {box-shadow: 0 0 0 18px rgba(30, 5, 71, 0);}}
  @-moz-keyframes ifso-pulse {to {box-shadow: 0 0 0 18px rgba(30, 5, 71, 0);}}
  @-ms-keyframes ifso-pulse {to {box-shadow: 0 0 0 18px rgba(30, 5, 71, 0);}}
  @keyframes ifso-pulse {to {box-shadow: 0 0 0 18px rgba(30, 5, 71, 0);}}
/* ifso pulse end */


/*AppSumo flow indicator start*/
    .ifso-indicator.sumoWelcome,
  .ifso-indicator__block.sumoWelcome,
  .ifso-indicator__block_text.sumoWelcome {
    background-color: #ffbc00; 
  }

  .ifso-indicator__block_text.sumoWelcomeText {
      color: #09292b !important;
      font-size: 16px !important;
      font-family: 'Open Sans' !important;
  }
/*AppSumo flow indicator end*/

.ifso-indicator-wrapper {
	position: absolute;
    z-index: 9999999;
}
.ifso-indicator {
    border: 2px dashed #211847;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    transform: rotate(-15deg);
    cursor: pointer;
	transition: .2s;
	position: absolute;
    z-index: 99;
}

.ifso-indicator-wrapper:hover .ifso-indicator {
    transform: rotate(0);
    border-style: solid;
    background: #fff;
}

.ifso-indicator-wrapper:hover .ifso-indicator__block {
	opacity: 1;
    visibility: visible;
    transform: translateX(0);
    width: 380px;
}

.ifso-indicator-wrapper:hover .ifso-indicator__block_title {
	opacity: 1;
	max-height: 500px; 
	transition: opacity .2s .3s, max-height .05s .2s;
}

.ifso-indicator-wrapper:hover .ifso-indicator__block_text {
	opacity: 1;
	max-height: 500px; 
	transition: opacity .2s .4s, max-height .05s .2s;
}

.ifso-indicator-wrapper:hover .ifso-indicator__block_link {
	opacity: 1;
	max-height: 500px; 
	transition: opacity .2s .5s, max-height .05s .2s;
}

.ifso-indicator__block {
    opacity: 0;
    background: #1e0547;
    padding: 25px;
    width: 0;
    position: absolute;
    z-index: 90;
	transition: .2s;
    visibility: hidden;
}

.ifso-indicator__block[class~="left-bottom"], .ifso-indicator__block[class~="left-top"],
.ifso-indicator__block[class~="center-bottom"], .ifso-indicator__block[class~="center-top"]{
	transform: translateX(-140px);
}

.ifso-indicator__block[class~="right-top"], .ifso-indicator__block[class~="right-bottom"] {
	transform: translateX(140px);
}

.ifso-indicator__block.left-top {
	bottom: -27px;
    right: -27px;
}

.ifso-indicator__block.left-bottom {
	right: -27px;
    top: 27px;
}

.ifso-indicator__block.right-top {
    bottom: -27px;
    left: 27px;
}

.ifso-indicator__block.right-bottom {
	top: 27px;
	left: 27px;
}

.ifso-indicator__block.center-bottom {
	top: 35px;
    right: calc(50% - 217px);
    left: auto;
}

.ifso-indicator__block.center-top {
	bottom: -20px;
    right: calc(50% - 217px);
    left: auto;
}

.ifso-indicator__block_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
    font-family: 'Futura';
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}


.ifso-indicator__block_text {
	font-size: 16px;
	margin-bottom: 10px;
	color: #fff;
    font-family: 'Futura Regular';
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.ifso-indicator__block_link {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.ifso-indicator__block_link a {
    font-family: 'Futura Regular';
}

@media (max-width: 576px) {
	.ifso-indicator {
		width: 40px;
		height: 40px;
    }
	
	.ifso-indicator__block {
		padding: 20px;
	}
	
	.ifso-indicator__block_title {
		font-size: 16px;
		margin-bottom: 6px
	}
	
	.ifso-indicator__block_text {
		font-size: 14px;
		margin-bottom: 6px
	}
	
	.ifso-indicator__block_title a {
		font-size: 14px;
	}
	
	.ifso-indicator-wrapper:hover .ifso-indicator__block {
		width: 340px;
	}
	
	.ifso-indicator__block[class~="left-bottom"], .ifso-indicator__block[class~="left-top"],
.ifso-indicator__block[class~="center-bottom"], .ifso-indicator__block[class~="center-top"]{
	transform: translateX(-120px);
}

.ifso-indicator__block[class~="right-top"], .ifso-indicator__block[class~="right-bottom"] {
	transform: translateX(120px);
}
	
	
.ifso-indicator__block.left-top {
	bottom: -20px;
    right: -20px;
}

.ifso-indicator__block.left-bottom {
	right: -20px;
    top: 20px;
}

.ifso-indicator__block.right-top {
    bottom: -20px;
    left: 20px;
}

.ifso-indicator__block.right-bottom {
	top: 20px;
	left: 20px;
}

.ifso-indicator__block.center-bottom, .ifso-indicator__block.center-top {
    right: calc(50% - 190px);
}
}

.ifso-indicator img {
    width: 80%;
    margin: auto;
}

@media (max-width: 400px) {
	.ifso-indicator-wrapper:hover .ifso-indicator__block {
		width: 280px;
	}
	
		.ifso-indicator__block[class~="left-bottom"], .ifso-indicator__block[class~="left-top"],
.ifso-indicator__block[class~="center-bottom"], .ifso-indicator__block[class~="center-top"]{
	transform: translateX(-120px);
}

.ifso-indicator__block[class~="right-top"], .ifso-indicator__block[class~="right-bottom"] {
	transform: translateX(120px);
}
	.ifso-indicator__block.center-bottom, .ifso-indicator__block.center-top {
    right: calc(50% - 160px);
}
}

.position-relative {
    position: relative;
}


/**custom classes for indicators to change position on mobile**/
@media (max-width: 1100px) {
	.ifso-indicator-h1-home {
		top: 95% !important;
	}
}

@media (max-width: 576px) {
  .ifso-indicator-h1-home {
    top: 98% !important;
    left: 10px;
  }
}


.plan__button a.try_it--plan{
  border: none;
  height: fit-content;
  width: fit-content;
  margin: auto;
}

.plan__button a.try_it--plan span.try_it__arrow svg{
  width: auto;
}

.plan__button a.try_it--plan span.try_it__text{
  color: #fff;
}

/* ==============================
 END of IF SO indicators styles
 =============================== */

 /* =======================
 DKI Builder styles
 =======================*/

 /* DKI Builder Styles */

.dki_builder .wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-title-vertical-wrap.active{
  background: none;
}

.dki_builder .wp-block-ub-tabbed-content-tab-title{
  font-size: 14px;
  padding-left: 14px;
}

.dki_builder .ifso_generator-shortcode .generator-header h2{
  margin: 0;
  font-weight: 400;
  font-family: 'Open Sans';
}

.dki_builder .ifso_generator-shortcode{
  border: none;
}

.dki_builder .wp-block-ub-tabbed-content-tab-holder.vertical-tab-width{
  width: 30%;
  position: relative;
  margin-top: 8em;
}

.dki_builder .wp-block-ub-tabbed-content-tab-holder.vertical-tab-width::before {
  content: "DKI Shorcodes";
  position: absolute;
  left: 0;
  top: -67px;
  height: 100px;
  width: 100%;
  z-index: 9;
  font-size: 26px;
  pointer-events: none;
}

.dki_builder
.wp-block-ub-tabbed-content-tab-title-vertical-wrap {
  position: relative;
  height: 42px;
}

/* Geolocation */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(1)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/geo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Google Ads */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(2)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/google-ads.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Query String */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(3)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/querystring.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Auto-Local Time Display */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(4)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/time.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* User Details */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(5)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/referrer.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Login Link */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(6)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/login-link.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Referral Source */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(7)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/referrer.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Browser Language */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(8)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/language.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Visit Count */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(9)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/viewcount.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}

/* Post ID */
.dki_builder
.wp-block-ub-tabbed-content-tabs-title-vertical-tab
> .wp-block-ub-tabbed-content-tab-title-vertical-wrap:nth-of-type(10)::before {
  content: "";
  position: absolute;
  left: 2px;
  background-image: url("https://www.if-so.com/wp-content/plugins/if-so/admin/images/dki-modal/show-post.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20px;
  width: 20px;
}


.dki_builder .ifso_generator-shortcode .generator-shortcode-main-panel{

}

.dki_builder .ifso_generator-shortcode .generator-shortcode-main-panel::-webkit-scrollbar {
  width: 6px;
}

.dki_builder .ifso_generator-shortcode .generator-shortcode-main-panel::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 4px;
}

/* ============ Plans Range Slider Complete Styles ============ */

.plans_range-container {

margin: 8em 0;
position: relative;


  /* Color Variables */
  --plans-primary-color: #dad2fb;
  --plans-primary-hover: #7a3de6;
  --plans-primary-light: #f8f7ff;
  --plans-text-default: #666;
  --plans-text-light: #999;
  --plans-text-active: #8b4dff;
  --plans-border-default: #e0e0e0;
  --plans-bg-default: #fff;
  --plans-shadow-primary: rgba(139, 77, 255, 0.3);
  --plans-shadow-primary-hover: rgba(139, 77, 255, 0.4);
}


.plans_range-container .range_plans-headline {
  font-size: 18px;
  text-align: center;
  text-wrap-style: balance;
  margin-top: 1em;
}

.plans_range-container .range_plans-quota {
  font-size: 28px;
  padding: 0px 24px;
  color: var(--plans-text-active);
}

.plans_range-container .range_plans-tabs {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  
}

.plans_range-container .range_plans-tab {
  padding: clamp(8px, 1.5vw, 12px) clamp(20px, 3vw, 32px);
  border: 2px solid var(--plans-border-default);
  background: var(--plans-bg-default);
  color: var(--plans-text-default);
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.plans_range-container .range_plans-tab:hover {
  border-color: var(--plans-primary-color);
  color: var(--plans-primary-color);
  background: var(--plans-primary-light);
}

.plans_range-container .range_plans-tab[data-active="true"] {
  background: var(--plans-primary-color);
  color: var(--plans-bg-default);
  border-color: var(--plans-primary-color);
}

.plans_range-container .range_plans-slider-container {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.plans_range-container .range_plans-slider::-webkit-slider-runnable-track {
  height: 10px;            
  background: #dbeafe;
  border-radius: 999px;
}

.plans_range-container .range_plans-tiers-labels {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  width: 90%;
  box-sizing: border-box;
}

.plans_range-container .range_plans-tier-label {
  cursor: pointer;
  text-align: center;
  font-size: clamp(12px, 1.2vw, 15px);
  font-weight: 600;
  color: var(--plans-text-default);
  transition: color 0.3s ease, font-weight 0.3s ease;
  width: 10px;
  white-space: nowrap;
  padding-left: 10px;
}

.plans_range-container .range_plans-tier-label[data-active="true"] {
  color: var(--plans-text-active);
  font-weight: 700;
}

.plans_range-container .range_plans-slider-wrapper {
  width: 100%;
  position: relative;
  padding: clamp(0.5rem, 1vw, 1rem) clamp(0.5rem, 1vw, 1rem);
  box-sizing: border-box;
}

.plans_range-container .range_plans-slider {
  width: 100%;
  margin: 0;
  height: 10px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.plans_range-container .range_plans-slider::-webkit-slider-runnable-track {
  height: 10px;
  background: #d3d3d3;
  border-radius: 999px;
}

.plans_range-container .range_plans-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: clamp(20px, 3vw, 28px);
  height: clamp(20px, 3vw, 28px);
  border-radius: 50%;
  background: var(--plans-text-active);
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-top: -7px;
}

.plans_range-container .range_plans-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);

}

.plans_range-container .range_plans-slider::-webkit-slider-thumb:active {
  transform: scale(1.2);
  background: var(--plans-primary-hover);
}

.plans_range-container .range_plans-slider::-moz-range-track {
  height: 10px;
  background: #dbeafe;
  border-radius: 999px;
}

.plans_range-container .range_plans-slider::-moz-range-thumb {
  width: clamp(20px, 3vw, 28px);
  height: clamp(20px, 3vw, 28px);
  border-radius: 50%;
  background: var(--plans-text-active);
  cursor: pointer;
  border: none;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.plans_range-container .range_plans-slider::-moz-range-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 4px 12px var(--plans-shadow-primary-hover);
}

.plans_range-container .range_plans-slider::-moz-range-thumb:active {
  transform: scale(1.2);
  background: var(--plans-primary-hover);
}

.plans_range-container .range_plans-tiers-prices {
  display: flex;
  text-align: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  align-items: flex-start;
  box-sizing: border-box;
}

.plans_range-container .range_plans-tier-price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  position: relative;
  width: 55px;
  white-space: nowrap;
  cursor: pointer;
}

.plans_range-container .range_plans-tier-price {
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: bold;
  color: var(--plans-text-default);
  margin-bottom: clamp(4px, 0.5vw, 6px);
  transition: color 0.3s ease, font-weight 0.3s ease;
  background: var(--plans-bg-transparent);
}

.plans_range-container .range_plans-tier-price-wrapper[data-active="true"] .range_plans-tier-price {
  color: var(--plans-text-active);
  font-weight: 700;
}

.plans_range-container .range_plans-tier-billing {
  font-size: clamp(11px, 1.2vw, 12px);
  color: var(--plans-text-light);
  background: var(--plans-bg-transparent);
}

.plans_range-container .range_plans-tier-price-wrapper[data-active="true"] .range_plans-tier-billing {
  color: var(--plans-text-active);
}


/* Alignment: Ensure labels, slider thumb, and prices align perfectly */
.plans_range-container .range_plans-slider-container {
  position: relative;
}

.cta_container .try_it{
  border: none;
  background: var(--plans-primary-color);
  color: #fff;
  width: fit-content;
  margin: auto;
}

.cta_container .try_it span.try_it__text{
  color: #fff;
}

.cta_container a[href^="https://"]:not([href*="if-so.com"]):not(.no-link-icon):after{
  display: none;
}

@media (max-width: 476px) {
  .plans_range-container .range_plans-quota{
    padding: 0px;
  }

  .plans_range-container .range_plans-headline{
    max-width: 80%;
    margin: auto;
    margin-bottom: 1em;
  }

  .plans_range-container .range_plans-tiers-labels .range_plans-tier-label,
  .plans_range-container .range_plans-tiers-prices .range_plans-tier-price{
    font-size: 9px;
  }

  .plans_range-container .range_plans-tiers-prices .range_plans-tier-billing{
    font-size: 8px;
  }

  .plans_range-container .range_plans-tabs{
    flex-direction: column;
  }

  .range_plans-tabs p{
    text-wrap-style: pretty;
  }

}



/* Builder Helper Sidebar */
.builder_helper_sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 35%;
  height: 100vh;
  background: #fff;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
  z-index: 9999;
  overflow-y: auto;
}

.builder_helper_sidebar.active {
  transform: translateX(0);
}

.openGeneratorBtn{
  cursor: pointer;
}

.sidebar_builder-DKI{
  display: none;
}

.builder_helper_sidebar.sidebar_builder-DKI{
  display: block;
}

/* Smooth transition for content when sidebar is hidden */
.docs__sidebar {
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0.3s ease-out, margin 0.3s ease-out, max-width 0.3s ease-out;
}

.docs__content {
  transition: margin-left 0.3s ease-out, width 0.3s ease-out, transform 0.3s ease-out;
  will-change: margin-left, width, transform;
}

.docs__container {
  transition: justify-content 0.3s ease-out;
}

/* When builder helper is active, hide sidebar smoothly and center content */
.docs__sidebar.builder-helper-hidden {
  display: none;
}

.docs__content.builder-helper-active {
  margin-left: auto;
  margin-right: auto;
  transition: margin-left 0.3s ease-out, width 0.3s ease-out;
}

.docs__container.builder-helper-active {
  justify-content: center;
  transition: justify-content 0.3s ease-out;
}

.builder_helper_sidebar .ifso_generator-shortcode{
  border: none;
}

.builder_helper_sidebar .ifso_generator-shortcode .generator-shortcode-main-panel{
  padding: 40px;
  margin-top: 4em;
}

/* Close button for builder helper sidebar */
.builder_helper_sidebar__close {
  position: absolute;
  top: 60px;
  right: 25px;
  font-size: 24px;
  line-height: 1;
  color: #1e0547;
  cursor: pointer;
  transition: color 0.2s ease-out, transform 0.2s ease-out;
  padding: 0;
}

.builder_helper_sidebar__content {
  padding-top: 60px;
  height: 100%;
  overflow-y: auto;
}


  .docs__content.builder-helper-active{
    transform: translateX(-25%);
  }


  @media (max-width: 1441px){
    .builder_helper_sidebar{
      width: 50%;
    }

    .builder_helper_sidebar{
      width: 40%;
    }
  }

  @media (max-width: 1001px) {
    .docs__content.builder-helper-active{
      transform: translateX(-20%);
      width: 50%;
    }
  }

  @media (max-width: 801px) {
    .openGeneratorBtn{
      display: none;
    }
    .builder_helper_sidebar{
      display: none;
    }
  }

/* Modal Plans */

.modal-plans-hidden{
  display: none;
}

.modal_plans-container {
  display: flex;
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}

.modal-plan-free,
.modal-plan {
  flex: 1;
  text-align: center;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.modal-plan-free > *,
.modal-plan > * {
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  transform: translateZ(0);
}

.modal-plan-free:has(.free-download-btn:hover) > *,
.modal-plan:has(.get-started-btn:hover) > * {
  transform: scale(1.02) translateZ(0);
}

.modal-plan-free {
  background: #e6e6f3;
}

.modal-plan {
  background: #d9cfec;
}

.modal-plan-free h2,
.modal-plan h2 {
  margin-bottom: 0px;
  font-family: 'Open Sans';
  font-size: 24px;
}

.modal-plan-free p,
.modal-plan p {
  margin-bottom: 20px;
}

.modal-plan-free ul,
.modal-plan ul {
  list-style: none;
  padding: 0;
  text-align: start;
  margin-top: 0;
}

.plans-modal-content li::before{
  content: '';
  position: absolute;
  left: 0;
  width: 17px;
  height: 18px;
  background: url(https://if-so.com/wp-content/themes/if-so/landing-page/lp_img/bullet_v_purple.svg);
}

.modal-plan-free ul li,
.modal-plan ul li {
  padding-left: 30px;
  margin: 12px 0;
  position: relative;
  display: flex;
  align-items: center;
  max-width: 260px;
  white-space: nowrap;
}

.divider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #1e0547;
  font-size: 18px;
  padding: 10px 15px;
  z-index: 2;
}

.divider::before {
  content: '';
  position: absolute;
  top: -50vh;
  bottom: calc(50% + 20px);
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: #1e0546;
  z-index: -1;
}

.divider::after {
  content: '';
  position: absolute;
  top: calc(50% + 20px);
  bottom: -50vh;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: #1e0546;
  z-index: -1;
}

.free-download-btn,
.get-started-btn {
  padding: 12px 30px;
  cursor: pointer;
  color: #1e0547;
  border: 1px solid #1e0547;
}



/* Plans Modal Sidebar */

.plans-modal-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.45s ease;
  overflow: hidden;
  z-index: 9999;
}

.plans-modal-sidebar.active {
  transform: translateX(0);
}

.plans-modal-close {
  position: absolute;
  top: 40px;
  right: 20px;
  background: none;
  border: none;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  color: #1e0547;
  padding: 0;
  width: 40px;
  height: 40px;
}

.plans-modal-close:hover {
  color: #666;
}

.plans-modal-content {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.plans-modal-content  p.modal-plan-subHeadline{
  position: relative;
}

.plans-modal-content  p.modal-plan-subHeadline::After{
  content: '';
  position: absolute;
  bottom: -11px;
  width: 120%;
  height: 1.5px;
  background: #c1c1c1;
  left: -20px;
}

.plans-modal-content .modal_plans-container {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

@media (max-width: 1280px) {
.modal-plan ul li{
  max-width: none;
}
}

@media (max-width: 896px) {
  .plans-modal-content p.modal-plan-subHeadline::After{
    left: 0;
    width: 100%;
  }

  .modal-plan-free ul li, .modal-plan ul li,
  .modal-plan-subHeadline{
    max-width: none;
    white-space: normal;
    font-size: 14px;
  }
}

@media (max-width: 586px) {
  .modal-plan-free ul li, .modal-plan ul li,
  .modal-plan-subHeadline{
    font-size: 12px;
  }
  .plans-modal-content .get-started-btn, .plans-modal-content .free-download-btn{
    font-size: 12px;
  }

  .modal-plan-free h2, .modal-plan h2{
    font-size: 18px;
    padding-bottom: 12px;
  }
}

/*=======================
 Video tutorials style
 ====================== */

 body.page-id-5226892 h1.docs__title{
  position: relative;
 }

 /* body.page-id-5226892 h1.docs__title::before {
  content: "Geo Redirect - Video Tutorial";
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  position: absolute;
  top: -24px;
  left: 0px;
  display: flex;
  white-space: nowrap;
} */

/* sinlg Faq tempalte styles */


@media (max-width: 800px) {
  body.page-template-single-faq-items .docs__content{
    margin: auto;
    width: 90%;
  }
}

/* Conditional availability styles */


/* conditional availability */
.conditional_availability {
  background: #F4F2FF;
  padding: 8px 16px;
  border-radius: 4px;
}

.conditional_availability p{
  line-height: 28px;
}

.conditional_availability > .wp-block-group__inner-container > p {
  margin: 8px 0;
  margin-top: 0px;
  white-space: nowrap;
}


.conditional_availability > .wp-block-group__inner-container > .wp-block-group {
  display: flex;
  gap: 4px;            
  align-items: center;
  flex-wrap: nowrap;
}

.conditional_availability > .wp-block-group__inner-container > .wp-block-group > .wp-block-group {
  display: flex;
  gap: 4px;
  align-items: center;
  white-space: nowrap;
}


.conditional_availability > .wp-block-group__inner-container > .wp-block-group > .wp-block-group.condition_minGap {
  display: flex;
  gap: 0;             
}

.conditional_availability figure {
  margin: 0;
}

.conditional_availability img {
  height: 14px;
  width: 23px;
}

.conditional_availability .condition_minGap img {
  height: 26px;
}

.conditional_availability .wp-block-group p {
  margin: 0;           
}

.conditional_availability .condition_minGap p {
  color: #00000080;
}
/* END conditional availability styles */