.contact-wrap h1, .contact-wrap h2, .contact-wrap h3 {
	color: #212121;
	font-weight: normal;			
}
.contact-wrap h1 a, .contact-wrap h2 a, .contact-wrap h3 a{      
  color: #212121;
}
.contact-wrap h2,.contact-wrap h2 a{
  font-size: 38px;
}
.contact-wrap h3,.contact-wrap h3 a{
  font-size: 18px;
}

.contact-wrap img {
	vertical-align: middle;
  transition: 0.6s  all;
} 

.contact-wrap .padding-top{
	padding-top: 100px;
}
.contact-wrap .paddinga-top{
  padding-top: 90px;
}
.contact-wrap .padding{
  padding: 100px 0;
}
.contact-wrap .paddinga{
  padding: 90px 0;
}
.contact-wrap .margin-top{
    margin-top: 100px;
}
.contact-wrap .margina-top{
    margin-top: 90px;
}


.contact-wrap .wpa{
  display: flex;
  flex-wrap: wrap;
}
.contact-wrap .wpb{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contact-wrap .lg-01{
  width: 50%;
}
.contact-wrap .lg-02 li{
  width: 48.8%;
  margin-left: 2.4%;
}
.contact-wrap .lg-02 li:nth-child(2n+1){
  margin-left: 0;
}
.contact-wrap .lg-03 li{
  width: 31%;
}
.contact-wrap .lg-03 li{
  margin-left: 2.33%;
}
.contact-wrap .lg-03 li:nth-child(3n+1){
  margin-left: 0;
}
.contact-wrap .lg-04 li{
  width: 23%;
  margin-left: 2.66%;
}
.contact-wrap .lg-04 li:nth-child(4n+1){
  margin-left: 0;
}
.contact-wrap .mg-04 li{
  width: 25%;
}
.contact-wrap .lg-05 li{
  width: 20%;
}
@media screen and (max-width: 1580px){  
  .contact-wrap .padding-top{
      padding-top: 80px;
  }
  .contact-wrap .paddinga-top,.contact-wrap .paddinga{
      padding-top: 70px;
  }
  .contact-wrap .padding{
        padding: 80px 0;
  }
  .contact-wrap .paddinga{
    padding: 70px 0;
  }
  .contact-wrap .margin-top{
      margin-top: 80px;
  }
}
@media screen and (max-width: 960px){
  .contact-wrap .lg-01,
  .contact-wrap .lg-02 li,
  .contact-wrap .lg-03 li,
  .contact-wrap .lg-04 li,
  .contact-wrap .lg-05 li,
  .contact-wrap .mg-04 li{
  width: 100%;
  }
  .contact-wrap .lg-02 li,.contact-wrap .lg-03 li,.contact-wrap .lg-04 li{
    margin-left: 0;
  }
  .contact-wrap .lg-04 li:nth-child(4){
    margin-top: 40px;
  }
  .contact-wrap .padding-top,.contact-wrap .paddinga-top,.contact-wrap .paddinga{
    padding-top: 50px;
  }
  .contact-wrap .padding,.contact-wrap .paddinga{
    padding: 50px 0;
  }
  .contact-wrap .margin-top,.contact-wrap .margina-top{
      margin-top: 50px;
  }
}

.contact-wrap .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.contact-wrap .swiper-container{
  width: 100%;
  overflow: hidden;
}
.contact-wrap .swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
}


.div_info {
  width: 30%;
  padding: 55px;
  background: #fff;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, .1);
  border-radius: 24px
}

.div_info h3 {
  padding-bottom: 20px;
  font-size: 28px;
  color: #333;
  line-height:1;
  letter-spacing: 1px;font-weight:700;
}

.div_info input,
.div_info textarea {
  display: block;
  width: 100%;
  height: 52px;
  margin: 0 auto;
  margin-top: 20px;
  padding-left: 30px;
  font-size: 15px;
  border: none;
  background: #fafafa;
  border: 1px solid #eee;
  outline: none;
  border-radius: 8px
}

.div_info button {
  width: 100%;
  height: 56px;
  font-size: 17px;
  color: #fff;
  background: var(--color-noticeboard-backgroud);
  margin-top: 30px;
  border: none;
  outline: none;
  letter-spacing: 1px;
  font-weight: 600;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all;
  border-radius: 8px
}

.div_info button:hover {
  background: #578ec1;
  cursor: pointer
}

.div_info textarea {
  height: 166px;
  padding: 20px 30px;
  line-height: 30px
}

.input-position {
  position: relative
}

