@charset "UTF-8";
.woocommerce-checkout #main.fc-main,
.woocommerce-cart #main.fc-main {
  padding: 0 !important;
  max-width: unset !important;
}
.woocommerce-checkout #main .fc-content,
.woocommerce-cart #main .fc-content {
  padding-top: 0;
}
.woocommerce-checkout #main .oi-cashout-hero,
.woocommerce-cart #main .oi-cashout-hero {
  background-color: #090f1f;
  padding-left: 20px;
  min-height: 0;
  padding-top: 40px;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.woocommerce-checkout #main .oi-cashout-container,
.woocommerce-cart #main .oi-cashout-container {
  padding-top: 10px;
  padding-bottom: 40px;
}
.woocommerce-checkout #main h1.oi-checkout-title,
.woocommerce-checkout #main h1.wp-block-heading,
.woocommerce-cart #main h1.oi-checkout-title,
.woocommerce-cart #main h1.wp-block-heading {
  padding-top: 30px;
  padding-left: 18px;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .woocommerce-checkout #main .wp-block-group,
  .woocommerce-cart #main .wp-block-group {
    padding-left: 0;
    padding-right: 0;
  }
  .woocommerce-checkout #main .oi-cashout-hero,
  .woocommerce-cart #main .oi-cashout-hero {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 543px) {
  .woocommerce-checkout #main h1.oi-checkout-title,
  .woocommerce-checkout #main h1.wp-block-heading,
  .woocommerce-cart #main h1.oi-checkout-title,
  .woocommerce-cart #main h1.wp-block-heading {
    padding-left: 8px;
  }
  .woocommerce-checkout #main .oi-cashout-hero,
  .woocommerce-cart #main .oi-cashout-hero {
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px !important;
  }
}
.woocommerce-checkout #main .woocommerce-error li,
.woocommerce-cart #main .woocommerce-error li {
  font-size: 0.9rem;
}

