/* Desktop View */
@media (min-width: 769px) {
  .wc_hero-module {
    height: 1000px !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 1452px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    margin: 0 auto;
  }

  .wc_content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    height: 100%;
  }

  .wc_text-content {
    width: 50%;
    height: 85%;
    margin-top: 140px;
    float: left; /* This ensures it stays on the left side */
    align-items: center;
    justify-content: center;
    display: flex; /* Use flexbox for centering */
    flex-direction: column;
    text-align: center;
    padding: 0; /* Remove padding if any */
    overflow-wrap: break-word;
  }
  
  .call-button {
    display: none;
  }

  .wc_main-heading {
    color: white;
    font-size: 38px !important;
    width: 45%;
    text-align: left;
    margin-bottom: 50px;
  }
  
  .content-info, .ph-check-circle {
    font-size: 24px !important;
    font-weight: 200 !important;
  }
  
  .content-info {
    margin: 0;
  }
  
  .elbil {
    text-align: left;
    width: 50%;
  }
  
  #hs_cos_wrapper_widget_1737966091125 > section > div.wc_content > div > div > div > img {
    float: 0;
  }
  
  .wc_form-content {
    display: none;
  }

  .wc_form-heading {
    font-family: "Libre Baskerville", serif !important;
    color: #fdfcf7;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0wc_54px;
  }

  .wc_form-wrapper {
    position: absolute;
    top: 3.2%;
    right: 0;

    width: 483px !important;
    height: 840px;

    scale: 0.9;
    background: #fdfcf7;
    border-radius: 35px;
    padding: 35px 50px;
    z-index: 200;
  }

  .wc_form-wrapper div p {
    color: #d2ffc2;
    display: block;
    margin-bottom: 10px;
  }

  .wc_form-wrapper input,
  .wc_form-wrapper textarea {
    display: block;
    margin-bottom: 10px;
    border-radius: 126px;
    border: none;
    background: #1d3031 !important;
    color: #d2ffc2 !important;
  }

  .wc_form-wrapper textarea {
    border-radius: 16px;
    resize: none !important;
  }

  .input {
    height: 100%;
    width: 100%;
    display: block;
  }

  .hs-error-msgs {
    display: block;
  }

  .submitted-message p {
    margin-top: 50px;
    text-align: left;
  }
  .submitted-message p span {
    color: #1d3031 !important;
    font-style: italic;
    font-weight: 300;
    font-size: 20px;
  }
  
  .pilogtekst {
      display: flex;
      flex-direction: column; /* Stack items vertically */
      align-items: flex-start; /* Align text to the left */
      gap: 10px; /* Space between each row */
      margin: 50px 0 100px 30px;
  }

  .piloglinje {
      display: inline-flex; /* Keep text and arrow on the same line */
      align-items: center; /* Ensure vertical alignment */
      gap: 5px; /* Adjust spacing between text and arrow */
  }
  
  .piloglinje a { font-weight: 200; }
  
  .mobile-only { display: none; !important}
  
  .elbil img, .ikkemedlem, .ikkemedlem a { margin-left: 30px; }
  
  .skjemaheader-mobile, .wc_form-wrapper img { display: none; }
  
  .tabell-info {
    font-size: 24px;
  }
}
/*----------------- Custom Right Value of Form -----------------*/
@media (min-width: 1280px) {
  .wc_form-wrapper {
    right: 0%;
  }
}

@media (min-width: 1920px) {
  .wc_form-wrapper {
    right: 11%;
  }
}

@media (min-width: 2560px) {
  .wc_form-wrapper {
    right: 21%;
  }
}

