.contact-top-row{
    display:flex;
}


.contact-top-row .txt-col{
   flex:1 0 0;
   max-width:50%;

   display:flex;
   flex-direction:column;
   justify-content:space-between;
}

.contact-top-row .form-col{
   flex:1 0 0;
     max-width:50%;
     padding-top:0;
}


.contact-top-row .txt-col .top-txt{
  padding:90px 0;
}


.contact-top-row .txt-col .head{
  font-size:58px;
  color:#f57120;
  font-weight:500;
  margin:0;
}

.contact-top-row .txt-col .head span{
  font-size:58px;
  color:#fff;
  font-weight:300;
  margin:0;
  display:block;
}

.contact-top-row .txt-col .btn-con{
 margin-top:45px;
}


.contact-top-row .txt-col .sn-con{
 margin-bottom:45px;
}



.contact-top-row .txt-col .sn-con .ttl{
 font-size:18px;
 margin-bottom:20px;
}


.contact-top-row .txt-col .sn-con ul
{
 display:flex;
 list-style:none;
 padding:0;
 margin:0;
}
.contact-top-row .txt-col .sn-con ul li{
margin-left:20px;
}
.contact-top-row .txt-col .sn-con ul li a{
 display:block;
color:#fff;
transition:all 0.3s;
}
.contact-top-row .txt-col .sn-con ul li a:hover{
color:#f57120;

}
.contact-top-row .txt-col .sn-con ul li a .icon{
display:block;
font-size:32px;
}






.contact-top-row .form-col .txt-con{
   background-color:#eee;
   color:#666;
   padding:60px 0;
}


.contact-top-row .form-col .txt-con .head{
  font-size:24px;
  font-weight:600;
  color:#f57120;
  margin:0;
}


.contact-top-row .form-col .txt-con .desc{
  font-size:16px;
  font-weight:300;
  color:#000;
  margin:15px 0 60px 0;
}


.contact-top-row .form-col .form-con .form-row{
    margin-bottom:12px;
}

.contact-top-row .form-col .form-con .form-row input,
.contact-top-row .form-col .form-con .form-row select,
.contact-top-row .form-col .form-con .form-row textarea{
    width:100%;
    padding:7px;
    font-size:16px;
    text-align:right;
    border:1px solid #ddd;
    resize:none;
    outline:0;
    direction:rtl;
    color:#000;
    background-color:#fff;
}





.contact-office-row{
    margin:90px 0;
}

.contact-office-row .main-office-con{
   margin-bottom:45px;
}



.contact-office-row .office-con{
     grid-template-columns: repeat(4, 1fr);
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;

}



.contact-office-row .office-item{
   background-color:#111;
   display:flex;

}


.contact-office-row .office-item .img-con{
   background-color:#333;
   aspect-ratio:2/1;

}
.contact-office-row .office-item .txt-con{
  padding:30px;

}

.contact-office-row .office-item .txt-con .head{
font-size:22px;
font-weight:500;
color:#f57120;
margin:0;
}

.contact-office-row .office-item .txt-con ul{
    padding:0;
    margin:0;
    margin-top:30px;
list-style:none;

}

.contact-office-row .office-item .txt-con ul li{
    display:flex;

    margin-top:10px;

}

.contact-office-row .office-item .txt-con ul li .icon{
   font-size:20px;
   color:#aaa;
   margin-left:15px;
}
.contact-office-row .office-item .txt-con ul li .txt{
   font-size:16px;
   color:#fff;

}





.contact-office-row .main-office-con .office-item .txt-con{
   flex:1 0 0;
   max-width:50%;
}


.contact-office-row .main-office-con .office-item .img-con{
   flex:1 0 0;
   max-width:50%;
}


.contact-office-row .office-con .office-item{
   flex-direction:column;
}




.contact-office-row .office-con .office-item .txt-con{
   flex-grow:1;
}








@media(max-width:1199px){

.contact-office-row .office-con{
     grid-template-columns: repeat(2, 1fr);


}


}

@media(max-width:991px){


}









@media(max-width:767px) {


.contact-top-row{
    flex-direction:column;
}


.contact-top-row .txt-col{

   max-width:initial;

}

.contact-top-row .form-col{
 max-width:initial;
}


.contact-top-row .txt-col .top-txt{
  padding:50px 0;
}


.contact-top-row .txt-col .head{
  font-size:30px;

}

.contact-top-row .txt-col .head span{
      font-size:30px;
}

.contact-top-row .txt-col .btn-con{
 margin-top:20px;
}


.contact-top-row .txt-col .sn-con{
 margin-bottom:0;
}



.contact-top-row .txt-col .sn-con .ttl{
 font-size:14px;
 margin-bottom:10px;
}


.contact-top-row .txt-col .sn-con ul li{
margin-left:15px;
}
.contact-top-row .txt-col .sn-con ul li a .icon{

font-size:24px;
}




.contact-top-row .form-col .txt-con{
   padding:50px 0;
}


.contact-top-row .form-col .txt-con .head{
  font-size:20px;

}


.contact-top-row .form-col .txt-con .desc{
  font-size:12px;
  margin:15px 0 15px 0;
}


.contact-top-row .form-col .form-con .form-row{
    margin-bottom:10px;
}

.contact-top-row .form-col .form-con .form-row input,
.contact-top-row .form-col .form-con .form-row select,
.contact-top-row .form-col .form-con .form-row textarea{
    padding:7px;
    font-size:12px;

}





.contact-office-row{
    margin:50px 0;
}

.contact-office-row .main-office-con{
   margin-bottom:20px;
}



.contact-office-row .office-con{
     grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;

}

.contact-office-row .office-item{
  flex-direction:column;

}


.contact-office-row .office-item .txt-con{
  padding:15px 10px;

}

.contact-office-row .office-item .txt-con .head{
font-size:14px;

}

.contact-office-row .office-item .txt-con ul{

    margin-top:20px;

}

.contact-office-row .office-item .txt-con ul li{

    margin-top:10px;

}

.contact-office-row .office-item .txt-con ul li .icon{
   font-size:12px;
   margin-left:7px;
}
.contact-office-row .office-item .txt-con ul li .txt{
   font-size:10px;

}





.contact-office-row .main-office-con .office-item .txt-con{
   max-width:100%;
}


.contact-office-row .main-office-con .office-item .img-con{

   max-width:100%;
}



}