*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: unset;
  text-decoration: none;
}

.container-fluid {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

@font-face {
  font-family: "selawk";
  src: url("../fonts/selawk.ttf");
}

@font-face {
  font-family: "selawk";
  src: url("../fonts/selawkb.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "selawk";
  src: url("../fonts/selawkl.ttf");
  font-weight: light;
}

@font-face {
  font-family: "selawksemibold";
  src: url("../fonts/selawksb.ttf");
  font-weight: semibold;
}

@font-face {
  font-family: "selawk";
  src: url("../fonts/selawksl.ttf");
  font-weight: semi-light;
}

:root {
  --transition: all 0.3s ease-in;
  --selawk: "selawk", sans-serif;
  --black: #000;
  --white: #f7f7f7;
  /* --green: #49d292; */
  --green: #7e8c69;
}

body {
  font-family: var(--selawk), sans-serif;
  color: var(--black);
  overflow-x: hidden;
  background: linear-gradient(
    90deg,
    rgb(80, 80, 80) 0%,
    rgb(36, 36, 36) 50%,
    rgb(80, 80, 80) 100%
  );
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  padding: 0;
  margin: 0;
}

p {
  font-size: 0.98rem;
  font-weight: 400;
  color: var(--black);
}
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
  padding: 0;
}

/* ===== reused style components */

.style-btn {
  width: 13.5em;
  height: 4.6em;
  border-radius: 30em;
  font-size: 1.2rem;
  font-weight: 600;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-decoration: none;
  color: var(--black);
  text-transform: uppercase;
  background-color: var(--lightGreen);
  letter-spacing: 0.5px;
  text-transform: none;
}

.style-btn::before {
  content: "";
  width: 0;
  height: 4.8em;

  position: absolute;
  top: 0;
  left: 0;

  background-color: #acdf37;
  transition: 0.5s ease;
  display: block;
  z-index: -1;
}

.style-btn:hover::before {
  width: 13.5em;
}
.style-btn:hover {
  color: var(--black) !important;
}

/* Section Styles */
.section {
  padding: 4rem 1rem 3rem;
  /* background-color: #eaeaea; */
  background-color: rgb(245, 245, 245);
}

.section-title h2 {
  font-size: 2.4rem;
  text-align: center;
  font-family: "selawksemibold";
}

/* === HEADING STYLE #1 === */
.section-title h2 {
  text-align: center;
  position: relative;
  margin-bottom: 1.8rem;
}

.bottom-line {
  width: 130px;
  height: 1px;
  background-color: #555755;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.inner-line {
  width: 40px;
  height: 6px;
  background-color: var(--green);
}

.title-green {
  color: #4f5e38;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: none;
}

/* ====== navbar styles ====== */
#navbar {
  width: 100%;
  border-bottom: 1px solid #2c2c2c;
  padding: 1.3rem 1rem;
  background-color: #000;
  height: 66px;
}
.navbar-content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-brand {
  margin-right: 2rem;
}
.nav-brand h3 {
  font-size: 1.3rem;
  color: var(--white);
}

.green-letter {
  color: var(--green);
  font-weight: bold;
}

.navbar-toggle-btn {
  cursor: pointer;
}

.navbar-toggle-btn span {
  display: block;
  width: 25px;
  height: 1px;
  border-radius: 1rem;
  background-color: var(--white);
  margin-bottom: 8px;
  transition: all 0.2s ease-in;
}
.navbar-toggle-btn .second {
  width: 18px;
}
.navbar-toggle-btn:hover span {
  width: 18px;
  background-color: var(--green);
}
.navbar-toggle-btn:hover .second {
  width: 25px;
}

.side-bar {
  position: fixed;
  height: 100%;
  width: 35%;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  background-color: #0f0f0ffa;
  z-index: 100;
  transition: all 0.25s linear;
}
.side-bar.open {
  transform: translateX(0);
  transition: all 0.25s linear;
}
.side-bar-content-wrap {
  padding: 3rem 3rem;
}
.side-bar-content-wrap a {
  color: #fff;
}
.side-bar-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgb(63, 63, 63);
  padding-bottom: 1.5rem;
}
.side-bar-title {
  color: var(--white);
  font-size: 1.1rem;
  font-weight: semibold;
}

.close-btn {
  cursor: pointer;
}