/*--------------------------------------------------------------*/
/* Mobile View */
@media (max-width: 430px) and (max-height: 932px) {
  .wc_hero-module {
    min-height: 1070px !important;
    background-position-y: top !important;
    flex-direction: unset;
  }

  .wc_content {
    width: 100%;
    position: relative;
    height: 458px;
    z-index: 1; /* Ensure it's above other content */
    box-sizing: unset !important;
    margin: 0 auto;
  }

  .wc_text-content {
    padding: 110px 0 0 10px !important;
  }
  
  .wc_main-heading {
    font-family: "Libre Baskerville", serif !important;
    font-size: 22px !important;
    text-align: left;
    padding-left: 8px;
  }
  
  .tabell-info {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .call-button {
    position: relative;
    margin: 0 auto;
    transform: translateY(-70px);
    z-index: 990;
    display: block;
    width: 216px;
    height: 61px;
    font-size: 15px;
    font-weight: 600;
    background-color: #d2ffc2;
    border-radius: 35px;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    color: #1d3031;
  }

  .call-button:hover {
    text-decoration: none;
    color: #1d3031;
    font-weight: 800;
  }

  .call-button i {
    color: #1d3031;
  }
  
  .mobile-only { display: block; }
  
  .pilogtekst {
      color: #d2ffc2 !important;
      display: flex;
      flex-direction: column; /* Stack items vertically */
      align-items: flex-start; /* Align text to the left */
      gap: 10px; /* Space between lines */
  }

  .piloglinje {
      display: flex;
      align-items: center; /* Keep text and arrow on the same line */
      gap: 5px; /* Space between text and arrow */
  }
  
  .piloglinje a { font-size: 18px !important; font-weight: 200; margin-left: 20px;}
  
  .elbil { display: none; }
  
  .content-info { font-size: 15px; font-weight: 200; }
  
  .skjemaheader-desktop, .desktop-only { display: none; }
  
  .icon-cell {
  width: 16px; /* Adjust as needed */
  text-align: center; /* Centers the icon */
  vertical-align: top; /* Aligns the icon with the first line of text */
  }
  
  .thelinehero { 
    transform: translateY(205px) !important;
    background-color: #d2ffc2;
    opacity: 1;
    padding: 0;
    margin: 0;
  }

  /* -------------------------Skjema Stuff--------------------------------- */

  .wc_form-wrapper {
    position: absolute;
    transform: translateY(-40px);
    height: auto;
    min-height: 635px;
    width: 100% !important;
    padding: 20px 40px;
    padding-bottom: 40px;
    scale: 1;
    top: 500px;
    left: 0;
  }

  .wc_form-heading {
    font-size: 18px !important;
    margin-top: 35px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: left;
  }

  .wc_form-wrapper input[type="email"],
  .wc_form-wrapper input[type="tel"],
  .wc_form-wrapper input[type="text"] {
    color: #1d3031 !important;
    background-color: transparent;
    padding: 0 !important;
    padding-left: 20px !important;
    height: 42px;
    border-radius: 126px;
  }

  .wc_form-wrapper textarea {
    border-radius: 16px;
    height: 113px !important;
    padding: 0 !important;
    padding-top: 5px !important;
    min-height: 113px !important;
  }

  .wc_form-wrapper .actions {
    text-align: center;
    margin-top: 20px;
  }

  .wc_form-wrapper img {
    z-index: 200 !important;
    width: 160px;
  }

  .mdl-checkbox__label p {
    color: #d2ffc2 !important;
    font-size: 10px;
  }

  .legal-consent-container * {
    margin: 0 !important;
  }

  .hs-richtext p {
    font-size: 11px;
    color: #d2ffc2 !important;
    font-weight: 200;
  }

  /* Små justeringer på feilmeldinger */
  .hs-richtext {
    padding: 0px !important;
  }

  .submitted-message p {
    margin-top: 50px;
  }
  .submitted-message p span {
    color: #d2ffc2 !important;
    font-size: 16px;
  }

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

  .wc_hero-module {
    padding-bottom: 400px; /* Adjust this value depending on the height of the form */
  }

  .wc_text-content {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 10px;
  }

  .wc_arrow-text {
    display: none;
  }

}

/* Android */
@media (max-width: 412px) and (max-height: 919px) {
  .wc_hero-module {
    min-height: 132vh !important;
    max-height: 150vh !important;
  }

  .wc_form-wrapper {
    position: absolute;
    min-height: 650px;
  }
  
  .wc_text-content {
    padding: 110px 20px 0 20px !important;
  }
  
  .wc_form-wrapper img {
    width: 150px !important;
  }
  
  .pilogtekst {
    margin-top: 20px !important;
  }
  
  .wc_main-heading {
    font-size: 20px !important;
    margin: 0 !important;
  }
  
  .tabell-info {
    font-size: 15px;
  }
  
  .submitted-message p span {
    color: #d2ffc2 !important;
  }
  
  .thelinehero { 
    transform: translateY(185px); 
    background-color: #d2ffc2;
    opacity: 1;
    padding: 0;
    margin: 0;
  }

}

/* All Views */

.legal-consent-container {
  margin: 20px 0px;
}

.hs-form legend,
.legal-consent-container,
.legal-consent-container p {
  font-family: Poppins;
}