@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500&family=Karla:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --green: #3cb371;
  --blue: dodgerblue;
}

html {
  background-color: #e3e3e3;
}

body {
  max-width: 1300px;
  margin: 0 auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6
 {
  font-family: 'Montserrat', sans-seri;
}

p, ul {
  font-family: 'Karla', sans-serif;
}

.bg--grey {
  background-color: #e3e3e3;
}

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

.col--blue {
  color: var(--blue);
}

.container-md {
  max-width: 1140px !important;
}

.btn-contact{
  padding: 0 !important;
  margin: 4px;
  /* background-color: lime !important; */
  border-radius: 25px !important;
}

.contact-link {
  padding: 4px 8px !important;
  color: white !important;
}

.navigation {
  background-color: #e3e3e3;
}

.navbar {
  padding-bottom: 0 !important;
  /* background-color: rgba(162, 167, 169, 0.6); */
}

.navbar-brand {
  /* font-family: 'Montserrat', sans-serif; */
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 2.5rem !important;
}

.col--green {
  color: #3cb371;
}

.col--blue {
  color: dodgerblue;
}

.nav-link.active {
  padding-bottom: 2px;
  border-bottom: solid 1px;
}

.insights:hover,
.insights:active {
  color: var(--green);
}

.nav-link {
  text-align: center;
}

.hero-old {
  height: 60vh;
  background: url(../images/waterfall.webp) no-repeat center top;
  background-position: fixed;
  background-attachment: scroll;
  position: relative;
  /* display: flex;
  align-items: center; */
}

.hero {

  position: relative;

}

.carousel-item img {
  display: block;
  width: 100vw;
  height: 600px;
  object-fit: cover; /* or object-fit: contain; */
}

.hero-text {
  max-width: 45%;
  color: ivory;
  background-color: rgb(58, 41, 35, .5);
  /* margin: 4em 2em 0 4em; */
  padding: 1em;
  border-radius: 15px;
  position: absolute;
  top: 225px;
  left: 100px;
  z-index: 99;
}

.swiper {
  width: 600px;
  height: 300px;
}

.what-sect {
  background-color: white;
  /* background-image: linear-gradient(to right,  #767270, #a4b4cc); */
}

.card {
  height: 95% !important;
  
}

.card-body {
  padding-bottom: 0 !important;
}

.card-text {
  margin-bottom: 0;
}

.card-footer {
  background-color: #e3e3e3 !important;
  border-top: 0 !important;
  padding-top: 0 !important;
}

.col-heading {
  color: var(--green);
}

.platform-sect {
  background-color: white;
  margin-bottom: 1rem;
}

#contact {
  background-color: #e3e3e3;
}

.footer {
  background-color: #e3e3e3;
}

.contact-hero {
  height: 50vh;
  background: url('../images/waterfall.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.ack-message {
  visibility: hidden;
}


@media (max-width: 768px) {
  /* .navbar-collapse,
  .navbar-collapse .navbar-nav .nav-item .nav-link {
      color: black;
  } */
  /* .navbar-nav {
    width: 100%;
    color: black;
    background-color: rgb(58, 41, 35, .1);
  } */

  .hero-text {
    left: 50px;
    max-width: 60%;
    margin: 0 auto;
  }
}


/* 
.what-section {
  background-color: #9CEB48;
}

.row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1em;
}

.col {
  padding: 0 1em;
}

.s-heading{
  text-align: center;
  margin: 0 auto;
  padding: 1em 0;
  font-size: 2em;
}

.footer {
  background-color: #649b21;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
}

.process-section {
  background-color: #ACACB7;
}

.shadow {
  box-shadow: rgba(17, 16, 16, 0.317) 5px 5px;
}

 */