@charset "utf-8";

.center__topimg img,
.center__map img {
  width:100%;
  display:block;
}

.center__contact img {
  width:100%;
  display:block;
}

.center__download {
  padding:140px 0;
  text-align:center;
  background:#EDEDED;
}
.center__download p {
  font-size:45px;
  color:var(--point-color);
  margin-bottom:70px;
}
.center__download p b {
  font-size:45px;
  color:var(--point-color);
  font-weight:bold;
}
.btn__download {
  width:500px;
  height:120px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#002655;
  color:#fff;
  margin:0 auto;
  border-radius:50px;
  gap:60px;
}
.btn__download span {
  color:#fff;
  font-size:40px;
  font-weight:600;
}


/* contact section layout */
.center__contact{
  display:flex;
  gap:40px;
  padding:80px 0;
}
.center__contact .left{width:60%;}
.center__contact .right{width:40%;}
.center__contact img{width:100%; display:block; border-radius:8px;}


.center__contact>img {
  border-radius:25px;
}

.center__contact .left__info {
  margin-top:40px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px 20px;
}
.center__contact .left__info li {
  display:flex;
  justify-content:flex-start;
  align-items:center;
}
.center__contact .left__info b{color:#6B6B6B; font-size:27px;
  font-weight:bold;
  min-width:120px;
}
.center__contact .left__info span {color:#6B6B6B; font-size:27px;
  font-weight:500;
  letter-spacing:-1px;
}
.center__contact .left__info li:last-child span {
  font-size:20px;
}

/* form styles */
.contact__form{display:block;}
.contact__form label{display:block; color:var(--point-color); font-weight:500; margin:18px 0 8px;
  font-size:27px;
}
.contact__form label:first-child {
  margin-top:0;
}
.contact__form input[type="text"],
.contact__form input[type="email"],
.contact__form textarea{
  width:100%;
  border:2px solid #B4B4B4;
  height:60px;
  padding:0 14px;
}
.contact__form textarea{height:180px; padding:14px; resize:vertical;}
.phone__group{display:flex; align-items:center; gap:10px;}
.phone__group input{width:120px !important; text-align:left;}
.phone__group .dash{color:#7F7F7F;}

.btn__submit{
  margin:30px auto 0;
  align-items:center;
  gap:10px;
  padding:6px 22px;
  border:2px solid var(--point-color);
  color:var(--point-color);
  background:#fff;
  border-radius:24px;
  margin:40px auto 0;
  display:flex;
}
.btn__submit span {
  color:var(--point-color);
}
.btn__submit:hover{background:var(--point-color); color:#fff;}
.btn__submit:hover span {
  color:#fff;
}
.btn__submit:hover path{fill:#fff;}


.btn__submit span {
  font-size:20px;
}


@media screen and (max-width:1400px){
  .center__contact .left__info{
    display:block;
  }
  .center__contact .left__info li{
    margin:10px 0;
  }
}

@media screen and (max-width:991px){
  .center__contact .left__info li b{
    font-size:22px;
  }
  .center__contact .left__info span{
    font-size:22px;
  }
  .center__contact{
    gap:20px;
  }
}
@media screen and (max-width: 767px){
  .center__contact{flex-direction:column; padding:40px 0;}
  .phone__group input{width:100px;}
  .center__download {
    padding:60px 20px;
  }
  .center__download p b,
  .center__download p{
    font-size:20px;
  }
  .btn__download{
    max-width:320px;
    margin:0 auto;
  }
  .btn__download span{
    font-size:17px;
  }
  .btn__download{
    height:60px;
    gap:20px;
  }
  .btn__download svg{
    width:14px;
  }
  .center__download p{
    margin-bottom:20px;
  }
  .center__contact .left__info li b,
  .center__contact .left__info span{
    font-size:14px;
  }
  .center__contact .left__info b{
    min-width:50px;
  }
  .center__contact .left__info{
    margin-top:20px;
  }

  .contact__form label{
    font-size:14px;
  }
  .contact__form input[type="text"], .contact__form input[type="email"], .contact__form textarea{
    height:40px;
  }
  .contact__form textarea{
    height:100px;
  }
}