.close-btn:hover {
  transform: scale(1.1);
}

.close-btn:hover svg {
  transform: rotate(90deg);
  transition: all 0.2s ease-in;
  fill: var(--green);
}
.close-btn svg {
  fill: #fff;
  font-size: 1.4rem;
}
.side-bar-content-wrap ul {
  margin-top: 3rem;
}
.side-bar-content-wrap ul li {
  margin-bottom: 1rem;
}
.side-bar-content-wrap ul li a {
  color: #fff;
  font-size: 1.05rem;
}
.side-bar-content-wrap ul li a:hover {
  color: var(--green);
}
.dropdown-wrap {
  position: relative;
}
.dropdown-wrap i {
  cursor: pointer;
  color: var(--white);
  margin-left: 0.5rem;
}
.dropdown-content {
  margin: 0.6rem 0 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
.dropdown-content.show {
  height: 150px;
  overflow-y: scroll;
  transition: var(--transition);
  background: #272726;
  margin-left: 0;
  padding: 0.5rem;
}

.dropdown-content.show::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #fff;
  border-radius: 10px;
  background-color: #fff;
}

.dropdown-content.show::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}

.dropdown-content.show::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #7e8c69;
  background-color: #7e8c69;;
  z-index: 100;
}
/* ===== Hero section section ======== */
#hero {
  background-color: #000;
  /* height: calc(100vh - 246px); */
  /* min-height: 750px; */
  height: calc(100vh - 66px);
}

#hero .hero-video-wrap {
  position: relative;
  /* height: calc(100vh - 246px); */
  height: calc(100vh - 66px);
}
#hero .hero-video-wrap video {
  width: 100%;
  /* height: 100%; */
  height: 100%;
  object-fit: cover;
  max-height: 1200px;
}
.video-notice {
  color: #b3b3b3;
  font-size: 0.9rem;
  padding: 1rem;
  display: none;
}

#features {
  background-image: linear-gradient(
    to top,
    #000000,
    #040404,
    #080808,
    #0c0c0c,
    #0c0c0c
  );
  border-bottom: 1px solid rgb(22, 22, 22);
  padding: 2.5rem 1rem;
}
.feature-wrap {
  color: var(--white);
}
.feature-wrap h4 {
  font-weight: 500;
  font-family: "selawk";
  font-size: 1.2rem;
}
.feature-list {
  list-style: circle;
  margin: 2rem 0 0 1rem;
}
.feature-list li {
  color: #dfdfdf;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
  font-weight: 300;
  transition: all 0.3s ease;
  cursor: pointer;
}
.feature-list li:hover {
  color: var(--green);
  transform: translateX(5px);
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0.5;
}
.play-button i {
  font-size: 5rem;
  color: #fff;
}

/* ===== Our Partners section ======== */
.partners-content-wrap {
  margin: 4rem auto;
  height: 100%;
  min-height: 450px;
}
.partners-item-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.5rem;
}
.logo-item {
  margin: 0 auto 2rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in;
}

.logo-item img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  display: block;
  margin: auto;
  border: 1px solid #e7e7e7;
  border-radius: 0.5rem;
}
.column {
  padding: 0 0.5rem;
}

.logo-item img {
  --c: var(--green); /* the border color */
  --b: 2px; /* the border thickness*/
  --g: 0; /* the gap on hover */

  padding: calc(var(--g) + var(--b));
  --_g: #0000 25%, var(--c) 0;
  background: conic-gradient(
        from 180deg at top var(--b) right var(--b),
        var(--_g)
      )
      var(--_i, 200%) 0 /200% var(--_i, var(--b)) no-repeat,
    conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0
      var(--_i, 200%) / var(--_i, var(--b)) 200% no-repeat;
  transition: 0.3s, background-position 0.3s 0.3s;
  cursor: pointer;
}
.logo-item:hover img {
  --g: 5px;
  --_i: 100%;
  transition: 0.3s, background-size 0.3s 0.3s;
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

/* ===== Footer ======== */
footer {
  background-color: #000;
  padding: 4rem 1rem 3rem;
}
.footer-title {
  font-size: 1.4rem;
  color: aliceblue;
  text-align: center;
  font-weight: semibold;
  margin-bottom: 0.5rem;
}
.f-info-wrap {
  width: 100%;
  max-width: 60%;
  margin: auto;
}

.footer-info {
  text-align: center;
  color: #dadada;
  font-size: 0.95rem;
  margin: 1rem auto;
  font-weight: light;
}
.footer-links {
  margin-top: 1rem;
}
.footer-links ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.footer-links ul li,
.footer-links ul li a {
  font-size: 1rem;
  color: #dadada;
  text-align: center;
}
.footer-links ul li:hover a {
  color: var(--green);
}

/* ==================== */
.social-icon-wrap {
  margin-top: 1.5rem;
}
.social-icon-wrap ul {
  margin: 0;
  display: flex;
  gap: 0;
  justify-content: center;
  padding: 0;
  flex-wrap: wrap;
}

.social-icon-wrap .icon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #000;
  transition: var(--transition);
}

