/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src:
    local("Montserrat Regular"),
    local("Montserrat-Regular"),
    url("../fonts/montserrat-v14-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/montserrat-v14-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../fonts/montserrat-v14-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/montserrat-v14-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/montserrat-v14-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v14-latin-600.eot"); /* IE9 Compat Modes */
  src:
    local("Montserrat SemiBold"),
    local("Montserrat-SemiBold"),
    url("../fonts/montserrat-v14-latin-600.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/montserrat-v14-latin-600.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/montserrat-v14-latin-600.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/montserrat-v14-latin-600.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/montserrat-v14-latin-600.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v14-latin-800.eot"); /* IE9 Compat Modes */
  src:
    local("Montserrat ExtraBold"),
    local("Montserrat-ExtraBold"),
    url("../fonts/montserrat-v14-latin-800.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/montserrat-v14-latin-800.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/montserrat-v14-latin-800.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/montserrat-v14-latin-800.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/montserrat-v14-latin-800.svg#Montserrat") format("svg"); /* Legacy iOS */
}

a.open-sidemenu {
  margin-top: 5px;
}

header .big-menu-wrapper .icons-menu-wrapper {
  max-height: 225px;
}
header .big-menu-wrapper .icons-menu-wrapper.expanded {
  max-height: 470px;
}

header .big-menu-wrapper .menu-content-wrapper #menu-menu-mobile {
  overflow: auto;
  height: 240px;
}

#menu-servicii-mobile > li a {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}

#menu-servicii-mobile .menu-image-title-below.menu-image-not-hovered > img,
#menu-servicii-mobile
  .menu-image-hovered.menu-image-title-below
  .menu-image-hover-wrapper,
#menu-servicii-mobile .menu-image-title-below .menu-image-hover-wrapper {
  height: 54px;
  width: auto;
  margin-bottom: 10px;
}

#menu-servicii-mobile .menu-image-title.menu-image-title-above,
#menu-servicii-mobile .menu-image-title.menu-image-title-below {
  font-size: 1.6rem;
  display: block;
  color: #fff;
  opacity: 0.9;
  line-height: 18px;
  font-weight: 400;
}

header .big-menu-wrapper .menu-content-wrapper ul.sub-menu {
  margin-left: 20px;
}

.slick-track {
  margin: 0px auto;
}
.team-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.netopia-language {
  right: 10px;
  top: 80px;
  position: fixed;
  right: 0;
  background-color: #fff;
  border-radius: 5px 0px 0px 5px;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.38);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.38);
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: none;
  margin: 2em 0 1em;
  padding: 0;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  color: red !important;
}
input.wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid,
.wpcf7-not-valid {
  border-bottom: 1px solid red !important;
}

