/**
 * Theme Name: SpouseWare
 * Theme URI: https://www.spouseware.net/
 * Author: Anonymous
 * Author URI: https://www.spouseware.net/
 * Description: SpouseWare Custom Wordpress Website Design
 * Version: 1.0.0
 * Tested up to: 5.4
 * Requires PHP: 5.6
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * Text Domain: spouseware
 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 **/

@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
html {
  scroll-behavior: smooth;
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  margin-bottom: 0 !important;
}
caption,
td,
th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}
strong {
  font-weight: 700;
}
i {
  font-style: italic;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
a img {
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
body,
html {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #121212;
}
body {
  padding: 25px 0 0 0;
}
body ol.decimal {
  list-style: decimal;
  list-style-position: inside;
}
body span.weight-b {
  font-weight: 700;
}
body span.strong.underline {
  font-weight: 700;
}
body span.underline {
  text-decoration: underline;
}
hr {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
}

/* SW Header CSS */
.faq-section__wrapper_mobile {
  padding: 48px 0px 0px 0px;
}
.video-section {
  display: none;
}
.on-desktop {
  display: none !important;
}
.steps-section__wrapper {
  border-top: 1px solid #eee;
  margin-top: 25px;
}
@media only screen and (max-width: 800px) {
  .main-section {
    margin: 0;
  }

  .main-section__text li {
    padding: 8px 0;
  }
  .main-section__content {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 992px) {
  .video-section {
    display: block;
  }
  .video-section-mobile {
    display: none;
  }
  .steps-section__wrapper {
    border-top: none;
    margin-top: 0px;
  }

  .on-desktop {
    display: inline-block !important;
  }
  .on-mobile {
    display: none;
  }
}
.main-section__main-headline {
  font-size: 24px;
  color: #2b313b;
}
.main-section .list-number {
  color: #35363f;
}
.subscribe-form input[type="email"] {
  border-radius: 6px 0px 0px 6px;
}
.subscribe-form button {
  border-radius: 0px 6px 6px 0px;
}
button:focus {
  background: rgba(124, 185, 55, 0.3);
}
.center-pack {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#page-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-loader .animated {
  padding: 15px 60px;
}
.wr {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px;
}
.wr-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wr-flex.wr-flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.wr-flex.wr-flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
[lang="ar"] body {
  direction: rtl;
}
.error-block {
  color: #fff;
}
.error-block .l-side p {
  color: #fff !important;
  padding: 30px 0 10px !important;
  font-weight: 600;
}
.error-block ul a {
  color: #fff;
  margin: 5px 0;
  display: inline-block;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.error-block ul a:hover {
  border-color: #fff;
}
.error-block .button-box {
  margin: 30px 0 0 0;
}
.tabs-wr {
  overflow: hidden;
  padding: 0;
}
.tabs-wr .tab-i {
  position: absolute;
  opacity: 0;
  top: 0;
  pointer-events: none;
  -webkit-transform: translate(0, 2%);
  transform: translate(0, 2%);
  height: 0;
  overflow: hidden;
}
.tabs-wr .tab-i[data-show="true"] {
  position: relative;
  opacity: 1;
  height: auto;
  pointer-events: all;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.text-box-default ul {
  padding: 10px;
}
.mt30 {
  margin-top: 30px;
}
.text-center {
  text-align: center;
}
.regular-content .main-title:not(:first-child) {
  margin-top: 30px;
}
.regular-content .regular-text {
  font-size: 14px;
  line-height: 20px;
  color: #323a45;
  margin-bottom: 10px;
}
.regular-content .regular-list {
  list-style-type: disc;
  margin-left: 23px;
  margin-bottom: 10px;
}
.regular-content .regular-list li {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #323a45;
}
.get-started-gray {
  background: #f9f9fa;
}
.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  height: 42px;
  border-radius: 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  outline: 0 !important;
  min-width: 220px;
  border: 2px solid;
  font-family: "Open Sans", sans-serif;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button.button-wide {
  white-space: nowrap;
}
.button i {
  margin: 2px 0 0 10px;
}
.button.button-black {
  background: #000;
  border: 2px solid #000;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.button.button-black span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  width: 105px;
  height: 31px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*background:url(https://www.mspy.com/assets/img/appstore.svg) no-repeat center;*/
  background-size: contain;
}
.button.button-black:hover {
  opacity: 0.8;
}
.button.button-green {
  background: #7bbb29;
  border: 2px solid #7bbb29;
  font-weight: 700;
  text-transform: uppercase;
}
.button.button-green:hover {
  background: #6da624;
  border: 2px solid #6da624;
}
.button.button-blue {
  background: #32bae9;
  border: 1px solid #32bae9;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.button.button-blue:hover {
  background: #00beff;
  border: 2px solid #00beff;
}
.button.button-green-empty {
  color: #7bbb29;
  font-weight: 700;
  border: 2px solid #7bbb29;
  text-transform: uppercase;
}
.button.button-green-empty:hover {
  background: #7bbb29;
  color: #fff;
}
.button.button-green-border {
  min-width: 186px;
  height: 42px;
  border: 1px solid #7cb937;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: transparent;
  color: #7cb937;
}
.button.button-green-border:hover {
  background: #7bbb29;
  color: #fff;
}
.button.button-blue-empty {
  color: #32bae9;
  font-weight: 700;
  border: 2px solid #32bae9;
  text-transform: uppercase;
}
.button.button-blue-empty:hover {
  background: #32bae9;
  color: #fff;
}
.button.button-gray.ppl {
  background-color: #2a313d;
  border-color: #2a313d;
  color: #323a45;
}
.button.button-gray.ppl:hover {
  background-color: #d6d6d6;
}
.button.button-gray.ppl-br {
  line-height: 0;
  font-size: 0;
  width: 100%;
  min-width: 0;
  padding-bottom: 0;
}
.button.button-gray.ppl-br svg {
  margin-bottom: 0 !important;
}
.button.button-gray {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  color: #323a45;
}
.button.button-gray:hover {
  background-color: #d6d6d6;
}
button.button {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  padding: 0 0 2px 0;
}
button.button span {
  display: inline-block;
  vertical-align: middle;
}
button.button i {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
button.button .fa {
  font-size: 14px;
  margin: 0 5px 0 0;
}
.button-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.button-box.with-demo > span {
  color: #8b8b8b;
  margin: 0 10px;
  font-weight: 700;
}
.button-box.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.button-box .button-green-border {
  margin-left: 15px;
}
.demo-link {
  color: #32bae9;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
}
.demo-link:hover {
  color: #299cc3;
}
section {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.s-title {
  text-transform: uppercase;
  margin: 0 0 34px;
  font-weight: 700;
}
.s-title.center {
  text-align: center;
}
.main-title {
  color: #323a45;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  margin: 0 0 35px 0;
}
.buy-now-button {
  line-height: 32px;
  font-size: 11px;
  color: #79bd12;
  border: 1px solid #79bd12;
  border-radius: 6px;
  padding: 0 25px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
  text-transform: uppercase;
}
.buy-now-button:hover {
  background: #79bd12;
  color: #fff;
  border-color: #79bd12;
}
.buy-now-button.hovered {
  background: #79bd12;
  color: #fff;
  border-color: #79bd12;
}
.page-head {
  padding: 90px 0 0 0;
  color: #323a45;
  text-align: center;
}
.page-head h1 {
  font-size: 40px;
  margin: 0 0 30px 0;
}
.page-head h4 {
  font-size: 16px;
  line-height: 1.5;
  max-width: 760px;
  margin: 0 auto;
}
.start-monitoring-now {
  background: #f9f9fa;
}
.start-monitoring-now.white {
  background: #fff;
}
.start-monitoring-now .button-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.start-monitoring-now .button-box > a {
  margin: 0 8px;
}
.title-icon {
  margin: 0 0 10px 0;
}
.marked-list-blue.double {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.marked-list-blue.double li {
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
.marked-list-blue li {
  position: relative;
  padding: 0 0 0 20px;
  color: #323a45;
  margin: 0 0 20px 0;
  line-height: 1.4;
}
.marked-list-blue li:before {
  content: "";
  /*background:url(https://www.mspy.com/assets/img/check-blue.svg);*/
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -6px;
  top: 0;
}
.get-started.drop-marg {
  padding: 60px 0;
}
.get-started .button-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.get-started .button-box a {
  margin: 0 5px;
}
.select-wr {
  position: relative;
}
.select-wr:before {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 40px;
  border-radius: 4px;
  background: #fbfbfb;
  pointer-events: none;
}
.select-wr:after {
  content: "";
  position: absolute;
  bottom: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #c4c4c4 transparent transparent transparent;
}
.select-wr select {
  width: 100%;
  cursor: pointer;
  padding: 0 10px;
  height: 45px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dcdcde;
  border-radius: 6px;
  background: 0 0;
  font-size: 16px;
  color: #323a45;
  font-family: "Open Sans", sans-serif;
}
.select-wr select option {
  color: #323a45;
}
.input-checkbox-box {
  position: relative;
  margin: 5px 0;
}
.input-checkbox-box input {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.input-checkbox-box input:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.input-checkbox-box span.error {
  pointer-events: none;
}
.input-checkbox-box label {
  cursor: pointer;
  pointer-events: none;
  margin: 6px 0;
  padding: 0 0 0 20px;
  position: relative;
  display: inline-block;
  line-height: 1.2;
}
.input-checkbox-box label a {
  color: #49bff3;
  pointer-events: all;
}
.input-checkbox-box label:before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #c2c7ca;
  margin: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  border-radius: 2px;
  left: 0;
  top: 0;
}
.input-checkbox-box label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  background: #323a45;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  border-radius: 1px;
}
.input-radio-box {
  position: relative;
  margin: 5px 0;
}
.input-radio-box input {
  height: 16px;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.input-radio-box input:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.input-radio-box label {
  cursor: pointer;
  pointer-events: none;
  margin: 6px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 0 0 20px;
}
.input-radio-box label:before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #c2c7ca;
  margin: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.input-radio-box label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  background: #323a45;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.b-title {
  font-size: 100px;
  margin: 0 0 20px 0;
}
.m-title {
  font-size: 26px;
}
html[lang="fr"] body .button.button-black span {
  /*background:url(https://www.mspy.com/assets/img/appstore-fr.svg) no-repeat center;*/
  background-size: contain;
}
.italic {
  font-style: italic;
}
.fs13 {
  font-size: 13px !important;
}
[lang="ar"] .input-checkbox-box label {
  padding: 0 20px 0 0;
}
[lang="ar"] .input-checkbox-box label:before {
  left: auto;
  right: 0;
  margin-right: 0;
}
[lang="ar"] .input-checkbox-box label:after {
  left: auto;
  right: 4px;
}
header {
  background: #2a313c;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  font-family: "Open Sans", sans-serif;
}
header .session-code {
  color: #fff;
  font-size: 11px;
  margin: 0 10px;
}
header .l-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .l-side .logo-box svg {
  width: 60px;
  height: 15px;
  fill: #fff;
}
header .l-side .nav-main {
  margin: 0 0 0 20px;
  font-size: 11px;
}
header .l-side .nav-main a {
  cursor: pointer;
}
header .l-side .nav-main > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .l-side .nav-main > ul > li {
  position: relative;
}
header .l-side .nav-main > ul > li > a {
  color: #b6c7cf;
  text-transform: uppercase;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .l-side .nav-main > ul > li:hover a {
  background: #212730;
  color: #606b71;
}
header .l-side .nav-main > ul > li:hover a:after {
  border-color: #606b71 transparent transparent transparent !important;
}
header .l-side .nav-main > ul > li:hover .sub-menu {
  opacity: 1;
  pointer-events: all;
}
header .l-side .nav-main > ul > li:hover .sub-menu .sub-menu-i {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
header .l-side .nav-main > ul > li .sub-menu {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  pointer-events: none;
  opacity: 0;
  background: #212730;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-width: 150px;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i {
  border-left: 1px solid #303740;
  min-width: 200px;
  -webkit-transform: translate(0, -20%);
  transform: translate(0, -20%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i:nth-child(1) {
  border: 0;
}
header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i:nth-child(1)
  .sub-menu-title {
  padding: 0 30px 20px 0;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i:nth-child(1) ul {
  padding: 20px 30px 0 0;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i .sub-menu-title {
  text-transform: uppercase;
  color: #b6c7cf;
  border-bottom: 1px solid #303740;
  padding: 0 30px 20px 30px;
  display: block;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i .sub-menu-title a {
  color: #b6c7cf;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i
  .sub-menu-title
  a:hover {
  border-bottom: 1px solid #b6c7cf;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i.sub-menu-i-one {
  min-width: auto;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i.sub-menu-i-one ul {
  padding: 0;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i.sub-menu-i-one ul li {
  margin: 0 0 10px 20px;
}
header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i.sub-menu-i-one
  ul
  li.sub-menu-i-title {
  text-transform: uppercase;
  margin: 10px 0 10px 0;
}
header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i.sub-menu-i-one
  ul
  li.sub-menu-i-title
  a {
  color: #b6c7cf;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i.sub-menu-i-one
  ul
  li.sub-menu-i-title
  a:hover {
  border-bottom: 1px solid #b6c7cf;
}
header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i.sub-menu-i-one
  ul
  li.sub-menu-i-title:first-child {
  margin: 0 0 10px 0;
}
header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i.sub-menu-i-one
  ul
  li.sub-menu-i-title:last-child {
  margin: 5px 0 0 0;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul {
  padding: 20px 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul.col-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 360px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul.col-2 > li {
  width: 150px;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul li {
  width: 100%;
  margin: 5px 0;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul li a {
  color: #757f84;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul li a.more {
  color: #3eb6ea;
  text-transform: none;
  border-bottom: 1px solid transparent;
  margin: 5px 0 0 0;
  display: inline-block;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul li a.more:hover {
  color: #3eb6ea;
  border-bottom: 1px solid #3eb6ea;
}
header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul li a:hover {
  color: #b6c7cf;
}
header .l-side .nav-main > ul > li .sub-menu ~ a {
  position: relative;
  cursor: pointer;
}
header .l-side .nav-main > ul > li .sub-menu ~ a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #b6c7cf transparent transparent transparent;
  margin: 2px -4px 0 4px;
}
header .l-side .language-select {
  position: relative;
  margin: 0 20px 0 0;
}
header .l-side .language-select svg {
  width: 20px;
  height: 20px;
}
header .l-side .language-select svg.language-select__lg-uk {
  height: auto;
}
header .l-side .language-select__lg-pt {
  width: 20px;
  height: auto;
  margin-right: 5px;
}
header .l-side .language-select:hover .language-select-wr {
  opacity: 1;
  pointer-events: all;
}
header .l-side .language-select:hover .language-select-wr li {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
header .l-side .language-select:hover .language-select-button {
  background: #212730;
  color: #606b71;
}
header .l-side .language-select:hover .language-select-button:after {
  border-color: #606b71 transparent transparent transparent !important;
}
header .l-side .language-select .language-select-button {
  color: #b6c7cf;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  font-size: 11px;
  padding: 0 20px;
}
header .l-side .language-select .language-select-button:hover {
  background: #212730;
  color: #606b71;
}
header .l-side .language-select .language-select-button:hover:after {
  border-color: #606b71 transparent transparent transparent !important;
}
header .l-side .language-select .language-select-button:after {
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #b6c7cf transparent transparent transparent;
  content: "";
  margin: 4px 0 0 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header
  .l-side
  .language-select
  .language-select-button
  .language-select__lg-pt {
  margin-right: 0;
}
header .l-side .language-select .language-select-wr {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 100%;
  left: 0;
  background: #212730;
  border-radius: 0 0 5px 5px;
  padding: 0 20px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
header .l-side .language-select .language-select-wr li {
  -webkit-transform: translate(0, -120%);
  transform: translate(0, -120%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 20px 0;
}
header .l-side .language-select .language-select-wr li a {
  color: #757f84;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .l-side .language-select .language-select-wr li a svg {
  margin: 0 5px 0 0;
}
header .l-side .language-select .language-select-wr li a:hover {
  color: #b6c7cf;
}
header .r-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .r-side .support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .r-side .support i {
  margin: 0 10px 0 0;
}
header .r-side .support a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b6c7cf;
  font-size: 13px;
}
header .r-side .support svg {
  height: 20px;
  width: 22px;
}
header .r-side .support path {
  fill: #757f84;
}
header .r-side .login-box {
  color: #49bff3;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 5px 0 40px;
  position: relative;
}
header .r-side .login-box:hover:after {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
}
@media (max-width: 500px) {
  header .r-side {
    display: none;
  }
}
@media (max-width: 800px) {
  header .buy-now-button--header {
    display: block;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 800px) {
  html[data-clp="clp-active"] .scroll-up {
    bottom: 190px;
  }
  html[data-clp="clp-active"] .zEWidget-launcher.zEWidget-launcher {
    bottom: 125px !important;
  }
}
@media only screen and (min-width: 801px) {
  html[data-clp="clp-active"] .scroll-up {
    bottom: 135px;
  }
  html[data-clp="clp-active"] .zEWidget-launcher.zEWidget-launcher {
    bottom: 70px !important;
  }
}
.scroll-up {
  position: fixed;
  display: none;
  bottom: 60px;
  right: 20px;
  background: #2b323d;
  padding: 13px;
  border-radius: 100%;
  -webkit-animation: ArrowAnimate 0.5s ease-in;
  animation: ArrowAnimate 0.5s ease-in;
  cursor: pointer;
  border: 1px solid #b4c6ce;
  height: 22px;
}
.scroll-up.visible {
  display: inline-table;
}
.scroll-up:hover svg {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes ArrowAnimate {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes ArrowAnimate {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
[lang="ar"] header .r-side .login-box {
  margin: 0 40px 0 5px;
}
@media (max-width: 800px) {
  [lang="ar"] header .r-side .login-box {
    margin: 0 10px 0 10px;
  }
}
[lang="ar"] header .r-side .support i {
  margin: 0 0 0 10px;
}
[lang="ar"] header .l-side .language-select {
  margin: 0 0 0 20px;
}
@media (max-width: 800px) {
  [lang="ar"] header .l-side .language-select {
    margin: 0 10px 0 10px;
  }
  [lang="ar"] header .l-side .language-select .language-select-button {
    padding-left: 0;
    padding-right: 10px;
  }
  [lang="ar"] .mobile-menu-open header .l-side .nav-main > ul > li .sub-menu {
    padding-right: 40px;
  }
}
[lang="ar"] header .l-side .language-select .language-select-button:after {
  margin: 0 5px 0 0;
}
[lang="ar"] header .l-side .language-select .language-select-wr {
  left: auto;
  right: 0;
}
[lang="ar"] header .l-side .language-select .language-select-wr li a svg {
  margin: 0 0 0 5px;
}
[lang="ar"] header .l-side .language-select__lg-pt {
  margin-right: 0;
  margin-left: 5px;
}
[lang="ar"] header .l-side .nav-main {
  margin: 0 20px 0 0;
}
[lang="ar"] header .l-side .nav-main > ul > li .sub-menu {
  left: auto;
  right: 0;
}
[lang="ar"] header .l-side .nav-main > ul > li .sub-menu ~ a:after {
  margin: 2px 4px 0 -4px;
}
[lang="ar"]
  header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i:nth-child(1)
  .sub-menu-title {
  padding: 0 0 20px 30px;
}
[lang="ar"]
  header
  .l-side
  .nav-main
  > ul
  > li
  .sub-menu
  .sub-menu-i:nth-child(1)
  ul {
  padding: 20px 0 0 30px;
}
[lang="ar"]
  header
  .l-side
  .nav-main
  > ul
  > li:nth-child(2)
  .sub-menu
  .sub-menu-i:nth-child(1)
  ul {
  padding-top: 0;
}
.mobile-menu__info {
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}
@media (max-width: 500px) {
  .mobile-menu__info {
    display: block;
  }
}
.mobile-menu__info-wrapper + .mobile-menu__info-wrapper {
  margin-top: 30px;
}
.mobile-menu__phone {
  font-size: 13px;
  color: #b6c7cf;
}
.mobile-menu__login-button {
  font-size: 14px;
  font-weight: 400;
  color: #49bff3;
  text-transform: uppercase;
}
footer {
  background-color: #fff;
  color: #848a93;
  padding-top: 30px;
  font-family: "Open Sans", sans-serif;
}
footer .bread-crumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
}
footer .bread-crumbs li:after {
  content: "›";
  margin: 0 6px;
}
footer .bread-crumbs li:last-child:after {
  display: none;
}
footer .bread-crumbs li a {
  color: #848a93;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
footer .bread-crumbs li a:hover {
  border-bottom: 1px solid;
}
footer .t-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 30px 0;
}
footer .t-side .col:nth-child(1) ul li,
footer .t-side .col:nth-child(2) ul li,
footer .t-side .col:nth-child(3) ul li {
  margin-bottom: 0;
}
footer .t-side ul li {
  margin-bottom: 0;
}
footer .t-side ul li a {
  display: inline-block;
  padding-top: 0.4em;
  padding-bottom: calc(0.4em - 1px);
  margin-bottom: 1px;
}
footer .f-title {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin: 0 0 15px 0;
}
footer .copyrights {
  margin: 3em 0;
  font-size: 12px;
  color: #fff;
  font-weight: 200;
  text-align: center;
}
footer .copyrights a {
  color: #fff;
}
footer .b-side {
  padding: 20px;
  line-height: 1.2;
  font-size: 12px;
  margin: 0;
  font-weight: 200;
}
footer .m-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 20px 0;
}
footer .m-side .col:nth-child(1) {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}
footer .m-side .col:nth-child(2) {
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}
footer .t-side .f-title {
  margin-bottom: 11px;
}
footer .t-side .col:nth-child(1) {
  -webkit-flex-basis: 60%;
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}
footer .t-side .col:nth-child(1) ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer .t-side .col:nth-child(1) ul li {
  display: inline-block;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  margin: 0 2% 0 0;
}
footer .t-side .col:nth-child(1) ul li a {
  display: block;
}
footer ul li {
  font-size: 13px;
  margin: 0 0 0.8em 0;
}
footer ul li a {
  color: #fff;
  font-size: inherit;
  font-weight: 200;
}
footer .logo-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer .logo-list > li {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin: 0 1% 0 0;
}
footer .logo-list > li img,
footer .logo-list > li svg {
  width: 100%;
  height: auto;
  max-height: 30px;
}
footer .logo-list-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .logo-list-2 > li {
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  margin: 0 4% 0 0;
}
footer .logo-list-2 > li a {
  display: inline-block;
}
footer .logo-list-2 > li img,
footer .logo-list-2 > li svg {
  width: 100%;
  height: auto;
}
footer .social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .social-links li svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}
footer .social-links li a {
  margin: 0 10px 0 0;
  font-size: 15px;
  width: 25px;
  height: 25px;
  border: 1px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  color: #fff;
}
footer .disclaimer-wr a {
  color: #8c99a0;
  font-size: inherit;
  font-weight: 200;
  cursor: pointer;
}
footer .disclaimer-wr p:nth-child(2) {
  display: none;
}
footer .disclaimer-wr.more p:nth-child(2) {
  display: block;
}
footer .disclaimer-wr.more p:nth-child(1) {
  display: none;
}
footer .disclaimer-wr a {
  color: #9cb5cc;
}
.cookie-l {
  background: rgba(42, 49, 61, 0.9);
  color: #b6c7cf;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  padding: 10px 0;
}
.cookie-l.disabled {
  display: none;
}
.cookie-l .wr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cookie-l .txt-box {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cookie-l .txt-box p a {
  color: #b6c7cf;
  text-decoration: underline;
  text-transform: capitalize;
}
.cookie-l .txt-box svg {
  padding: 0 20px;
}
.cookie-l .txt-box button {
  background: #49bff3;
  color: #fff;
  text-transform: uppercase;
  width: 70px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  line-height: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 700;
  border: 0;
  font-size: 14px;
  margin-left: 15px;
}
.footer-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 100%;
  height: auto;
  pointer-events: none;
  cursor: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.footer-text--ar {
  max-width: 383px;
}
.footer-text--de {
  max-width: 507px;
}
.footer-text--en {
  max-width: 404px;
}
.footer-text--es {
  max-width: 454px;
}
.footer-text--fr {
  max-width: 499px;
}
.footer-text--it {
  max-width: 517px;
}
.footer-text--ja {
  max-width: 480px;
}
.footer-text--ko {
  max-width: 380px;
}
.footer-text--pt {
  max-width: 475px;
}
.footer-text--tr {
  max-width: 495px;
}
[lang="ar"] footer .t-side .col:nth-child(1) ul li {
  margin: 0 0 0 10%;
}
[lang="ar"] footer .t-side .col:nth-child(2) {
  margin: 0 0 0 10%;
}
[lang="ar"] footer .logo-list > li {
  margin: 0 0 0 1%;
}
[lang="ar"] footer .logo-list-2 > li {
  margin: 0 0 0 4%;
}
[lang="ar"] footer .social-links li a {
  margin: 0 0 0 10px;
}
[lang="ar"] .cookie-l .txt-box button {
  margin-right: 15px;
  margin-left: 0;
}
.product-phone-page .endorsements,
.product-phone-page .main-features-bottom {
  background: #f9f9fa;
}
.product-page .main-block {
  overflow: hidden;
  padding: 0 0 30px 0;
}
.product-page .main-block:before {
  content: "";
  height: 30px;
  position: absolute;
  left: -20%;
  right: 50.5%;
  background: #fff;
  bottom: -1px;
  z-index: 2;
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}
.product-page .main-block:after {
  content: "";
  height: 30px;
  position: absolute;
  right: -20%;
  left: 50.5%;
  background: #fff;
  bottom: -1px;
  z-index: 2;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.product-page .main-steps {
  background: #f9f9fa;
}
.product-page .customers-slider {
  background: #fff;
}
html[lang="fr"] .main-block .button-box .button {
  text-align: center;
  max-width: 290px;
}
.product-iphone-page .main-block {
  overflow: hidden;
  padding: 0 0 30px 0;
}
.product-iphone-page .main-block:before {
  content: "";
  height: 30px;
  position: absolute;
  left: -20%;
  right: 50.5%;
  background: #fff;
  bottom: 0;
  z-index: 2;
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}
.product-iphone-page .main-block:after {
  content: "";
  height: 30px;
  position: absolute;
  right: -20%;
  left: 50.5%;
  background: #fff;
  bottom: 0;
  z-index: 2;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.product-iphone-page .features-tabs {
  background: #f9f9fa;
}
.btn-primary {
  background-color: #7cb937 !important;
  border: 1px solid #7cb937;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:visited,
.btn-primary:active {
  background-color: #7cb937 !important;
  outline: none;
  border: 1px solid #7cb937;
  box-shadow: 0px 0px 0px #000;
}
.form-control:focus {
  outline: none;
  border: 1px solid #7cb937;
  box-shadow: 0px 0px 0px #000;
}

.my-form-control {
  padding: 20px;
  border-radius: 6px 0 0 6px;
  border: 1px solid #ccc;
}
.my-form-btn {
  padding: 0px 35px;
  border-radius: 0px 6px 6px 0px;
}

.btn-outline-primary {
  color: #7cb937;
  border-color: #7cb937;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #7cb937;
  border-color: #7cb937;
}
.custom-btn {
  font-family:
    "Open Sans",
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: background-color 0.225s ease;
  transition: background-color 0.225s ease;
  outline: 0;
  border: 0;
}
@media (min-width: 400px) {
  .custom-btn {
    min-width: 288px;
    width: auto;
  }
}
.custom-btn--green {
  background-color: #7cb937;
}
.custom-btn--green:active,
.custom-btn--green:hover {
  background-color: #6fa531;
}
.custom-btn--blue {
  background-color: #43baf2;
}
.custom-btn--blue:active,
.custom-btn--blue:hover {
  background-color: #2bb1f0;
}
.custom-btn--white {
  background-color: #fff;
  color: #97c75f;
}
.custom-btn--white:active,
.custom-btn--white:hover {
  background-color: #f2f2f2;
}
.custom-btn--white-blue {
  background-color: #fff;
  color: #43baf2;
}
.custom-btn--white-blue:active,
.custom-btn--white-blue:hover {
  background-color: #f2f2f2;
}
.custom-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  -webkit-transition:
    color 0.225s ease,
    fill 0.255s ease;
  transition:
    color 0.225s ease,
    fill 0.255s ease;
}
.regular-text {
  color: #fff;
  font-weight: 600;
  line-height: 22px;
}
.regular-text--dark {
  color: #2b313b;
}
.list-number__elem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 1.57;
}
.list-number__elem a {
  color: #7cb937;
}
@media (min-width: 992px) {
  .list-number__elem {
    margin-bottom: 18px;
  }
}
.list-number__icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #7cb937;
  margin-right: 14px;
  position: relative;
  top: 3px;
}
.main-headline {
  color: #fff;
}
.main-headline__superscript {
  font-size: 12px;
}
.main-headline--light-weight {
  font-weight: 400;
}
.main-headline--bolder-weight {
  font-weight: 600;
}
.main-headline__lvl1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 800;
}
.main-headline--lvl1-big {
  font-size: 100px;
}
.main-headline__lvl2 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #2b313b;
}
.main-headline--lvl2-big {
  font-size: 26px;
}
.main-headline__lvl3 {
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  color: #2b313b;
}
.main-headline--lvl3-big {
  font-size: 16px;
}
.input {
  width: 100%;
  height: 48px;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 2px;
  border: 1px solid rgba(43, 49, 59, 0.32);
  background-color: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.input[placeholder] {
  color: #777b82;
  font-style: italic;
}
.input::-moz-placeholder {
  color: #777b82;
  font-style: italic;
}
.input:-moz-placeholder {
  color: #777b82;
  font-style: italic;
}
.input:-ms-input-placeholder {
  color: #777b82;
  font-style: italic;
}
[lang="ar"] .list-number__icon {
  margin-right: 0;
  margin-left: 14px;
}
.main-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 10px;
  padding-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.main-section__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
@media (min-width: 992px) {
  .main-section {
    min-height: 504px;
    text-align: left;
    padding-top: 80px;
    padding-bottom: 90px;
  }
}
.main-section__wrapper {
  position: relative;
  z-index: 3;
}
@media (min-width: 992px) {
  .main-section__wrapper {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
@media (min-width: 992px) {
  .main-section__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .main-section__left {
    width: 100%;
    max-width: 480px;
    margin-right: 95px;
  }
}
@media (min-width: 992px) {
  .main-section__right {
    position: relative;
    top: 60px;
  }
}
.main-section__item {
  width: 50%;
}

@media (min-width: 992px) {
  .main-section__main-headline {
    width: 100%;
    max-width: 480px;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 0;
  }
}
.main-section__text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #fff;
}
@media (min-width: 992px) {
  .main-section__text {
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    max-width: 480px;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.main-section__action-wrapper {
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 992px) {
  .main-section__action-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 51px;
  }
}
.main-section__compatible-with {
  font-size: 0;
  margin-bottom: 1px;
}
@media (min-width: 992px) {
  .main-section__compatible-with {
    margin-bottom: 0;
    margin-left: 24px;
  }
}
.main-section__icon-iphone {
  margin-right: 16px;
  fill: #b6c7cf;
}
.main-section__icon-android {
  fill: #b6c7cf;
}
.main-section__compatible-text {
  color: #b6c7cf;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 2.4;
}
@media (min-width: 992px) {
  .main-section__compatible-text {
    margin-left: 15px;
  }
}
.main-section__button {
  margin: 0 auto 16px;
  max-width: 288px;
}
@media (min-width: 992px) {
  .main-section__button {
    margin: 0;
  }
}
[data-page-name="swnet"] .main-section {
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  [data-page-name="swnet"] .main-section {
    padding-bottom: 90px;
  }
}
[data-page-name="swnet"] .main-section__button {
  margin-bottom: 0;
}
[data-page-name="swnet"] .main-section__action-text {
  font-size: 14px;
  color: #8b8b8b;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  [data-page-name="swnet"] .main-section__action-text {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
  }
}
[data-page-name="swnet"] .main-section__view-demo {
  font-size: 14px;
  color: #32bae9;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: color 0.225s ease;
  transition: color 0.225s ease;
}
[data-page-name="swnet"] .main-section__view-demo:hover {
  color: #299cc3;
}
@media (min-width: 992px) {
  [lang="ar"] .main-section__left {
    margin-left: 95px;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  [lang="ar"] .main-section {
    text-align: right;
  }
  [lang="ar"] .main-section__compatible-text {
    margin-right: 15px;
    margin-left: 0;
  }
  [lang="ar"] .main-section__compatible-with {
    margin-right: 24px;
    margin-left: 0;
  }
}
[lang="ar"] .main-section__icon-iphone {
  margin-left: 16px;
  margin-right: 0;
}
.why-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #41bef5;
  padding: 0;
}
.why-section__wrapper {
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .why-section__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.why-section__why-choose {
  width: 48px;
  height: 48px;
  opacity: 0.64;
  display: none;
}
@media (min-width: 992px) {
  .why-section__why-choose {
    width: 63px;
    height: 63px;
    display: block;
    margin: 0 auto 19px;
  }
}
@media (min-width: 992px) {
  .why-section__main-headline {
    font-size: 30px;
    line-height: 48px;
  }
}
.why-section__list {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .why-section__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.why-section__figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  position: relative;
}
.why-section__figure + .why-section__figure {
  padding-top: 16px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .why-section__figure + .why-section__figure {
    padding-top: 0;
    margin-top: 0;
  }
}
.why-section__figure + .why-section__figure:before {
  content: "";
  height: 1px;
  width: calc(100% - 32px);
  position: absolute;
  right: -16px;
  top: 0;
  background-color: #0a2438;
  opacity: 0.32;
}
@media (min-width: 992px) {
  .why-section__figure + .why-section__figure:before {
    height: 0;
    width: 0;
  }
}
@media (min-width: 992px) {
  .why-section__figure {
    width: calc(100% / 3 - 32px);
  }
  .why-section__figure:nth-child(3) ~ * {
    margin-top: 62px;
  }
}
.why-section__button {
  margin-top: 47px;
}
.why-section__icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  fill: #0a2438;
  opacity: 0.64;
}
@media (min-width: 992px) {
  .why-section__icon {
    height: 48px;
    width: 48px;
  }
}
.why-section__figcaption {
  font-weight: 600;
  line-height: 22px;
  color: #fff;
  margin-left: 16px;
}
.why-section__figcaption b {
  font-weight: 700;
}
[lang="ar"] .why-section__figure + .why-section__figure:before {
  right: 48px;
}
[lang="ar"] .why-section__figcaption {
  margin-left: 0;
  margin-right: 16px;
  text-align: right;
}
.features-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
  padding: 0;
  overflow: hidden;
}
.features-section__wrapper {
  text-align: center;
  padding-top: 48px;
  padding-bottom: 32px;
}
@media (min-width: 992px) {
  .features-section__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: left;
  }
}
.features-section__monitor-data {
  width: 48px;
  height: 48px;
  display: none;
}
@media (min-width: 992px) {
  .features-section__monitor-data {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto 15px;
  }
}
.features-section__main-headline {
  margin-bottom: 16px;
  font-size: 24px;
}
@media (min-width: 992px) {
  .features-section__main-headline {
    font-size: 32px;
    text-align: center;
    line-height: 44px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .features-section__feature-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -24px 12px;
  }
}
.features-section__feature-figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 16px;
  padding-left: 33px;
  margin-bottom: 13px;
  color: inherit;
  position: relative;
}
.features-section__feature-figure::before {
  content: "";
  display: block;
  width: calc(100% - 17px);
  left: 33px;
  bottom: 0;
  height: 1px;
  background-color: #dddee0;
  position: absolute;
}
@media (min-width: 992px) {
  .features-section__feature-figure {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 18%;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 92px;
    padding: 36px 0;
    margin: 0 22px 0;
  }
  .features-section__feature-figure .custom-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-right: 15px;
  }
  .features-section__feature-figure::before {
    display: none;
  }
}
.features-section__feature-text {
  text-align: left;
  width: 100%;
  padding-right: 42px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .features-section__feature-text {
    padding-right: 0;
  }
}
.features-section__icon {
  position: absolute;
  top: 3px;
  left: 0;
  fill: #7cb937;
}
@media (min-width: 992px) {
  .features-section__icon {
    position: relative;
    top: 0;
  }
}
.features-section__feature-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .features-section__feature-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
  }
}
.features-section__feature-caption {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.57;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .features-section__feature-caption {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    margin-bottom: 0;
  }
}
.features-section__icon-check {
  margin-left: auto;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  right: 8px;
}
@media (min-width: 992px) {
  .features-section__icon-check {
    display: none;
  }
}
.features-section__button {
  display: none;
}
@media (min-width: 992px) {
  .features-section__button {
    display: block;
    width: 100%;
    max-width: 288px;
    margin: auto;
  }
}
[lang="ar"] .features-section__feature-caption {
  text-align: right;
}
@media (min-width: 992px) {
  [lang="ar"] .features-section__feature-caption {
    margin-left: 0;
    margin-right: 16px;
  }
}
[lang="ar"] .features-section__icon-check {
  margin-left: 16px;
  margin-right: auto;
}
[lang="ar"] .features-section__icon {
  left: auto;
  right: 0;
}
[lang="ar"] .features-section__feature-figure {
  padding-right: 33px;
  padding-left: 0;
}
[lang="ar"] .features-section__feature-figure::before {
  left: auto;
  right: 33px;
}
@media (min-width: 992px) {
  [lang="ar"] .features-section__feature-figure {
    padding-right: 0;
  }
  [lang="ar"] .features-section__feature-figure .custom-icon {
    margin-right: 0;
  }
}
[lang="ar"] .features-section__feature-text {
  padding-left: 42px;
  padding-right: 0;
  text-align: right;
}
.compatibility-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #2a313d;
  padding: 0;
}
.compatibility-section__wrapper {
  text-align: left;
  padding-top: 40px;
  padding-bottom: 38px;
  max-width: 585px;
}
@media (min-width: 992px) {
  .compatibility-section__wrapper {
    padding-top: 102px;
    padding-bottom: 92px;
  }
}
.compatibility-section__icon-compatible {
  width: 69px;
  height: 69px;
  color: #5c626b;
  margin: auto;
  display: none;
}
@media (min-width: 992px) {
  .compatibility-section__icon-compatible {
    display: block;
  }
}
.compatibility-section__main-headline {
  margin-bottom: 29px;
  color: #43baf2;
}
@media (min-width: 992px) {
  .compatibility-section__main-headline {
    font-size: 32px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
  }
}
.compatibility-section__regular-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
@media (min-width: 992px) {
  .compatibility-section__regular-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    display: block;
  }
}
.compatibility-section__search-button {
  margin-top: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .compatibility-section__search-button {
    margin-top: 0;
    min-width: auto;
    max-width: 220px;
    margin-left: 16px;
  }
}
.compatibility-section__search-input-box {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  position: relative;
}
@media (min-width: 992px) {
  .compatibility-section__search-input-box {
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.compatibility-section__autocomplete-results {
  color: #2a313c;
  text-align: left;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 10px 0 0 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  background: #fff;
  border-radius: 4px;
  z-index: 2;
  opacity: 0;
  border: 1px solid transparent;
  -webkit-transform: translate(0, 20%);
  transform: translate(0, 20%);
  pointer-events: none;
  -webkit-transition:
    opacity 0.225s ease,
    -webkit-transform 0.225s ease;
  transition:
    opacity 0.225s ease,
    -webkit-transform 0.225s ease;
  transition:
    opacity 0.225s ease,
    transform 0.225s ease;
  transition:
    opacity 0.225s ease,
    transform 0.225s ease,
    -webkit-transform 0.225s ease;
}
@media (min-width: 992px) {
  .compatibility-section__autocomplete-results {
    -webkit-transform: translate(0, 5%);
    transform: translate(0, 5%);
    top: 50px;
  }
}
.compatibility-section__autocomplete-results.show {
  opacity: 1;
  pointer-events: auto;
  border-color: #e1e1e1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.compatibility-section__autocomplete-results > * {
  font-size: 13px;
  font-weight: 300;
  list-style: none;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-transition: background-color 0.225s ease;
  transition: background-color 0.225s ease;
}
.compatibility-section__autocomplete-results > .active,
.compatibility-section__autocomplete-results > :hover {
  background: #f6f6f6;
}
.compatibility-section__search-result {
  margin: 10px 0 0 0;
  position: relative;
  color: #fff;
}
@media (min-width: 992px) {
  .compatibility-section__search-result {
    top: calc(100% - 5px);
    position: absolute;
    width: 100%;
  }
}
.compatibility-section__search-result.res-ok svg {
  fill: #aef750;
}
.compatibility-section__search-result.res-ok .res-ok {
  opacity: 1;
}
.compatibility-section__search-result.res-attention .res-attention {
  opacity: 1;
}
.compatibility-section__search-result.res-no svg {
  fill: #ff9a9a;
}
.compatibility-section__search-result.res-no .res-no {
  opacity: 1;
}
.compatibility-section__search-result-container {
  line-height: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.compatibility-section__search-result-icon {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
[lang="ar"] .compatibility-section__wrapper {
  text-align: right;
}
[lang="ar"] .compatibility-section__autocomplete-results {
  text-align: right;
}
[lang="ar"] .compatibility-section__search-result-container {
  left: auto;
  right: 0;
}
[lang="ar"] .compatibility-section__search-result-icon {
  margin-right: 0;
  margin-left: 5px;
}
@media (min-width: 992px) {
  [lang="ar"] .compatibility-section__search-button {
    margin-right: 16px;
    margin-left: 0;
  }
}
.company {
  padding-top: 24px;
}
@media (min-width: 992px) {
  .company {
    padding-top: 30px;
  }
}
.company__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.company__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 89px;
  height: 40px;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0 5px 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 27%;
  -ms-flex: 1 1 27%;
  flex: 1 1 27%;
}
@media (min-width: 992px) {
  .company__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 13%;
    -ms-flex: 1 1 13%;
    flex: 1 1 13%;
  }
}
.company__icon {
  fill: #5d626c;
}
.company__icon--iphone {
  width: 13px;
  height: 16px;
}
.company__icon--samsung {
  width: 55px;
  height: 9px;
}
.company__icon--lg {
  width: 26px;
  height: 16px;
}
.company__icon--motorola {
  width: 55px;
  height: 11px;
}
.company__icon--huawei {
  width: 55px;
  height: 14px;
}
.company__icon--xiaomi {
  width: 54px;
  height: 9px;
}
.reviews-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #f9f9fa;
  padding-top: 25px;
  padding-bottom: 25px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .reviews-section {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.reviews-section__wrapper {
  text-align: center;
}
.reviews-section__main-headline {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  width: 100%;
  display: block;
  margin: auto;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .reviews-section__main-headline {
    font-size: 18px;
    max-width: 280px;
  }
}
.reviews-section__top {
  min-height: 178px;
  padding-top: 37px;
  padding-bottom: 20px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  background-color: #7cb937;
  margin-bottom: 43px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .reviews-section__top {
    margin-bottom: 48px;
    min-height: 211px;
  }
}
.reviews-section__headline-percentage {
  display: block;
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .reviews-section__headline-percentage {
    font-size: 48px;
    line-height: 42px;
  }
}
.reviews-section__rating {
  font-size: 0;
  margin-top: 14px;
}
@media (min-width: 992px) {
  .reviews-section__rating {
    border-bottom: 0 none;
  }
}
.reviews-section__icon-star {
  width: 24px;
  height: 24px;
  fill: #f9cd3a;
}
.reviews-section__icon-star + .reviews-section__icon-star {
  margin-left: 6px;
}
@media (min-width: 992px) {
  .reviews-section__media-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.reviews-section__media-group--review-platforms {
  margin-bottom: 43px;
  border-bottom: 1px solid #dddee0;
}
@media (min-width: 992px) {
  .reviews-section__media-group--review-platforms {
    border-bottom: 0 none;
    margin-bottom: 0;
    width: 459px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 28px;
    border-right: 1px solid rgba(43, 49, 59, 0.32);
  }
}
@media (min-width: 992px) {
  .reviews-section__media-group--trusted-media {
    width: 457px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 85px;
    padding-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .reviews-section__media-group {
    padding-top: 17px;
  }
}
.reviews-section__review-platforms-regular-text,
.reviews-section__trusted-media-regular-text {
  font-size: 18px;
  line-height: 30px;
}
.reviews-section__review-sites {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 83px;
  margin-top: 44px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .reviews-section__review-sites {
    padding-bottom: 36px;
    margin-top: 51px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.reviews-section__review-link + .reviews-section__review-link {
  margin-left: 18px;
}
@media (min-width: 992px) {
  .reviews-section__review-link + .reviews-section__review-link {
    margin-left: 0;
  }
}
.reviews-section__sitejabber-link {
  height: 24px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media (min-width: 992px) {
  .reviews-section__sitejabber-link {
    height: 36px;
  }
}
.reviews-section__trusted-media-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 288px;
}
@media (min-width: 992px) {
  .reviews-section__trusted-media-list {
    margin-top: -5px;
    width: auto;
  }
}
.reviews-section__trusted-media-item {
  width: 85px;
  height: 40px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .reviews-section__trusted-media-item {
    margin-top: 24px;
  }
  .reviews-section__trusted-media-item--forbes,
  .reviews-section__trusted-media-item--tnw {
    width: 112px;
    height: 34px;
  }
  .reviews-section__trusted-media-item--ibm {
    width: 82px;
    height: 34px;
  }
  .reviews-section__trusted-media-item--androidguys,
  .reviews-section__trusted-media-item--fatherly,
  .reviews-section__trusted-media-item--fox2now,
  .reviews-section__trusted-media-item--parentstv {
    height: 44px;
  }
  .reviews-section__trusted-media-item--fox2now {
    width: 108px;
  }
  .reviews-section__trusted-media-item--fatherly {
    width: 80px;
  }
  .reviews-section__trusted-media-item--androidguys {
    width: 55px;
  }
  .reviews-section__trusted-media-item--parentstv {
    width: 44px;
  }
}
.reviews-section__trusted-media-item--long {
  width: 186px;
}
@media (min-width: 992px) {
  .reviews-section__trusted-media-item--long {
    width: 100%;
    height: 30px;
    margin-top: 30px;
  }
}
.reviews-section__trusted-media-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}
.reviews-section__trusted-media-link .custom-icon-trusted-media {
  width: 100%;
  color: #2b313b;
  display: block;
  opacity: 0.48;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
@media (min-width: 992px) {
  .reviews-section__trusted-media-link .custom-icon-trusted-media {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
.reviews-section__trustpilot-logo {
  width: 128px;
  height: 32px;
}
@media (min-width: 992px) {
  .reviews-section__trustpilot-logo {
    width: 191px;
    height: 47px;
  }
}
.reviews-section__sitejabber-logo {
  width: 128px;
  height: 24px;
}
@media (min-width: 992px) {
  .reviews-section__sitejabber-logo {
    width: 191px;
    height: 36px;
  }
}
.reviews-section__forbes-logo,
.reviews-section__the-next-web-logo {
  height: 21px;
}
@media (min-width: 992px) {
  .reviews-section__forbes-logo,
  .reviews-section__the-next-web-logo {
    height: 30px;
  }
}
.reviews-section__ibm-logo {
  height: 35px;
}
@media (min-width: 992px) {
  .reviews-section__ibm-logo {
    height: 34px;
  }
}
.reviews-section__fox2now-logo {
  height: 28px;
}
.reviews-section__fatherly-logo {
  max-width: 100%;
  height: auto;
  opacity: 0.48;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
@media (min-width: 992px) {
  .reviews-section__fatherly-logo {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
.reviews-section__androidguys-logo {
  height: 24px;
}
.reviews-section__parentstv-logo {
  height: 40px;
}
@media (min-width: 992px) {
  .reviews-section__parentstv-logo {
    height: 44px;
  }
}
.reviews-section__toptenreviews-logo {
  height: 26px;
}
@media (min-width: 992px) {
  .reviews-section__toptenreviews-logo {
    height: 30px;
  }
}
@media (min-width: 992px) {
  [lang="ar"] .reviews-section__media-group--review-platforms {
    padding-right: 0;
    padding-left: 28px;
    border-right: 0 none;
    border-left: 1px solid rgba(43, 49, 59, 0.32);
  }
}
@media (min-width: 992px) {
  [lang="ar"] .reviews-section__media-group--trusted-media {
    padding-left: 0;
    padding-right: 85px;
  }
}
@media (min-width: 992px) {
  .reviews-user__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -24px;
    margin-right: -24px;
  }
}
.reviews-user__photo {
  width: 64px;
  height: 64px;
  background-color: #d8d8d8;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 auto 19px;
}
.reviews-user__photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.reviews-user__item {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  background-color: #fff;
  padding: 24px 16px 23px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .reviews-user__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    margin: 0 24px 0;
  }
}
.reviews-user__name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}
.reviews-user__country {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 16px;
}
.reviews-user__text {
  font-size: 12px;
  line-height: 1.45;
  text-align: left;
}
.reviews-platform {
  padding-top: 44px;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .reviews-platform {
    padding-top: 88px;
    padding-bottom: 96px;
  }
}
.reviews-platform__title {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  color: #7cb937;
  width: 100%;
  max-width: 530px;
  margin: 0 auto 51px;
}
@media (min-width: 992px) {
  .reviews-platform__title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.33;
    margin-bottom: 49px;
  }
}
.reviews-platform__button {
  display: block;
  max-width: 288px;
  margin: auto;
}
.reviews-platform__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -8px;
  margin-right: -8px;
  padding-bottom: 33px;
}
.reviews-platform__elem {
  height: 64px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 8px 16px;
  max-width: 174px;
}
@media (min-width: 992px) {
  .reviews-platform__elem {
    -webkit-transition: -webkit-box-shadow 0.4s ease-out;
    transition: -webkit-box-shadow 0.4s ease-out;
    transition: box-shadow 0.4s ease-out;
    transition:
      box-shadow 0.4s ease-out,
      -webkit-box-shadow 0.4s ease-out;
  }
  .reviews-platform__elem:hover {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.46);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.46);
  }
}
.reviews-platform__img {
  width: 110px;
  height: 30px;
}
.reviews-platform__trustpilot-logo {
  width: 104px;
  height: 26px;
}
.reviews-platform__sitejabber-logo {
  width: 104px;
  height: 30px;
}
.reviews-platform__wjla-logo {
  width: 102px;
  height: 22px;
}
.reviews-platform__newswatchtv-logo {
  width: 120px;
}
.reviews-platform__workingmother-logo {
  height: 27px;
}
.reviews-platform__the-next-web-logo {
  width: 64px;
  height: 16px;
}
.reviews-platform__forbes-logo {
  width: 60px;
  height: 16px;
}
.reviews-platform__ibm-logo {
  width: 41px;
  height: 16px;
}
.reviews-platform__fox2now-logo {
  width: 89px;
  height: 24px;
}
.reviews-platform__fatherly-logo {
  width: 86px;
  height: 30px;
}
.reviews-platform__androidguys-logo {
  width: 53px;
  height: 24px;
}
.reviews-platform__parentstv-logo {
  width: 40px;
  height: 40px;
}
.reviews-platform__toptenreviews-logo {
  width: 104px;
  height: 12px;
}
.reviews-platform__android-headlines {
  width: 110px;
  height: 24px;
}
[lang="ar"] .reviews-user__text {
  text-align: right;
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition:
    opacity 0.25s ease,
    visibility 0s ease 0.25s;
  transition:
    opacity 0.25s ease,
    visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  -webkit-transition:
    opacity 0.25s ease 0s,
    visibility 0s ease 0s;
  transition:
    opacity 0.25s ease 0s,
    visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition-property:
    opacity,
    -webkit-transform;
  transition-property:
    opacity,
    -webkit-transform;
  transition-property: transform, opacity;
  transition-property:
    transform,
    opacity,
    -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition-property:
    opacity,
    -webkit-transform;
  transition-property:
    opacity,
    -webkit-transform;
  transition-property: transform, opacity;
  transition-property:
    transform,
    opacity,
    -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: 0 0;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-iframe,
.fancybox-video {
  background: 0 0;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: 0;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: 0;
}
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
  display: none;
}
.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  z-index: 99998;
}
.fancybox-close-small {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
.fancybox-caption {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.85)),
    color-stop(50%, rgba(0, 0, 0, 0.3)),
    color-stop(65%, rgba(0, 0, 0, 0.15)),
    color-stop(75.5%, rgba(0, 0, 0, 0.075)),
    color-stop(82.85%, rgba(0, 0, 0, 0.037)),
    color-stop(88%, rgba(0, 0, 0, 0.019)),
    to(transparent)
  );
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.15) 65%,
    rgba(0, 0, 0, 0.075) 75.5%,
    rgba(0, 0, 0, 0.037) 82.85%,
    rgba(0, 0, 0, 0.019) 88%,
    transparent 100%
  );
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: 0px) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right))
      max(25px, env(safe-area-inset-bottom))
      max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: 0 0;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fancybox-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: 0px) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: 0;
  padding: 10px 15px;
  width: 100%;
}
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.demo-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #f9f9fa;
  padding-top: 43px;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .demo-section {
    padding-top: 85px;
    padding-bottom: 20px;
  }
}
.demo-section__wrapper {
  text-align: center;
}
@media (min-width: 992px) {
  .demo-section__wrapper {
    padding-bottom: 83px;
  }
}
@media (min-width: 992px) {
  .demo-section__main-headline {
    font-size: 30px;
    line-height: 1.53;
  }
}
.demo-section__slider-overlay {
  position: relative;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}
@media (min-width: 992px) {
  .demo-section__slider-overlay {
    height: 324px;
  }
}
.demo-section__slider-overlay:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 192px;
  height: 192px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
  .demo-section__slider-overlay:before {
    top: auto;
    bottom: -83px;
    width: 556px;
    height: 83px;
    border-radius: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: transparent;
    /*background-image:url(https://www.mspy.com/assets/img/slider-desktop-bg-bottom.png)*/
  }
}
.demo-section__slider-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 124px;
  height: 250px;
  background-color: #fff;
  border-radius: 12px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.16);
  /*background-image:url(https://www.mspy.com/assets/img/slider-mobile-bg.svg)*/
}
@media (min-width: 992px) {
  .demo-section__slider-overlay:after {
    width: 554px;
    height: 324px;
    border-radius: 0;
    background-color: transparent;
    /*background-image:url(https://www.mspy.com/assets/img/slider-desktop-bg.png);*/
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.demo-section__slider {
  margin-left: auto;
  margin-right: auto;
  width: 106px;
  z-index: 2;
  top: 50%;
  position: relative;
  -webkit-transform: translate(-1px, -50%);
  transform: translate(-1px, -50%);
}
@media (min-width: 992px) {
  .demo-section__slider {
    width: 418px;
    -webkit-transform: translate(0, calc(-50% - 8px));
    transform: translate(0, calc(-50% - 8px));
  }
}
.demo-section__slider img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  .demo-section__slider--mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .demo-section__slider--desktop {
    display: none;
  }
}
.demo-section__slide {
  display: block;
}
.demo-section__slider-button {
  position: absolute;
  top: 50%;
  font-size: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #49bff3;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: 0 0;
  cursor: pointer;
  outline: 0;
}
@media (min-width: 992px) {
  .demo-section__slider-button {
    width: 48px;
    height: 48px;
  }
}
.demo-section__slider-prev {
  left: 0;
}
.demo-section__slider-prev svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  -webkit-transform-origin: center;
  transform-origin: center;
  fill: #49bff3;
  width: 12px;
  height: 12px;
}
@media (min-width: 992px) {
  .demo-section__slider-prev svg {
    width: 16px;
    height: 16px;
  }
}
.demo-section__slider-next {
  right: 0;
}
.demo-section__slider-next svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  left: 2px;
  -webkit-transform-origin: center;
  transform-origin: center;
  fill: #49bff3;
  width: 12px;
  height: 12px;
}
@media (min-width: 992px) {
  .demo-section__slider-next svg {
    left: 3px;
    width: 16px;
    height: 16px;
  }
}
.demo-section__icon-arrow {
  margin-right: 2px;
}
.whatneed-section {
  background-color: #2b313b;
  padding-top: 69px;
  padding-bottom: 48px;
  color: #fff;
}
@media (min-width: 992px) {
  .whatneed-section {
    padding-top: 106px;
    padding-bottom: 96px;
  }
}
.whatneed-section__list-icon {
  width: 16px;
  height: 16px;
}
.whatneed-section__list-icon--no {
  fill: #e5493c;
}
.whatneed-section__list-icon--yes {
  fill: #7cb937;
}
.whatneed-section__title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  max-width: 380px;
  margin: 0 auto 48px;
  line-height: 1.53;
  color: #fff;
}
@media (min-width: 992px) {
  .whatneed-section__title {
    font-size: 30px;
  }
}
.whatneed-section__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 49px;
}
.whatneed-section__elem-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 145px;
  -ms-flex: 1 1 145px;
  flex: 1 1 145px;
}
@media (min-width: 992px) {
  .whatneed-section__elem-title {
    font-size: 18px;
    font-weight: 600;
  }
}
.whatneed-section__elem {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 72px;
  -ms-flex: 1 1 72px;
  flex: 1 1 72px;
}
.whatneed-section__elem:nth-child(even) {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.32);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.32);
  max-width: 180px;
}
.whatneed-section__box-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
}
@media (min-width: 992px) {
  .whatneed-section__box-body {
    height: 68px;
  }
}
.whatneed-section__box-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  padding-right: 22px;
}
@media (min-width: 992px) {
  .whatneed-section__box-title {
    height: 68px;
  }
}
.whatneed-section__box-text {
  display: none;
}
@media (min-width: 992px) {
  .whatneed-section__box-text {
    color: #808ca0;
    margin-left: 7px;
    font-size: 14px;
    font-weight: 600;
    display: inline;
  }
}
.whatneed-section__icon-android,
.whatneed-section__icon-iphone {
  width: 16px;
  height: 16px;
  fill: #a4a9b1;
}
.whatneed-section__button {
  display: block;
  max-width: 288px;
  margin: auto;
}
.whatneed-section__box-body:first-child,
.whatneed-section__box-title:first-child {
  height: 68px;
}
@media (min-width: 992px) {
  .whatneed-section__box-body:first-child,
  .whatneed-section__box-title:first-child {
    height: 85px;
  }
}
.whatneed-section__box-body,
.whatneed-section__box-title {
  border-bottom: solid 1px #494f5a;
}
.whatneed-section__box-body:last-child,
.whatneed-section__box-title:last-child {
  border: 0;
  height: 85px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .whatneed-section__box-body:last-child,
  .whatneed-section__box-title:last-child {
    height: 90px;
  }
}
[lang="ar"] .whatneed-section__box-text {
  margin-right: 7px;
  margin-left: 0;
}
[lang="ar"] .whatneed-section__box-title {
  padding-left: 22px;
  padding-right: 0;
}
.steps-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
}
.steps-section__wrapper {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (min-width: 992px) {
  .steps-section__wrapper {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.steps-section__main-headline {
  line-height: 32px;
  font-size: 24px;
}
@media (min-width: 992px) {
  .steps-section__main-headline {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}
.steps-section__list {
  text-align: left;
  padding-left: 31px;
  margin-left: 16px;
  margin-top: 46px;
  margin-bottom: 46px;
  border-left: 1px solid #48bff3;
}
@media (min-width: 992px) {
  .steps-section__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0;
    border-left: 0 none;
    margin-top: 70px;
    margin-left: 0;
  }
}
.steps-section__step {
  position: relative;
}
@media (min-width: 992px) {
  .steps-section__step {
    width: calc(100% / 2);
  }
  .steps-section__step__pricing {
    width: calc(100% / 2) !important;
  }
  .steps-section__step + .steps-section__step {
    padding-left: 24px;
  }
  .steps-section__step:before {
    content: " ";
    position: absolute;
    left: 96px;
    top: -39px;
    width: calc(100% - 96px);
    height: 1px;
    background-color: #48bff3;
  }
  .steps-section__step:nth-child(1):before {
    left: 72px;
    width: calc(100% - 72px);
  }
}
.steps-section__step + .steps-section__step {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .steps-section__step + .steps-section__step {
    margin-top: 0;
  }
}
.steps-section__number {
  position: absolute;
  left: -44px;
  top: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  color: #48bff3;
  width: 24px;
  height: 24px;
  border: 1px solid #48bff3;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 16px #fff;
  box-shadow: 0 0 0 16px #fff;
}
@media (min-width: 992px) {
  .steps-section__number {
    font-size: 24px;
    font-weight: 300;
    left: 24px;
    top: -64px;
    width: 48px;
    height: 48px;
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
  }
}
.steps-section__number--first {
  top: 6px;
}
@media (min-width: 992px) {
  .steps-section__number--first {
    top: -64px;
    left: 0;
  }
}
.steps-section__headline {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 8px;
  color: #000;
}
@media (min-width: 992px) {
  .steps-section__headline {
    font-size: 18px;
    color: #48bff3;
    margin-bottom: 16px;
  }
}
.steps-section__headline-superscript {
  font-size: 9px;
  vertical-align: super;
}
.steps-section__text {
  line-height: 22px;
}
.steps-section__text-italic {
  font-size: 12px;
  display: block;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .steps-section__text-italic {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  [lang="ar"] .steps-section__step + .steps-section__step {
    padding-right: 24px;
    padding-left: 0;
  }
  [lang="ar"] .steps-section__step::before {
    left: auto;
    right: 96px;
  }
  [lang="ar"] .steps-section__step:nth-child(1):before {
    right: 72px;
    width: calc(100% - 72px);
  }
}
[lang="ar"] .steps-section__list {
  padding-right: 31px;
  padding-left: 0;
  margin-right: 16px;
  margin-left: 0;
  text-align: right;
  border-left: none;
  border-right: 1px solid #48bff3;
}
@media (min-width: 992px) {
  [lang="ar"] .steps-section__list {
    border: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
[lang="ar"] .steps-section__number {
  left: auto;
  right: -44px;
}
@media (min-width: 992px) {
  [lang="ar"] .steps-section__number {
    left: auto;
    right: 24px;
  }
  [lang="ar"] .steps-section__number--first {
    right: 0;
  }
}
.what-is {
  background-color: #43baf2;
  padding: 41px 0 24px;
  text-align: left;
}
@media (min-width: 992px) {
  .what-is {
    text-align: center;
    padding-top: 96px;
    padding-bottom: 0;
    overflow: hidden;
  }
}
.what-is__wrapper {
  max-width: 596px;
}
.what-is__main-headline {
  color: #fff;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .what-is__main-headline {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
.what-is__text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  color: #fff;
}
.what-is__text p {
  margin-bottom: 15px;
}
.what-is__text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .what-is__text {
    font-size: 18px;
    line-height: 1.67;
    margin-bottom: 36px;
  }
}
.what-is__img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 288px;
  height: auto;
}
@media (min-width: 992px) {
  .what-is__img {
    max-width: 480px;
    margin-bottom: -95px;
  }
}
[lang="ar"] .what-is {
  text-align: right;
}
@media (min-width: 992px) {
  [lang="ar"] .what-is {
    text-align: center;
  }
}
.faq-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #f9f9fa;
  padding: 0;
}
.faq-section__wrapper {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .faq-section__wrapper {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .faq-section__main-headline,
  .faq-section__regular-text {
    font-size: 24px;
    line-height: 32px;
  }
}
.faq-section__main-headline {
  font-size: 24px;
}
.faq-section__regular-text {
  font-weight: 400;
  font-size: 18px;
}
.faq-section__question-list {
  padding-top: 25px;
  padding-bottom: 48px;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.faq-section__question-item {
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  padding: 16px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
}
@media (min-width: 992px) {
  .faq-section__question-item {
    padding-left: 31px;
    padding-right: 32px;
    padding-top: 26px;
    padding-bottom: 30px;
  }
}
.faq-section__question-item + .faq-section__question-item {
  margin-top: 16px;
}
.faq-section__question-item.is-open .faq-section__icon-arrow-top {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.faq-section__question {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-right: 24px;
  position: relative;
}
@media (min-width: 992px) {
  .faq-section__question {
    font-weight: 700;
  }
}
.faq-section__answer {
  display: none;
  position: relative;
  padding-top: 11px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
  border-top: 1px solid #dcdee2;
}
.faq-section__answer ol,
.faq-section__answer p,
.faq-section__answer ul {
  margin-bottom: 15px;
}
.faq-section__answer ol:last-child,
.faq-section__answer p:last-child,
.faq-section__answer ul:last-child {
  margin-bottom: 0;
}
.faq-section__answer ul {
  list-style: square;
  padding-left: 16px;
}
.faq-section__answer ol {
  list-style: decimal;
  padding-left: 16px;
}
.faq-section__answer b {
  font-weight: 700;
}
.faq-section__icon-arrow-top {
  position: absolute;
  right: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  color: #2b313b;
  opacity: 0.48;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.225s ease;
  transition: -webkit-transform 0.225s ease;
  transition: transform 0.225s ease;
  transition:
    transform 0.225s ease,
    -webkit-transform 0.225s ease;
}
[lang="ar"] .faq-section__question {
  padding-right: 0;
  padding-left: 24px;
  text-align: right;
}
[lang="ar"] .faq-section__icon-arrow-top {
  right: auto;
  left: 0;
}
[lang="ar"] .faq-section__answer {
  text-align: right;
}
[lang="ar"] .faq-section__answer ul {
  padding-left: 0;
  padding-right: 17px;
}
.inner.fam-kit {
  max-width: 1020px;
}
.inner.fam-kit .jump-menu {
  max-width: 300px;
  float: right;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f9f9fa;
  margin-left: 30px;
  border-radius: 4px;
}
.inner.fam-kit .jump-menu ul li a {
  color: #8c99a0;
}
.drop-seo-wr {
  padding: 10px 0;
  margin: 0;
}
.drop-seo-wr p.descr-foot {
  color: #bdc0c5;
  font-weight: 400;
  font-size: 13px;
}
.drop-seo-wr.no-margin {
  margin: 0;
}
.drop-seo-wr.open .drop-seo-head i {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin: 7px 0 0 10px;
}
.drop-seo-wr.open .drop-seo-text {
  max-height: 9999px;
}
.drop-seo-wr.open .drop-seo-text::before {
  opacity: 0;
  visibility: hidden;
}
.drop-seo-wr.open .drop-seo-text .inner {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.drop-seo-wr.open .drop-seo__less {
  display: inline;
}
.drop-seo-wr.open .drop-seo__more {
  display: none;
}
.drop-seo-wr .drop-seo-head {
  min-height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #222;
  color: #222;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 280px;
  margin: auto;
  background-color: #fff;
}
@media (min-width: 992px) {
  .drop-seo-wr .drop-seo-head {
    -webkit-transition: border 0.4s ease-out;
    transition: border 0.4s ease-out;
  }
  .drop-seo-wr .drop-seo-head:hover {
    background-color: #f9f9fa;
  }
}
.drop-seo-wr .drop-seo__less {
  display: none;
}
.drop-seo-wr .drop-seo-text {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-height: 170px;
  position: relative;
  margin-bottom: 25px;
}
.drop-seo-wr .drop-seo-text::before {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(#fff)
  );
  background-image: linear-gradient(transparent, #fff);
  top: calc(100% - 50px);
  position: absolute;
  left: 0;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (min-width: 992px) {
  .drop-seo-wr .drop-seo-text {
    min-height: 220px;
  }
}
.drop-seo-wr .drop-seo-text .inner {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 30px 0 40px;
  line-height: 1.5;
  max-width: 800px;
  margin: 0 auto;
}
.drop-seo-wr .drop-seo-text .inner .jump-menu {
  max-width: 300px;
  float: right;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f9f9fa;
  margin-left: 30px;
  margin-top: 10px;
  border-radius: 4px;
}
@media (max-width: 640px) {
  .drop-seo-wr .drop-seo-text .inner .jump-menu {
    float: none;
    max-width: none;
    margin-left: 0;
    margin-top: 0;
  }
}
.drop-seo-wr .drop-seo-text .inner .jump-menu > p {
  margin-left: 10px;
}
.drop-seo-wr .drop-seo-text .inner .jump-menu ul li:last-child {
  margin-bottom: 0;
}
.drop-seo-wr .drop-seo-text .inner .jump-menu ul li a {
  color: #8c99a0;
}
.drop-seo-wr .drop-seo-text .inner .jump-menu ul li ul {
  margin-bottom: -10px;
}
.drop-seo-wr .drop-seo-text .inner h1,
.drop-seo-wr .drop-seo-text .inner h2 {
  font-size: 1.5rem;
  margin: 15px 0 10px;
  font-weight: 500;
}
.drop-seo-wr .drop-seo-text .inner h3 {
  font-size: 1.2rem;
  margin: 15px 0 10px;
  font-weight: 500;
}
.drop-seo-wr .drop-seo-text .inner p {
  padding: 10px 0;
}
.drop-seo-wr .drop-seo-text .inner ul {
  padding: 10px;
  list-style: disc;
}
.drop-seo-wr .drop-seo-text .inner ul li {
  margin: 0 0 10px 15px;
}
.drop-seo-wr .drop-seo-text .inner ol {
  padding: 10px;
  list-style-type: decimal;
}
.drop-seo-wr .drop-seo-text .inner ol li {
  margin: 0 0 10px 15px;
}
.drop-seo-wr .drop-seo-text .inner b {
  font-weight: 700;
}
.drop-seo-wr .drop-seo-text .inner em {
  font-style: italic;
}
.drop-seo-wr .drop-seo-text .button {
  margin: 10px auto;
  max-width: 250px;
}
.list-f-top {
  color: #fefefd;
  font-size: 18px;
  line-height: 22px;
}
.insta-spy-drop-seo .strong {
  font-weight: 700;
}
.insta-spy-drop-seo ol {
  list-style: decimal;
  list-style-position: inside;
}
.insta-spy-drop-seo li {
  margin: 0 0 10px 15px;
}
.seo-info {
  padding-bottom: 40px;
  margin-top: -35px;
}
.seo-info h1,
.seo-info h2,
.seo-info h3 {
  color: #323a45;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  margin: 35px 0 35px;
}
.seo-info p {
  line-height: 20px;
  color: #323a45;
  margin: 5px 0;
}
.seo-info ol,
.seo-info ul {
  padding: 10px 0;
  padding-left: 20px;
}
.seo-info ol li,
.seo-info ul li {
  line-height: 20px;
  margin: 5px 0;
}
.seo-info ul {
  list-style: disc;
}
.seo-info ol {
  list-style: decimal;
}
.so-content h3 {
  font-size: 25px;
  max-width: 260px;
  margin: 0 auto 30px;
}
.feature-i-box.seo-content h2,
.feature-i-box.seo-content h3 {
  text-align: center;
  color: #323a45;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.4;
  font-weight: 700;
  margin: 25px 0;
}
.feature-i-box.seo-content p {
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.4;
}
.feature-i-box.seo-content .features-list {
  padding-bottom: 30px;
}
.feature-i-box.seo-content .features-list p {
  padding: 0;
}
.feature-i-box .top-dangers ol {
  list-style: decimal;
  list-style-position: inside;
  font-weight: 700;
}
.feature-i-box .top-dangers ol li {
  padding: 0 0 15px 0;
  text-transform: uppercase;
}
.feature-i-box .top-dangers ol li li {
  padding: 0;
  text-transform: none;
}
.feature-i-box .top-dangers ol p {
  font-weight: 400;
  text-transform: none;
}
.feature-i-box .top-dangers ol ul {
  list-style: disc;
  list-style-position: inside;
  padding: 10px;
}
.feature-i-box .top-dangers ol ul li {
  font-weight: 400;
  line-height: 1.6;
  font-size: 16px;
}
.feature-i-box .feature-content {
  font-size: 14px;
  line-height: 20px;
  color: #323a45;
  margin-bottom: 40px;
}
.feature-i-box .feature-content .main-title:not(:first-child) {
  margin-top: 40px;
}
.feature-i-box .feature-content .main-title:not(:first-child).no-margin-top {
  margin-top: 0;
}
.feature-i-box .feature-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.feature-i-box .feature-content .resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 10px;
}
.feature-i-box .feature-content .resp-container .resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.feature-i-box .feature-content p {
  margin-bottom: 10px;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
}
.feature-i-box .feature-content .feature-button-wrapper {
  text-align: center;
  margin: 40px auto;
}
.feature-i-box .feature-content .button:not(.button-show-more) {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.feature-i-box .feature-content button {
  -webkit-appearance: button;
}
.feature-i-box .feature-content strong {
  font-weight: 700;
}
.feature-i-box .feature-content ol,
.feature-i-box .feature-content ul {
  list-style-type: disc;
  margin-left: 23px;
  margin-bottom: 10px;
}
.feature-i-box .feature-content ol li:not(:last-child),
.feature-i-box .feature-content ul li:not(:last-child) {
  margin-bottom: 5px;
}
.feature-i-box .feature-content ol {
  counter-reset: section;
  list-style-type: none;
  margin-left: 24px;
}
.feature-i-box .feature-content ol li {
  position: relative;
}
.feature-i-box .feature-content ol li:before {
  counter-increment: section;
  content: counters(section, ".") ".";
  position: absolute;
  left: -22px;
  width: 20px;
  text-align: right;
}
.feature-i-box .feature-content ol li > ol {
  margin-left: 25px;
  margin-top: 5px;
  margin-bottom: 0;
}
.feature-i-box .feature-content ol li > ol li:before {
  left: -26px;
}
.feature-i-box .feature-content ol li.bottom-bullet:before {
  counter-increment: none;
  content: " ";
}
.feature-i-box .feature-content ol li.bottom-bullet p:before {
  counter-increment: section;
  content: counters(section, ".") ".";
  position: absolute;
  left: -22px;
  width: 20px;
  text-align: right;
}
.feature-i-box .feature-content .custom-bullet {
  list-style-type: none;
}
.feature-i-box .feature-content .custom-bullet li {
  position: relative;
}
.feature-i-box .feature-content .custom-bullet li:before {
  content: "";
  display: inline-block;
  width: 14px;
  margin-left: -14px;
}
.feature-i-box .feature-content .custom-bullet li:after {
  content: "";
  position: absolute;
  left: -17px;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
}
.feature-i-box .feature-content .custom-bullet li.no-bullet:after {
  background-color: transparent;
}
.feature-i-box .feature-content .feature-content-hidden {
  display: none;
}
[lang="ar"] .drop-seo-wr .drop-seo-head i {
  margin: -3px 10px 0 0;
}
[lang="ar"] .drop-seo-wr .drop-seo-text .inner ul li {
  margin: 0 15px 10px 0;
}
@media only screen and (min-width: 960px) {
  .main-menu-button {
    display: none;
  }
}
.main-menu-button {
  width: 20px;
  min-width: 20px;
  height: 12px;
  position: relative;
  cursor: pointer;
}
.main-menu-button:not(.open):hover i:nth-child(1) {
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
.main-menu-button:not(.open):hover i:nth-child(3) {
  -webkit-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.main-menu-button.open i:nth-child(1) {
  top: 50%;
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
}
.main-menu-button.open i:nth-child(2) {
  opacity: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.main-menu-button.open i:nth-child(3) {
  top: 50%;
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
}
.main-menu-button i {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.48, 0.88, 0.44, 1.5);
  transition: 0.3s cubic-bezier(0.48, 0.88, 0.44, 1.5);
}
.main-menu-button i:nth-child(1) {
  top: 0;
}
.main-menu-button i:nth-child(2) {
  top: 50%;
}
.main-menu-button i:nth-child(3) {
  top: 100%;
}
@media only screen and (max-width: 960px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
  body.mobile-menu-open {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
  }
  body .buy-now-i .product-i .product-radio-wr .radio-i label .period {
    font-size: 10px;
  }
  body,
  html {
    height: 100%;
  }
  .buy-now-i .product-i .product-head .r-side,
  .deadly-websites .main-block .main-block-bg video {
    display: none;
  }
  .buy-now-i .product-i .product-head .l-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .buy-now-i .product-i {
    position: relative;
  }
  .buy-now-i .product-i .product-price .compatibility {
    position: absolute;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .buy-now-i .product-i .product-price .compatibility li > div {
    display: none;
  }
  .buy-now-i .product-i .product-head {
    padding: 20px;
  }
  .buy-now-i .product-i .product-price {
    padding: 0 20px 10px;
    min-height: 70px;
  }
  .buy-now-i.buy-now-i-premium > .product-i:nth-child(2) .product-head {
    padding: 35px 20px 0;
    min-height: 123px;
  }
  .buy-now-i .product-i .product-radio-wr {
    padding: 20px;
  }
  .buy-now-i .product-i .product-radio-wr .radio-i label .price {
    font-size: 14px;
  }
  .buy-now-i .product-i .product-features .inner {
    padding: 20px;
  }
  .buy-now-i.buy-now-i-premium
    > .product-i:nth-child(2)
    .product-price
    .price-wr
    .num
    .integer {
    font-size: 56px;
  }
  .buy-now-i.buy-now-i-premium
    > .product-i:nth-child(2)
    .product-price
    .price-wr
    .num
    .remaining,
  .buy-now-i.buy-now-i-premium
    > .product-i:nth-child(2)
    .product-price
    .price-wr
    .num:before {
    font-size: 24px;
  }
  .button.button-gray.ppl svg {
    height: 33px;
  }
  section {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .l-side .mobile-menu {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: rgba(42, 49, 60, 0.95);
    padding: 0;
  }
  .mobile-menu-open .mobile-menu {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: all;
    z-index: 9;
  }
  .mobile-menu-open header .l-side .nav-main {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .mobile-menu-open header .l-side .nav-main > ul > li .sub-menu {
    position: static;
    opacity: 1;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background: 0 0;
    padding: 0 20px 0 40px;
    pointer-events: all;
    -webkit-transition: 0s;
    transition: 0s;
    display: block;
  }
  .mobile-menu-open header .l-side .nav-main > ul > li:hover a {
    background: 0 0;
    color: #606b71;
  }
  header .l-side .nav-main > ul > li .sub-menu .sub-menu-i {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 40px 0;
    -webkit-transition: 0s;
    transition: 0s;
  }
  header .l-side .nav-main > ul > li .sub-menu .sub-menu-i .sub-menu-title,
  header
    .l-side
    .nav-main
    > ul
    > li
    .sub-menu
    .sub-menu-i:nth-child(1)
    .sub-menu-title {
    padding: 0 10px 10px 0;
    border-bottom: 1px solid #9da8b5;
  }
  header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul {
    padding: 20px 30px 0 0;
  }
  header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul li {
    margin: 10px 0;
  }
  header .l-side .nav-main {
    -webkit-transform: translate(0, -20%);
    transform: translate(0, -20%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .mobile-menu {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: -1;
  }
  footer .logo-list {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 360px;
  }
  header .wr {
    height: 50px;
  }
  body {
    padding: 4px 0 0 0;
  }
  header .r-side {
    -webkit-flex-basis: calc(100% - 60px);
    -ms-flex-preferred-size: calc(100% - 60px);
    flex-basis: calc(100% - 60px);
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  header .r-side .login-box {
    margin: 0 20px;
  }
  header .l-side .nav-main {
    margin: 0;
    font-size: 14px;
  }
  header .l-side .nav-main > ul > li .sub-menu ~ a:after {
    display: none;
  }
  header .l-side .nav-main > ul {
    display: block;
  }
  header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul,
  header .l-side .nav-main > ul > li .sub-menu .sub-menu-i ul.col-2 {
    display: block;
  }
  header .l-side .nav-main > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  header .l-side .nav-main > ul > li > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  header .l-side .language-select .language-select-button {
    height: 50px;
    padding: 0 10px;
    width: 50px;
  }
  header .r-side .login-box:after {
    display: none;
  }
  header .l-side .language-select {
    margin: 0 10px;
    position: relative;
    z-index: 99;
  }
  .main-block .main-block-title {
    font-size: 42px;
  }
  .main-block .l-side p {
    font-size: 14px;
  }
  .main-block .r-side ul {
    min-width: 280px;
  }
  .main-block .wr .l-side {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .header-padding {
    height: 50px;
  }
  .main-about .l-side p {
    margin: 0 0 30px 0;
    font-size: 18px;
  }
  .main-about .r-side .play-about {
    max-width: 350px;
  }
  .endorsements p {
    font-size: 16px;
  }
  .buy-now-i .product-i .product-description-wr {
    padding: 15px 6% 15px;
    font-size: 14px;
  }
  .buy-now-i .product-i .product-features .inner ul li {
    font-size: 12px;
  }
  .button-gray span {
    font-size: 12px;
  }
  .about-mission .about-mission-title {
    font-size: 32px;
  }
  .features-box-head .wr h1 {
    font-size: 30px;
  }
  .mission-stat .stat-i .inner .num-b {
    font-size: 44px;
  }
  .affiliate-i .wr .l-side h2 br {
    display: none;
  }
  .affiliate-i .wr .l-side h2 {
    font-size: 16px;
  }
  .contacts-box .wr ul li {
    margin: 34px 0;
    font-size: 14px;
  }
  .aside-box .features-aside {
    max-width: 238px;
    padding: 30px 8px;
  }
  .features-box .customers-slider .customers-slider-wr .inner,
  .features-box .customers-slider .customers-slider__controls,
  .features-box .customers-slider .wr,
  .features-box .feature-i-box .wr {
    padding: 0 20px 0 278px;
  }
  .features-box .get-started .button-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .features-box .feature-i-head h1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .features-box .feature-i-head .r-side {
    display: none;
  }
  .features-box .compatible-box > div {
    padding: 30px 12px 0;
  }
  .features-box .feature-case .l-side p {
    padding: 5px 0;
    font-size: 14px;
  }
  .features-box .features-box-head .wr h1 {
    font-size: 30px;
  }
  .features-box .feature-i h2 {
    font-size: 24px;
  }
  .features-box .feature-i h2 br {
    display: none;
  }
  .feature-i-head {
    text-align: center;
  }
  .feature-i-head .button-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .feature-i-head .button-box > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 0;
  }
  .features-box .feature-i-head p {
    font-size: 14px;
  }
  .features-box .features-list li span {
    font-size: 14px;
    line-height: 1.3;
  }
  .features-box .compatible-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .features-box .compatible-box .l-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0;
  }
  .features-box .compatible-box .r-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0;
  }
  .features-box .compatible-box > div {
    padding: 30px 12px 0;
  }
  .features-box .feature-case .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .features-box .feature-case .wr > div {
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    margin: 0 0 40px 0;
    text-align: center;
  }
  .features-box .feature-case .wr > div:last-child {
    margin: 0;
  }
  .features-box .feature-case .box-title {
    margin: 0 auto 30px;
  }
  .features-box .feature-i-head .l-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .features-box .feature-i-box .main-title {
    text-align: center;
  }
  .features-box .feature-i-box .main-steps-wr {
    text-align: center;
  }
  .features-box .feature-i-box .main-steps-wr .step-i:before {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .features-box .feature-i-box.customers-slider .customers-slider-wr .inner {
    text-align: center;
    padding: 0 20px;
  }
  .features-box .feature-i-box.start-monitoring-now .button-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .features-box .feature-i-box.start-monitoring-now .button-box > a {
    margin: 10px 10px;
  }
  .networks-block ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .networks-block ul li svg {
    height: 30px;
  }
  .networks-block ul li {
    margin: 10px 0;
  }
  .compatibility-block .compatibility-block-wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .compatibility-block .compatibility-block-wr > li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .compatibility-block .compatibility-block-wr > li i svg {
    width: 40%;
  }
  .compatibility-block .compatibility-block-wr > li:nth-child(2) {
    border-left: none;
    border-right: none;
  }
  .get-started .button-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .get-started .button-box > a {
    margin: 10px 0;
  }
  .deadly-websites .main-block h1 {
    font-size: 30px;
  }
  .deadly-websites .main-block p {
    font-size: 16px;
  }
  .deadly-websites .main-block .form-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .trial-form .wr {
    margin: 0 auto;
    max-width: 100%;
  }
  .trial-page .main-block .box {
    margin: 0 auto !important;
  }
  .trial-page .compatibility-tabs-head ul li svg {
    width: 90px;
    height: 103px;
  }
  .trial-page .main-block h1 {
    font-size: 30px !important;
    margin: 0 0 20px;
  }
  .trial-form.sevend .trial-form-box .step-i {
    margin: 0 0 25px 0;
    position: relative;
  }
  .trial-form.sevend .trial-form-box {
    padding: 30px 0;
  }
  .trial-form .trial-form-box .trial-form-title {
    font-size: 16px;
    line-height: 20px;
  }
  .trial-page .main-block p {
    font-size: 16px;
  }
  .trial-form .trial-form-box .step-i:after,
  .trial-form .trial-form-box .step-i:before {
    display: none;
  }
  .for-comp .feature-i .r-side .img-box {
    max-width: 220px;
    margin: 0 auto;
  }
  .features-box .feature-i-head .wr {
    min-height: 0;
  }
  .features-box .feature-case .r-side .big-icon li img {
    max-width: 220px;
  }
  .features-box .feature-i-head {
    padding: 40px 0;
  }
  .error-block .l-side p {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 800px) {
  .features-box .feature-i-box .wr.full-wr {
    padding: 0 15px !important;
  }
  .features-box .feature-i-box .wr.full-wr.top-pad {
    padding: 40px 0 0 0 !important;
  }
  .features-box .customers-slider .customers-slider-wr .wr.full-wr {
    padding: 0 45px !important;
  }
  .features-box .customers-slider .slider-nav .prev.slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .features-box .customers-slider .slider-nav .next.slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 768px) {
  body .cookie-l .txt-box svg {
    display: none;
  }
  body .list-f-top {
    text-align: center;
  }
  body .main-block .main-block-bg {
    background-position: center;
  }
}
@media only screen and (max-width: 600px) {
  body .inner.fam-kit .jump-menu {
    max-width: none;
    margin-left: 0;
  }
}
@media only screen and (min-width: 800px) {
  .button-box-mobile,
  .product-features-button,
  .session-code-mobile {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  html {
    -webkit-tap-highlight-color: transparent;
  }
  .wr {
    padding-left: 16px;
    padding-right: 16px;
  }
  header .l-side .language-select .language-select-button {
    padding-right: 0;
    width: 37px;
  }
  body,
  header {
    min-width: 320px;
  }
  header .header-top .support span {
    font-size: 12px;
  }
  header .header-top .support .phone {
    font-size: 12px;
  }
  .buy-now-i {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .button-box-mobile {
    display: block;
  }
  .button-box-mobile > span {
    margin: 10px 0;
  }
  .button-box-mobile .open-login {
    min-width: 100%;
    margin: 20px 0 0;
  }
  header .l-side .language-select:hover .language-select-wr {
    opacity: 0;
    pointer-events: none;
  }
  header .l-side .language-select:hover .language-select-button {
    color: #b6c7cf;
    background: 0 0;
  }
  header .l-side .language-select .language-select-wr li {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  header .l-side .language-select {
    -webkit-flex-basis: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
  }
  header .l-side .language-select.open .language-select-wr {
    opacity: 1;
    pointer-events: all;
  }
  header .l-side .language-select.open .language-select-button {
    background: #212730;
    color: #606b71;
  }
  .buy-now-i .product-i {
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    border-radius: 6px !important;
    margin: 0 0 20px 0 !important;
  }
  .buy-now-i .product-i .product-features {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .buy-now-i .product-i .product-features .inner {
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .buy-now-i.buy-now-i-premium > .product-i:nth-child(1) {
    border-right: 1px solid #e1e3e4;
  }
  .buy-now-i.buy-now-i-premium > .product-i:nth-child(3) {
    border-left: 1px solid #e1e3e4;
  }
  .buy-now-i.buy-now-i-premium > .product-i:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .main-banner.timer-banner .timer-banner-title {
    font-size: 28px;
  }
  .main-banner .timer-wr .num div:nth-child(1) {
    font-size: 42px;
  }
  .main-banner .timer-wr > span {
    font-size: 22px;
    margin: 0 5px 0 0;
  }
  .main-banner .timer-wr > span:last-child {
    margin: 0 0 0 5px;
  }
  .main-banner .timer-wr .dots {
    font-size: 30px;
  }
  .main-banner .timer-wr .num div:nth-child(2) {
    font-size: 10px;
    margin: 5px 0 0 0;
  }
  .main-banner {
    padding: 30px 0 0 0;
  }
  .main-banner .timer-wr {
    padding: 20px 0;
  }
  .tabs-head {
    padding: 20px 0 0 0;
  }
  .buy-now-i {
    margin: 40px 0 0 0;
  }
  .tabs-head ul {
    max-width: 380px;
    margin: 0 auto;
  }
  .buy-now-i {
    max-width: 380px;
    margin: 40px auto 0;
  }
  .tabs-head ul li {
    width: auto;
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
  }
  .product-features-button {
    background-color: #e7ecef;
    padding: 10px 0;
    color: #757f84;
  }
  .product-features-button span {
    margin: 0 5px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
  }
  .product-features-button span:after {
    content: "";
    border-left: 1px solid #757f84;
    border-bottom: 1px solid #757f84;
    width: 8px;
    height: 8px;
    display: block;
    margin: -5px 0 0 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .product-i.show-features .product-features-button span:after {
    margin: 5px 0 0 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .product-i.show-features .product-features {
    max-height: 999px;
  }
  .product-i.show-features .product-features .inner {
    opacity: 1;
  }
  section.compatibility .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 380px;
    margin: 0 auto;
  }
  section.compatibility .wr > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 20px 0;
  }
  footer .t-side {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  footer .t-side .col:nth-child(1) {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 10px 0;
  }
  footer .t-side .col:nth-child(2) {
    -webkit-flex-basis: 44%;
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%;
    margin: 0 10% 0 0;
  }
  footer .t-side .col:nth-child(3) {
    -webkit-flex-basis: 44%;
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%;
    margin: 0 0 10px 0;
  }
  footer .t-side .col:nth-child(5) {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 20px 0 0 0;
  }
  footer .b-side {
    margin: 20px auto;
  }
  .buy-now-i .product-i .product-head {
    min-height: 0;
  }
  .buy-now-i.buy-now-i-familyKit .product-i:nth-child(1) {
    border-right: 1px solid #e1e3e4;
  }
  .buy-now-i.buy-now-i-familyKit .product-i:nth-child(3) {
    border-left: 1px solid #e1e3e4;
  }
  .compatibility-wr .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .compatibility-wr .wr > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    margin: 0 0 40px 0;
  }
  .compatibility-wr .wr > div .icon {
    margin: 0 auto 10px;
  }
  header .r-side .support a {
    font-size: 11px;
  }
  header .r-side .login-box {
    margin: 0 10px;
  }
  header .r-side .support span {
    display: none;
  }
  section {
    padding: 40px 0;
  }
  .main-section {
    margin: 10px 0;
  }
  .main-block .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }
  .main-block {
    padding: 40px 0;
  }
  .main-block .main-block-title {
    font-size: 32px;
  }
  .main-block .l-side p {
    padding: 15px 0;
  }
  .main-block .r-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .main-block .button-box {
    display: none;
  }
  .main-block .wr .l-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    margin: 0;
  }
  .button-box-mobile {
    display: block;
    text-align: center;
  }
  .button-box-mobile > span {
    color: #fff;
    display: block;
    margin: 10px 0;
  }
  .affiliate-i.commission .img-box {
    margin: 0 auto;
  }
  .main-block .r-side ul {
    padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .main-block .r-side ul br {
    display: none;
  }
  .main-block .r-side ul li {
    height: auto;
    margin: 10px 0;
    border-bottom: none;
  }
  .product-page .main-block:after,
  .product-page .main-block:before {
    display: none;
  }
  .main-block .r-side ul li:before {
    left: -22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .button-box-mobile {
    margin: 25px 0 0 0;
  }
  .buynow-page .note-i {
    pointer-events: none;
  }
  .compatibility-wr .wr > div .title {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .product-page .main-block {
    padding: 40px 0;
  }
  .main-about .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
  }
  .main-about .wr br {
    display: none;
  }
  .main-about .wr .r-side {
    margin: 40px 0 0 0;
  }
  .main-about .l-side p {
    margin: 0 0 20px 0;
    font-size: 16px;
  }
  .main-features .main-features-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-features .main-features-list li {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    margin: 0 0 25px 0;
  }
  .main-features .button-box {
    margin: 20px 0 0 0;
  }
  .main-features .main-features-top {
    padding: 0 0 40px 0;
  }
  .main-features .features-tabs {
    padding: 40px 0;
  }
  .main-features .features-tabs .features-tabs-head ul li {
    min-width: 100px;
  }
  .main-title {
    font-size: 16px;
    margin: 0 0 30px 0;
  }
  .main-features .main-features-bottom {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-features .main-features-bottom > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .main-features .main-features-bottom .r-side {
    border: 0;
  }
  .main-features .features-tabs .features-tabs-wr .tab-i .bg-img {
    display: none;
  }
  .main-features .main-features-bottom > div {
    padding: 10px 0;
  }
  .main-features .features-tabs .features-tabs-wr ul,
  .main-features .features-tabs .features-tabs-wr ul li .title {
    position: relative;
  }
  .main-features .features-tabs .features-tabs-wr ul li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: auto;
    background-color: rgba(73, 191, 243, 0.9);
  }
  .main-features .features-tabs .features-tabs-wr ul li:nth-child(2n) {
    background-color: rgba(121, 208, 246, 0.9);
  }
  .main-features .features-tabs .features-tabs-wr ul li .title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .main-features .features-tabs .features-tabs-wr ul li .description {
    display: none;
  }
  .main-features .features-tabs .features-tabs-wr ul li .icon {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    width: auto;
    margin: 0 20px 0 0;
  }
  .main-features .features-tabs .features-tabs-wr ul li .title span {
    margin: 0;
  }
  .customers-slider .customers-slider-wr .inner {
    font-size: 13px;
  }
  .customers-slider .slider-nav .wr {
    padding: 5px;
  }
  .drop-seo-wr {
    padding: 10px 0;
  }
  .endorsements p {
    font-size: 14px;
    padding: 10px 0;
  }
  .main-about .wr {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main-features .features-tabs .features-tabs-wr ul li .icon {
    max-width: 40px;
  }
  .video-popup .video-popup-inner {
    padding: 40px 0;
  }
  .main-steps .main-steps-wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-steps .main-steps-wr .step-i {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 0;
    padding: 55px 0 0 0;
  }
  .features-tabs .features-tabs-head ul li {
    min-width: 140px;
    margin: 0 2px;
  }
  .features-tabs .features-tabs-wr ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .features-tabs .features-tabs-wr ul li {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    margin: 10px 0;
  }
  .main-about .l-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .main-features-bottom .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-features-bottom .wr > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border: 0;
  }
  .main-features-bottom {
    padding: 0;
  }
  .endorsements .endorsements-list li {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
  }
  .endorsements .endorsements-list li:nth-child(4) {
    -webkit-flex-basis: 33.333% !important;
    -ms-flex-preferred-size: 33.333% !important;
    flex-basis: 33.333% !important;
  }
  .endorsements .endorsements-list li:nth-child(7),
  .endorsements .endorsements-list li:nth-child(8) {
    -webkit-flex-basis: 25% !important;
    -ms-flex-preferred-size: 25% !important;
    flex-basis: 25% !important;
  }
  .customers-slider .customers-slider__controls {
    display: none !important;
  }
  .experts-reviews .experts-slider-wr .inner {
    font-size: 13px;
    padding: 0 20px;
  }
  .experts-reviews .slider-nav .wr {
    padding: 0 5px;
  }
  .buy-now-button {
    display: none;
  }
  footer {
    line-height: 1.4;
  }
  footer .t-side .col:nth-child(1) ul li {
    -webkit-flex-basis: 44%;
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%;
    margin: 0 10% 0 0;
  }
  footer .t-side .col:nth-child(1) ul li:nth-child(2n) {
    margin: 0;
  }
  footer .m-side {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
  footer .m-side .col {
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    margin: 0 0 20px 0;
  }
  .about-top-box .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0;
  }
  .about-top-box .wr > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border-right: none !important;
    margin: 20px 0;
  }
  .about-info-box .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about-info-box .wr > div {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 5px 0;
  }
  .about-info-box .wr .num {
    font-size: 40px;
  }
  .about-info-box .wr svg {
    width: 40px;
  }
  .about-info-box .wr .icon {
    height: 60px;
  }
  .about-info-box .wr .title {
    font-size: 14px;
  }
  .start-monitoring-now .button-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .start-monitoring-now .button-box > a {
    margin: 10px 0;
  }
  .page-head {
    padding: 30px 0 0 0;
  }
  .page-head h4 {
    font-size: 13px;
  }
  .about-top-box .wr {
    padding: 0;
  }
  .about-info-box .wr {
    padding: 0;
  }
  .about-mission .about-mission-title {
    font-size: 18px;
  }
  .about-mission p {
    font-size: 13px;
  }
  .about-timeline:before {
    left: 0;
  }
  .about-timeline .date-i {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
  }
  .about-timeline .date-i:nth-child(2n) {
    margin: 0;
  }
  .about-timeline .date-i:before {
    right: auto;
    left: -10px;
  }
  .faq-header h1 {
    font-size: 30px;
  }
  .faq-header h3 {
    font-size: 14px;
    margin: 20px 0 90px;
  }
  .features-box-head .wr {
    height: auto;
  }
  .features-box-head .wr h1 {
    font-size: 24px;
    text-align: center;
  }
  .features-box-head .wr p {
    font-size: 14px;
    text-align: center;
  }
  .features-box-head {
    padding: 40px 0;
  }
  .for-comp .feature-i .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .for-comp .feature-i .wr > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .for-comp .feature-i .r-side {
    margin: 0 0 30px 0;
  }
  .for-comp .feature-i .l-side {
    text-align: center;
  }
  .for-comp .feature-i h2 {
    text-align: center;
    display: block;
    font-size: 24px;
  }
  .features-box .feature-i p,
  .for-comp .feature-i p {
    font-size: 13px;
    margin: 10px 0;
  }
  .features-box .feature-i,
  .for-comp .feature-i {
    padding: 40px 0;
  }
  .for-comp .feature-i:nth-child(2n + 1) .r-side {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin: 0 0 30px 0;
  }
  .aside-box {
    display: none;
  }
  .features-box .customers-slider .customers-slider-wr .inner,
  .features-box .customers-slider .customers-slider__controls,
  .features-box .customers-slider .wr,
  .features-box .feature-i-box .wr {
    padding: 0 20px;
  }
  .features-box .customers-slider .slider-nav .wr {
    padding: 0 10px;
  }
  .features-box .customers-slider .customers-slider-wr .inner {
    padding: 0 40px;
  }
  .features-box .main-title {
    text-align: center;
  }
  .features-box .customers-slider .customers-slider-wr .inner {
    text-align: center;
  }
  .features-box .feature-i .r-side {
    display: none;
  }
  .features-box .get-started .button-box {
    display: block;
  }
  .features-box .get-started .button-box a {
    margin: 10px 0;
  }
  .features-box .features-box-head .wr h1 {
    font-size: 26px;
  }
  .features-box .features-box-head .wr h1 br {
    display: none;
  }
  .features-box .feature-i .l-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .features-box .feature-i h2 {
    display: block;
    font-size: 24px;
  }
  .features-box .feature-i h2 i {
    display: block;
    margin: 0 0 20px 0;
  }
  .features-box .feature-i .compatibility {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .affiliate-title h2 {
    font-size: 18px;
  }
  .signup-now .mail-me {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .signup-now .mail-me li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 10px 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .affiliate-i .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .affiliate-i .wr > div {
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
  .affiliate-i .wr .l-side {
    margin: 0 0 30px 0;
    text-align: center;
  }
  .affiliate-i .wr .l-side i:before {
    margin: 20px auto;
  }
  .affiliate-i .wr .l-side i {
    font-size: 40px;
  }
  .mission-stat .stat-i .inner .title {
    font-size: 14px;
  }
  .mission-stat .stat-i .inner .num-b {
    font-size: 36px;
  }
  .mission-stat .stat-i .inner .num-s {
    font-size: 16px;
    top: 76%;
  }
  .affiliate-features-list li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .affiliate-drop .affiliate-drop-wr .inner {
    padding: 20px 0;
  }
  .table-c td,
  .table-c th {
    padding: 4px;
    font-size: 12px;
  }
  .affiliate-i.commission {
    background: #fff;
  }
  .affiliate-drop .affiliate-drop-head span {
    -webkit-flex-basis: 90%;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
  }
  .testimonials-slider {
    margin: 0 auto;
  }
  .testimonials-slider p {
    font-size: 14px;
    text-align: center;
  }
  .testimonials-slider .testimonials-slider__elem > div {
    text-align: center;
  }
  .affiliate-i .wr .r-side {
    width: 100%;
  }
  .contacts-head p {
    font-size: 14px;
  }
  .contact-form form {
    padding: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contact-form form > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 0;
  }
  .contacts-box .wr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contacts-box .wr > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 0;
  }
  .contacts-box .wr .icon {
    font-size: 30px;
    margin: 0 0 10px 0;
  }
  .contacts-box .wr ul {
    padding: 0;
  }
  .contacts-box .wr ul li {
    font-size: 13px;
    margin: 20px 0;
  }
  .contacts-box .wr ul p {
    position: relative;
  }
  .features-box .feature-case .box-title {
    margin: 0 auto 20px;
  }
  .features-box .feature-case .r-side p {
    margin: 20px 0 0 0;
  }
  .features-box .feature-i-head h1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 0 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .features-box .feature-i-head h1 > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .features-box .feature-i-head h1 i {
    margin: 0 0 20px 0;
  }
  .product-features-list ul li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .compatibility-tabs-cont > div {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .compatibility-tabs-cont > div:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .compatibility-tabs-cont > div:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .compatibility-tabs-cont-line {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .buy-now-i.buy-now-i-familyKit .product-i.bundle-kit {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .main-block .reseller-main-r-side {
    color: #fff;
    margin: 20px 0 0 0;
  }
  .reseller-main-r-side .s-title {
    text-align: center;
  }
  .main-block .reseller-main-r-side p {
    color: #fff;
    max-width: 100%;
  }
  .main-block .reseller-main-r-side .margin-stat .stat-i .inner .b-side {
    color: #7bbb29;
  }
  .main-about.reseller-about .l-side,
  .main-about.reseller-about .r-side {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .reseller-about-inf {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .reseller-about-inf > div {
    margin: 10px;
  }
  .reseller-block .reseller-block-i .box-i {
    display: block;
  }
  .reseller-block .reseller-block-i .box-i .l-side {
    max-height: 999px;
    margin: 0 auto 20px !important;
    max-width: 100px;
  }
  .main-block.partner-main h1 {
    font-size: 30px;
  }
  .main-block.partner-main p {
    font-size: 18px;
  }
  .main-block.partner-main .button-box {
    display: block;
  }
  .main-block.partner-main .button-box > span {
    margin: 10px;
    display: block;
  }
  .reseller-form .wr,
  .reseller-form-page .main-block .box {
    margin: 0 auto;
  }
  .b-title {
    font-size: 60px;
  }
  .main-block.error-block .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main-block.error-block .button-box > span {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 0;
  }
  .session-code {
    display: none;
  }
  .product-iphone-page .main-block:after,
  .product-iphone-page .main-block:before {
    display: none;
  }
  .product-iphone-page .main-block {
    padding: 40px 0;
  }
  html[lang="de"] body[data-page-name="resellerdetails"] .main-block h1 {
    font-size: 36px;
  }
  html[lang="de"]
    body[data-page-name="resellerdetails"]
    .reseller-form
    .reseller-form-box
    .reseller-form-i
    .reseller-form-title {
    font-size: 15px;
  }
  html[lang="de"] body[data-page-name="privacy_policy"] .text-box-policy h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 700px) and (orientation: landscape) {
  .mobile-menu-open header .header-bottom .wr {
    display: block;
    padding: 5px 0;
  }
  header .header-bottom nav.nav-main ul a {
    height: 25px;
  }
  header .header-bottom .language-select .language-select-button {
    height: 20px;
  }
  header .header-bottom .login-box {
    margin: 5px 20px;
  }
  .video-popup .video-popup-inner .video-box iframe {
    max-height: 70vh;
  }
  .video-popup .video-popup-inner .close-button:before {
    top: 2%;
  }
}
.wrapper {
  display: table;
  width: auto;
  position: relative;
  cursor: pointer;
}
.playpause {
  background-image: url(https://www.lynnettechadwick.com/wp-content/uploads/2015/04/play-button.png);
  background-repeat: no-repeat;
  width: 50%;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: 100px 100px;
  background-position: center;
}
.featured-logo img {
  text-align: center;
  width: 33%;
  float: left;
}
.ytp-show-cards-title,
iframe .ytp-chrome-top {
  display: none !important;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container embed,
.embed-container iframe,
.embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-box-policy .wr h1,
body[data-page-name="free-mobile-phone-tracker"] .text-box-policy .wr h1 {
  text-align: center;
}
body[data-page-name="free-mobile-phone-tracker"] div[itemscope],
body[data-page-name="free"] div[itemscope] {
  font-weight: 600;
  padding: 10px 0;
}
body[data-page-name="free-mobile-phone-tracker"] h1,
body[data-page-name="free"] h1 {
  text-align: center;
}
body[data-page-name="free-mobile-phone-tracker"] h2,
body[data-page-name="free-mobile-phone-tracker"] h3,
body[data-page-name="free"] h2,
body[data-page-name="free"] h3 {
  margin: 1em 0 1em;
}
body[data-page-name="free-mobile-phone-tracker"] .button.button-green,
body[data-page-name="free"] .button.button-green {
  margin: 0 auto 20px auto;
  color: #fff;
}
body[data-page-name="free-mobile-phone-tracker"] .text-box-policy ul {
  padding: 10px;
}
body[data-page-name="free-mobile-phone-tracker"] .button-box {
  margin-top: 20px;
}
body[data-page-name="free-mobile-phone-tracker"] div[itemscope] {
  font-weight: 400;
  padding: 0;
}
.text-box-default,
.text-box-policy {
  line-height: 1.5;
  padding: 0;
}
.text-box-default.legal,
.text-box-policy.legal {
  text-align: justify;
}
.text-box-default .bold-list,
.text-box-default .rom-list,
.text-box-policy .bold-list,
.text-box-policy .rom-list {
  font-weight: 700;
}
.text-box-default .bold-list p,
.text-box-default .rom-list p,
.text-box-policy .bold-list p,
.text-box-policy .rom-list p {
  font-weight: 400;
}
.text-box-default .def-list,
.text-box-policy .def-list {
  font-weight: 400;
}
.text-box-default h1,
.text-box-policy h1 {
  font-size: 2.5em;
  margin: 2em 0 1em 0;
}
.text-box-default h2,
.text-box-policy h2 {
  font-size: 1.5em;
  margin: 2.5em 0 1.5em 0;
  font-weight: 700;
  text-align: center;
}
.text-box-default a,
.text-box-policy a {
  color: #42afc7;
  text-decoration: none;
}
.text-box-default h3,
.text-box-policy h3 {
  font-size: 1.17em;
  margin: 2em 0 1em 0;
  font-weight: 700;
}
.text-box-default p,
.text-box-policy p {
  padding: 5px 0;
}
.text-box-default ul,
.text-box-policy ul {
  padding: 5px 0;
  list-style: disc;
}
.text-box-default ul li,
.text-box-policy ul li {
  margin: 5px 0 5px 20px;
}
.text-box-default b,
.text-box-default strong,
.text-box-policy b,
.text-box-policy strong {
  font-weight: 700;
}
.text-box-default address,
.text-box-default dfn,
.text-box-default em,
.text-box-default var,
.text-box-policy address,
.text-box-policy dfn,
.text-box-policy em,
.text-box-policy var {
  font-style: italic;
}
.text-box-default ol,
.text-box-policy ol.counters-list {
  display: block;
  list-style-type: none;
  padding-left: 15px;
}
.text-box-policy .counters-list li ol {
  padding-left: 25px;
}
.text-box-default ol li,
.text-box-policy ol li {
  margin: 20px 0;
}
.text-box-default dl,
.text-box-policy dl {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
.text-box-default dd,
.text-box-policy dd {
  display: block;
  -webkit-margin-start: 40px;
}
.text-box-default dl dt,
.text-box-policy dl dt {
  font-weight: 700;
  margin: 1em 0;
}
.text-box-default table,
.text-box-policy table {
  border-color: #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}
.text-box-default table td,
.text-box-policy table td {
  padding: 3px;
  border: 1px solid;
}
.text-box-policy .counters-list i {
  font-style: italic;
}
.text-box-default .counters-list,
.text-box-policy .counters-list {
  list-style-type: none;
  counter-reset: section;
}
.text-box-default .counters-list > li:before,
.text-box-policy .counters-list > li:before {
  padding-right: 10px;
  counter-increment: section;
  content: counters(section, "") ".";
  font-size: 16px;
}
.text-box-policy ol li:nth-child(1) ol li:before {
  padding-right: 10px;
  counter-increment: list1;
  content: "1" ". " counter(list1);
}
.text-box-policy ol li:nth-child(2) ol li:before {
  padding-right: 10px;
  counter-increment: list2;
  content: "2" ". " counter(list2);
}
.text-box-policy ol li:nth-child(3) ol li:before {
  padding-right: 10px;
  counter-increment: list3;
  content: "3" ". " counter(list3);
}
.text-box-policy ol li:nth-child(4) ol li:before {
  padding-right: 10px;
  counter-increment: list4;
  content: "4" ". " counter(list4);
}
.text-box-policy ol li:nth-child(5) ol li:before {
  padding-right: 10px;
  counter-increment: list5;
  content: "5" ". " counter(list5);
}
.text-box-policy ol li:nth-child(6) ol li:before {
  padding-right: 10px;
  counter-increment: list6;
  content: "6" ". " counter(list6);
}
.text-box-policy ol li:nth-child(7) ol li:before {
  padding-right: 10px;
  counter-increment: list7;
  content: "7" ". " counter(list7);
}
.text-box-policy ol li:nth-child(8) ol li:before {
  padding-right: 10px;
  counter-increment: list8;
  content: "8" ". " counter(list8);
}
.text-box-policy ol li:nth-child(9) ol li:before {
  padding-right: 10px;
  counter-increment: list9;
  content: "9" ". " counter(list9);
}
.text-box-policy ol li:nth-child(10) ol li:before {
  padding-right: 10px;
  counter-increment: list10;
  content: "10" ". " counter(list10);
}
.text-box-policy ol li:nth-child(11) ol li:before {
  padding-right: 10px;
  counter-increment: list11;
  content: "11" ". " counter(list11);
}
.text-box-policy ol li:nth-child(12) ol li:before {
  padding-right: 10px;
  counter-increment: list12;
  content: "12" ". " counter(list12);
}
.text-box-policy ol li:nth-child(13) ol li:before {
  padding-right: 10px;
  counter-increment: list13;
  content: "13" ". " counter(list13);
}
.text-box-policy ol li:nth-child(14) ol li:before {
  counter-increment: list14;
  content: "14" ". " counter(list14);
}
.text-box-policy ol li:nth-child(15) ol li:before {
  counter-increment: list15;
  content: "15" ". " counter(list15);
}
.text-box-policy ol li:nth-child(16) ol li:before {
  counter-increment: list16;
  content: "16" ". " counter(list16);
}
.text-box-policy ol li:nth-child(17) ul li:before {
  content: none !important;
}
.text-box-policy ol li:nth-child(17) ol li:before {
  counter-increment: list17;
  content: "17" ". " counter(list17);
}
.text-box-policy ol li:nth-child(18) ol li:before {
  counter-increment: list18;
  content: "18" ". " counter(list18);
}
.text-box-policy ol li:nth-child(19) ol li:before {
  counter-increment: list19;
  content: "19" ". " counter(list19);
}
.text-box-policy ol li:nth-child(20) ol li:before {
  counter-increment: list20;
  content: "20" ". " counter(list20);
}
.text-box-policy ol li:nth-child(21) ol li:before {
  counter-increment: list21;
  content: "21" ". " counter(list21);
}
.text-box-policy ol li:nth-child(22) ol li:before {
  counter-increment: list22;
  content: "22" ". " counter(list22);
}
.text-box-policy ol li:nth-child(23) ol li:before {
  counter-increment: list23;
  content: "23" ". " counter(list23);
}
.text-box-policy ol li:nth-child(24) ol li:before {
  counter-increment: list24;
  content: "24" ". " counter(list24);
}
.text-box-policy ol li:nth-child(25) ol li:before {
  counter-increment: list25;
  content: "25" ". " counter(list25);
}
.text-box-policy ol li:nth-child(26) ol li:before {
  counter-increment: list26;
  content: "26" ". " counter(list26);
}
.text-box-policy ol li ol {
  list-style: none;
}
#none-point li:before {
  content: none;
}
#none-point li {
  list-style-position: inside;
}
.main-steps .main-steps-wr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.5;
}
.main-steps .main-steps-wr .step-i {
  -webkit-flex-basis: 29%;
  -ms-flex-preferred-size: 29%;
  flex-basis: 29%;
  position: relative;
  padding: 70px 0 0 0;
}
.main-steps .main-steps-wr .step-i em {
  display: block;
  padding: 10px 0;
  font-style: italic;
}
.main-steps .main-steps-wr .step-i em span {
  font-style: normal;
  font-weight: 800;
}
.main-steps .main-steps-wr .step-i div {
  color: #323a45;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.main-steps .main-steps-wr .step-i p {
  font-size: 13px;
  color: #757f84;
}
.main-steps .main-steps-wr {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-steps .main-steps-wr .step-i {
  -webkit-flex-basis: 33%;
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
  margin: 10px 0;
  padding: 55px 0 0 0;
}

.card {
  margin-bottom: 20px;
}
#wpadminbar {
  display: none;
}
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
}
#loading {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  top: 0;
  position: fixed;
  display: block;
  background-color: #333;
  z-index: 99;
  text-align: center;
}
#loading-image {
  position: relative;
  margin: 0 auto;
  top: 3%;
  z-index: 100;
}
#loading .progress-bar {
  margin-top: 20px;
}
#loading .form-inline {
  width: 50%;
  margin: 0 auto;
}
@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 60px 0;
  }
}
@keyframes auto-progress {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}
.progress-bar {
  background-color: #7cb937;
  height: 45px;
  margin: 0px auto;
  border-radius: 5px;
  box-shadow:
    0 1px 5px #000 inset,
    0 1px 0 #7cb937;
}
.stripes {
  background-size: 30px 30px;
  background-image: linear-gradient(
    135deg,
    rgba(124, 185, 55, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(124, 185, 55, 0.15) 50%,
    rgba(124, 185, 55, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.stripes.animated {
  animation: animate-stripes 0.6s linear infinite;
}
.stripes.animated.slower {
  animation-duration: 1.25s;
}
.stripes.reverse {
  animation-direction: reverse;
}
.progress-bar-inner {
  display: block;
  height: 45px;
  width: 0%;
  background-color: #7cb937;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(124, 185, 55, 0.5) inset;
  position: relative;
  animation: auto-progress 10s infinite linear;
}
@media (min-width: 576px) {
  .progress-bar {
    width: 30%;
  }
  #loading .form-inline {
    width: 30%;
    margin: 20px auto;
  }
  .payment-table .pay-now {
    width: 40%;
  }
}

/******css code for email subscribe******/
@media screen and (max-width: 767px) and (min-width: 200px) {
  .subscribe-form {
    width: 90% !important;
    margin: 20px auto !important;
  }
  .frm-group {
    width: 100%;
    display: flex !important;
  }
  .subscribe-form input[type="email"] {
    width: 70%;
    float: left;
    height: 40px;
    border-radius: 0;
    padding: 15px;
    outline: 0;
  }

  .subscribe-form button {
    width: 30%;
    float: right;
    height: 40px;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    text-transform: uppercase;
    background: #7cb937;
    border: #7cb937;
  }

  .subscribe-form button:hover,
  .subscribe-form button:active {
    background: #7cb937;
    border: #7cb937;
  }
}
@media screen and (max-width: 850px) and (min-width: 767px) {
  .subscribe-form {
    width: 30% !important;
    margin: 20px auto !important;
  }
  .frm-group {
    width: 100%;
    display: flex !important;
  }
  .subscribe-form input[type="email"] {
    width: 70%;
    float: left;
    height: 40px;
    border-radius: 0;
    padding: 15px;
    outline: 0;
  }
  .subscribe-form button {
    width: 30%;
    float: right;
    height: 40px;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    text-transform: uppercase;
    background: #7cb937;
    border: #7cb937;
  }
  .subscribe-form button:hover,
  .subscribe-form button:active {
    background: #7cb937;
    border: #7cb937;
  }
}
@media screen and (max-width: 950px) and (min-width: 850px) {
  .subscribe-form {
    width: 30% !important;
    margin: 20px auto !important;
  }
  .frm-group {
    width: 100%;
    display: flex !important;
  }
  .subscribe-form input[type="email"] {
    width: 70%;
    float: left;
    height: 40px;
    border-radius: 0;
    padding: 15px;
    outline: 0;
  }
  .subscribe-form button {
    width: 30%;
    float: right;
    height: 40px;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    text-transform: uppercase;
    background: #7cb937;
    border: #7cb937;
  }
  .subscribe-form button:hover,
  .subscribe-form button:active {
    background: #7cb937;
    border: #7cb937;
  }
}
@media screen and (max-width: 1050px) and (min-width: 950px) {
  .subscribe-form {
    width: 30% !important;
    margin: 20px auto !important;
  }
  .frm-group {
    width: 100%;
    display: flex !important;
  }
  .subscribe-form input[type="email"] {
    width: 70%;
    float: left;
    height: 40px;
    border-radius: 0;
    padding: 15px;
    outline: 0;
  }
  .subscribe-form button {
    width: 30%;
    float: right;
    height: 40px;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    text-transform: uppercase;
    background: #7cb937;
    border: #7cb937;
  }
  .subscribe-form button:hover,
  .subscribe-form button:active {
    background: #7cb937;
    border: #7cb937;
  }
}
@media screen and (max-width: 1150px) and (min-width: 1050px) {
  .subscribe-form {
    width: 30% !important;
    margin: 20px auto !important;
  }
  .frm-group {
    width: 100%;
    display: flex !important;
  }
  .subscribe-form input[type="email"] {
    width: 70%;
    float: left;
    height: 40px;
    border-radius: 0;
    padding: 15px;
    outline: 0;
  }

  .subscribe-form button {
    width: 30%;
    float: right;
    height: 40px;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    text-transform: uppercase;
    background: #7cb937;
    border: #7cb937;
  }
  .subscribe-form button:hover,
  .subscribe-form button:active {
    background: #7cb937;
    border: #7cb937;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1150px) {
  .subscribe-form {
    width: 30% !important;
    margin: 20px auto !important;
  }
  .frm-group {
    width: 100%;
    display: flex !important;
  }
  .subscribe-form input[type="email"] {
    width: 70%;
    float: left;
    height: 40px;
    border-radius: 0;
    padding: 15px;
    outline: 0;
  }
  .subscribe-form button {
    width: 30%;
    float: right;
    height: 40px;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    text-transform: uppercase;
    background: #7cb937;
    border: #7cb937;
  }
  .subscribe-form button:hover,
  .subscribe-form button:active {
    background: #7cb937;
    border: #7cb937;
  }
}
@media (min-width: 1250px) {
  .subscribe-form {
    width: 30% !important;
    margin: 20px auto !important;
  }
  .frm-group {
    width: 100%;
    display: flex !important;
  }
  .subscribe-form input[type="email"] {
    width: 70%;
    float: left;
    height: 40px;
    border-radius: 0;
    padding: 15px;
    outline: 0;
  }
  .subscribe-form button {
    width: 30%;
    float: right;
    height: 40px;
    border-radius: 0;
    outline: 0;
    font-size: 18px;
    text-transform: uppercase;
    background: #7cb937;
    border: #7cb937;
  }
  .subscribe-form button:hover,
  .subscribe-form button:active {
    background: #7cb937;
    border: #7cb937;
  }
}

/******************end******************/
.loadingdiv {
  display: none !important;
}
.show-modal {
  padding-right: 16px;
  display: block !important;
}
.modal {
  position: fixed;
  top: 20% !important;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
body .blog-index,
body .blog-archive {
  margin-top: 5%;
}
thead,
tfoot tr.deposit {
  color: #89b82a;
}
.checked {
  color: #89b929;
}
.card {
  border: 1px solid #89b929;
}
.payment-wrapper {
  padding: 60px 0;
}
.payment-wrapper .payment-header {
  background-color: #395519;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  text-align: center;
  padding: 10px;
  margin-bottom: 5px;
}
.payment-wrapper .payment-header h1 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
.payment-wrapper .payment-header img {
  width: 150px;
}
.payment-wrapper .invoice-header {
  background-color: #f8f9fa;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 10px 10px 0 10px;
}
.payment-table {
  margin: 40px auto;
}
.payment-table h1 {
  color: #7cb937;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: bold;
}
.payment-table thead th {
  font-size: 20px;
  border-bottom: 0px solid #dee2e6;
  border-top: 0px solid #dee2e6;
}
.payment-table tfoot th {
  color: #7cb937;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 0px solid #dee2e6;
}
.payment-instruction {
  background-color: #f5f6f7;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  text-align: center;
  border-radius: 20px;
  padding: 20px;
  margin: 20px auto;
}
.payment-instruction p {
  margin-bottom: 20px;
}
.payment-instruction h2 {
  color: #7cb937;
  border-radius: 2px;
  box-shadow: 0 0 10px #7cb937;
  padding: 10px 10px 15px 10px;
}
.payment-instruction h3 {
  padding-top: 10px;
  color: #000;
}
.payment-option .card {
  border: 1px solid #89b929 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.payment-option .card-header {
  text-align: center;
  /*background:#7cb937;*/
}
.payment-option .card-header h2 {
  color: #7cb937;
}
.payment-option .card-header img {
  height: 60px;
}

@media (max-width: 250px) {
  .payment-header {
  }
  .payment-row {
  }
  .payment-single-col {
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 300px) and (min-width: 250px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 400px) and (min-width: 300px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 500px) and (min-width: 400px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 600px) and (min-width: 500px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 700px) and (min-width: 600px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 800px) and (min-width: 700px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 900px) and (min-width: 800px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 1000px) and (min-width: 900px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 1100px) and (min-width: 1000px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 1200px) and (min-width: 1100px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
@media (min-width: 1300px) {
  .payment-row {
    display: flex;
  }
  .payment-single-col {
    width: 31%;
    margin: auto;
    text-align: center;
  }
  .payment-single-col p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .payment-single-col p a {
    text-decoration: none;
  }
  .payment-single-col img {
  }
}
.entry-title {
  font-size: 30px;
  color: black !important;
  font-weight: 500;
}
.entry-content,
.blog-post p {
  font-family:
    NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
  letter-spacing: normal;
}
.entry-content p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 5px;
}
.post-meta-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.post-meta {
  color: #6d6d6d;
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 500;
  list-style: none;
  margin: -1rem 0 0 -2rem;
}

.post-meta li {
  flex-shrink: 0;
  letter-spacing: -0.016875em;
  margin: 1rem 0 0 2rem;
  max-width: calc(100% - 2rem);
}

.post-meta a {
  color: inherit;
  text-decoration: none;
}

.post-meta a:focus,
.post-meta a:hover {
  text-decoration: underline;
}

.post-meta .meta-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.blog-index .blog-post,
.blog-archive .blog-post,
.blog-single .blog-post {
  display: block;
  margin: 100px 0;
  clear: both;
}
.blog-index .blog-post img,
.blog-archive .blog-post img {
  float: left;
  margin-right: 20px;
}
.blog-index .blog-post p,
.blog-archive .blog-post p {
  font-size: 18px;
  line-height: 30px;
}
.blog-index .blog-post .post-tags,
.blog-archive .blog-post .post-tags {
  margin: 10px 0;
  text-align: center;
}
.moretag {
  color: #7cb937;
  font-weight: bolder;
}
hr.styled-separator {
  background: linear-gradient(
    to left,
    currentColor calc(50% - 16px),
    transparent calc(50% - 16px),
    transparent calc(50% + 16px),
    currentColor calc(50% + 16px)
  );
  background-color: transparent !important;
  border: none;
  height: 0.1rem;
  overflow: visible;
  position: relative;
}
hr.styled-separator::before,
hr.styled-separator::after {
  background: currentColor;
  content: "";
  display: block;
  height: 1.6rem;
  position: absolute;
  top: calc(50% - 0.8rem);
  transform: rotate(22.5deg);
  width: 0.1rem;
}
hr.styled-separator::before {
  left: calc(50% - 0.5rem);
}
hr.styled-separator::after {
  right: calc(50% - 0.5rem);
}

/* Single Pagination ------------------------- */

.pagination-single {
  font-size: 1.8rem;
  margin-top: 5rem;
}

.pagination-single-inner {
  display: flex;
  flex-direction: column;
}

.pagination-single hr:first-child {
  margin: 0 0 2.8rem 0;
}

.pagination-single hr:last-child {
  margin: 2.8rem 0 0.8rem 0;
}

.pagination-single a {
  align-items: baseline;
  display: flex;
  font-weight: 600;
  letter-spacing: -0.0275em;
  text-decoration: none;
  flex: 1;
}

.pagination-single a + a {
  margin-top: 1rem;
}

.pagination-single a .arrow {
  margin-right: 1rem;
}

.pagination-single a:focus .title,
.pagination-single a:hover .title {
  text-decoration: underline;
}

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

/*  13. Site Pagination
/* -------------------------------------------------------------------------- */

.pagination-wrapper {
  margin: 40px 0;
}
.pagination .nav-links {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-weight: 600;
  margin: -1.5rem 0 0 -2.5rem;
  width: calc(100% + 2.5rem);
}

.pagination-separator {
  margin: 5rem 0;
}

.nav-links > * {
  margin: 1.5rem 0 0 2.5rem;
}

.nav-links .placeholder {
  display: none;
  visibility: hidden;
}

.pagination a {
  text-decoration: none;
}

.pagination a:focus,
.pagination a:hover {
  text-decoration: underline;
}

.pagination .dots {
  transform: translateY(-0.3em);
  color: #6d6d6d;
}

.nav-short {
  display: none;
}

@media (min-width: 1000px) {
  .pagination .nav-links {
    justify-content: space-between;
    margin: 0;
    width: 100%;
  }

  .nav-links > * {
    margin: 0 2rem;
  }

  .pagination .next,
  .pagination .prev {
    display: block;
  }

  .pagination .prev {
    margin: 0 auto 0 0;
  }

  .pagination .next {
    text-align: right;
    margin: 0 0 0 auto;
  }
}

/* --- Mobile Behavior (Default) --- */
/* Hide the desktop-placed button container on mobile screens */
@media (max-width: 991px) {
  .desktop-3-col .header-button-container {
    display: none;
  }
  /* Note: If your theme expects the Buy Now button INSIDE the mobile drawer, 
       you may want to duplicate the link structure inside your <nav> ul explicitly for mobile. */
}

/* --- Desktop Behavior --- */
@media (min-width: 992px) {
  /* Forces the main wrapper to distribute items evenly in one row */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100%;
  }

  /* 1. Logo alignment */
  .desktop-3-col .logo-container {
    flex: 0 0 auto;
  }

  /* 2. Menu spacing & visibility */
  .desktop-3-col .mobile-menu {
    display: block !important; /* Ensures menu is visible on desktop */
    flex: 1 0 auto;
    display: flex;
    justify-content: center; /* Centers the menu between logo and button */
  }

  .desktop-3-col .nav-main ul {
    display: flex;
    flex-direction: row;
    gap: 20px; /* Adjust spacing between your menu links here */
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* 3. Buy Now Button alignment */
  .desktop-3-col .header-button-container {
    display: block !important;
    flex: 0 0 auto;
  }

  /* Hide the mobile hamburger icon on desktop views */
  .desktop-3-col .main-menu-button {
    display: none !important;
  }
}
/* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Hide the desktop-positioned "Buy Now" button on mobile layout */
  .desktop-3-col .header-button-container {
    display: none !important;
  }
}

/* ==========================================================================
   2. Desktop View (Min-Width: 992px)
   ========================================================================== */
@media (min-width: 992px) {
  /* Main wrapper setup */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 100%;
    width: 100%;
    max-width: 1200px; /* Adjust to match your site's container width */
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  /* Column 1: Logo alignment */
  .desktop-3-col .logo-container {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }

  /* Column 2: Reset mobile menu styles for desktop grid */
  .desktop-3-col .mobile-menu {
    display: flex !important;
    position: static !important; /* Overrides mobile absolute positioning */
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    flex: 1 0 auto;
    justify-content: center; /* Centers menu perfectly between logo & button */
  }

  .desktop-3-col .nav-main {
    display: block !important;
    width: auto !important;
  }

  /* Force list items to sit horizontally in one row */
  .desktop-3-col .nav-main ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 30px; /* Gives nice spacing between links */
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .desktop-3-col .nav-main ul li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .desktop-3-col .nav-main ul li a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap;
  }

  /* Column 3: Buy Now Button container */
  .desktop-3-col .header-button-container {
    display: flex !important;
    align-items: center;
    flex: 0 0 auto;
  }

  .desktop-3-col .buy-now-button--header {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
  }

  /* Hide the mobile elements (Hamburger and Mobile-only links) on Desktop */
  .desktop-3-col .main-menu-button,
  .desktop-3-col .on-mobile {
    display: none !important;
  }
} /* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Force the main header wrapper to be a row container */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  /* 1. Logo Container (Left) */
  .desktop-3-col .logo-container {
    display: block !important;
    order: 1;
  }

  /* 2. Buy Now Button Container (Center) */
  .desktop-3-col .header-button-container {
    display: flex !important; /* Forces the button to show on mobile */
    justify-content: center !important;
    order: 2;
    flex-grow: 1; /* Helps center the button between the logo and burger */
  }

  /* Style tweak for the mobile button size */
  .desktop-3-col .buy-now-button--header {
    padding: 6px 16px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    white-space: nowrap;
  }

  /* 3. Hamburger Menu Button (Right) */
  .desktop-3-col .main-menu-button {
    display: flex !important; /* Ensure hamburger is visible */
    order: 3;
    margin-left: auto; /* Pushes it firmly to the right side */
  }

  /* Keep the slide-out menu contents hidden until toggled */
  .desktop-3-col .mobile-menu {
    /* Keep your existing theme's mobile menu drawer styles intact here */
    order: 4;
  }
}

/* ==========================================================================
   2. Desktop View (Min-Width: 992px)
   ========================================================================== */
@media (min-width: 992px) {
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 100%;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .desktop-3-col .logo-container {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }

  /* Reset mobile states for desktop link layout */
  .desktop-3-col .mobile-menu {
    display: flex !important;
    position: static !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    flex: 1 0 auto;
    justify-content: center;
  }

  .desktop-3-col .nav-main {
    display: block !important;
    width: auto !important;
  }

  .desktop-3-col .nav-main ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 30px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .desktop-3-col .nav-main ul li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .desktop-3-col .nav-main ul li a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap;
  }

  .desktop-3-col .header-button-container {
    display: flex !important;
    align-items: center;
    flex: 0 0 auto;
  }

  .desktop-3-col .buy-now-button--header {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 20px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
  }

  /* Hide mobile triggers on desktop */
  .desktop-3-col .main-menu-button,
  .desktop-3-col .on-mobile {
    display: none !important;
  }
} /* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Main row wrapper layout */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important; /* Keep mobile bar strictly at header height */
    padding: 0 15px !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* Column 1: Logo on the left */
  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
    z-index: 10;
  }

  /* Column 2: Buy Now Button perfectly in the center */
  .desktop-3-col .header-button-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
    flex: 1 0 auto !important;
    z-index: 10;
  }

  /* Button size fine-tuning for mobile devices */
  .desktop-3-col .buy-now-button--header {
    padding: 6px 16px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }

  /* Column 3: Hamburger icon on the right */
  .desktop-3-col .main-menu-button {
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
    margin-left: auto !important;
    z-index: 9999 !important; /* Keep icon clickable above everything */
  }

  /* FIX: Prevents text lists from bleeding into the top row bar */
  .desktop-3-col .mobile-menu {
    order: 4 !important;
  }

  .desktop-3-col .mobile-menu .nav-main ul {
    display: flex !important;
    flex-direction: column !important; /* Keep mobile drop-down links vertical */
  }
}

/* ==========================================================================
   2. Desktop View (Min-Width: 992px)
   ========================================================================== */
@media (min-width: 992px) {
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  /* Reset mobile configurations back to a horizontal bar for desktop screens */
  .desktop-3-col .mobile-menu {
    display: flex !important;
    position: static !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    flex: 1 0 auto !important;
    justify-content: center !important;
  }

  .desktop-3-col .nav-main {
    display: block !important;
    width: auto !important;
  }

  .desktop-3-col .nav-main ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 30px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .desktop-3-col .nav-main ul li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .desktop-3-col .nav-main ul li a {
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  .desktop-3-col .header-button-container {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  .desktop-3-col .buy-now-button--header {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    white-space: nowrap !important;
  }

  /* Hide mobile specific buttons and triggers on desktop viewports */
  .desktop-3-col .main-menu-button,
  .desktop-3-col .on-mobile {
    display: none !important;
  }
}
/* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Main row wrapper layout */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  /* Column 1: Logo on the left */
  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
  }

  /* Column 2: Buy Now Button perfectly in the center */
  .desktop-3-col .header-button-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
    flex: 1 1 auto !important;
  }

  /* Button size fine-tuning for mobile devices */
  .desktop-3-col .buy-now-button--header {
    padding: 6px 16px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }

  /* Column 3: Hamburger icon on the right */
  .desktop-3-col .main-menu-button {
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
  }

  /* FIX: Hide the raw text elements container entirely on standard mobile header bar state */
  .desktop-3-col .mobile-menu {
    display: none !important; /* Hides the breaking text menu entirely */
  }

  /* Re-shows the menu drawer only when your JavaScript appends an active click status */
  .desktop-3-col .mobile-menu.active,
  .desktop-3-col .mobile-menu.open,
  .desktop-3-col .mobile-menu.is-open,
  body.menu-open .desktop-3-col .mobile-menu {
    display: block !important;
    position: absolute !important;
    top: 64px !important;
    left: 0 !important;
    width: 100% !important;
    background: #0881d8 !important; /* Matches your background color blue */
    z-index: 999;
  }

  .desktop-3-col .mobile-menu .nav-main ul {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
    margin: 0 !important;
  }
}

/* ==========================================================================
   2. Desktop View (Min-Width: 992px)
   ========================================================================== */
@media (min-width: 992px) {
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  /* Reset mobile configurations back to a clean horizontal line for desktop */
  .desktop-3-col .mobile-menu {
    display: flex !important;
    position: static !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    flex: 1 0 auto !important;
    justify-content: center !important;
  }

  .desktop-3-col .nav-main {
    display: block !important;
    width: auto !important;
  }

  .desktop-3-col .nav-main ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 30px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .desktop-3-col .nav-main ul li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .desktop-3-col .nav-main ul li a {
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  .desktop-3-col .header-button-container {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  .desktop-3-col .buy-now-button--header {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    white-space: nowrap !important;
  }

  /* Hide mobile triggers on desktop viewports */
  .desktop-3-col .main-menu-button,
  .desktop-3-col .on-mobile {
    display: none !important;
  }
} /* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Main row wrapper layout */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  /* Column 1: Logo on the left */
  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
  }

  /* Column 2: Buy Now Button perfectly in the center */
  .desktop-3-col .header-button-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
    flex: 1 1 auto !important;
  }

  /* Button size fine-tuning for mobile devices */
  .desktop-3-col .buy-now-button--header {
    padding: 6px 16px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }

  /* Column 3: Hamburger / Close icon on the right */
  .desktop-3-col .main-menu-button {
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
  }

  /* --- THE FIX FOR THE MENU BLEED & SLIDEOUT --- */

  /* 1. Hide the container completely when the menu is CLOSED */
  .desktop-3-col .mobile-menu {
    display: none !important;
  }

  /* 2. Show the container properly when the menu is OPEN (Active) */
  /* This targets the theme's active classes or when the button turns into an 'X' */
  .desktop-3-col .mobile-menu.active,
  .desktop-3-col .mobile-menu.open,
  .desktop-3-col .mobile-menu.is-open,
  .main-menu-button.active ~ .mobile-menu,
  .main-menu-button.open ~ .mobile-menu,
  body.menu-open .desktop-3-col .mobile-menu,
  header.active .desktop-3-col .mobile-menu {
    display: block !important;
    position: fixed !important; /* Fixed ensures it overlays the entire page content */
    top: 64px !important; /* Places it directly underneath the header bar */
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 64px) !important; /* Fills up the rest of the screen */
    background: #1c2b36 !important; /* Dark background styling matching your open screenshot */
    z-index: 99999 !important;
    padding: 30px 20px !important;
    box-sizing: border-box !important;
  }

  /* Make sure links inside the open panel stack vertically */
  .desktop-3-col .mobile-menu .nav-main ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important; /* Space between links */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .desktop-3-col .mobile-menu .nav-main ul li a {
    color: #ffffff !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: block !important;
    font-weight: 600 !important;
  }
}
/* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Main row wrapper layout */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  /* Column 1: Logo on the left */
  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
  }

  /* Column 2: Buy Now Button perfectly in the center */
  .desktop-3-col .header-button-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
    flex: 1 1 auto !important;
  }

  /* Button size fine-tuning for mobile devices */
  .desktop-3-col .buy-now-button--header {
    padding: 6px 16px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }

  /* Column 3: Hamburger / Close icon on the right */
  .desktop-3-col .main-menu-button {
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
  }

  /* --- THE FIX FOR THE MENU BLEED & SLIDEOUT --- */

  /* 1. Hide the container completely when the menu is CLOSED */
  .desktop-3-col .mobile-menu {
    display: none !important;
  }

  /* 2. Show the container properly when the menu is OPEN (Active) */
  /* This targets the theme's active classes or when the button turns into an 'X' */
  .desktop-3-col .mobile-menu.active,
  .desktop-3-col .mobile-menu.open,
  .desktop-3-col .mobile-menu.is-open,
  .main-menu-button.active ~ .mobile-menu,
  .main-menu-button.open ~ .mobile-menu,
  body.menu-open .desktop-3-col .mobile-menu,
  header.active .desktop-3-col .mobile-menu {
    display: block !important;
    position: fixed !important; /* Fixed ensures it overlays the entire page content */
    top: 64px !important; /* Places it directly underneath the header bar */
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 64px) !important; /* Fills up the rest of the screen */
    background: #1c2b36 !important; /* Dark background styling matching your open screenshot */
    z-index: 99999 !important;
    padding: 30px 20px !important;
    box-sizing: border-box !important;
  }

  /* Make sure links inside the open panel stack vertically */
  .desktop-3-col .mobile-menu .nav-main ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important; /* Space between links */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .desktop-3-col .mobile-menu .nav-main ul li a {
    color: #ffffff !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: block !important;
    font-weight: 600 !important;
  }
}
/* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Main row wrapper layout */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    position: relative;
  }

  /* Column 1: Logo on the left */
  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
    z-index: 100001; /* Keeps logo on top of the overlay */
  }

  /* Column 2: Buy Now Button in the center */
  .desktop-3-col .header-button-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
    flex: 1 1 auto !important;
    z-index: 100001; /* Keeps button on top of the overlay */
  }

  /* Mobile button adjustments */
  .desktop-3-col .buy-now-button--header {
    padding: 6px 16px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }

  /* Column 3: Hamburger / Close icon on the right */
  .desktop-3-col .main-menu-button {
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
    z-index: 100002; /* Keeps toggle icon above everything else */
  }

  /* --- THE FULL-SCREEN OVERLAY MENU --- */

  /* Hide the text menu panel by default when closed */
  .desktop-3-col .mobile-menu {
    display: none !important;
  }

  /* Catching all common WordPress toggle trigger selectors */
  .desktop-3-col .mobile-menu.active,
  .desktop-3-col .mobile-menu.open,
  .desktop-3-col .mobile-menu.is-open,
  .main-menu-button.active ~ .mobile-menu,
  .main-menu-button.open ~ .mobile-menu,
  header.active .desktop-3-col .mobile-menu,
  header.open .desktop-3-col .mobile-menu,
  body.menu-open .desktop-3-col .mobile-menu {
    display: block !important;
    position: fixed !important; /* Fixes to viewport */
    top: 0 !important; /* Span full height starting from top */
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(
      43,
      53,
      63,
      0.96
    ) !important; /* Semi-transparent dark overlay */
    z-index: 100000 !important; /* Sits right below the structural links but above content */
    padding: 100px 30px 30px 30px !important; /* Generous top padding drops menu below header bar items */
    box-sizing: border-box !important;
  }

  /* Formatting links inside the overlay menu drawer */
  .desktop-3-col .mobile-menu .nav-main ul {
    display: flex !important;
    flex-direction: column !important; /* Stack menu items vertically */
    gap: 28px !important; /* Even spacing between items */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
  }

  .desktop-3-col .mobile-menu .nav-main ul li {
    display: block !important;
    width: 100% !important;
  }

  .desktop-3-col .mobile-menu .nav-main ul li a {
    color: #ffffff !important; /* Bold white text links */
    font-size: 18px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    display: inline-block !important;
  }
} /* ==========================================================================
   1. Mobile View (Default / Max-Width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* Main row wrapper layout */
  .desktop-3-col {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 64px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  /* Column 1: Logo on the left */
  .desktop-3-col .logo-container {
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
    z-index: 100002 !important; /* Forces it over the open overlay */
  }

  /* Column 2: Buy Now Button in the center */
  .desktop-3-col .header-button-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
    flex: 1 1 auto !important;
    z-index: 100002 !important; /* Forces it over the open overlay */
  }

  /* Mobile button sizing rules */
  .desktop-3-col .buy-now-button--header {
    padding: 6px 16px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }

  /* Column 3: Hamburger / Close icon on the right */
  .desktop-3-col .main-menu-button {
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
    z-index: 100003 !important; /* Keeps the toggle interactive */
  }

  /* ==========================================
       OVERLAY TOGGLE FIX
       ========================================== */

  /* 1. Default State: Hide the text drawer elements when menu is closed */
  .desktop-3-col .mobile-menu {
    display: none !important;
  }

  /* 2. Active State: Shows up when your theme adds open triggers anywhere in the header markup */
  .desktop-3-col .mobile-menu.active,
  .desktop-3-col .mobile-menu.open,
  .desktop-3-col .mobile-menu.is-open,
  .main-menu-button.active ~ .mobile-menu,
  .main-menu-button.open ~ .mobile-menu,
  .main-menu-button.is-open ~ .mobile-menu,
  header.active .desktop-3-col .mobile-menu,
  header.open .desktop-3-col .mobile-menu,
  header.menu-open .desktop-3-col .mobile-menu,
  body.menu-open .desktop-3-col .mobile-menu,
  body.nav-open .desktop-3-col .mobile-menu {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: #1c2b36 !important; /* Dark theme color from your target image */
    z-index: 100000 !important; /* Sets depth level right below the header elements */
    padding: 100px 24px 24px 24px !important;
    box-sizing: border-box !important;
  }

  /* Formatting links inside the overlay menu drawer */
  .desktop-3-col .mobile-menu .nav-main ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
  }

  .desktop-3-col .mobile-menu .nav-main ul li {
    display: block !important;
    width: 100% !important;
  }

  .desktop-3-col .mobile-menu .nav-main ul li a {
    color: #ffffff !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    display: inline-block !important;
  }
}