.social-icon-wrap .icon:hover i {
  color: var(--green);
  transform: translateY(-3px);
}

.social-icon-wrap .icon i {
  font-size: 1.2rem;
  color: #fff;
  transition: var(--transition);
}

/* =========================== */
/* ======= GOALS PAGE ====== */

.goals-content-wrap {
  margin: 4rem auto 2rem;
  height: 100%;
}
.goal-item {
  border: 1px solid rgb(196, 196, 196);
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.4rem 1rem;
  /* background: rgb(221, 221, 221); */
  border-radius: 0.3rem;
  /* border-left: 6px solid #292929; */
  background: rgb(221, 221, 221);
  transition: all 0.3s ease-in;
  margin: 0 auto 2.5rem;
  min-height: 115px;
  background-color: #fff;
}

.goal-item .icon-wrap i {
  font-size: 2rem;
  color: var(--green);
  transition: all 0.4s ease-in;
}
.goal-item h4 {
  font-size: 1.15rem;
  font-family: selawksemibold;
  font-weight: normal;

  color: #383838;
}
.goal-item:hover {
  background: rgb(20, 20, 20);
  background: linear-gradient(
    90deg,
    rgba(20, 20, 20, 1) 0%,
    rgba(30, 30, 30, 1) 50%,
    rgba(33, 33, 33, 1) 100%
  );
  transition: all 0.3s ease-in;
}
.goal-item:hover h4 {
  color: var(--white);
}
.goal-item:hover .icon-wrap i {
  transform: scale(1.1);
}

/* =========================== */
/* ======= CONTACT PAGE ====== */
section#contact {
  min-height: calc(100vh - 245px);
}
#contact .section-title p {
  text-align: center;
  font-size: 1.15rem;
  color: #000;
  margin-top: 2rem;
  font-weight: 500;
}
.contact-content-wrap {
  margin: 4rem 1rem;
}
/* Contact Form */
/* Contact Form */
.contact-container {
  width: 75%;
  padding: 4rem 3em 1rem 3rem;
  border-radius: 0.3rem;
  margin: auto;
  background-color: #eeeeee;
  border: 1px solid #cecece;
}
.contact-container h3 {
  text-align: center;
  color: var(--mainBlue);
  font-weight: 600;
}
.contact-container form {
  width: 100%;
  margin: auto;
}

.contact-container form input {
  /* width: 100% !important; */
  margin-bottom: 1rem;
  padding: 12px 1rem;
  outline: none;
  font-size: 1rem;
  color: var(--black);
  font-weight: 500;
  border: 1px solid #a0a0a0;
  background-color: transparent !important;
  border-radius: 0.2rem;
}

.contact-container form textarea {
  width: 100%;
  padding: 12px 1rem;
  background-color: transparent;
  outline: none;
  font-size: 1rem;
  border-radius: 0.2rem;
  font-weight: 500;
  border: 1px solid #838383;
  color: var(--black);
}

.contact-container form textarea:focus,
.contact-container form input:focus {
  background-color: transparent;
  outline: one !important;
  box-shadow: none;
  border: 1px solid var(--black);
  color: var(--black) !important;
}

.contact-container form input::placeholder,
.contact-container form textarea::placeholder {
  color: #747373;
  font-size: 0.95rem !important;
  font-weight: 400;
}

