.elementor-3745 .elementor-element.elementor-element-9af8325{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3745 .elementor-element.elementor-element-9af8325::before, .elementor-3745 .elementor-element.elementor-element-9af8325 > .elementor-background-video-container::before, .elementor-3745 .elementor-element.elementor-element-9af8325 > .e-con-inner > .elementor-background-video-container::before, .elementor-3745 .elementor-element.elementor-element-9af8325 > .elementor-background-slideshow::before, .elementor-3745 .elementor-element.elementor-element-9af8325 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3745 .elementor-element.elementor-element-9af8325 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #00000080 0%, #00000000 100%);}.elementor-3745 .elementor-element.elementor-element-d8a994d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3745 .elementor-element.elementor-element-cc838b9{--display:flex;--min-height:872px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.38;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-3745 .elementor-element.elementor-element-cc838b9::before, .elementor-3745 .elementor-element.elementor-element-cc838b9 > .elementor-background-video-container::before, .elementor-3745 .elementor-element.elementor-element-cc838b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-3745 .elementor-element.elementor-element-cc838b9 > .elementor-background-slideshow::before, .elementor-3745 .elementor-element.elementor-element-cc838b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3745 .elementor-element.elementor-element-cc838b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-3745 .elementor-element.elementor-element-cc838b9.e-con{--align-self:flex-start;}.elementor-3745 .elementor-element.elementor-element-28a9976{--display:flex;--position:absolute;--min-height:0px;--margin-top:138px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-3745 .elementor-element.elementor-element-28a9976.e-con{--align-self:center;}body:not(.rtl) .elementor-3745 .elementor-element.elementor-element-28a9976{left:0px;}body.rtl .elementor-3745 .elementor-element.elementor-element-28a9976{right:0px;}.elementor-3745 .elementor-element.elementor-element-2af527a{width:var( --container-widget-width, 4% );max-width:4%;--container-widget-width:4%;--container-widget-flex-grow:0;top:0px;}.elementor-3745 .elementor-element.elementor-element-2af527a > .elementor-widget-container{margin:400px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3745 .elementor-element.elementor-element-2af527a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-3745 .elementor-element.elementor-element-2af527a{left:0px;}body.rtl .elementor-3745 .elementor-element.elementor-element-2af527a{right:0px;}.elementor-3745 .elementor-element.elementor-element-59bafb4{--display:flex;--min-height:872px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.38;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-3745 .elementor-element.elementor-element-59bafb4::before, .elementor-3745 .elementor-element.elementor-element-59bafb4 > .elementor-background-video-container::before, .elementor-3745 .elementor-element.elementor-element-59bafb4 > .e-con-inner > .elementor-background-video-container::before, .elementor-3745 .elementor-element.elementor-element-59bafb4 > .elementor-background-slideshow::before, .elementor-3745 .elementor-element.elementor-element-59bafb4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3745 .elementor-element.elementor-element-59bafb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #111111 100%);}.elementor-3745 .elementor-element.elementor-element-d5c87ff{--display:flex;--position:absolute;top:0px;}.elementor-3745 .elementor-element.elementor-element-d5c87ff.e-con{--align-self:center;}body:not(.rtl) .elementor-3745 .elementor-element.elementor-element-d5c87ff{left:0px;}body.rtl .elementor-3745 .elementor-element.elementor-element-d5c87ff{right:0px;}.elementor-3745 .elementor-element.elementor-element-aaf9e03 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3745 .elementor-element.elementor-element-aaf9e03{z-index:2;}@media(max-width:767px){.elementor-3745 .elementor-element.elementor-element-9af8325{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3745 .elementor-element.elementor-element-d8a994d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3745 .elementor-element.elementor-element-cc838b9{--width:1074px;--min-height:0px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3745 .elementor-element.elementor-element-28a9976{--width:506px;}.elementor-3745 .elementor-element.elementor-element-2af527a{width:var( --container-widget-width, 233px );max-width:233px;--container-widget-width:233px;--container-widget-flex-grow:0;top:279px;}body:not(.rtl) .elementor-3745 .elementor-element.elementor-element-2af527a{left:165px;}body.rtl .elementor-3745 .elementor-element.elementor-element-2af527a{right:165px;}.elementor-3745 .elementor-element.elementor-element-59bafb4{--content-width:1600px;--min-height:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3745 .elementor-element.elementor-element-59bafb4.e-con{--align-self:flex-start;}.elementor-3745 .elementor-element.elementor-element-d5c87ff{--margin-top:85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;top:0px;}}@media(min-width:768px){.elementor-3745 .elementor-element.elementor-element-9af8325{--width:100%;}.elementor-3745 .elementor-element.elementor-element-28a9976{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-cc838b9 */.pricing-section {
  background-color: #0e0e0e; /* En mörkare gråton – mörkare än tidigare #1a1a1a t.ex. */
}/* End custom CSS */
/* Start custom CSS *//* GRID LAYOUT – 2 per row */
.pricing-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 40px;
  padding: 40px 0;
}