.woocommerce-checkout section[data-substep-id=order_notes].fc-step__substep {
  display: none;
}
.woocommerce-checkout header.fc-checkout-header {
  display: none;
}
.woocommerce-checkout #main ul.woocommerce-error li:not(:first-of-type) a.wc-forward {
  display: none;
}
.woocommerce-checkout #main dl.variation {
  display: none;
}
.woocommerce-checkout #main .fc-step__substep .fc-step__substep-title:before {
  background: #007a3d;
}
.woocommerce-checkout #main .fc-step__substep[data-substep-id=coupon_codes] {
  display: none;
}
@media (max-width: 1200px) {
  .woocommerce-checkout #main .wp-block-group {
    padding-left: 0;
    padding-right: 0;
  }
  .woocommerce-checkout #main .oi-cashout-hero {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 543px) {
  .woocommerce-checkout #main h1.oi-checkout-title,
  .woocommerce-checkout #main h1.wp-block-heading {
    padding-left: 8px;
  }
  .woocommerce-checkout #main .oi-cashout-hero {
    padding-left: 20px;
  }
}
.woocommerce-checkout #main .woocommerce.wp-block-group.alignwide {
  padding: 20px 0;
}
.woocommerce-checkout #main .shop_table tr td:first-child {
  width: 100%;
}
.woocommerce-checkout #main .shop_table tr td:nth-child(2) {
  width: auto;
  min-width: 11ch;
}
@media only screen and (max-width: 543px) {
  .woocommerce-checkout #main #pco-extra-checkout-fields {
    margin-bottom: 5rem;
  }
}
.woocommerce-checkout #main #fc-checkout-order-review .cart-item__element.cart-item__price {
  display: none;
}
.woocommerce-checkout #main #fc-checkout-order-review .cart-item__meta {
  display: none;
}
.woocommerce-checkout #main #fc-checkout-order-review .fc-checkout-order-review__head {
  display: block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.woocommerce-checkout #main #fc-checkout-order-review .fc-checkout-order-review__header-link {
  right: 0;
  padding-left: 0;
  display: block;
  float: none;
  margin-top: 6px;
  color: #137dc2;
  text-decoration: none;
}
.woocommerce-checkout #main #fc-checkout-order-review .fc-checkout-order-review__inner {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
}
.woocommerce-checkout #main #fc-checkout-order-review .woocommerce-checkout-review-order-table {
  width: 100%;
  margin-left: 0;
}
.woocommerce-checkout #main #fc-checkout-order-review .product-name img {
  width: 40px !important;
  border: 0;
}
.woocommerce-checkout #main #fc-checkout-order-review tfoot:before {
  content: "";
  display: block;
  height: 10px;
}
.woocommerce-checkout #main #fc-checkout-order-review td,
.woocommerce-checkout #main #fc-checkout-order-review th,
.woocommerce-checkout #main #fc-checkout-order-review .cart-item,
.woocommerce-checkout #main #fc-checkout-order-review .cart-subtotal {
  padding: 8px 5px !important;
  border: none;
}
.woocommerce-checkout #main #fc-checkout-order-review .order-total th,
.woocommerce-checkout #main #fc-checkout-order-review .order-total td {
  padding-top: 12px !important;
}
.woocommerce-checkout #main #fc-checkout-order-review .includes_tax {
  margin-top: 6px;
  display: inline-block;
}
@media only screen and (max-width: 543px) {
  .woocommerce-checkout #main #fc-checkout-order-review .fc-checkout-order-review__inner {
    margin-top: 40px;
    border: 0;
  }
}
.woocommerce-checkout #main tr.cart-subtotal td,
.woocommerce-checkout #main tr.cart-subtotal th {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px !important;
}
.woocommerce-checkout #main tr.cart-subtotal {
  color: #666;
  font-size: 15px !important;
}
.woocommerce-checkout #main .order-total {
  vertical-align: top;
}
.woocommerce-checkout #main .order-total .woocommerce-Price-amount bdi {
  font-weight: 600;
}
.woocommerce-checkout #main .order-total td,
.woocommerce-checkout #main .order-total th {
  padding-top: 8px !important;
}
.woocommerce-checkout form.checkout .woocommerce-additional-fields {
  display: none;
}
.woocommerce-checkout form.checkout .oi-checkout-consents {
  margin-top: 10px;
}
.woocommerce-checkout form.checkout #woocommerce-billing-fields__field-wrapper {
  padding-bottom: 0;
}
.woocommerce-checkout form.checkout .woocommerce-billing-only-fields__field-wrapper {
  margin-top: 0;
}
@media only screen and (max-width: 543px) {
  .woocommerce-checkout form.checkout .woocommerce-privacy-policy-text {
    font-size: 0.9em;
  }
}
.woocommerce-checkout form.checkout .custom-woo-field-angerratt label.checkbox,
.woocommerce-checkout form.checkout .custom-woo-field-villkor label.checkbox,
.woocommerce-checkout form.checkout .custom-woo-field-marknadsforing label.checkbox,
.woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper label.checkbox {
  display: inline-block;
  padding-left: 24px;
  position: relative;
  font-weight: 500;
  line-height: 1.4em;
  font-size: 1em;
}
.woocommerce-checkout form.checkout .custom-woo-field-angerratt label.checkbox:hover,
.woocommerce-checkout form.checkout .custom-woo-field-villkor label.checkbox:hover,
.woocommerce-checkout form.checkout .custom-woo-field-marknadsforing label.checkbox:hover,
.woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper label.checkbox:hover {
  background-color: #f1f1f1;
}
.woocommerce-checkout form.checkout .custom-woo-field-angerratt label.checkbox input,
.woocommerce-checkout form.checkout .custom-woo-field-villkor label.checkbox input,
.woocommerce-checkout form.checkout .custom-woo-field-marknadsforing label.checkbox input,
.woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper label.checkbox input {
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 543px) {
  .woocommerce-checkout form.checkout .custom-woo-field-angerratt label.checkbox,
  .woocommerce-checkout form.checkout .custom-woo-field-villkor label.checkbox,
  .woocommerce-checkout form.checkout .custom-woo-field-marknadsforing label.checkbox,
  .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper label.checkbox {
    font-size: 0.9em;
    padding-left: 40px;
    margin-bottom: 10px;
  }
  .woocommerce-checkout form.checkout .custom-woo-field-angerratt label.checkbox input,
  .woocommerce-checkout form.checkout .custom-woo-field-villkor label.checkbox input,
  .woocommerce-checkout form.checkout .custom-woo-field-marknadsforing label.checkbox input,
  .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper label.checkbox input {
    width: 24px;
    height: 24px;
    top: 6px;
  }
  .woocommerce-checkout form.checkout .custom-woo-field-angerratt label.checkbox .form-row,
  .woocommerce-checkout form.checkout .custom-woo-field-villkor label.checkbox .form-row,
  .woocommerce-checkout form.checkout .custom-woo-field-marknadsforing label.checkbox .form-row,
  .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper label.checkbox .form-row {
    margin-bottom: 20px;
  }
  .woocommerce-checkout form.checkout .custom-woo-field-angerratt label.checkbox #terms,
  .woocommerce-checkout form.checkout .custom-woo-field-villkor label.checkbox #terms,
  .woocommerce-checkout form.checkout .custom-woo-field-marknadsforing label.checkbox #terms,
  .woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper label.checkbox #terms {
    top: 0;
  }
}
.woocommerce-checkout form.checkout .woocommerce-terms-and-conditions h1.wp-block-heading {
  padding: 0 0 20px !important;
}
.woocommerce-checkout form.checkout #angerratt_field {
  margin-bottom: 10px !important;
}
.woocommerce-checkout form.checkout strong.product-quantity,
.woocommerce-checkout form.checkout th.product-total {
  display: none;
}
.woocommerce-checkout form.checkout p#personnummer_field {
  margin-bottom: 1rem;
}
.woocommerce-checkout form.checkout p#personnummer_field input {
  font-size: 0.9rem;
}
.woocommerce-checkout form.checkout p#personnummer_field input:focus {
  border: 1px solid #5e7dd6;
}
.woocommerce-checkout form.checkout p#order_comments_field {
  display: none;
}
.woocommerce-checkout form.checkout #pco-extra-checkout-fields {
  padding: 40px 30px;
  background-color: #f1f1f1;
  border-radius: 30px;
}
.woocommerce-checkout #main .product_cat-soktjanster h1 {
  font-size: 2rem;
}
.woocommerce-checkout #main .product_cat-soktjanster p,
.woocommerce-checkout #main .product_cat-soktjanster .woocommerce-Tabs-panel--description {
  line-height: 1.6rem;
}
.woocommerce-checkout #main .product_cat-soktjanster p strong,
.woocommerce-checkout #main .product_cat-soktjanster .woocommerce-Tabs-panel--description strong {
  font-weight: 600;
}
.woocommerce-checkout #main .product_cat-soktjanster p h4,
.woocommerce-checkout #main .product_cat-soktjanster .woocommerce-Tabs-panel--description h4 {
  font-size: 1.3rem;
  margin-top: 2rem;
}
.woocommerce-checkout #main .product_cat-soktjanster #tab-title-description:before {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
}
.woocommerce-checkout #main .product_cat-soktjanster {
  --ast-border-color: rgba(0, 0, 0, 0);
}
.woocommerce-checkout #main .product_cat-soktjanster ul.tabs {
  position: unset;
  border-top: 1px solid #eee;
  padding-top: 2rem;
}
.woocommerce-checkout #main .product_cat-soktjanster ul.tabs a {
  font-family: "Roboto", sans-serif;
  color: #5e7dd6;
  font-weight: 400;
  text-transform: uppercase;
}
.woocommerce-checkout #main .product_cat-soktjanster section.related.products {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #eee;
}
.woocommerce-checkout #main .product_cat-soktjanster .price {
  margin-bottom: 20px;
}
.woocommerce-checkout #main .product_cat-soktjanster .price .woocommerce-Price-amount {
  font-size: 1.4rem;
  font-weight: 400;
}

