@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
body,
html {
  font-size: 15px;
  line-height: 1.4666666667;
  color: #000;
  font-family: "Raleway", sans-serif;
}
h1,
h2,
h3,
h4 {
  font-family: "Raleway", sans-serif;
}
.cardbandataa {
  background-image: url(../images/economyclass.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 60% 0px;
}
.cardbandata {
  background-image: url(../images/experienceteacher.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 60% 0px;
}
.toparea {
  background: #ffffff;
  padding: 10px;
}
.logoarea img {
  height: 75px;
}
.conarea i {
  font-size: 18px;
  background: #fec200;
  padding: 7px;
  border-radius: 37px;
  margin: 5px;
  width: 33px;
}
.conarea {
  font-size: 17px;
  font-weight: 500;
  margin-top: 18px;
  text-align: center;
}
.sercharea input {
  margin-top: 21px;
  color: black;
  font-weight: 400;
  border-radius: 0px;
}
.hraderarea {
  background: #333333;
  padding: 13px;
  color: white !important;
}
.menuArea li a span {
  font-size: 16px;
  font-weight: 600;
  color: white;
  margin: 3px;
}
.frbanner {
  background: #f6f6f6;
  padding: 50px;
}
.frbannerdata h1 {
  color: #333333;
  font-size: 75px;
  font-weight: 800;
  margin-bottom: 30px;
}
span.yol {
  color: #fec200;
}
.fbcli {
  background: #fec200;
  border-color: #fec200;
  font-size: 25px;
  font-weight: 600;
  width: 38%;
  border-radius: 6px;
  height: 65px;
  margin-top: 25px;
  color: #333333;
}
.frbannerimg img {
  margin: 0 auto;
  height: auto;
}
.srbanner {
  background: #333333;
  padding: 50px;
}
.srbandata h2 {
  color: #fec200;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.srbandata h4 {
  text-align: center;
  color: white;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 50px;
}
.apyel {
  background: #fec200;
  border-color: #fec200;
  font-size: 23px;
  font-weight: 600;
  width: 20%;
  border-radius: 6px;
  height: 60px;
  margin-top: 25px;
  color: #333333;
}
.reblg {
  background: #333333;
  border-color: #fec200;
  font-size: 23px;
  font-weight: 600;
  width: 23%;
  border-radius: 6px;
  height: 60px;
  margin-top: 25px;
  color: white;
  margin-left: 10px;
}
.srbandata {
  text-align: center;
}
.boobanner {
  padding: 50px;
}
.cardbandataa h3 {
  font-size: 40px;
  text-align: center;
  font-weight: 700;
  margin-top: 105px;
  margin-bottom: -60px;
}
.cardbandata h3 {
  font-size: 40px;
  text-align: center;
  font-weight: 700;
  margin-top: 105px;
  margin-bottom: -60px;
  color: #fff;
}
.needarea {
  background: #333333;
  padding: 50px;
}
.needarea h2 {
  color: #fec200;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.nclick {
  background: #fec200;
  border-color: #fec200;
  font-size: 23px;
  font-weight: 600;
  width: 100%;
  border-radius: 6px;
  height: 60px;
  margin-top: 25px;
  color: #333333;
}
.turareaa {
  background: #fec200;
  padding: 50px;
}
.turareaa h2 {
  color: #333333;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: left;
}
.turareaa p {
  color: #333333;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 25px;
  text-align: center;
}
.turarea {
  background: white;
  padding: 50px;
}
.turareadata h2 {
  color: #333333;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
span.yhel {
  color: #fec200;
}
.turbox img {
  margin: 0 auto;
  height: auto;
}
.turbox h3 {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  color: #333333;
  margin-top: 30px;
}
.turbox p {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: gray;
}
.turbox {
  border: 1px solid #333333;
  padding: 35px;
  min-height: 488px;
}
.highlarea {
  background: #f6f6f6;
  padding: 50px;
}
.highlareaimg img {
  margin: 0 auto;
}
.highlareadata h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
}
span.yhell {
  color: #fec200;
}
.highlareadata p {
  color: #333333;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  line-height: 32px;
  margin-bottom: 40px;
  margin-top: 15px;
}
.highlareadata h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
  color: #333333;
}
.contactarea {
  background: #fec200;
  padding: 50px;
}
.contactdata h2 {
  color: #333333;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.contactdata h4 {
  text-align: center;
  font-size: 35px;
}
.contactdata p {
  text-align: center;
  font-size: 35px;
  margin-bottom: 40px;
  margin-top: -10px;
}
.contactdata input {
  width: 100%;
  font-size: 14px;
  height: 50px;
  border-radius: 0px;
  color: white;
  background: #333333;
  border-color: #333333;
}
.contactdata textarea {
  width: 100%;
  font-size: 14px;
  border-radius: 0px;
  color: white;
  background: #333333;
  border-color: #333333;
}
.coun {
  background: #333333;
  border-color: #333333;
  font-size: 21px;
  font-weight: 600;
  width: 18%;
  border-radius: 6px;
  height: 52px;
  margin-top: 25px;
}
.footerarea {
  padding: 10px;
}
.footerdata p {
  font-size: 18px;
  text-align: left;
  margin-top: 22px;
}
.footerimg img {
  height: 70px;
  margin: 0 auto;
}
.fbcli:hover {
  background: #333333;
  border-color: #333333;
}
.apyel:hover {
  background: #333333;
  border-color: #fec200;
}
.reblg:hover {
  background: #fec200;
  border-color: #333333;
  color: #333333;
}
.nclick:hover {
  background: #333333;
  border-color: #fec200;
}
.coun:hover {
  background: #fec200;
  border-color: #333333;
  color: #333333;
}
.footerdata p a {
  color: #fec200;
  font-weight: 500;
}
.menuArea ul li a:hover {
  background: #fec200 !important;
}

@media only screen and (max-width: 480px) {
  .logoarea img {
    margin: 0 auto;
  }
  .frbanner {
    background: #f6f6f6;
    padding: 20px;
  }
  .frbannerdata h1 {
    color: #333333;
    font-size: 65px;
    font-weight: 800;
    margin-bottom: 30px;
    text-align: center;
  }
  .fbcli {
    background: #fec200;
    border-color: #fec200;
    font-size: 25px;
    font-weight: 600;
    width: 100%;
    border-radius: 6px;
    height: 65px;
    margin-top: 25px;
    color: #333333;
    margin-bottom: 50px;
  }
  .srbanner {
    background: #333333;
    padding: 20px;
  }
  .srbandata h2 {
    color: #fec200;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
  }
  .srbandata h4 {
    text-align: center;
    color: white;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 50px;
  }
  .apyel {
    background: #fec200;
    border-color: #fec200;
    font-size: 23px;
    font-weight: 600;
    width: 100%;
    border-radius: 6px;
    height: 60px;
    margin-top: 25px;
    color: #333333;
  }
  .reblg {
    background: #333333;
    border-color: #fec200;
    font-size: 23px;
    font-weight: 600;
    width: 100%;
    border-radius: 6px;
    height: 60px;
    margin-top: 25px;
    color: white;
    margin-left: 0px;
  }
  .cardbandataa h3 {
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    margin-top: 90px;
    margin-bottom: -60px;
  }
  .cardbandata h3 {
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    margin-top: 90px;
    margin-bottom: -60px;
  }
  .boobanner {
    padding: 20px;
  }
  .needarea {
    background: #333333;
    padding: 20px;
  }
  .needarea h2 {
    color: #fec200;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
  }
  .needarea {
    padding-bottom: 50px;
  }
  .turareaa {
    background: #fec200;
    padding: 20px;
  }
  .turareadata h2 {
    color: #333333;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
  }
  .turareaa p {
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
    text-align: center;
  }
  .turarea {
    background: white;
    padding: 20px;
  }
  .turbox {
    border: 1px solid #333333;
    padding: 35px;
    min-height: 350px;
    margin-top: 15px;
  }
  .highlarea {
    background: white;
    padding: 20px;
  }
  .highlareadata h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: #333333;
  }
  .contactarea {
    background: #fec200;
    padding: 20px;
  }
  .contactdata h2 {
    color: #333333;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
  }
  .contactdata h4 {
    text-align: center;
    font-size: 22px;
  }
  .contactdata p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 40px;
    margin-top: 10px;
  }
  .coun {
    background: #333333;
    border-color: #333333;
    font-size: 18px;
    font-weight: 600;
    width: 50%;
    border-radius: 6px;
    height: 46px;
    margin-top: 8px;
  }
  .footerdata p {
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
  }
  .footerimg img {
    height: 50px;
    margin: 0 auto;
  }
}