.pricing-box-wrapper .pricing-box {
  border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  -webkit-border-radius: 25px 25px 25px 25px;
  border: 1px solid #f2f2f2;
  background-color: #fff;
  width: 100%;
  min-height: 490px;
  position: relative;
  margin: 0 auto;
  overflow: auto;
}
.pricing-box-wrapper p {
  color: #b3b3b3;
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}
.pricing-box-wrapper .pricing-box .top {
  background-image: url("../images/png/bg-arch.png");
  background-repeat: no-repeat;
  background-position: top;
  min-height: 197px;
  padding: 30px 20px;
  position: relative;
  top: -2px;
}
.pricing-box-wrapper .pricing-box .top h4,
.pricing-box-wrapper .pricing-box .top h6 {
  font-family: Montserrat;
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.pricing-box-wrapper .pricing-box .top h6 {
  font-size: 13px;
  margin-bottom: 10px;
}
.pricing-box-wrapper .pricing-box .top h4 {
  font-size: 46px;
}
.pricing-box-wrapper .pricing-box .top h4.small {
  font-size: 32px;
}
.pricing-box-wrapper .pricing-box .top span {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
}
.pricing-box-wrapper .pricing-box .top span.comision {
  color: #b3b3b3;
  font-size: 13px;
  position: absolute;
  right: 10px;
  bottom: 45px;
}
.pricing-box-wrapper .content {
  padding: 10px 20px 40px 20px;
}
.pricing-box-wrapper .content h6 {
  color: #b3b3b3;
  margin: 15px 0 10px 0;
}
.pricing-box-wrapper .pricing-box ul {
  padding-left: 25px;
  font-size: 1.6rem;
}
.pricing-box-wrapper .pricing-box li {
  list-style-image: url("../images/png/check-mark.png");
  color: #b3b3b3;
  padding: 5px 0;
  font-size: 1.6rem;
}
.pricing-box-wrapper .pricing-box ul.banci {
  margin: 0 15px;
}
.pricing-box-wrapper .pricing-box ul.banci li {
  list-style-image: url("../images/png/list-bullet.png");
}

.pricing-box-wrapper p.info {
  font-size: 13px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.pricing_after p {
  color: #b3b3b3;
  font-size: 13px;
  margin: 25px 0 0 0;
}

.pricing-box-wrapper .pricing-box.crypto {
  min-height: 435px;
}
.pricing-box-wrapper .pricing-box.crypto .top {
  padding: 40px 40px;
}
.pricing-box-wrapper .pricing-box.crypto .top h4 {
  font-size: 32px;
  font-weight: 600;
}
.pricing-box-wrapper .pricing-box.crypto .content {
  padding: 0px 65px;
}
.pricing-box-wrapper .pricing-box.crypto .content h4 {
  font-family: Montserrat;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 3px;
}
.pricing-box-wrapper .pricing-box.crypto .content span {
  font-size: 15px;
  color: #b3b3b3;
}

.col_25:last-of-type .pricing-box .top h4 {
  font-size: 32px;
}

@media only screen and (max-width: 1024px) {
  .pricing-box-wrapper .col_30,
  .pricing-box-wrapper .col_25,
  .pricing-box-wrapper .col_70 {
    width: 100%;
  }
  .pricing-box-wrapper img {
    width: auto;
    height: auto;
  }
  .pricing-box-wrapper .pricing-box {
    margin: 13px auto;
    min-height: 350px;
    width: 300px;
  }

  .services-page .card-box .text-content.big-pd-top {
    padding-top: 50px !important;
  }
}

@media only screen and (min-width: 1000px) {
  .netopia-language {
    display: block;
  }
}

/* Standard visually-hidden utility: present in the accessibility tree and to
   agents parsing the markup, invisible in the rendered design. Used for the
   404 page's <h1> (added for real document structure — see PHP82-PATCHES.md /
   agent-readiness project) and, from Phase 4, the skip-to-content link. */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Skip-to-content link: visually-hidden until it receives keyboard focus,
   then it must become visible — that's the whole point of the pattern. */
.skip-link:focus {
  position: fixed !important;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  margin: 0;
  padding: 12px 20px;
  background: #fff;
  color: #000;
  z-index: 100000;
}

/* Compensating rules for templates/homepage.php's heading-hierarchy fix
   (GEO item 2 / agentic item 2): each selector below replicates, verbatim,
   the declarations the compiled style.css previously applied to the tag
   that was there before (h5 in every case), so retagging changes the
   accessibility tree without changing what's rendered. */

/* Was <h5> — see style.css ".solutions-carousel-slider-wrapper .slide-item h5". */
.solutions-carousel-slider-wrapper .slide-item h3 {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 400;
  margin: 0;
}

@media (min-width: 720px) {
  .solutions-carousel-slider-wrapper .slide-item h3 {
    font-size: 2rem;
    top: auto;
  }
}

.solutions-carousel-slider-wrapper .slide-item.slick-current h3 {
  color: #3831a6;
}

/* Was <h5> ("Totul despre") — see style.css ".solutions-slider-wrapper .slide-item .white-area h5". */
.solutions-slider-wrapper .slide-item .white-area .eyebrow {
  display: block;
  font-weight: 300;
  font-size: 2.5rem;
  margin: 0;
  color: #49458d;
}

/* Was a run of <h5> elements, one per benefit — see style.css ".blue-area h5"
   and ".blue-area h5 img". Scoped to ul.benefits-list so the pre-existing
   ".blue-area ul li" rule (which still styles the small nested sub-list a
   benefit can carry) is left alone; ">" beats it on specificity for the
   benefit items themselves. */
.blue-area ul.benefits-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blue-area ul.benefits-list > li {
  display: block;
  width: auto;
  position: static;
  color: inherit;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit;
  padding-left: 0;
}

.blue-area ul.benefits-list > li:before {
  content: none;
}

.blue-area .benefit-heading {
  display: block;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 15px;
  padding-left: 46px;
  position: relative;
}

.blue-area .benefit-heading img {
  width: 21px;
  height: auto;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

/* Iconitele SVG au acum width/height reale, citite din viewBox
   (vezi netopia_fix_svg_image_src in functions.php). Fara "height: auto"
   atributul height din HTML dicteaza inaltimea si deformeaza iconitele
   ne-patrate: lock-gradient.svg (54x54) se randa 80x54 in loc de 54x54.
   Acest fisier se incarca dupa style.css, deci suprascrie regulile de acolo. */
.card-box .icon img,
.card-box.small-box .icon img {
  height: auto;
}