:root {

}
html {
  font-size: 16px;
}

body {
  font-family: "DM Sans", sans-serif;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Inter";
  line-height: 1.2;
  letter-spacing: 0.03em;
}
img {
  max-width: 100%;
  height: auto;
}
p:last-child {
  margin-block-end: 0;
}

form fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  border: none;
  background-color: #fff;
  padding: 12.8px 16px;
  border-radius: 8px;
}


.flex-1 {
  flex: 1 !important;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.py-large {
  padding-block: clamp(4rem, 10.6vw, 128px);
}
.gap-large > .e-con-inner {
  row-gap: clamp(4rem, 10.6vw, 128px);
}

.container-ml-0 > .e-con-inner {
  margin-left: 0;
}
.container-mr-0 > .e-con-inner {
  margin-right: 0;
}

.color-secondary {
  color: #3195d2;
}
.color-white {
  color: white;
}
.padding-space-left {
  padding-left: calc(max(0, (50vw - 608px)) - max(0, (50vw - 720px)));
}
.padding-space-right {
  padding-right: calc(max(0, (50vw - 608px)) - max(0, (50vw - 720px)));
}

.padding-layout {
  padding: 275px 15px 244px 15px;
}

@media screen and (max-width: 768px) {
  .padding-space-left {
    padding-left: 0px;
  }

  .padding-space-right {
    padding-right: 0px;
  }

  .padding-layout {
    padding: 50px 15px 50px 15px;
  }
}

.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container {
  gap: 8px;
}


.form-light [type=button]:not(:disabled), .form-light [type=submit]:not(:disabled), .form-light button:not(:disabled) {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.form-light [type=button]:not(:disabled):hover, .form-light [type=submit]:not(:disabled):hover, .form-light button:not(:disabled):hover {
    background-color: #E8F1F1;
    color: #13293D;
}