.contact-container #submit {
  display: block;
  margin: 2rem auto 1rem;
  opacity: 1;

  border: 1px solid var(--black);
  border-radius: 0.2rem;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.95rem;
  display: block;
  padding: 0.4rem 1.7rem;
}
.contact-container #submit:hover {
  background-color: var(--black);
  color: var(--white);
}

.contact-container .style-btn {
  color: var(--mainBlue);
  border: none;
  background-color: var(--white);
}

.has-error li {
  color: #ee2940 !important;
  font-weight: 400;
  margin-bottom: 2rem;
  font-size: 0.98;
}

div#msgSubmit {
  text-align: center;
  margin-top: 15px;
  font-size: 30px;
}

.text-success {
  color: green;
}

.text-danger {
  color: #b90202;
  font-size: 1rem !important;
}

.input-labels {
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

/* =========================== */
/* ======= Platform PAGE ====== */
#platform {
  width: 100%;
}
.platform-slider-wrap {
  position: relative;
}
.platform-pic-wrap {
  width: 100%;
  height: calc(100vh - 66px);
  overflow: hidden;
}
.platform-pic-wrap {
  width: 100%;
}
.platform-pic-wrap img {
  width: 100%;
  object-fit: cover;
  height: calc(100vh - 66px);
  min-height: 600px;
}
.slider-pic-box {
  width: 100%;
  max-width: 440px;
  height: 200px;
  position: absolute;
  z-index: 99;
  padding: 0.5rem;
  border-radius: 0.3rem;

  right: 10%;
  top: 25%;
  background: rgba(0, 0, 0, 0.85);

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(6px);
}
.slider-pic-box h3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2rem;
}
.slider-pic-box p {
  font-size: 1rem;
  color: #e4e4e4;
  margin-top: 1rem;
  font-weight: normal;
}
.slider-inner-box {
  border: 1px solid #727272;
  height: 100%;
  border-radius: 0.3rem;
  padding: 2rem;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 90%;
  transform: translateY(-50%);
  z-index: 1;
}

/* .splide__arrow--prev {
  bottom: 10% !important;
  left: 15vw;
  transform: translateX(-50%);
} */
/* .splide__arrow--next {
  bottom: 10% !important;
  right: 15vw;
  transform: translateX(50%);
} */
.slider-btn {
  width: max-content;
  opacity: 1 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.7);

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  font-weight: 500;
  border-radius: 0rem;
  text-transform: capitalize;
  font-size: 0.9rem;
  transition: all 0.1s ease-in;
  border: 1px solid #6e6e6e;
}
.slider-btn:hover {
  background: rgba(0, 0, 0, 1);

  opacity: 1;
  border: 1px solid #c2c2c28e;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 1;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: none !important;
}

/* =========================== */
/* ======= Patent PAGE ====== */

.patents-content-wrap {
  margin: 4rem auto 2rem;
  height: 100%;
}
.patent-item {
  border: 1px solid rgb(196, 196, 196);

  padding: 1.4rem 1rem;
  border-radius: 0.3rem;
  background: rgb(221, 221, 221);
  transition: all 0.3s ease-in;
  margin: 0 auto 1.5rem;
  min-height: 115px;
  background-color: #fff;
}
.patent-item .patent-top {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.patent-number-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.patent-item .p-number-list {
  margin: 1rem 0 0;
}
.p-number-list li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.p-number-list p {
  font-weight: 500;
  font-size: 1rem;
  transition: all 0.2s ease-in;
}
.patent-item:hover .p-number-list p {
  color: var(--white);
}

.patent-item .icon-wrap i {
  font-size: 1rem;
  color: var(--green);
  transition: all 0.4s ease-in;
}
.patent-item h4 {
  font-size: 1.2rem;
  font-family: selawksemibold;
  font-weight: normal;

  color: #383838;
}
.patent-item:hover {
  background: rgb(20, 20, 20);
  background: linear-gradient(
    90deg,
    rgba(20, 20, 20, 1) 0%,
    rgba(30, 30, 30, 1) 50%,
    rgba(33, 33, 33, 1) 100%
  );
  transition: all 0.3s ease-in;
}
.patent-item:hover h4 {
  color: var(--white);
}
.patent-item:hover .icon-wrap i {
  transform: scale(1.1);
}

/* =========================== */
/* ======= Platform one ====== */

#platform-one {
  /* border: 1px solid green; */
  height: 100%;
  background: rgb(14, 14, 14);
  background: linear-gradient(
    90deg,
    rgb(80, 80, 80) 0%,
    rgb(36, 36, 36) 50%,
    rgb(80, 80, 80) 100%
  );
  height: 100%;
}
.platform-one-wrap {
  height: calc(100vh - 66px);
  padding: 2rem 0;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#platform-one .tob-bar {
  padding: 0 1rem;

  height: 50%;
  margin-bottom: 1rem;
}
.tob-bar .top-pic-item {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tob-bar .top-pic-item img {
  display: block;
  width: 100%;
  max-width: 350px;
}
#platform-one .bottom-bar {
  height: 50%;
}

