.region.region-content {
  padding: 0 !important;
}

body,
.form-control {
  font-family: "Helvetica";
  font-size: var(--size-16) !important;
}

/* section title */
.info-form legend .fieldset-legend,
.page-title {
  font-family: "Helvetica";
  color: var(--marine);
  font-size: var(--size-24);
  line-height: var(--size-27);
  font-weight: normal;
}

/* Label */
.info-form label,
.passport-wrapper legend .fieldset-legend {
  font-family: "Helvetica";
  color: var(--gunmetal);
  font-size: var(--size-20);
  line-height: var(--size-24);
  font-weight: normal;
}

.shadow-none legend span{
    font-family: "Helvetica";
    color: var(--gunmetal) !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: normal;
}

input {
  border: 1px solid var(--border-color) !important;
}

/* Phone number */
.iti input,
.iti input[type="tel"],
.iti input[type="text"] {
  margin-top: 0.25rem !important;
}

.iti__selected-flag {
  height: calc(100% - 0.25rem);
  position: relative;
  top: 0.25rem;
  border-right: 1px solid var(--border-color);
}

.form-control:focus {
  border: 1px solid var(--marine) !important;
}

.form-check-input:checked {
  background-color: var(--marine) !important;
}

input[type="radio"] {
  accent-color: var(--marine) !important;
}

/* File upload */
::-webkit-file-upload-button,
input[type="file"]::file-selector-button {
  visibility: hidden;
}

input[type="file"] {
  opacity: 1;
  background: url(../images/Uplaod.svg) no-repeat center center/ 10rem;
  position: relative;
  content: "";
  color: transparent;
  width: 100%;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file--image {
  background: url(../images/file.svg) no-repeat left center/ 13px !important;
}

.file--image a {
  color: var(--gunmetal);
}

.file--image a:hover {
  color: var(--marine);
}

/* form select dropdown image */
.form-select {
  background: url(../images/down-arrow.svg) no-repeat right 10px center/ 13px !important;
}

select {
  cursor: pointer;
}

/* error */
.form-item--error-message {
  font-weight: normal !important;
  margin-bottom: -20px;
}

.form-item--error-message:before {
  display: none;
}


.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid var(--danger) !important;
}

/* Next button */
.next-btn .button {
  font-size: var(--size-20);
  line-height: var(--size-24);
  padding: 0.5rem 2rem;
  height: 45px;
}

.next-btn .webform-button--next,
.next-btn .webform-button--submit {
  color: var(--white);
  background-color: var(--dark-mint-green);
  border: 1px solid var(--dark-mint-green) !important;
  float: right;
  text-transform: uppercase;
}

.next-btn .webform-button--next:hover,
.next-btn .webform-button--submit:hover,
.next-btn .webform-button--submit:active {
  background-color: var(--white);
  color: var(--dark-mint-green);
}

.next-btn .webform-button--previous {
  border: 1px solid var(--back-btn) !important;
  color: var(--white);
  background-color: var(--light-grey);
}

.next-btn .webform-button--previous:hover {
  background-color: var(--white);
  color: var(--light-grey);
}

/* Form height */
.form-height,
.form-height>* {
  min-height: calc(100vh - 415px);
}

.webform-confirmation {
  min-height: calc(100vh - 415px);

}

.form-height {
  position: relative;
}

.form-height .next-btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 1);
}

/* Header */
.temphalla-header {
  padding: 8px 0;
  position: sticky;
  top: 0;
  background-color: var(--white);
  z-index: 999;
}

/*.navbar-brand img {
  height: 5.5rem !important;
  width: 100% !important;
}*/

/* Footer */
.temphalla-footer {
  background-color: var(--dark-slate-grey);
  padding: 1rem 0;
  color: var(--white);
}

.temphalla-footer hr {
  opacity: 1 !important;
}

.temphalla-footer #block-socialmedia a {
  text-decoration: none;
  margin-right: 1rem;
  color: var(--dark-slate-grey) !important;
  display: inline-block;
}

.temphalla-footer #block-socialmedia a span {
  background-color: var(--white);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.region-socialmedia h2 {
  font-size: var(--size-20);
  font-family: 'Helvetica';
  font-weight: bold;
  line-height: var(--size-40);
}

.footer-address {
  font-size: var(--size-20);
  font-family: 'Helvetica';
  font-weight: normal;
  line-height: var(--size-28);
}

.contact-title {

  font-size: var(--size-20);
  font-family: 'Helvetica';
  font-weight: bold;
}

.contact-details {
  font-size: var(--size-18);
  font-family: 'Helvetica';
  font-weight: normal;
  line-height: var(--size-40);
}

.webform-confirmation__back a {
  font-size: var(--size-18);
  font-family: 'Helvetica';
  font-weight: normal;
  line-height: var(--size-40);
  color: var(--dark-mint-green);
  text-transform: uppercase;
  text-underline-offset: 3px;
}

.webform-confirmation__back a:hover {
  color: var(--gunmetal);
}

.confirmation-page .alert {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.placeholder {
  background-color: inherit !important;
}
.page-wrapper *:focus, .ui-dialog *:focus
{
  outline: none !important;
  box-shadow: none !important;
}

.btn.disabled {
  background-color: var(--light-grey);
  border-color: var(--light-grey) !important;
}

.temphalla-lang-switcher li a.language-link{
  color: var(--dark-mint-green) !important;
}

.footer-image{
  width: 71px !important;
  height: 39px !important;
  /* background-color: white; */
  color: blue;
}
.navbar-brand .site-logo img{
  width: 100%;
  height: auto;
}
.footer_logo .navbar-brand img{
width: 45%;
height: 30%;
}
.webform-container-type-details .form-item--sharing-token{
    overflow: hidden;
    word-wrap: break-word;
}