.contact-input {
  width: 100%;
  padding: 70px 0 90px;
  overflow: hidden
}

.contact-input .wp{
  display: flex;align-items:center;justify-content: space-between;
}


.contact-list ul {
  width: 52%;
}

.contact-list li{display:flex;}
.contact-list li+li{margin-top:70px;}
.contact-list li .ico{width:70px;text-align:center;}
.contact-list li .ico i{font-size:54px;color:var(--color-icon-primary)}
.contact-list li .txt{flex:1;overflow:hidden;margin-left:35px;}
.contact-list li .txt h3 {font-weight:600;font-size:24px;color:var(--color-noticeboard-backgroud)}
.contact-list li .txt p{margin-top:18px;font-size:18px;line-height:30px;color:#666;}

.contact-input .div_info {
  width: 42%;
  height: 100%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08)
}

.contact-map{padding-bottom:60px;}
.contact-map ul {
  margin: 45px 0 90px;
  overflow: auto
}

.contact-map li {
  width: 30.2%;
  margin-left: 4.7%;
  margin-top: 45px
}

.contact-map li span {
  display: block;
  width: 59px;
  height: 59px;
  margin-bottom: 28px;
  font-size: 38px;
  color: #fff;
  text-align: center;
  line-height: 59px;
  background: var(--color-noticeboard-backgroud);
  border-radius: 50%
}

.contact-map li:nth-child(3) span {
  font-size: 35px
}

.contact-map li:nth-child(4) span {
  font-size: 38px
}

.contact-map li:nth-child(6) span {
  font-size: 29px
}

.contact-map li h6 {
  padding-top: 25px;
  font-size: 14px;
  color: #666;
  font-family: montserrat-regular;
  border-top: 1px solid #cbcbcb
}

.contact-map li p {
  margin-top: 15px;
  font-size: 15px;
  line-height: 28px;
  color: #212121
}

.map {
  overflow: hidden
}

.map img {
  width: 100%
}

.map img:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02)
}

@media screen and (max-width:1680px) {

  .contact-wrap h2,
  .contact-wrap h2 a {
      font-size: 32px
  }


.contact-list li + li{margin-top:60px;}
  
}

@media screen and (max-width:1441px) {

.contact-list li + li{margin-top:50px;}
.contact-list li .ico i{font-size:50px;}
.contact-list li .txt{margin-left:30px;}
.contact-list li .txt h3{font-size:23px;}

}

@media screen and (max-width:1367px) {

.contact-input{padding:70px 0;}
.contact-list li + li{margin-top:45px;}
.contact-list li .ico{width:60px;}
.contact-list li .ico i{font-size:45px;}
.contact-list li .txt{margin-left:25px;}
.contact-list li .txt h3{font-size:22px;}

}


@media screen and (max-width:1280px) {
.contact-input{padding:60px 0;}
.contact-list li + li{margin-top:40px;}
.contact-list li .ico{width:55px;}
.contact-list li .ico i{font-size:40px;}
.contact-list li .txt{margin-left:20px;}
.contact-list li .txt h3{font-size:20px;}
.contact-list li .txt p{margin-top:15px;font-size:17px;line-height:26px;}

}

@media screen and (max-width:1171px) {

.contact-input{padding:50px 0;}
.contact-input .wp{display:block;}

.contact-list ul{width:100%;}
.contact-list li + li{margin-top:40px;}
.contact-input .div_info{width:100%;margin:30px 0 0;}
.div_info h3{font-size:26px;text-align:center;}
.div_info button{height:50px;}

.contact-map{padding-bottom:40px;}

}


@media screen and (max-width:768px) {

.contact-input{padding:30px 0;}
.contact-list li + li{margin-top:25px;}
.contact-list li .ico{width:40px;}
.contact-list li .ico i{font-size:30px;}
.contact-list li .txt h3{font-size:18px;padding-bottom:15px;}
.contact-list li .txt p{margin-top:12px;font-size:16px;}

.div_info{padding:20px;}
.div_info h3{font-size:24px;}
.div_info input, .div_info textarea{margin-top:15px;padding-left:15px;height:45px;}
.div_info textarea{padding:15px;line-height:24px;}
.div_info button{height:45px;font-size:15px;}

.contact-map{padding-bottom:30px;}

}



@media screen and (max-width:480px) {


.div_info{padding:20px 15px;}
.div_info h3{font-size:22px;}
.div_info textarea{height:204px}
  
  
  
}


.div_info input, .div_info textarea:lang(ar){
  unicode-bidi: bidi-override;
}