body.woocommerce-cart #content .woocommerce-error a.button,
body.woocommerce-cart #content .woocommerce-message a.button {
  display: none !important;
}
body.woocommerce-cart #content .woocommerce-cart-form svg.ast-mobile-svg.ast-close-svg {
  color: darkred;
  stroke: darkred;
  transform: scale(1.5);
}
body.woocommerce-cart #content .woocommerce-cart-form .product-name a {
  color: #1e2027;
}
body.woocommerce-cart #content .woocommerce-cart-form a.restore-item {
  border-radius: 30px;
  padding: 10px 20px;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-price bdi,
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-subtotal bdi {
  white-space: nowrap;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-price .woocommerce-Price-currencySymbol {
  display: none;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item td.product-name {
  line-height: 1;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item td.product-name a {
  font-weight: 600;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-tag-description,
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item dd.variation-Info {
  font-size: 13px;
  line-height: 1.4em;
  font-weight: 400;
  padding-top: 8px;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-tag-description.product-note {
  padding-top: 0;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .variation .variation-Niv,
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .variation dt.variation-Info,
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item dt.variation- {
  display: none !important;
}
body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-info {
  border-left: unset;
  padding-left: 0;
}
@media only screen and (max-width: 543px) {
  body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-tag-description,
  body.woocommerce-cart #content .woocommerce-cart-form .woocommerce-cart-form__cart-item dd.variation-Info {
    font-size: 0.9em;
  }
}
body.woocommerce-cart #content .woocommerce-cart-form .coupon button[name=apply_coupon] {
  border: 1px solid #137dc2;
  background-color: unset;
  color: #137dc2;
  font-weight: 400;
  font-size: 12px;
}
body.woocommerce-cart #content .woocommerce-cart-form input#coupon_code {
  border-radius: 20px;
}

.woocommerce-product-gallery__wrapper {
  text-align: center;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
  width: 350px;
}

.product-template-default .woocommerce-price-suffix {
  font-size: 0.9rem;
  font-weight: 400;
}

#content .product-template-default .single_add_to_cart_button {
  display: block;
  float: none;
  margin-bottom: 5rem;
}

.woocommerce-product-details__short-description {
  margin: 1.5rem 0;
}

.payson-methods {
  display: block;
  margin-top: 5rem;
}

#pco-wrapper {
  grid-template-columns: 5fr 5fr;
}
#pco-wrapper .cart_item {
  font-size: 1rem !important;
}

