.tog-contact-hero{
  background:#050505;
  color:#fff;
  padding:120px 0 70px;
}

.tog-contact-breadcrumb{
  display:flex;
  gap:8px;
  margin-bottom:30px;
  font-size:13px;
}

.tog-contact-breadcrumb a{
  color:#aaa;
}

.tog-contact-hero h1{
  font-size:42px;
  font-weight:700;
  margin-bottom:20px;
}

.tog-contact-hero p{
  max-width:700px;
  color:#d0d0d0;
  line-height:1.8;
}

.tog-contact-main{
  padding: 0;
}

.tog-contact-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:40px;
  margin-bottom:30px;
}

.tog-contact-form-wrap h2,
.tog-contact-info h2,
.tog-contact-faq h2{
  margin-bottom:15px;
  font-size:22px;
}

.tog-contact-form{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.tog-contact-form input,
.tog-contact-form select,
.tog-contact-form textarea{
  width:100%;
  border:1px solid #ddd;
  border-radius:8px;
  padding:15px;
  font-size:15px;
}

.tog-contact-form textarea{
  height:180px;
  resize:none;
}

.tog-contact-form small{
  color:#777;
}

.tog-contact-form button{
  width:max-content;
  border:none;
  background:#d72f32;
  color:#fff;
  padding:15px 28px;
  border-radius:6px;
  font-weight:700;
  cursor:pointer;
}

.tog-contact-form button i{
  margin-right:8px;
}

.tog-contact-box{
  border:1px solid #e5e5e5;
  border-radius:10px;
  padding:25px;
  display:flex;
  gap:16px;
}

.tog-contact-box i{
  width:45px;
  height:45px;
  border-radius:8px;
  background:#fff0f0;
  color:#d72f32;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tog-contact-box strong{
  display:block;
  margin-bottom:8px;
}

.tog-contact-box span{
  color:#666;
}

.tog-faq-item{
  border:1px solid #e5e5e5;
  border-radius:8px;
  margin-bottom:12px;
  overflow:hidden;
}

.tog-faq-btn{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#fff !important;
  border:none;
  padding:18px 22px;
  font-weight:700;
  color:#212121 !important;
}
.tog-faq-btn:hover{
  background:#fff !important;
  color:#212121 !important;
}

.tog-faq-content{
  display:none;
  padding:0 22px 22px;
  color:#666;
  line-height:1.8;
}

.tog-faq-item.active .tog-faq-content{
  display:block;
}

@media(max-width:991px){

  .tog-contact-grid{
    grid-template-columns:1fr;
  }

  .tog-contact-hero h1{
    font-size:32px;
  }

}