/* BOX STYLING */
.pricing-box {
  background: #1e1e1e;
  padding: 30px;
  border-radius: 20px;
  color: #fff;
  flex: 1 1 45%;
  max-width: 500px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  text-align: left;
  transition: transform 0.3s ease;
}

.pricing-box:hover {
  transform: translateY(-5px);
}

/* INDIVIDUELLA FÄRGER */
.basic { background: #26365b; }
.premium { background: #6c34a3; }
.unlimited { background: #d45300; }
.exclusive { background: #000; border: 2px solid gold; }

/* PRIS OCH SPARANDE */
.price {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.price_yearly {
  display: none;
}

.savings {
  font-size: 14px;
  color: #eee;
  margin-bottom: 10px;
  font-style: italic;
}

/* FUNKTIONER */
.feature-list {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.feature-list li {
  margin-bottom: 8px;
  padding-left: 0;
  text-indent: -1.2em;
  padding-left: 1.2em;
  line-height: 1.4em;
}

/* CTA-KNAPPAR */
.cta-button {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 12px 20px;
  font-weight: bold;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  transition: background 0.3s ease;
}

.purple { background: #bb6bd9; color: #fff; }
.orange { background: #f4a261; color: #fff; }
.gold { background: gold; color: #000; }

/* LICENSLÄNKEN */
.license-link {
  display: block;
  font-size: 14px;
  text-decoration: underline;
  margin-top: 10px;
  color: #ccc;
}

.license-link:hover {
  color: #fff;
}
/* Centrera allt innehåll i varje box */
.pricing-box {
  text-align: center;
}

/* Justera punktlistan i varje box så att även ikonerna är centrerade */
.features-list {
  padding-left: 0;
  list-style-position: inside;
}

.features-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 6px;
}.features-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.features-list li {
  margin-bottom: 6px;
}

/* ==== TOGGLE SWITCH ==== */
.toggle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 16px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 32px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #6c63ff; /* valfri färg – lila */
}

input:checked + .slider:before {
  transform: translateX(26px);
}
.price {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.price.hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.price,
.savings {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.price,
.savings {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, height 0.3s ease-in-out;
}

.hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
/* Wrapper & title styling */
.billing-toggle-wrapper {
  text-align: center;
  margin: 40px auto;
  max-width: 400px;
}

.billing-title {
  font-size: 18px;
  margin-bottom: 12px;
  color: #ffffff;
  font-weight: 500;
}

.billing-title .highlight {
  color: #ffea00;
  font-weight: 600;
}

/* Toggle row */
.toggle-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  color: #ffffff;
}

.toggle-row .label {
  font-weight: 500;
}

/* Switch styling – samma som tidigare */
.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: background-color 0.3s;
  border-radius: 34px;
}

.slider::before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: transform 0.4s ease;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #4CAF50;
}

input:checked + .slider::before {
  transform: translateX(24px);
}
.billing-toggle-wrapper {
  background-color: #1a1a1a;
  padding: 30px 20px;
  border-radius: 12px;
  text-align: center;
  margin: 0 auto 40px;
  max-width: 400px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

.billing-toggle-wrapper:hover {
  transform: scale(1.01);
}

.billing-toggle-wrapper .billing-title {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 12px;
}

.billing-toggle-wrapper .billing-title .highlight {
  color: #f1c40f;
  font-weight: 600;
}

.toggle-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.toggle-row .label {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
}

/* Toggle Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #777;
  transition: background-color 0.4s;
  border-radius: 30px;
}

.slider::before {
  position: absolute;
  content: "";
  height: 22px; width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  transition: transform 0.4s ease;
  border-radius: 50%;
}

.switch input:checked + .slider {
  background-color: #f1c40f;
}

.switch input:checked + .slider::before {
  transform: translateX(24px);
}/* End custom CSS */