#main .woocommerce-Tabs-panel--description {
  line-height: 1.5rem;
}

.oi-product-columns {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.oi-product-columns .oi-product-column {
  width: 48%;
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 20px 40px;
}
.oi-product-columns .oi-product-column .oi-starred {
  font-style: italic;
  font-size: 0.8em;
  color: #666;
  text-align: right;
  width: 100%;
  display: block;
  line-height: 1.2em;
}
.oi-product-columns .oi-product-column ul {
  margin-left: 20px;
}
.oi-product-columns .oi-product-column ul li {
  padding-bottom: 10px;
  padding-left: 10px;
}

#main {
  /* Add this to your CSS */
}
#main .woocommerce-checkout .product-info {
  opacity: 0;
  transition: opacity 0.3s ease;
}
#main .woocommerce-checkout.js-ready .product-info {
  opacity: 1;
}
#main .oi-icon-row-shortcode .wp-block-column {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  flex-direction: column;
}
#main .oi-icon-row-shortcode .oi-svg-blue-gradient {
  width: 80px;
  height: 80px;
  align-content: center;
  justify-items: center;
}
#main .oi-icon-row-shortcode .oi-svg-blue-gradient g {
  fill: #fff;
}
#main .oi-icon-row-shortcode .oi-svg-blue-gradient .oi-icon-stop-0 {
  stop-color: #1e159d;
}
#main .oi-icon-row-shortcode .oi-svg-blue-gradient .oi-icon-stop-50 {
  stop-color: #2c4eb3;
}
#main .oi-icon-row-shortcode .oi-svg-blue-gradient .oi-icon-stop-100 {
  stop-color: #3b3c98;
}
#main .oi-icon-row-shortcode.oi-icon-row-dark .oi-svg-blue-gradient {
  width: 64px;
  height: 64px;
}
#main .oi-icon-row-shortcode.oi-icon-row-dark .oi-icon-stop-0 {
  stop-color: #4464ce;
}
#main .oi-icon-row-shortcode.oi-icon-row-dark .oi-icon-stop-50 {
  stop-color: #253d84;
}
#main .oi-icon-row-shortcode.oi-icon-row-dark .oi-icon-stop-100 {
  stop-color: #3537a3;
}
#main .oi-icon-row-shortcode.oi-icon-row-dark p {
  color: #fff;
}
#main .oi-icon-row-5 img {
  width: 100px;
}
@media only screen and (max-width: 769px) {
  #main .oi-icon-row-5 {
    row-gap: 5rem;
  }
  #main .oi-icon-row-5 img {
    width: 64px;
  }
}
#main .oi-price-table .oi-price-table-main {
  transform: scale(1.075);
}
#main .oi-price-table .oi-asterix {
  font-size: 11px;
  line-height: 1.2em;
  color: #666;
  font-style: italic;
}
#main .oi-price-table .oi-price-details {
  height: 100%;
  background: #fff;
  border-top: 0;
}
@media only screen and (max-width: 543px) {
  #main .oi-price-table .oi-price-details {
    height: auto;
  }
}
#main .oi-price-table div.buy-now-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
#main .oi-price-table div.buy-now-button a:hover {
  transform: scale(1.05);
  background-color: #137DC2;
}
#main .oi-price-table .oi-pris-month {
  margin-top: -1.5rem;
  margin-bottom: 2rem;
}
#main .oi-price-table .oi-buy-button-price {
  width: 80%;
  text-align: center;
}
@media only screen and (max-width: 978px) {
  #main .oi-price-table .oi-price-table-wrap {
    row-gap: 50px;
  }
  #main .oi-price-table .oi-price-table-main {
    transform: scale(1);
  }
}
@media only screen and (max-width: 769px) and (min-width: 544px) {
  #main .oi-price-table .oi-price-table-wrap {
    row-gap: 100px;
  }
  #main .oi-price-table .oi-price-table-wrap > div {
    flex-direction: row;
  }
}
#main .oi-price-table ul,
#main .oi-oi-row-trygghet ul {
  list-style: none;
  padding-left: 0.5rem;
  margin-left: 0;
}
#main .oi-price-table ul li,
#main .oi-oi-row-trygghet ul li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  font-size: 0.8em;
  line-height: 1.2em;
}
#main .oi-price-table ul li::before,
#main .oi-oi-row-trygghet ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("https://oicointegrity.se/wp-content/uploads/2024/11/checkmark-circle-light-blue.svg") no-repeat;
}
@media only screen and (max-width: 543px) {
  #main figure.oi-center-mobile {
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0;
  }
}
#main .oi-row-trygghet {
  padding-top: 40px;
}
@media only screen and (max-width: 543px) {
  #main .oi-row-trygghet {
    padding-top: 0px;
  }
}
#main .oi-row-trygghet .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 543px) {
  #main .oi-row-trygghet .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    margin-bottom: 0;
  }
}
#main .oi-row-trygghet ul,
#main .oi-row-trygghet li {
  width: -moz-fit-content;
  width: fit-content;
}
#main .woocommerce-notices-wrapper a {
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid #5e7dd6;
  color: #5e7dd6;
  font-weight: 500;
}

