/* Title part */
body {
  text-align: center;
  color: white;
}


h1 {
  line-height: 1.5;
  font-size: 3.4rem;
  padding: 4% 0;
}

.h1bot {
  color: #A34A28;
  padding: 1% 3rem;
  font-size: 1.7rem;
  text-align: left;
  font-weight: 900;
}

.h1contact {
  color: #AC4B1C;
  padding: 1% 3rem;
  font-size: 2rem;
  text-align: center;
  font-weight: 900;
}

h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  margin-bottom: 0.8rem;
  color: black;
}

h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 2rem;
  margin-bottom: 0.8rem;
  color: white;
}

p {
  color: #8f8f8f;
}

a {
  text-decoration: none;
  color: #8f8f8f;
}

a:hover {
  color:#D61C4E;
}

h7 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 2rem;
  color: #D61C4E;
}


h5 {
  line-height: 1.2;
  font-size: 1rem;
  padding: 7% 0 2% 0;
  margin-left: 2rem;
}

h6 {
  font-size: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 3rem;
}

h4 {
  line-height: 1.2;
  font-size: 2rem;
  padding: 3% 0 2% 0;
  text-align: center;
  margin-bottom: 1.5rem;
}

.testimonial-text {
  margin-left: 25%;
}

#title {
  background-color: #AC4B1C;
  padding: 3% 2% 0% 2%;
}

.container-fluid {
  width: 80%;
}

.rowsetting {
  width: 80%;
  margin: auto;
  padding-top: 2.5rem;
}

/* Google maps css start here */
.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* Google map css end here */
.alignleft {
  text-align: left;
}

.nav-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin-right: 1.2rem;
  font-size: 1.2rem;
  color: white;
}

.navbar {
  padding-bottom: 0;
}

.navbar-brand {
  font-family: 'Ubuntu', sans-serif;
  font-size: 2.5rem;
  color: white;
}

.navbar-brand:hover {
  color: white;
}

.constructiontitle {
  width: 100%;
  border-radius: 2%;
}

.downloadbuttonup {
  margin: 5% 3% 5% 0;
}

/* Features */
#features {
  background-color: white;
  padding: 4%;
}

.icon {
  color: #FCA652;
  margin-bottom: 1rem;
}

.icon:hover {
  color: #AC4B1C;
}

.featurebox {
  padding: 4%;
}

.pbotkwam {
  color: #444;
  text-align: left;
  font-size: 1.5rem;
  padding: 1% 3rem;
}

.fa-bars {
  color: white;
}

.btn-floating {
  margin: 0.3rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  size: 5rem;
}

.topdownload {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

@media (max-width: 991px) {
  td,th{
    font-size: 1.8rem;  }
  .alignleft {
    text-align: center;
  }

  .fbfooter {
    margin-top: 2rem;
    padding-left: 7rem;
  }

  .pbotkwam {
    color: #444;
    text-align: left;
    font-size: 2rem;
    padding: 1% 3rem;
  }

  .nav-link {
    font-size: 2rem;
  }

  h1 {
    line-height: 1.5;
    font-size: 3rem;
    padding: 4% 0;
  }

  p {
    font-size: 2rem;
  }

  h6 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  em {
    font-size: 1rem;
  }

  h3 {
    font-size: 2rem;
  }

  .fa-solid, .fas, .fa-brands, .fab {
    font-size: 4rem;
  }

  .topdownload {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }

  h5 {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 992px) and (max-width:1405px) {
  h1 {
    line-height: 1.5;
    font-size: 2.2rem;
    padding: 4% 0;
  }
   td,th{
    font-size: 1.6rem;  }
}

/* บทความ middle section */
#middlepart {
  background-color:  #AC4B1C;
  padding: 2%;
}

.atextmiddle {
  padding-left: 1%;
}

.changecolor {
  background-color: white;
  padding: 0;
  color: #ff4c68;
}

.view_path {
  text-align: left;
  background-color: #FEE0C0;
  padding: 1%;
}

hr {
  border-top: 4px solid #A34A28;
  /* Set the hr color */
  margin-top: 0;
}

.rowsetting {
  padding: 0;
}

.innertestimonials {
  width: 70%;
  margin-left: 15%;
}

.thaistudents {
  width: 100%;
}

.botkhwampad {
  padding: 2%;
}

.pagechange {
  padding: 2%;
}

.changeatextcolor {
  color: black;
}

.changeatextcolor:hover {
  color: #ff4c68;
}

/* testimonial section */
#testimonials {
  text-align: center;
  background-color: #DE7D48;
  padding: 10%;
}
#buildingpic{
  text-align: center;
  background-color: #ef8172;
  padding: 7%;
}
.testimonialimage {
  width: 10%;
  border-radius: 100%;
  margin: 20px;
  margin-left: 20%;
}

/* Pricing section */
.headerpricing {
  line-height: 1.5;
  font-size: 3rem;
}

.pricingcolum {
  padding: 3% 2%;
}

#pricing {
  padding: 4%;
}

/* Footer part */
#footer {
  background-color: black;
  padding: 3% 1% 4% 2%;
  ;
}

.pfooter {
  margin-bottom: 0;
  text-align: center;
}

.pcopyright {
  color: white;
  margin-top: 1rem;
}

.ablack {
  color: black;
}

.igrey {
  color: grey;
}

.mapsiamresidence {
  width: 55%;
  margin: 1rem 0;
}