:root {
--bg1:linear-gradient(to right, #efb816, #ffebab);
--title_color:#101011;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.footer_contact {
 position: relative;
 z-index: 2;
 }
.footer_contact::before {
 content: "";
 display: block;
 position: absolute;
 inset: 0px;
 background-color: rgba(0, 0, 0, 0.3);
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.footer_contact {
 padding: 3rem 0px;
 }}
.content {
 max-width: 1232px;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 1.25rem;
 }
.footer_contact .flex {
 padding: 3.2rem 0px;
 min-height: 459.2px;
 }
@media screen and (max-width: 768px){
.footer_contact .flex {
 min-height: unset;
 padding: 0px;
 }}
.footer_contact .head {
 color: rgb(255, 255, 255);
 padding-bottom: 3.1%;
 }
.head h2 {
 font-size: 51px;
 line-height: 64px;
 font-weight: 700;
 }
.fadeInLeft {
 animation-name: fadeInLeft;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.head h2 {
 font-size: 42px;
 line-height: 1.3;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.head h2 {
 font-size: 40px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
br {
 display: none;
 }}
.head h2 span {
  background: var(--bg1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.head .line {
 display: inline-block;
 vertical-align: top;
 width: 45px;
 height: 5px;
 clip-path: polygon(4px 0px, 100% 0px, calc(100% - 4px) 100%, 0px 100%);
 background: rgb(233, 178, 23);
 }
.footer_contact .line {
 margin-top: 22.4px;
 }
@media screen and (max-width: 768px){
.head .line {
 width: 2.5rem;
 height: 5px;
 }}
@media screen and (max-width: 768px){
.footer_contact .flex .line {
 margin-top: 0.7rem;
 }}
a {
 color: inherit;
 font-size: inherit;
 text-decoration: none;
 }
.btn_w {
 display: inline-block;
 vertical-align: top;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 6px;
 position: relative;
 z-index: 2;
 font-size: 18px;
 padding: 13px 20px;
 min-width: 188px;
 background-color: rgb(255, 255, 255);
 }
.btn_w::before {
 content: "";
 display: block;
 position: absolute;
 inset: 0px;
 z-index: -1;
 transition: 0.3s;
 border-radius: 6px;
 opacity: 0;
 background-image: var(--bg1);
 }
.btn_w:hover::before {
 opacity: 1;
 }
.btn_w {
 display: inline-block;
 vertical-align: top;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 6px;
 position: relative;
 z-index: 2;
 font-size: 16px;
 padding: 14px 16px;
 min-width: 150.4px;
 font-weight: 500;
 background-color: rgb(255, 255, 255);
 }
@media screen and (max-width: 768px){
.btn, .btn_b, .btn_w {
 font-size: 14px;
 padding: 11px 22px;
 min-width: 120px;
 line-height: 1.5;
 }}
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 color: var(--title_color);
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
 
@media screen and (max-width: 786px){


}