ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / datmont.com / wp-content / themes / igsin / inc / assets / css

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600&display=swap");
:root {
  --color-primary: #ad8d31;
  --color-secondary: #002656;
  --color-dark: #353535;
  --color-text: #646464;
  --color-light: #fffbf1;
  --color-border: #c2c2c2;
  --color-primaryShade: #997a1e;
  --color-secondaryShade: #011a38;
  --color-link: #ad8d31;
  --bg-color-body: #fff;
  --font-base: "Montserrat", "Arial", sans-serif;
  --shadow-base: 0px 0px 36px rgba(0, 0, 0, 0.1);
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 0.75rem;
  --border-radius-base: 1rem;
  --border-radius-xl: 1.25rem;
  --border-radius-2xl: 2rem;
  --border-radius-3xl: 2.25rem;
  --border-radius-4xl: 3rem;
}

/* RESET BASIC STYLES */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::before,
*::after {
  padding: 0;
  margin: 0;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: var(--font-base);
  background-color: var(--bg-color-body);
  color: var(--color-text);
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: var(--color-link);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
a:hover {
  color: var(--color-primaryShade);
}

input,
select,
textarea,
label {
  display: block;
}
::-moz-selection {
  background-color: var(--color-primary);
  color: #fff;
}
::selection {
  background-color: var(--color-primary);
  color: #fff;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 1.25rem;
}
h1 {
  font-size: 2.5rem;
  line-height: 1.35;
}
h2 {
  font-size: 2.125rem;
  line-height: 1.35;
}
h3 {
  font-size: 1.75rem;
  line-height: 1.25;
}
h4 {
  font-size: 1.5rem;
  line-height: 1.4;
}
h5 {
  font-size: 1.25rem;
  line-height: 1.35;
}
h6 {
  font-size: 1.125rem;
  line-height: 1.9;
}
p {
  font-size: 1rem;
  line-height: 1.875;
}
p,
ul li,
ol li,
span {
  font-weight: 500;
}
@media (min-width: 992px) {
  h1 {
    font-size: 3.125rem;
  }
  h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1400px) {
  h1 {
    font-size: 3.4375rem;
  }
  h2 {
    font-size: 2.75rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
}
@media (min-width: 1700px) {
  h2 {
    font-size: 3.125rem;
  }
}

/* CUSTOM UTILITY CLASSES */
.text--primary {
  color: var(--color-primary);
}
.text--secondary {
  color: var(--color-secondary);
}
.text--dark {
  color: var(--color-dark);
}
.text--para {
  color: var(--color-text);
}
.text--primaryShade {
  color: var(--color-primaryShade);
}
.bg--primary {
  background-color: var(--color-primary);
}
.bg--secondary {
  background-color: var(--color-secondary);
}
.bg--dark {
  background-color: var(--color-dark);
}
.bg--light {
  background-color: var(--color-light);
}
.bg--body {
  background-color: var(--bg-color-body);
}
.bg--primaryShade {
  background-color: var(--color-primaryShade);
}
.bg--secondaryShade {
  background-color: var(--color-secondaryShade);
}
.border--solid {
  border-style: solid;
}
.border--dotted {
  border-style: dotted;
}
.border--1 {
  border-width: 1px;
}
.border--2 {
  border-width: 2px;
}
.border--4 {
  border-width: 4px;
}
.border--6 {
  border-width: 6px;
}
.border--8 {
  border-width: 8px;
}
.border--10 {
  border-width: 10px;
}
.border--primary {
  border-color: var(--color-primary);
}
.border--primaryShade {
  border-color: var(--color-primaryShade);
}
.border--secondary {
  border-color: var(--color-secondary);
}
.border--secondaryShade {
  border-color: var(--color-secondaryShade);
}
.border--dark {
  border-color: var(--color-dark);
}
.border--borderColor {
  border-color: var(--color-border);
}
.border--extraLight {
  border-color: rgba(0, 0, 0, 0.1);
}

.link--primary {
  color: var(--color-primary);
}
.link--primary:hover {
  color: var(--color-primaryShade);
}
.link--secondary {
  color: var(--color-secondary);
}
.link--secondary:hover {
  color: var(--color-secondaryShade);
}
.link--light {
  color: #fff;
}
.link--light:hover {
  color: rgba(255, 255, 255, 0.85);
}
.link-hover--underline:hover {
  text-decoration: underline;
}
.link--dark {
  color: var(--color-dark);
}
.link--dark:hover {
  color: var(--color-primary);
}

.bg--center {
  background-position: center center;
}
.bg--right {
  background-position: center right;
}
.bg--left {
  background-position: center left;
}
.bg--top-right {
  background-position: top right;
}
.bg--bottom-right {
  background-position: bottom right;
}
.bg--top-left {
  background-position: topleftt;
}
.bg--bottom-left {
  background-position: bottom left;
}
.bg--bottom-center {
  background-position: bottom center;
}
.bg--cover {
  background-size: cover;
}
.bg--no-repeat {
  background-repeat: no-repeat;
}
.bg--contain {
  background-size: contain;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp--2 {
  -webkit-line-clamp: 2;
}
.line-clamp--3 {
  -webkit-line-clamp: 3;
}
.line-clamp--4 {
  -webkit-line-clamp: 4;
}
.line-clamp--5 {
  -webkit-line-clamp: 5;
}
.shadow--base {
  -webkit-box-shadow: var(--shadow-base);
  box-shadow: var(--shadow-base);
}
.scroll-disabled {
  overflow-y: hidden;
}
.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.fw-medium {
  font-weight: 500;
}
.rounded--sm {
  border-radius: var(--border-radius-sm);
}
.rounded--md {
  border-radius: var(--border-radius-md);
}
.rounded--lg {
  border-radius: var(--border-radius-lg);
}
.rounded--base {
  border-radius: var(--border-radius-base);
}
.rounded--xl {
  border-radius: var(--border-radius-xl);
}
.rounded--2xl {
  border-radius: var(--border-radius-2xl);
}
.rounded--3xl {
  border-radius: var(--border-radius-3xl);
}
.rounded--3xl {
  border-radius: var(--border-radius-4xl);
}

/* COMPONENTS - BUTTONS */
.button {
  display: inline-block;
  padding: 1.125rem 2.125rem;
  color: var(--color-dark);
  font-weight: 500;
  background-color: #fff;
  border-radius: 3.75rem;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: none;
  white-space: nowrap;
}
.button--primary-gradient {
  background: -o-linear-gradient(267deg, #9e6213 2.77%, #dcba63 97.78%);
  background: linear-gradient(183deg, #9e6213 2.77%, #dcba63 97.78%);
  color: #fff;
}
.button--secondary-gradient {
  background: -o-linear-gradient(267deg, #0a5bc1 2.77%, #05159e 97.78%);
  background: linear-gradient(183deg, #0a5bc1 2.77%, #05159e 97.78%);
  color: #fff;
}
.button--primary-gradient:hover,
.button--secondary-gradient:hover {
  color: #fff;
}
.button--primary-gradient:hover {
  background: -o-linear-gradient(87deg, #9e6213 2.77%, #dcba63 97.78%);
  background: linear-gradient(3deg, #9e6213 2.77%, #dcba63 97.78%);
}
.button--secondary-gradient:hover {
  background: -o-linear-gradient(87deg, #0a5bc1 2.77%, #05159e 97.78%);
  background: linear-gradient(3deg, #0a5bc1 2.77%, #05159e 97.78%);
}

@media (min-width: 1400px) {
  .button {
    font-size: 1.0625rem;
    padding: 1.25rem 2.125rem;
  }
}
@media (min-width: 1700px) {
  .button {
    padding: 1.5rem 2.125rem;
  }
}

/* COMPONENTS - SOCIAL ICONS */
.social-icons li:not(:last-child) {
  margin-right: 0.75rem;
}
.social-icons li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, color-stop(3.09%, #dcba63), to(#ad8d31));
  background: -o-linear-gradient(left, #dcba63 3.09%, #ad8d31 100%);
  background: linear-gradient(90deg, #dcba63 3.09%, #ad8d31 100%);
}
.social-icons li a:hover {
  background: -webkit-gradient(linear, right top, left top, color-stop(3.09%, #dcba63), to(#ad8d31));
  background: -o-linear-gradient(right, #dcba63 3.09%, #ad8d31 100%);
  background: linear-gradient(-90deg, #dcba63 3.09%, #ad8d31 100%);
}

/* COMPONENTS - SERVICE CARD */
.service-card .service-card__header figure {
  border: 1px solid var(--color-border);
}

/* COMPONETS - BLOG CARD */
.blog-card {
  height: 100%;
  overflow: hidden;
  border-radius: 0.75rem;
}
.blog-card .blog-card__header figure {
  aspect-ratio: 16/9;
  margin-bottom: 0;
}
.blog-card .blog-card__body {
  padding: 1.5rem 1.25rem;
  border-radius: 0 0 0.75rem 0.75rem;
}
.blog-card .blog-card__body .blog-card__date {
  font-size: 0.875rem;
  padding: 0.25rem 0.625rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  border-radius: 0.375rem;
}
.blog-card .blog-card__body .blog-card__cta a {
  font-size: 1.125rem;
}
.blog-card .blog-card__body .blog-card__title a {
  line-height: 1.4;
  font-size: 1.125rem;
}
.blog-card .blog-card__body .blog-card__exercpt {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .blog-card .blog-card__body {
    padding: 1.75rem 1.5rem;
  }
}
@media (min-width: 992px) {
  .blog-card .blog-card__body .blog-card__title a {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .blog-card .blog-card__body .blog-card__title a {
    font-size: 1.25rem;
  }
}

/* COMPONENTS - PROUDUCT CARD */
.product-card {
  overflow: hidden;
}
.product-card .product-card__header figure {
  margin-bottom: 0;
  aspect-ratio: 6/5;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.75rem;
  overflow: hidden;
}
.product-card .product-card__header figure img:nth-child(2) {
  display: none;
}
.product-card .product-card__header figure:hover img:nth-child(1) {
  display: none;
}
.product-card .product-card__header figure:hover img:nth-child(2) {
  display: block;
}
.product-card .product-card__body {
  padding: 1.25rem 1rem;
}
.product-card .product-card__body .product-card__cta-container {
  margin-top: 1rem;
}
.product-card .product-card__body .product-card__cta-container .product-card__button--wishlist {
  width: 2.25rem;
  height: 2.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--color-secondary);
  color: #fff;
  margin-bottom: 0;
  border-radius: 50%;
}
.product-card .product-card__body .product-card__cta-container .product-card__button--wishlist svg {
  width: 1.625rem;
  height: 2rem;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.product-card .product-card__body .product-card__cta-container .product-card__button--wishlist svg path {
  fill: #fff;
}
.product-card .product-card__body .product-card__cta-container .product-card__button--wishlist svg {
  width: 2rem;
  height: 1.75rem;
}
.product-card .product-card__body .product-card__cta-container .product-card__button--cart {
  font-size: 0.875rem;
  padding: 0.625rem 1.875rem;
}

.product-card .product-card__body .product-card__title {
  margin-bottom: 0.5rem;
}
.product-card .product-card__body .product-card__meta-info {
  font-size: 0.875rem;
  color: #a2a2a2;
}

/* COMPONENTS - PAGETITLE */
.pagetitle-block .pagetitle-block__top {
  padding: 4.5rem 0;
}
.pagetitle-block .pagetitle-block__bottom {
  padding-top: 1.875rem;
}
.pagetitle-block .breadcrumb {
  margin-bottom: 0;
}
.pagetitle-block .breadcrumb .breadcrumb-item a,
.pagetitle-block .breadcrumb .breadcrumb-item.active,
.pagetitle-block .breadcrumb-item::before {
  font-weight: 500;
  text-transform: capitalize;
}
.pagetitle-block .breadcrumb .breadcrumb-item a,
.pagetitle-block .breadcrumb-item::before {
  color: var(--color-dark);
}
.pagetitle-block .breadcrumb .breadcrumb-item.active {
  color: var(--color-primary);
}

.pagetitle-block .breadcrumb .breadcrumb-item a:hover {
  color: var(--color-primary);
}
.pagetitle-block .container {
  z-index: 5;
}
.pagetitle-block .pagetitle-block__top::before,
.pagetitle-block .pagetitle-block__top::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 33.3%;
  bottom: 0;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.pagetitle-block .pagetitle-block__top::before {
  left: 2%;
  background-image: url(../images/pagetitle-left-img.png);
}
.pagetitle-block .pagetitle-block__top::after {
  right: 6%;
  background-image: url(../images/pagetitle-right-img.png);
}

@media (min-width: 992px) {
  .pagetitle-block .pagetitle-block__top {
    padding: 6.5rem 0;
  }
}
@media (min-width: 1200px) {
  .pagetitle-block .breadcrumb .breadcrumb-item {
    font-size: 1.15rem;
  }
}
@media (min-width: 1400px) {
  .pagetitle-block .pagetitle-block__top {
    padding: 7.5rem 0;
  }
  .pagetitle-block .pagetitle__img {
    max-width: 22rem;
  }
}
@media (min-width: 1700px) {
  .pagetitle-block .pagetitle-block__top {
    padding: 9.8125rem 0;
  }
}

/* COMPONENTS - FORM */
.form .form__field {
  position: relative;
}
.form .form__field .form__input-label {
  display: inline-block;
  margin-bottom: 0.625rem;
  font-size: 0.9375rem;
  color: #494949;
  position: relative;
  font-weight: 500;
}
.form .form__field .form__input-label.required::after {
  content: "*";
  position: absolute;
  top: 0;
  right: -0.5rem;
  color: var(--bs-danger);
}

.form .form__field .form__input {
  padding: 0.625rem 1rem;
  background-color: transparent;
  border: 1px solid var(--color-border);
  width: 100%;
  color: var(--color-dark);
  font-weight: 600;
  min-height: 2.9375rem;
}

.form .form__field textarea.form__input {
  height: 10rem;
}
.form .form__field .form__input:focus {
  border: 1px solid var(--color-primary);
  outline: 1px solid var(--color-primary);
}
.form.form--light .form__input {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.form input[type="checkbox"],
.form input[type="radio"] {
  accent-color: var(--color-primary);
}
.form .form__field .form__input::-webkit-input-placeholder {
  font-weight: 500;
  color: var(--color-text);
}
.form .form__field .form__input::-moz-placeholder {
  font-weight: 500;
  color: var(--color-text);
}
.form .form__field .form__input:-ms-input-placeholder {
  font-weight: 500;
  color: var(--color-text);
}
.form .form__field .form__input::-ms-input-placeholder {
  font-weight: 500;
  color: var(--color-text);
}
.form .form__field .form__input::placeholder {
  font-weight: 500;
  color: var(--color-text);
}
.form .form__field .form__input--hide-number-button::-webkit-outer-spin-button,
.form .form__field .form__input--hide-number-button::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.form .form__field .form__input--hide-number-button[type="number"] {
  -moz-appearance: textfield;
}

/* COMPONENTS - ACCORDION */
.accordion-container {
  position: relative;
  height: auto;
}
.set {
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--color-light);
  border-bottom: 1px solid var(--color-border);
}
.set > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  text-decoration: none;
  color: var(--color-dark);
  background-color: var(--color-light);
  font-weight: 500;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 1.0625rem;
}
.set > a i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0.25rem;
}
.content {
  padding: 1.875rem 1rem;
  background-color: var(--bg-color-body);
  display: none;
}
.set > a.active {
  background-color: var(--color-primary);
  color: #fff;
}
@media (min-width: 768px) {
  .set > a {
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .set > a {
    font-size: 1.25rem;
  }
}

/* COMPONENTS - TABLE */
@media (max-width: 767.98px) {
  table thead {
    display: none;
  }
  table tbody tr td {
    display: block;
    border: 0;
  }
  table tbody tr td::before {
    content: attr(data-cell) " : ";
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-dark);
  }
}

/* ANIMATION EFFECT */
.has-effect--scale-up {
  overflow: hidden;
}
.has-effect--scale-up img {
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.has-effect--scale-up:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* SECTION RELATED COMMON STYLES */
.has-mb {
  margin-bottom: 2.5rem;
}
.has-mb-2 {
  margin-bottom: 1.875rem;
}
.has-overlay {
  position: relative;
}
.has-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.has-overlay .container {
  position: relative;
}
.section--py {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.section--pt {
  padding-top: 4rem;
}
.section--pb {
  padding-bottom: 4rem;
}
.offcanvas {
  max-width: 22.5rem;
}
.owl-carousel {
  position: relative;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 0;
  font-size: 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.owl-carousel.owl-carousel--nav-vertical-middle .owl-nav button.owl-prev {
  position: absolute;
  top: calc(50% - 2rem);
  left: 0;
}
.owl-carousel.owl-carousel--nav-vertical-middle .owl-nav button.owl-next {
  position: absolute;
  top: calc(50% - 2rem);
  right: 0;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  bottom: 0.75rem;
  width: 100%;
}
.owl-theme .owl-dots .owl-dot span {
  background-color: var(--color-primary);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-secondary);
}
.owl-carousel.has-stage-outer-pb .owl-stage-outer {
  padding-bottom: 2rem;
}
.owl-carousel.has-default-nav-style .owl-nav button.owl-next,
.owl-carousel.has-default-nav-style .owl-nav button.owl-prev,
.owl-carousel.has-default-nav-style .owl-nav button.owl-next:hover,
.owl-carousel.has-default-nav-style .owl-nav button.owl-prev:hover {
  background-color: transparent;
  color: var(--color-primary);
}
strong,
b {
  font-weight: 700;
}
.modal-content {
  border-radius: 0;
  border: 0;
}
.dropdown-menu {
  border: 1px solid var(--color-border);
}
.dropdown-menu li .dropdown-item:hover {
  background-color: var(--color-light);
  color: var(--color-primary);
}
.has-bg-shape {
  background-image: url(../images/bg-shape.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.has-before-bg-shape {
  position: relative;
}
.cta-buttons-container {
  margin-top: 2.5rem;
}
@media (min-width: 992px) {
  .has-mb {
    margin-bottom: 3.125rem;
  }
  .has-mb-2 {
    margin-bottom: 2.5rem;
  }
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .section--py {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .section--pt {
    padding-top: 5rem;
  }
  .section--pb {
    padding-bottom: 5rem;
  }
  .owl-carousel.has-stage-outer-pb .owl-stage-outer {
    padding-bottom: 3.125rem;
  }
  .cta-buttons-container {
    margin-top: 2.875rem;
  }
}
@media (min-width: 1200px) {
  .section--py {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .section--pt {
    padding-top: 6.25rem;
  }
  .section--pb {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1400px) {
  .has-mb {
    margin-bottom: 3.75rem;
  }
  .has-mb-2 {
    margin-bottom: 3.125rem;
  }
  .section--py {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .section--pt {
    padding-top: 7rem;
  }
  .section--pb {
    padding-bottom: 7rem;
  }
}
@media (min-width: 1700px) {
  .has-mb {
    margin-bottom: 4.3125rem;
  }
  .container {
    max-width: 1640px;
  }
  .section--py {
    padding-top: 7.625rem;
    padding-bottom: 7.625rem;
  }
  .section--pt {
    padding-top: 7.625rem;
  }
  .section--pb {
    padding-bottom: 7.625rem;
  }
  .custom-inner-container {
    padding-right: 5.8125rem;
    padding-left: 5.8125rem;
  }
}
@media (max-width: 767.98px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 100%;
  }
}

/* CONTENT BOX */
.content-box ul {
  list-style: disc;
  margin-left: 1.125rem;
}
.content-box ul li {
  position: relative;
}
.content-box ul li:not(:last-child) {
  margin-bottom: 0.625rem;
}
.content-box ul:not(:last-child) {
  margin-bottom: 1.25rem;
}
.content-box p:last-child {
  margin-bottom: 0;
}
.content-box img {
  width: 100%;
}
.content-box img:not(:last-child) {
  margin-bottom: 1.25rem;
}
.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6 {
  font-weight: 700;
  color: var(--color-dark);
}
.content-box.has-styled-checked-list ul {
  margin-left: 0;
}
.content-box.has-styled-checked-list ul li {
  list-style: none;
}
.content-box.has-styled-checked-list ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  display: inline-block;
  padding-right: 0.75rem;
  vertical-align: middle;
  font-weight: 900;
  margin-top: -0.125rem;
  color: var(--color-primary);
}
.content-box a {
  font-weight: 600;
}
.content-box h1:last-child,
.content-box h2:last-child,
.content-box h3:last-child,
.content-box h4:last-child,
.content-box h5:last-child,
.content-box h6:last-child,
.content-box p:last-child {
  margin-bottom: 0 !important;
}
.content-box.has-h1--mb h1,
.content-box.has-h2--mb h2,
.content-box.has-h3--mb h3,
.content-box.has-h4--mb h4,
.content-box.has-h5--mb h5,
.content-box.has-h6--mb h6 {
  margin-bottom: 1.875rem;
}
.content-box.has-h1--dark h1,
.content-box.has-h2--dark h2,
.content-box.has-h3--dark h3,
.content-box.has-h4--dark h4,
.content-box.has-h5--dark h5,
.content-box.has-h6--dark h6 {
  color: var(--color-dark);
}
.content-box.has-h1--primary h1,
.content-box.has-h2--primary h2,
.content-box.has-h3--primary h3,
.content-box.has-h4--primary h4,
.content-box.has-h5--primary h5,
.content-box.has-h6--primary h6 {
  color: var(--color-primary);
}
.content-box.has-h1--secondary h1,
.content-box.has-h2--secondary h2,
.content-box.has-h3--secondary h3,
.content-box.has-h4--secondary h4,
.content-box.has-h5--secondary h5,
.content-box.has-h6--secondary h6 {
  color: var(--color-secondary);
}
.content-box.has-h1--white h1,
.content-box.has-h2--white h2,
.content-box.has-h3--white h3,
.content-box.has-h4--white h4,
.content-box.has-h5--white h5,
.content-box.has-h6--white h6 {
  color: #fff;
}
.content-box.has-h1--bold h1,
.content-box.has-h2--bold h2,
.content-box.has-h3--bold h3,
.content-box.has-h4--bold h4,
.content-box.has-h5-bold h5,
.content-box.has-h6--bold h6 {
  font-weight: 700;
}
.content-box.has-h1--semibold h1,
.content-box.has-h2--semibold h2,
.content-box.has-h3--semibold h3,
.content-box.has-h4--semibold h4,
.content-box.has-h5--semibold h5,
.content-box.has-h6--semibold h6 {
  font-weight: 600;
}
.content-box.has-h1--medium h1,
.content-box.has-h2--medium h2,
.content-box.has-h3--medium h3,
.content-box.has-h4--medium h4,
.content-box.has-h5--medium h5,
.content-box.has-h6--medium h6 {
  font-weight: 500;
}
.content-box.has-h1--uppercase h1,
.content-box.has-h2--uppercase h2,
.content-box.has-h3--uppercase h3,
.content-box.has-h4--uppercase h4,
.content-box.has-h5--uppercase h5,
.content-box.has-h6--uppercase h6 {
  text-transform: uppercase;
}
.content-box.has-h1--capitalize h1,
.content-box.has-h2--capitalize h2,
.content-box.has-h3--capitalize h3,
.content-box.has-h4--capitalize h4,
.content-box.has-h5--capitalize h5,
.content-box.has-h6--capitalize h6 {
  text-transform: capitalize;
}
.content-box.has-b-text--semibold b {
  font-weight: 600;
}
.content-box.has-b-text--dark b {
  color: var(--color-dark);
}

/* SITE HEADER */
.site-header {
  z-index: 1040;
  top: 0;
}
.site-header .site-header__top,
.site-header .site-header__middle {
  padding: 1rem 0;
}
.site-header .site-header__top p {
  font-size: 0.75rem;
}
.site-header,
.site-header .site-header__top,
.site-header .site-header__middle,
.site-header .site-header__middle .site-header__logo img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-header .site-header__middle .site-header__button--nav-toggler {
  font-size: 1.5rem;
}
.site-header .offcanvas {
  max-width: 27.5rem;
	z-index:10000;
}
.site-header .offcanvas .btn-close {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.site-header .offcanvas .site-header__btn--account::after {
  color: #fff;
}
.site-header .site-header__nav .nav-menu li {
  position: relative;
}
.site-header .site-header__nav .nav-menu li:not(:last-child) {
  margin-bottom: 0.625rem;
}
.site-header .site-header__nav .nav-menu li a {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}
.site-header .site-header__nav .nav-menu li a span.dropdown-button {
  padding: 0.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.site-header .site-header__nav .nav-menu li:hover a,
.site-header .site-header__nav .nav-menu li.active a,
.site-header .site-header__nav .nav-menu li.current-menu-item a {
  color: #fff;
}
.site-header.site-header--shrinked {
  -webkit-box-shadow: var(--shadow-base);
  box-shadow: var(--shadow-base);
}
.site-header.site-header--shrinked .site-header__top {
  padding: 0.25rem 0;
}
.site-header.site-header--shrinked .site-header__middle {
  padding: 0.75rem 0;
}
.site-header .site-header__bottom,
.site-header .site-header__middle .site-header__nav,
.site-header .site-header__middle .site-header__contact-blocks {
  display: none;
}
@media (min-width: 576px) {
  .site-header .site-header__middle .site-header__logo img {
    max-width: 64%;
  }
}
@media (min-width: 768px) {
  .site-header .site-header__top p {
    font-size: 0.875rem;
  }
  .site-header .site-header__nav .nav-menu li a {
    font-size: 1rem;
  }
  .site-header .site-header__top .site-header__logo img {
    width: 8rem;
  }
}
@media (min-width: 992px) {
  .site-header .site-header__top {
    padding: 1.25rem 0;
  }
  .site-header .site-header__top .site-header__logo img {
    width: 10rem;
  }
  .site-header.site-header--shrinked .site-header__top .site-header__logo img {
    width: 8rem;
  }
  .site-header .site-header__middle {
    padding: 1.5rem 0;
  }
  .site-header.site-header--shrinked .site-header__top {
    padding: 0.75rem 0;
  }
  .site-header.site-header--shrinked .site-header__middle {
    padding: 1rem 0;
  }
}
@media (min-width: 1200px) {
  .site-header.site-header--shrinked .site-header__top {
    padding: 0.5rem 0;
  }
  .site-header .site-header__middle .site-header__logo img {
    max-width: 90%;
  }
  .site-header .site-header__nav .nav-menu li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 2.125rem;
  }
  .site-header .site-header__nav .nav-menu li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.375rem;
    background-color: var(--color-primary);
    display: none;
  }
  .site-header .site-header__nav .nav-menu li a {
    font-size: 1rem;
    color: #fff;
    padding: 1.25rem 0.5rem;
  }
  .site-header .site-header__nav .nav-menu li.active::before,
  .site-header .site-header__nav .nav-menu li.current::before {
    display: block;
    height: 0.25rem;
  }
  .site-header .site-header__nav .nav-menu li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 1rem;
    white-space: nowrap;
    text-align: center;
    font-weight: 500;
  }
  .site-header .site-header__nav .nav-menu li:hover > a,
  .site-header .site-header__nav .nav-menu li.active a,
  .site-header .site-header__nav .nav-menu li.current-menu-item a {
    color: var(--color-primary);
  }
  .site-header .site-header__nav .nav-menu li ul {
    display: block;
    -webkit-box-shadow: var(--shadow-base);
    box-shadow: var(--shadow-base);
    border-radius: 0.375rem;
    min-width: 12rem;
    position: absolute;
    top: 4rem;
    left: 0;
    background-color: var(--bg-color-body);
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    pointer-events: none;
    opacity: 0;
  }
  .site-header .site-header__nav .nav-menu li ul li::before,
  .site-header .site-header__nav .nav-menu li ul li.active::before,
  .site-header .site-header__nav .nav-menu li ul li.current::before {
    display: none;
  }
  .site-header .site-header__nav .nav-menu li ul li a {
    font-size: 0.9375rem;
    padding: 0.625rem 0.875rem;
    display: block;
  }
  .site-header .site-header__nav .nav-menu li ul li a,
  .site-header .site-header__nav .nav-menu li:hover ul li a {
    color: var(--color-dark);
  }
  .site-header .site-header__nav .nav-menu li ul li:hover > a,
  .site-header .site-header__nav .nav-menu li ul li.active > a,
  .site-header .site-header__nav .nav-menu li ul li.current > a {
    color: var(--color-primary);
  }
  .site-header .site-header__nav .nav-menu li:hover ul {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .site-header .site-header__top .site-header__logo img {
    width: 12rem;
  }
  .site-header.site-header--shrinked .site-header__top .site-header__logo img {
    width: 10rem;
  }
  .site-header .site-header__middle {
    padding: 1.75rem 0;
  }
  .site-header .site-header__middle .site-header__contact-blocks {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .site-header .site-header__middle .site-header__contact-blocks li:not(:last-child) {
    margin-right: 1.75rem;
  }
  .site-header .site-header__middle .site-header__contact-blocks li .icon {
    width: 2.75rem;
    height: 2.75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 0.25rem;
  }
  .site-header .site-header__middle .site-header__contact-blocks li .text {
    padding-left: 1rem;
    text-align: left;
  }
  .site-header .site-header__middle .site-header__contact-blocks li .text p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--color-dark);
    font-weight: 600;
  }
  .site-header .site-header__middle .site-header__contact-blocks li a {
    font-size: 1.125rem;
    font-weight: 600;
  }
  .site-header .site-header__cta-wrapper li svg path {
    fill: var(--color-primaryShade);
  }
  .site-header .site-header__bottom {
    display: block;
  }
}
@media (min-width: 1400px) {
  .site-header .site-header__middle .site-header__logo img {
    max-width: 100%;
  }
  .site-header .site-header__nav .nav-menu li ul li a {
    font-size: 1rem;
  }
}
@media (min-width: 1700px) {
  .site-header.site-header--shrinked {
    top: 0;
  }
  .site-header .site-header__top {
    padding: 1.4375rem 0;
  }
  .site-header.site-header--shrinked .site-header__top {
    padding: 0.75rem 0;
  }
  .site-header .site-header__middle .site-header__nav {
    display: block;
  }
  .site-header .site-header__nav .nav-menu li a {
    color: var(--color-dark);
    font-size: 1.0625rem;
  }
  .site-header .site-header__nav .nav-menu li:not(:last-child) {
    margin-right: 1.5rem;
  }
  .site-header .site-header__middle {
    padding: 2.25rem 0;
  }
  .site-header .site-header__middle .site-header__contact-blocks {
    display: none;
  }
  .site-header .site-header__bottom {
    display: none;
  }
}

/* SITE FOOTER */
.site-footer__top {
  padding: 4rem 0;
}
.site-footer .site-footer__top .site-footer__menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.site-footer .site-footer__top .site-footer__menu ul li {
  display: inline-block;
  position: relative;
  padding-right: 1.125rem;
  margin-left: 1.125rem;
}
.site-footer .site-footer__top .site-footer__menu ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0;
  width: 1px;
  height: 50%;
  background-color: #e6e6e6;
}
.site-footer .site-footer__top .site-footer__menu ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.site-footer .site-footer__top .site-footer__menu ul li a {
  color: #e6e6e6;
  display: inline-block;
  font-size: 0.9375rem;
  text-transform: capitalize;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.site-footer .site-footer__top .site-footer__menu ul li a:hover {
  color: var(--color-primary);
}
.site-footer .site-footer__top .site-footer__menu ul li:first-child {
  margin-left: 0;
}
.site-footer .site-footer__top .site-footer__menu ul li:last-child {
  padding-right: 0;
}
.site-footer .site-footer__top .social-icons {
  margin-top: 1.875rem;
}
.site-footer .site-footer__top .site-footer__logo {
  max-width: 10rem;
}
.site-footer .site-footer__top h5 {
  position: relative;
  padding-bottom: 1.5rem;
}
.site-footer .site-footer__top h5::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ad8d31;
  border: 3px solid #dcba63;
  width: 2.125rem;
  height: 0.25rem;
}
.site-footer .site-footer__bottom {
  padding: 1.875rem 0;
  background-color: #1d1d1d;
}
.site-footer .site-footer__bottom p {
  color: #ececec;
  margin-bottom: 0;
}
.site-footer .copyright-text,
.site-footer .site-footer__bottom-menu ul li a {
  font-size: 1rem;
}

.button--scroll-to-top {
  width: 3.125rem;
  height: 3.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 3.125rem;
  right: 1.25rem;
  border: 0;
  border-radius: 0.375rem;
  font-size: 1.125rem;
  visibility: hidden;
  z-index: 1000;
}
.button--scroll-to-top:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.button--scroll-to-top.show {
  visibility: visible;
}

@media (min-width: 576px) {
  .site-footer .site-footer__top .site-footer__logo {
    max-width: 14rem;
  }
  .site-footer .site-footer__top .newsletter-form button[type="submit"] {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    display: inline-block;
    height: 3.125rem;
  }
}
@media (min-width: 992px) {
  .site-footer__top {
    padding: 5rem 0;
  }
  .site-footer .site-footer__top .site-footer__menu ul li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .site-footer .site-footer__top .site-footer__menu ul li a {
    font-size: 1rem;
  }
  .site-footer .site-footer__top .site-footer__logo {
    max-width: 10rem;
  }
  .site-footer .site-footer__bottom {
    padding: 2rem 0;
  }
}
@media (min-width: 1200px) {
  .site-footer__top {
    padding: 6.25rem 5rem;
  }
  .site-footer .site-footer__top .site-footer__logo {
    max-width: 100%;
  }
  .site-footer .site-footer__top h5::after {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .site-footer .site-footer__top .logo-col {
    padding-right: 2.625rem;
  }
  .site-footer .site-footer__top .lg-col {
    padding-left: 2.625rem;
    border-left: 1px solid #5b5b5b;
  }
  .site-footer .site-footer__top .site-footer__menu ul li a {
    font-size: 0.875rem;
  }
}
@media (min-width: 1250px) {
  .site-footer .site-footer__top .site-footer__menu ul li a {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1400px) {
  .site-footer .site-footer__top .site-footer__menu ul li a {
    font-size: 1rem;
  }
  .site-footer .site-footer__bottom {
    padding: 2.25rem 0;
  }
  .site-footer .site-footer__top .site-footer__menu ul li:first-child {
    margin-left: 0;
  }
}
@media (min-width: 1700px) {
  .site-footer .site-footer__top {
    padding: 8.75rem 5rem;
  }
  .site-footer .site-footer__top .site-footer__menu ul li:nth-child(7) {
    margin-left: 0;
  }
  .site-footer .site-footer__bottom {
    padding: 2.875rem 0;
  }
  .site-footer .site-footer__top .site-footer__menu ul li a {
    font-size: 1.0625rem;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .site-footer .site-footer__top .site-footer__menu ul li:nth-child(3n + 1) {
    margin-left: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  .site-footer .site-footer__top .site-footer__menu ul li:nth-child(6),
  .site-footer .site-footer__top .site-footer__menu ul li:nth-child(11) {
    margin-left: 0;
  }
}

/* **** PAGE - HOME **** */
.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.8;
}
.hero-section .content-wrapper {
  padding: 5rem 0 2.5rem;
}
.hero-section .content-wrapper h1 {
  font-weight: 700;
  margin-bottom: 2.375rem;
	color:#fff;
}
.hero-section .content-wrapper h6 {
  color: #f3f3f3;
  font-weight: 600;
}
.hero-section .content-wrapper .cta-container {
  padding-top: 1.125rem;
}
.hero-section .img-container {
  max-width: 18rem;
}
.hero-section .floating-img {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 1;
}
.hero-section .container {
  z-index: 2;
}

.process-section {
  position: relative;
}
.process-section .container,
.process-section .button {
  position: relative;
}
.process-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/web-illustration.svg);
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.process-section .process-wrapper {
  padding-top: 3.125rem;
  margin-bottom: 3.125rem;
}
.process-section .process-wrapper .steps .step {
  text-align: center;
}
.process-section .process-wrapper .steps .step:not(:last-child) {
  margin-bottom: 1.875rem;
}
.process-section .process-wrapper .steps .step .step__index {
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 1rem;
}
.process-section .process-wrapper .steps .step .step__icon {
  width: 8.75rem;
  padding: 0.6875rem;
  border-radius: 3.75rem;
  margin-bottom: 1.25rem;
}
.process-section .process-wrapper .steps .step .step__body p:first-child {
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 0.125rem;
}
.process-section .process-wrapper .steps .step .step__body p:last-child {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.28;
}
.process-section .process-wrapper .steps .step:nth-child(1) .step__icon,
.process-section .process-wrapper .steps .step:nth-child(1) .step__index {
  background: -webkit-gradient(linear, left top, right top, from(#0087c7), to(#5bc9e2));
  background: -o-linear-gradient(left, #0087c7 0%, #5bc9e2 100%);
  background: linear-gradient(90deg, #0087c7 0%, #5bc9e2 100%);
}
.process-section .process-wrapper .steps .step:nth-child(2) .step__icon,
.process-section .process-wrapper .steps .step:nth-child(2) .step__index {
  background: -webkit-gradient(linear, left top, right top, from(#d42a6b), to(#f06aa7));
  background: -o-linear-gradient(left, #d42a6b 0%, #f06aa7 100%);
  background: linear-gradient(90deg, #d42a6b 0%, #f06aa7 100%);
}
.process-section .process-wrapper .steps .step:nth-child(3) .step__icon,
.process-section .process-wrapper .steps .step:nth-child(3) .step__index {
  background: -webkit-gradient(linear, left top, right top, from(#d42a6b), to(#05159e));
  background: -o-linear-gradient(left, #d42a6b 0%, #05159e 100%);
  background: linear-gradient(90deg, #d42a6b 0%, #05159e 100%);
}
.process-section .process-wrapper .steps .step:nth-child(4) .step__icon,
.process-section .process-wrapper .steps .step:nth-child(4) .step__index {
  background: -webkit-gradient(linear, left top, right top, from(#00a14b), to(#8dc63f));
  background: -o-linear-gradient(left, #00a14b 0%, #8dc63f 100%);
  background: linear-gradient(90deg, #00a14b 0%, #8dc63f 100%);
}
.process-section .process-wrapper .steps .step:nth-child(5) .step__icon,
.process-section .process-wrapper .steps .step:nth-child(5) .step__index {
  background: -webkit-gradient(linear, left top, right top, from(#f15a29), to(#f7941e));
  background: -o-linear-gradient(left, #f15a29 0%, #f7941e 100%);
  background: linear-gradient(90deg, #f15a29 0%, #f7941e 100%);
}
.process-section .process-wrapper .steps .step:nth-child(6) .step__icon,
.process-section .process-wrapper .steps .step:nth-child(6) .step__index {
  background: -webkit-gradient(linear, left top, right top, from(#005cab), to(#0090cb));
  background: -o-linear-gradient(left, #005cab 0%, #0090cb 100%);
  background: linear-gradient(90deg, #005cab 0%, #0090cb 100%);
}
.process-section .process-wrapper .shape {
  display: none;
}

.database-prev-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #ffefc7;
  background-image: url(../images/bg-shape.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.database-prev-section h4 {
  font-size: 1.125rem;
  line-height: 1.6;
}
.database-prev-section .table thead {
  color: #dcba63;
  background-color: #2d2d2d;
}
.database-prev-section .table tbody tr td {
  padding: 0.75rem 1rem;
  color: var(--color-text);
}
.database-prev-section .table tbody tr td:first-child {
  color: #005cab;
  padding: 1.5rem 1rem 0.75rem;
}
.database-prev-section .table tbody tr td:last-child {
  padding: 0.75rem 1rem 1.5rem;
}
.database-prev-section .table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}

/* **** PAGE - HOME - MEDIA QUERIES **** */
@media (min-width: 576px) {
  .process-section .process-wrapper .steps {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.875rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem 1.875rem;
  }
  .process-section .process-wrapper .steps {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .hero-section .img-container {
    max-width: 22rem;
  }

.database-prev-section .table thead tr th,
  .database-prev-section .table tbody tr td,
  .database-prev-section .table tbody tr td:first-child,
  .database-prev-section .table tbody tr td:last-child {
    padding: 1rem;
  }
}
@media (min-width: 992px) {
  .hero-section {
    height: 43.75rem;
  }
  .hero-section .content-wrapper {
    padding: 3rem 0;
  }
  .hero-section .container,
  .hero-section .container .row {
    height: 100%;
  }
  .hero-section .img-container {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 24rem;
  }

.process-section .process-wrapper .steps {
    -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem 1.875rem;
  }

.database-prev-section h4 {
    font-size: 1.25rem;
  }
  .database-prev-section .table thead tr th,
  .database-prev-section .table tbody tr td {
    padding: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .hero-section {
    height: 55rem;
  }
  .hero-section .img-container {
    max-width: 28rem;
  }

.process-section .process-wrapper {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbf8ee00), to(#fbf8ee40)), url(https://datmont.com/wp-content/uploads/2023/04/process-illustration-joined.png);
    background-image: -o-linear-gradient(top, #fbf8ee00, #fbf8ee40), url(https://datmont.com/wp-content/uploads/2023/04/process-illustration-joined.png);
    background-image: linear-gradient(to bottom, #fbf8ee00, #fbf8ee40), url(https://datmont.com/wp-content/uploads/2023/04/process-illustration-joined.png);
    background-size: 112.5rem;
    padding-top: 4.5rem;
    margin-bottom: 4.5625rem;
  }
  .process-section .process-wrapper .steps {
    -ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr;
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: 9.5rem 1rem 9.5rem 1rem 9.5rem;
    grid-template-rows: repeat(3, 9.5rem);
    position: relative;
    z-index: 5;
  }
  .process-section .process-wrapper .steps > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .process-section .process-wrapper .steps > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .process-section .process-wrapper .steps > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .process-section .process-wrapper .steps > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .process-section .process-wrapper .steps > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
  .process-section .process-wrapper .steps > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
  }
  .process-section .process-wrapper .steps > *:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
  }
  .process-section .process-wrapper .steps > *:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-column: 15;
  }
  .process-section .process-wrapper .steps > *:nth-child(9) {
    -ms-grid-row: 1;
    -ms-grid-column: 17;
  }
  .process-section .process-wrapper .steps > *:nth-child(10) {
    -ms-grid-row: 1;
    -ms-grid-column: 19;
  }
  .process-section .process-wrapper .steps > *:nth-child(11) {
    -ms-grid-row: 1;
    -ms-grid-column: 21;
  }
  .process-section .process-wrapper .steps > *:nth-child(12) {
    -ms-grid-row: 1;
    -ms-grid-column: 23;
  }
  .process-section .process-wrapper .steps > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .process-section .process-wrapper .steps > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .process-section .process-wrapper .steps > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .process-section .process-wrapper .steps > *:nth-child(16) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  .process-section .process-wrapper .steps > *:nth-child(17) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
  }
  .process-section .process-wrapper .steps > *:nth-child(18) {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
  }
  .process-section .process-wrapper .steps > *:nth-child(19) {
    -ms-grid-row: 3;
    -ms-grid-column: 13;
  }
  .process-section .process-wrapper .steps > *:nth-child(20) {
    -ms-grid-row: 3;
    -ms-grid-column: 15;
  }
  .process-section .process-wrapper .steps > *:nth-child(21) {
    -ms-grid-row: 3;
    -ms-grid-column: 17;
  }
  .process-section .process-wrapper .steps > *:nth-child(22) {
    -ms-grid-row: 3;
    -ms-grid-column: 19;
  }
  .process-section .process-wrapper .steps > *:nth-child(23) {
    -ms-grid-row: 3;
    -ms-grid-column: 21;
  }
  .process-section .process-wrapper .steps > *:nth-child(24) {
    -ms-grid-row: 3;
    -ms-grid-column: 23;
  }
  .process-section .process-wrapper .steps > *:nth-child(25) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .process-section .process-wrapper .steps > *:nth-child(26) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .process-section .process-wrapper .steps > *:nth-child(27) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
  .process-section .process-wrapper .steps > *:nth-child(28) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
  }
  .process-section .process-wrapper .steps > *:nth-child(29) {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
  }
  .process-section .process-wrapper .steps > *:nth-child(30) {
    -ms-grid-row: 5;
    -ms-grid-column: 11;
  }
  .process-section .process-wrapper .steps > *:nth-child(31) {
    -ms-grid-row: 5;
    -ms-grid-column: 13;
  }
  .process-section .process-wrapper .steps > *:nth-child(32) {
    -ms-grid-row: 5;
    -ms-grid-column: 15;
  }
  .process-section .process-wrapper .steps > *:nth-child(33) {
    -ms-grid-row: 5;
    -ms-grid-column: 17;
  }
  .process-section .process-wrapper .steps > *:nth-child(34) {
    -ms-grid-row: 5;
    -ms-grid-column: 19;
  }
  .process-section .process-wrapper .steps > *:nth-child(35) {
    -ms-grid-row: 5;
    -ms-grid-column: 21;
  }
  .process-section .process-wrapper .steps > *:nth-child(36) {
    -ms-grid-row: 5;
    -ms-grid-column: 23;
  }
  .process-section .process-wrapper .steps .step {
    position: relative;
  }
  .process-section .process-wrapper .steps .step:nth-child(1),
  .process-section .process-wrapper .steps .step:nth-child(2),
  .process-section .process-wrapper .steps .step:nth-child(3) {
    text-align: right;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .process-section .process-wrapper .steps .step:nth-child(4),
  .process-section .process-wrapper .steps .step:nth-child(5),
  .process-section .process-wrapper .steps .step:nth-child(6) {
    text-align: left;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

.process-section .process-wrapper .steps .step:nth-child(1) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: 3/1/4/6;
    padding-right: 0.25rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: 2/1/3/6;
    padding-right: 4.25rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: 1/1/2/6;
    padding-right: 3.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-area: 1/8/2/13;
    padding-left: 3.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-area: 2/8/3/13;
    padding-left: 4.25rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-area: 3/8/4/13;
    padding-left: 0.25rem;
  }
  .process-section .process-wrapper .steps .step .step__index {
    position: absolute;
  }
  .process-section .process-wrapper .steps .step .step__icon {
    width: 6.25rem;
    padding: 0.6875rem;
  }
  .process-section .process-wrapper .steps .step .step__icon img {
    max-width: 1.875rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(3) .step__icon {
    -webkit-transform: translate(5.25rem, 0.5rem);
    -ms-transform: translate(5.25rem, 0.5rem);
    transform: translate(5.25rem, 0.5rem);
  }
  .process-section .process-wrapper .steps .step:nth-child(4) .step__icon {
    -webkit-transform: translate(-5.25rem, 0.5rem);
    -ms-transform: translate(-5.25rem, 0.5rem);
    transform: translate(-5.25rem, 0.5rem);
  }
  .process-section .process-wrapper .steps .step:nth-child(1) .step__index {
    top: -0.5rem;
    right: -2rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(2) .step__index {
    top: 2rem;
    right: 2.125rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(3) .step__index {
    top: 3.5rem;
    right: -3.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(4) .step__index {
    top: 3.5rem;
    left: -3.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(5) .step__index {
    top: 2rem;
    left: 2.125rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(6) .step__index {
    top: -0.5rem;
    left: -2rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(1) .step__icon,
  .process-section .process-wrapper .steps .step:nth-child(2) .step__icon,
  .process-section .process-wrapper .steps .step:nth-child(3) .step__icon {
    -webkit-box-shadow: -12px 18px 16px 6px rgba(0, 0, 0, 0.2);
    box-shadow: -12px 18px 16px 6px rgba(0, 0, 0, 0.2);
  }
  .process-section .process-wrapper .steps .step:nth-child(4) .step__icon,
  .process-section .process-wrapper .steps .step:nth-child(5) .step__icon,
  .process-section .process-wrapper .steps .step:nth-child(6) .step__icon {
    -webkit-box-shadow: 12px 18px 16px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 12px 18px 16px 6px rgba(0, 0, 0, 0.2);
  }
  .process-section .process-wrapper .container {
    z-index: 2;
  }
  .process-section .process-wrapper .shape {
    display: inline-block;
    position: absolute;
    z-index: 1;
  }
  .process-section .process-wrapper .shape.shape--tl {
    top: -5rem;
    left: 0;
  }
  .process-section .process-wrapper .shape.shape--tr {
    top: -4rem;
    right: 0;
  }
  .process-section .process-wrapper .shape.shape--rb {
    bottom: 5rem;
    right: 0;
  }
}
@media (min-width: 1400px) {
  .hero-section .img-container {
    max-width: 30rem;
  }

.process-section .process-wrapper {
    padding-top: 5rem;
  }
  .process-section .process-wrapper .steps {
    padding: 0 8.33%;
  }
  .process-section .process-wrapper .steps .step:nth-child(2) .step__index {
    right: 2.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(3) .step__index,
  .process-section .process-wrapper .steps .step:nth-child(4) .step__index {
    top: 3.25rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(5) .step__index {
    left: 2.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(2) {
    padding-right: 5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(5) {
    padding-left: 5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(1) {
    padding-right: 0.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(6) {
    padding-left: 0.5rem;
  }

.database-prev-section h4 {
    font-size: 1.5rem;
  }
  .database-prev-section .table thead tr th,
  .database-prev-section .table tbody tr td {
    padding: 1.375rem;
  }
  .database-prev-section .table thead tr th {
    font-size: 1.125rem;
  }
  .database-prev-section .table tbody tr td {
    font-size: 1.0625rem;
  }
}
@media (min-width: 1700px) {
  .hero-section {
    height: 55rem;
  }
  .hero-section .img-container {
    max-width: 100%;
  }
  .hero-section .floating-img {
    top: 20%;
  }

.process-section .process-wrapper {
    padding-top: 5.6875rem;
  }
  .process-section .process-wrapper {
    background-size: 120rem;
  }
  .process-section .process-wrapper .steps {
    -ms-grid-rows: 10.25rem 1rem 10.25rem 1rem 10.25rem;
    grid-template-rows: repeat(3, 10.25rem);
    padding: 0 16.66%;
  }
  .process-section .process-wrapper .steps .step:nth-child(2) {
    padding-right: 5.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(5) {
    padding-left: 5.5rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(2) .step__index {
    right: 3.125rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(3) .step__index,
  .process-section .process-wrapper .steps .step:nth-child(4) .step__index {
    top: 3.75rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(5) .step__index {
    left: 3.125rem;
  }
  .process-section .process-wrapper .steps .step:nth-child(1) .step__index,
  .process-section .process-wrapper .steps .step:nth-child(6) .step__index {
    top: 0;
  }
  .process-section .process-wrapper .steps .step .step__icon {
    width: 8.75rem;
  }

.database-prev-section h4 {
    font-size: 1.75rem;
  }
  .database-prev-section .table thead tr th,
  .database-prev-section .table tbody tr td {
    padding: 1.5rem;
  }
  .database-prev-section .table thead tr th {
    font-size: 1.25rem;
  }
  .database-prev-section .table tbody tr td {
    font-size: 1.125rem;
  }
}

/* **** PAGE - APPLY FOR IGSIN **** */
.apply-section .apply-process-wrapper {
  padding: 2.625rem 1.125rem;
}
.apply-section .apply-process-wrapper h4 {
  font-size: 1.25rem;
}
.apply-section .apply-process-wrapper .content-box ol {
  padding-left: 1rem;
}
.apply-section .apply-process-wrapper .content-box ol li {
  margin-bottom: 0.875rem;
}
.apply-section .apply-process-wrapper .content-box ol li ul {
  margin-top: 0.875rem;
  list-style: none;
}
.apply-section .apply-process-wrapper .content-box ol li ul li {
  margin-bottom: 0.875rem;
}
.apply-section .apply-process-wrapper .content-box ol li ul li::before {
  content: "";
  background-image: url(../images/list-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.125rem;
  color: var(--color-primary);
}
.apply-section .apply-process-wrapper .content-box ol li ul li ul li:not(:last-child) {
  margin-bottom: 0.25rem;
}

/* **** PAGE - APPLY FOR IGSIN - MEDIA QUERIES **** */
@media (min-width: 576px) {
  .apply-section .apply-process-wrapper {
    padding: 2.625rem 1.875rem;
  }
}
@media (min-width: 992px) {
  .apply-section .apply-process-wrapper {
    padding: 2.625rem 2.125rem;
  }
  .apply-section .apply-process-wrapper h4 {
    font-size: 1.375rem;
  }
  .apply-section .apply-process-wrapper .content-box ol {
    margin-left: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .apply-section .right-col {
    padding-left: 2.5rem;
  }
  .apply-section .apply-process-wrapper .content-box ol {
    margin-left: 1rem;
  }
}
@media (min-width: 1400px) {
  .apply-section .right-col {
    padding-left: 3.75rem;
  }
  .apply-section .apply-process-pre-text.content-box p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1700px) {
  .apply-section .right-col {
    padding-left: 5.5rem;
  }
  .apply-section .apply-process-pre-text.content-box p {
    font-size: 1.25rem;
  }
}

/* **** PAGE - LEI APPLICATION **** */
.lei-application-section .form-wrapper {
  border-radius: 0.625rem;
  padding: 2.5rem 1.125rem;
}
.lei-application-section .form-wrapper .form .form-section .form-section__header .content-box {
  padding-left: 2.25rem;
  margin-top: 0.5rem;
}
.lei-application-section .form-wrapper .form .form-section .form-section__header .content-box h5 {
  color: var(--color-text);
}

.lei-application-section .form-wrapper .form .form-section:not(:last-child) {
  margin-bottom: 2.5rem;
}
.lei-application-section .form-wrapper .form .form-section .form-section__body .terms-info-block {
  padding: 2.5rem 1.125rem;
  margin-top: 2.5rem;
  margin-bottom: 1.875rem;
}
.lei-application-section .form-wrapper .form .captcha-box {
  padding: 0.75rem;
}
.lei-application-section .form-wrapper .form .captcha-box input[type="checkbox"] {
  width: 2.25rem;
  height: 2.25rem;
}
.lei-application-section .form-wrapper .form input[type="file"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
.lei-application-section .form-wrapper .form .file-input-field .file-input-field__text {
  display: block;
  margin-bottom: 1rem;
}
.lei-application-section .form-wrapper .form .file-input-field .file-input-field__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .button {
  display: block;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#9f6414), to(#d8b55e));
  background: -o-linear-gradient(top, #9f6414 0%, #d8b55e 100%);
  background: linear-gradient(180deg, #9f6414 0%, #d8b55e 100%);
  color: #fff;
  padding: 1rem 1.375rem;
  text-align: center;
  border-radius: 0;
}
.lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .text {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  display: block;
  width: 100%;
}
/* **** PAGE - LEI APPLICATION - MEDIA QUERIES **** */
@media (min-width: 576px) {
  .lei-application-section .form-wrapper {
    padding: 2.5rem 1.875rem;
  }
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__label {
    border: 1px solid var(--color-border);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 0.75rem;
  }
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .button,
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .text {
    display: inline-block;
    width: auto;
  }
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .text {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .lei-application-section .form-wrapper {
    padding: 3.125em 2.5rem;
  }
  .lei-application-section .form-wrapper .form .form-section:not(:last-child) {
    margin-bottom: 3.125rem;
  }
  .lei-application-section .form-wrapper .form .form-section .form-section__body .terms-info-block {
    padding: 3rem 2.1875rem;
    margin-top: 3.125rem;
  }
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .button {
    padding: 1.25rem 1.75rem;
  }
}
@media (min-width: 1200px) {
  .lei-application-section .form-wrapper .form .form-section .form-section__body .grid-row {
    grid-column-gap: 1.125rem !important;
  }
  .lei-application-section .form-wrapper {
    padding: 3.5rem 3rem;
  }
  .lei-application-section .form-wrapper .form .file-input-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__text {
    margin-bottom: 0;
    margin-right: 2rem;
  }
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .text {
    font-size: 1rem;
  }
  .lei-application-section .file-uploaded-info {
    margin-left: 12.75rem;
  }
}
@media (min-width: 1400px) {
  .lei-application-section .form-wrapper .form .form-section:not(:last-child) {
    margin-bottom: 3.75rem;
  }
  .lei-application-section .form-wrapper {
    padding: 4rem 3.75rem;
  }
  .lei-application-section .form-wrapper .form .form-section .form-section__body .terms-info-block {
    padding: 3.625rem 2.1875rem;
    margin-top: 3.75rem;
  }
  .lei-application-section .form-wrapper .form .file-input-field .file-input-field__label .button {
    padding: 1.5rem 1.875rem;
  }
}
@media (min-width: 1700px) {
  .lei-application-section .form-wrapper {
    padding: 4.8125rem 4.6875rem;
  }
  .lei-application-section .form-wrapper .form .form-section:not(:last-child) {
    margin-bottom: 5rem;
  }
}

/* **** PAGE - IGSIN DATABASE **** */
.db-detailed-section .highlight-block {
  padding: 3.1875rem 1.125rem;
  background: -o-linear-gradient(267deg, #9e6213 2.77%, #dcba63 97.78%);
  background: linear-gradient(183deg, #9e6213 2.77%, #dcba63 97.78%);
}

.db-detailed-section .highlight-block .content-box {
  margin-bottom: 1.875rem;
}
.db-detailed-section .highlight-block .content-box h4 {
  line-height: 1.4;
  font-size: 1.375rem;
}
.db-detailed-section .highlight-block .content-box ul li {
  display: inline-block;
}
.db-detailed-section .highlight-block .button {
  white-space: normal;
  line-height: 1.5;
}
.db-detailed-section .form-wrapper {
  padding: 2.5rem 1.125rem;
  margin-top: 2.5rem;
}
.db-detailed-section .form-wrapper .form {
  margin: 2.5625rem 0 1.875rem;
}
.db-detailed-section .form-wrapper .form .form__field {
  margin-bottom: 1rem;
}
.db-detailed-section .form-wrapper .form .form__field .form__input {
  border: 1px solid var(--color-primary);
}
.db-detailed-section .form-wrapper .form .form__field button {
  padding: 1rem 1.9375rem;
  border: 0;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-weight: 600;
}
.db-detailed-section .form-wrapper .form .form__field button:first-child {
  background-color: var(--color-primary);
  margin-right: 0.25rem;
}
.db-detailed-section .form-wrapper .form .form__field button:last-child {
  background-color: #05159e;
}
.sample-record-section .content-col,
.sample-record-section .button-container {
  margin-top: 1.875rem;
}
/* **** PAGE - IGSIN DATABASE - MEDIA QUERIES **** */
@media (min-width: 576px) {
  .db-detailed-section .form-wrapper {
    padding: 2.5rem 1.875rem;
  }
  .db-detailed-section .form-wrapper .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .db-detailed-section .form-wrapper .form__field {
    margin-bottom: 0;
    margin-right: 0.9375rem;
  }
  .db-detailed-section .highlight-block {
    padding: 3.1875rem 2rem;
    background: -o-linear-gradient(267deg, #9e6213 2.77%, #dcba63 97.78%);
    background: linear-gradient(183deg, #9e6213 2.77%, #dcba63 97.78%);
  }
}
@media (min-width: 992px) {
  .db-detailed-section .highlight-block {
    padding: 3.1875rem 2.375rem;
    background: -o-linear-gradient(267deg, #9e6213 2.77%, #dcba63 97.78%);
    background: linear-gradient(183deg, #9e6213 2.77%, #dcba63 97.78%);
  }
  .db-detailed-section .highlight-block .button {
    white-space: nowrap;
    line-height: 1;
  }
  .db-detailed-section .form-wrapper {
    padding: 3rem 2.5rem;
  }
  .sample-record-section .content-col {
    margin-top: 0;
    padding-left: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .db-detailed-section .form-wrapper {
    padding: 3.5rem;
    margin-top: 0;
  }
  .db-detailed-section .right-col {
    padding-left: 1.875rem;
  }
  .sample-record-section .content-col {
    margin-top: 0;
    padding-left: 3.125rem;
  }
  .sample-record-section .wrapper {
    width: 84%;
    margin: 0 auto;
  }
}
@media (min-width: 1700px) {
  .db-detailed-section .form-wrapper {
    padding: 3.5rem 3.5rem 4.625rem;
  }
  .db-detailed-section .left-col {
    width: 44%;
  }
  .db-detailed-section .right-col {
    width: 56%;
  }
  .sample-record-section .wrapper {
    width: 66.68%;
  }
  .sample-record-section .content-col {
    padding-left: 4.0625rem;
  }
}

/* **** PAGE - MEMBERSHIP **** */
.membership-section {
  background-image: url(../images/web-illustration.svg);
  background-size: 100%;
}
.membership-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ad8d32), to(#060d4d)), url(../images/bg-shape.png);
  background-image: -o-linear-gradient(bottom, #ad8d32 0%, #060d4d 100%), url(../images/bg-shape.png);
  background-image: linear-gradient(to top, #ad8d32 0%, #060d4d 100%), url(../images/bg-shape.png);
  background-blend-mode: multiply;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.membership-section .membership-cards-wrapper {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.membership-section .membership-cards-wrapper .card .card__header {
  padding: 2.5rem 1.25rem;
}
.membership-section .membership-cards-wrapper .row div:nth-child(2) .card .card__header {
  background-color: #0518c7;
}
.membership-section .membership-cards-wrapper .card .card__header .content-box h3 {
  font-size: 1.875rem;
  margin-top: 0.625rem;
}
.membership-section .membership-cards-wrapper .card .card__header .content-box h2,
.membership-section .membership-cards-wrapper .card .card__header .content-box h3 {
  margin-bottom: 0;
}
.membership-section .membership-cards-wrapper .card .card__body {
  padding: 2.5rem 1.25rem 3.125rem;
}
.membership-section .membership-cards-wrapper .card .card__body .content-box ul {
  list-style: none;
  margin-left: 0;
}
.membership-section .membership-cards-wrapper .card .card__body .content-box ul li {
  position: relative;
}
.membership-section .membership-cards-wrapper .card .card__body .content-box ul li::before {
  content: "";
  background-image: url(../images/check-primary.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
  margin-bottom: -0.125rem;
}
.membership-section .membership-cards-wrapper .row div:nth-child(2) .card .card__body .content-box ul li::before {
  background-image: url(../images/check-blue.svg);
}
.membership-section .membership-cards-wrapper .row div:nth-child(2) .card .card__body .content-box h5,
.membership-section .membership-cards-wrapper .row div:nth-child(2) .card .card__body .content-box a {
  color: #0e73cb;
}
.membership-section .membership-cards-wrapper .row > div:not(:last-child) {
  margin-bottom: 1.875rem;
}
.membership-section .addi-text {
  font-size: 1.25rem;
}
.membership-section .membership-cards-wrapper .card .card__body .card__cta-container {
  margin-top: 1.875rem;
}
.membership-section .membership-cards-wrapper .card .card__body .card__cta-container .button {
  height: 3.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* **** PAGE - MEMBERSHIP - MEDIA QUERIES **** */
@media (min-width: 576px) {
  .membership-section .membership-cards-wrapper .card .card__header {
    padding: 2.8125rem 3.375rem;
  }
  .membership-section .membership-cards-wrapper .card .card__body {
    padding: 2.5rem 2.625rem 4.125rem;
  }
}
@media (min-width: 768px) {
  .membership-section::before {
    height: calc(50% + 0.6875rem);
  }
  .membership-section .membership-cards-wrapper .card .card__header {
    padding: 2.5rem 1.75rem;
  }
  .membership-section .membership-cards-wrapper .card .card__header .content-box p {
    min-height: 5.625rem;
  }
  .membership-section .membership-cards-wrapper .card .card__body {
    padding: 2.5rem 1.75rem 3.125rem;
  }
  .membership-section .membership-cards-wrapper .row > div:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .membership-section::before {
    height: calc(50% - 0.625rem);
  }
  .membership-section .membership-cards-wrapper {
    margin-top: 4.75rem;
    margin-bottom: 3.5rem;
  }
  .membership-section .membership-cards-wrapper .card .card__header .content-box h3 {
    font-size: 2.125rem;
  }
  .membership-section .membership-cards-wrapper .card .card__header {
    padding: 2.8125rem 3.375rem;
  }
  .membership-section .membership-cards-wrapper .card .card__header .content-box p {
    min-height: auto;
  }
  .membership-section .membership-cards-wrapper .card .card__body {
    padding: 2.5rem 2.625rem 4.125rem;
  }
  .membership-section .addi-text {
    font-size: 1.375rem;
  }
  .membership-section .membership-cards-wrapper .card .card__body .card__cta-container {
    margin-top: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .membership-section::before {
    height: calc(50% - 2.5625rem);
  }
}
@media (min-width: 1400px) {
  .membership-section::before {
    height: calc(50% - 2.625rem);
  }
  .membership-section .membership-cards-wrapper .card .card__header .content-box h3 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1700px) {
  .membership-section::before {
    height: calc(50% - 1.875rem);
  }
  .membership-section .membership-cards-wrapper {
    margin-top: 5.625rem;
    margin-bottom: 4rem;
  }
}

/* **** PAGE - SERVICES **** */
.reason-wrapper {
  border-radius: 0.625rem;
}
.reason-wrapper .reason-wrapper__header {
  border-bottom: 1px solid var(--color-border);
  padding: 2.5rem 1.625rem;
}
.reason-wrapper .reason-wrapper__body {
  padding: 2.5rem 1.125rem;
}
.reason-block {
  padding: 1.75rem;
  height: 100%;
}
.reason-block h4 {
  font-size: 1.375rem;
  line-height: 1.9;
  margin-bottom: 0;
}
.reason-wrapper .reason-wrapper__body .reason-wrapper__cta-container {
  margin-top: 2.5rem;
}
.step-to-profile-section img {
  border: 12px solid var(--color-primary);
}
.content-section-2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fdf7e6), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #fdf7e6 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, #fdf7e6 0%, rgba(255, 255, 255, 0) 100%);
  position: relative;
}
.content-section-2 .content-box h3 {
  line-height: 1.7;
}
.content-section-2 .content-box h3 a {
  font-weight: 700;
}
.content-section-2 .addi-info {
  margin-bottom: 1.875rem;
}
.content-section-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/web-illustration.svg);
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
}

/* **** PAGE - SERVICES - MEDIA QUERIES **** */
@media (min-width: 576px) {
  .reason-wrapper .reason-wrapper__body {
    padding: 3.125rem 2.5rem;
  }
  .reason-block {
    padding: 2.0625rem;
  }
  .step-to-profile-section .content-box p {
    min-height: 7.5rem;
  }
}
@media (min-width: 992px) {
  .content-section-1 h2 {
    margin-bottom: 1.875rem;
  }
  .reason-wrapper .reason-wrapper__body {
    padding: 3.75rem 2.75rem;
  }
  .reason-wrapper .reason-wrapper__body .reason-wrapper__cta-container {
    margin-top: 3.125rem;
  }
  .step-to-profile-section .row > div:nth-child(1) {
    padding-right: 1.5rem;
  }
  .step-to-profile-section .row > div:nth-child(2) {
    padding-left: 1.5rem;
  }
  .content-section-2 .addi-info {
    margin-bottom: 2.5rem;
  }
  .content-section-2 .reason-block h4 {
    min-height: 5.25rem;
  }
}
@media (min-width: 1200px) {
  .content-section-1 h2 {
    margin-bottom: 2.5rem;
  }
  .step-to-profile-section img {
    border: 16px solid var(--color-primary);
  }
  .step-to-profile-section .row > div {
    width: 36%;
  }
  .step-to-profile-section .row > div:nth-child(1) {
    padding-right: 3rem;
  }
  .step-to-profile-section .row > div:nth-child(2) {
    padding-left: 3rem;
  }
  .step-to-profile-section .row::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(#84848456), to(#ffffff00));
    background: -o-linear-gradient(#ffffff, #84848456, #ffffff00);
    background: linear-gradient(#ffffff, #84848456, #ffffff00);
  }
}
@media (min-width: 1400px) {
  .step-to-profile-section .content-box p {
    min-height: 5.625rem;
  }
  .imp-reasons-section .reason-wrapper .reason-wrapper__body .reason-block h4 {
    min-height: 5.25rem;
  }
  .content-section-2 .reason-block h4 {
    min-height: 8rem;
  }
}
@media (min-width: 1700px) {
  .content-section-1 h2 {
    margin-bottom: 3.125rem;
    padding: 0 1.625rem;
  }
  .reason-wrapper .reason-wrapper__body {
    padding: 4.875rem 3.5rem;
  }
  .step-to-profile-section img {
    border: 24px solid var(--color-primary);
  }
  .step-to-profile-section .row > div {
    width: 33.32%;
  }
  .step-to-profile-section .row > div:nth-child(1) {
    padding-right: 4rem;
  }
  .step-to-profile-section .row > div:nth-child(2) {
    padding-left: 4rem;
  }
  .content-section-2 .reason-block h4 {
    min-height: 5.25rem;
  }
}

.modal-title{
font-size: 25px;
text-transform: uppercase;
}

.invite_form form h5{
font-size: 16px;
text-transform: uppercase;
}
.invite_form form .form-group label{
color:#24292e;
font-size:12px;
text-transform:uppercase;
margin-bottom:8px;
}
.invite_form form .form-group .form-control{
height:40px; 
margin-bottom:15px;
font-size:14px;
color:#24292e;
}

.invite_form form button{
 background:linear-gradient(3deg, #9e6213 2.77%, #dcba63 97.78%);
 border:0px;
 padding:0px 30px;
 border-radius:100px;
 height:40px;
 color:#fff;
 text-transform:uppercase;
}

.invite_service{
margin-top:20px;
}
.invite_service .invite__text{
color:#24292e;
font-size:12px;
text-transform:uppercase;
margin-top:5px;
display:flex;
align-items:center;
}
.invite_service .invite__text:before{
height:5px;
width:5px;
max-width:5px;
flex:0 0 5px;
background-color:#dcba63;
border-radius:10px;
margin-right:5px;
content:'';
}

@media (max-width: 991px) {
.owl-carousel .owl-stage{display:flex;}
.slide__items{height:100%;}
.hero-section{height:100%;}
}

[+] ..
[-] owl.theme.default.min.css [edit]
[-] owl.carousel.min.css [edit]
[-] style.css [edit]
[-] owl.theme.default.css [edit]