.page-id-6842 header .custom-logo,
.page-id-6842 header .mobile-menu-toggle-icon {
  filter: invert(1);
}
.page-id-6842 form .frm_fields_container {
  padding: 20px;
}

#content .oi-icon-row .wp-block-image:has(figcaption):before {
  backdrop-filter: unset;
  -webkit-backdrop-filter: unset;
}
#content .oi-icon-row figcaption {
  background: unset;
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  text-shadow: none;
  overflow: auto;
  text-align: center;
  text-shadow: none;
  bottom: -50px;
  white-space: normal;
  hyphens: auto;
  word-wrap: break-word;
}
#content .oi-icon-row figure.wp-block-image {
  align-items: center;
}
#content .oi-icon-row img {
  max-width: 96px !important;
}

#sokhero mark {
  background: linear-gradient(65deg, #5e7dd6 0%, #d65eac 100%);
  padding: 0 4px;
  border-radius: 4px;
  white-space: nowrap;
}

#main .oi-hero-pop-gradient mark {
  color: #fff;
  padding: 0 4px;
  border-radius: 4px;
  white-space: nowrap;
}

.oi-quote {
  position: relative;
  font-size: 15px;
  /* Adjust font size for your text */
  font-style: italic;
  /* Optional for quotes */
  padding: 20px 40px;
  line-height: 1.6;
  text-align: center;
  /* Center align the text */
}
.oi-quote::before {
  content: "”";
  /* Large opening quote sign */
  font-size: 60px;
  /* Adjust size for the quote sign */
  position: absolute;
  top: -30px;
  /* Position above the text */
  left: 50%;
  /* Center horizontally */
  transform: translateX(-50%);
  /* Adjust alignment */
  font-family: Georgia, serif;
  /* Choose a nice serif font */
}
@media only screen and (max-width: 543px) {
  .oi-quote {
    padding-bottom: 60px;
  }
}

input#personnummer.invalid {
  border: 1px solid red;
}