html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, sans-serif;
}

/* HERO TEXT MOBILE */
@media (max-width: 768px) {
/* =========================
   GLOBAL
========================= */

html{
  scroll-behavior:smooth;
}

body{
  font-family:Arial,sans-serif;
  overflow-x:hidden;
}

/* =========================
   CONTAINER
========================= */

.container-box{
  max-width:1400px;
  margin:auto;
}

/* =========================
   IMAGE HOVER
========================= */

img{
  transition:0.4s ease;
}

img:hover{
  transform:scale(1.02);
}

/* =========================
   BUTTON
========================= */

.btn-main{
  background:#ff6b00;
  color:#fff;
  padding:16px 35px;
  border-radius:18px;
  display:inline-block;
  transition:0.3s ease;
  font-weight:600;
}

.btn-main:hover{
  background:#071722;
  color:#fff;
  transform:translateY(-3px);
}

/* =========================
   CARD HOVER
========================= */

.hover-card{
  transition:0.4s ease;
}

.hover-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

/* =========================
   TIMELINE CARD
========================= */

.timeline-card{
  transition:0.4s ease;
  border:1px solid transparent;
}

.timeline-card:hover{
  border-color:#2c6b77;
  background:#fff;
}

/* =========================
   TEXT
========================= */

.title-main{
  line-height:1.1;
}

.para-main{
  line-height:1.9;
}

/* =========================
   FOOTER BIG TEXT
========================= */

.footer-text{
  font-size:180px;
  line-height:1;
  opacity:0.03;
  font-weight:700;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  h1{
    font-size:42px !important;
    line-height:52px !important;
  }

  h2{
    font-size:34px !important;
    line-height:45px !important;
  }

  h3{
    font-size:28px !important;
    line-height:38px !important;
  }

  p{
    font-size:18px !important;
    line-height:34px !important;
  }

  .footer-text{
    font-size:70px;
  }

}
  h1 {
    font-size: 40px !important;
    line-height: 50px !important;
  }

}

/* BUTTON TRANSITION */
a {
  transition: all 0.3s ease;
}