.bottom-pic-container {
  display: flex;
  justify-content: space-between;
}
.bottom-pic-item {
  padding: 0 1rem;
}
.bottom-pic-item img {
  width: auto;
  height: auto;
  max-height: 220px;
}
.bottom-bar-title,
.top-bar-title {
  color: #d3d3d3;
  text-align: center;
  padding: 0.8rem 1rem 0;
  font-size: 1.25rem;
  border-top: 1px solid #333333;
  font-weight: 600;
}

.activemenu {
  color: var(--green);
}

/* ====== Other pages ====== */
.season-bottom-pic {
  margin-bottom: 2rem;
  padding: 0;
}
.season-bottom-pic img {
  max-height: 100%;
  display: block;
  margin: 4rem auto 0;
}
.safety-top-pic img {
  max-width: 235px !important;
}
.safety-title {
  padding: 0.5rem 0;
}

.p-modular-energy-pic-wrap {
  background-color: #000;
  max-width: 1200px;
  display: block;
  margin: auto;
}
.platform-energy-modular {
  background-color: #000;
}

.all-season-sec {
  height: calc(100vh - 244px) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-btn-wrapper {
  position: relative;
}

.powertrain-eff-wrap {
  flex: 1;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.powertrain-eff-sec {
  padding: 0;
}
.powertrain-eff-wrap {
  padding: 2rem 1rem !important;
  margin: 0 !important;
}
.powertrain-eff-wrap .top-pic-item img {
  max-width: 300px;
}

.aero-btn {
  width: 100%;
  max-width: 240px;
}
.aero-btn-prev {
  left: 18% !important;
}
.aero-btn-next {
  right: 18% !important;
}
.aerodynamc-wrap {
  justify-content: center;
}
.aerodynamc-pic img {
  margin: 0;
  display: block;
  margin: auto !important;
  max-height: 100% !important;

  width: 100% !important;
  max-width: 1000px;
}

.working-arm-wrap {
  height: calc(100vh - 244px);
  justify-content: center;
}
.working-arm-wrap img {
  width: auto;
  max-height: 50vh !important;
  display: block;
  margin: auto !important;
  padding: 2rem 1rem;
}
.plane-wrap {
  height: calc(100vh - 244px);
  justify-content: center;
}
.plane-wrap img {
  max-height: 100% !important;
  width: 100%;
  max-width: 100%;
  display: block;
  margin: auto !important;
  padding: 2rem 1rem;
}

.arrow-pic {
  max-width: 170px !important;
  height: auto;
}
.power-take-off-pic-wrap {
  align-items: center;
  gap: 2rem;
}
.power-off-top-bar {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.power-off-bottom-bar {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.remote-pic {
  width: 100%;
  max-width: 200px !important;
  margin-top: 1.5rem;
}
.remote-text {
  display: block;
  color: #fff;
  text-align: center;
  margin-top: 0.5rem;
  font-weight: bold;
}

/* Home page fixes */
footer.home-footer {
  position: relative;
  padding: 0;
  height: 180px;
  display: flex;
  align-items: center;
}

/* home page */
.home-img-wrapper {
  text-align: center;
}

h2.home-title-btn {
  text-align: center;
  margin: 30px;
  color: #fff;
  font-weight: 700;
}

.home-modularity-section {
  margin-top: 75px;
  margin-bottom: 75px;
}

.home-img-wrapper img {
  max-width: 100%;
}

@media screen and (max-width: 767px) and (orientation: portrait) {

  footer.contact-footer {
    height: 200px;
  }
  section#contact {
    min-height: calc(100vh - 266px) !important;
  }
}