@import url(./main.css);

/* //........ Advantage ........// */

#advantage {
  /* background: url("../imgs/home_page/football_court2.jpg") no-repeat center
    fixed; */
  background: var(--white);
  background-size: cover;
}

#advantage .container {
  text-align: center;
  padding: 40px 20px;
  opacity: 1;
  /* color: #fff; */
}

.advantage_page {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0;
}

.advantage_page div {
  position: relative;
  margin: 0 20px;
}

.advantage_img img {
  width: 100%;
  max-width: 500px;
}

.advantage_txt {
  text-align: left;
}

.advantage_txt div {
  margin: 20px 0;
}

/* //........ Applicable Customer ........// */

#applicable_customer .container {
  text-align: center;
  padding: 40px 20px;
  opacity: 1;
  color: var(--white);
}

.applicable_customer_page {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 20px 0;
}

.applicable_customer_page div {
  position: relative;
  margin: 20px 20px;
}

.applicable_customer_page img {
  width: 80px;
}

/* //........ Why Us ........// */

#why_us {
  background-color: var(--white);
  /* background: url("../imgs/animation/v4.gif") no-repeat center fixed;
  background-size: cover; */
}

#why_us h2 {
  color: var(--white);
}

#why_us .container {
  text-align: center;
  padding: 40px 20px;
  opacity: 1;
  /* color: #fff; */
}

.why_us_page {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0;
}

.why_us_page_item {
  flex: 1 1 250px;
  margin: 10px;
  text-align: center;
  border: 1px solid;
  border-radius: 20px;
  border-color: var(--light-black);
  padding-bottom: 20px;

  box-shadow: 0px 10px 14px -7px;
}

.why_us_page_item h3 {
  font-size: 24px;
  margin: 10px 0;
}

.why_us_page_item p {
  font-size: 16px;
  color: #666;
}