/* Team TararBari V18.11 — Contact page layout
   Structure:
   Get In Touch
   [ Phone ] [ Email ] [ Location ]
             [ Social Icons ]
   [ Team Contacts ] [ Send a Message ]
*/

.tb-contact-page{
  padding:34px 0 64px!important;
}

.tb-contact-summary{
  max-width:1240px!important;
}

.tb-contact-summary-head{
  text-align:center!important;
  max-width:720px!important;
  margin:0 auto 24px!important;
}

.tb-contact-summary-head .eyebrow{
  display:inline-block!important;
  margin-bottom:7px!important;
  color:var(--primary,#22d3ee)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

.tb-contact-summary-head h1{
  margin:0 0 8px!important;
  font-size:clamp(30px,4vw,48px)!important;
  line-height:1.08!important;
}

.tb-contact-summary-head p{
  margin:0!important;
  color:#9fb2c7!important;
  font-size:14px!important;
  line-height:1.6!important;
}

.tb-contact-methods{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.tb-contact-method{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  padding:24px 18px 20px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:16px!important;
  text-align:center!important;
  background:color-mix(in srgb,var(--surface,#0a1725) 92%,transparent)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}

.tb-contact-method-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin-bottom:12px!important;
  border-radius:13px!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:900!important;
  background:var(--tb-contact-accent,var(--primary,#22d3ee))!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--tb-contact-accent) 24%,transparent)!important;
}

.tb-contact-method-phone{--tb-contact-accent:#10b981}
.tb-contact-method-email{--tb-contact-accent:#0ea5e9}
.tb-contact-method-location{--tb-contact-accent:#c026d3}

.tb-contact-method h3{
  margin:0 0 8px!important;
  font-size:16px!important;
}

.tb-contact-method p{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-height:42px!important;
  margin:0!important;
  color:#d7e3ee!important;
  font-size:13px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

.tb-contact-method p a{
  color:inherit!important;
  text-decoration:none!important;
}

.tb-contact-method small{
  display:block!important;
  margin-top:7px!important;
  color:#7f95aa!important;
  font-size:10px!important;
}

.tb-contact-method-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  margin-top:13px!important;
  padding:7px 12px!important;
  border-radius:8px!important;
  text-decoration:none!important;
  color:#fff!important;
  background:var(--tb-contact-accent,var(--primary,#22d3ee))!important;
  font-size:11px!important;
  font-weight:900!important;
}

.tb-contact-method-btn:hover{
  transform:translateY(-1px)!important;
}

.tb-contact-social-strip{
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  margin:-1px auto 0!important;
  padding:10px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-top:0!important;
  border-radius:0 0 13px 13px!important;
  background:#0a1523!important;
  box-shadow:0 12px 26px rgba(0,0,0,.16)!important;
}

.tb-contact-social-strip > span{
  color:#8fa5b9!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.tb-contact-social-strip .brand-social-icons,
.tb-contact-social-strip .social-icons,
.tb-contact-social-strip .contact-socials{
  margin:0!important;
}

.tb-contact-main-grid{
  display:grid!important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.35fr)!important;
  gap:20px!important;
  max-width:1240px!important;
  margin-top:26px!important;
  align-items:start!important;
}

.tb-contact-team-panel,
.tb-contact-message-panel{
  min-width:0!important;
  padding:20px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface,#091623) 94%,transparent)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12)!important;
}

.tb-contact-panel-head{
  margin-bottom:15px!important;
}

.tb-contact-panel-head h2{
  margin:0 0 5px!important;
  font-size:21px!important;
}

.tb-contact-panel-head p{
  margin:0!important;
  color:#8fa5b9!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Override older Contact Team card rules so this matches the new composition. */
.tb-contact-team-panel .tb-team-contact-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

.tb-contact-team-panel .tb-team-contact-card{
  padding:11px!important;
  border-radius:12px!important;
  background:rgba(5,15,25,.38)!important;
}

.tb-contact-team-panel .tb-team-contact-person{
  margin-bottom:9px!important;
}

.tb-contact-team-panel .tb-team-contact-photo{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
}

.tb-contact-team-panel .tb-team-contact-meta strong{
  font-size:12px!important;
}

.tb-contact-team-panel .tb-team-contact-meta span{
  font-size:10px!important;
}

.tb-contact-team-panel .tb-team-contact-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

.tb-contact-team-panel .tb-contact-action{
  min-height:31px!important;
  padding:6px 8px!important;
  font-size:10px!important;
}

.tb-contact-message-panel .tb-contact-form{
  margin:0!important;
}

.tb-contact-message-panel .form .field{
  margin-bottom:13px!important;
}

.tb-contact-message-panel .form input,
.tb-contact-message-panel .form textarea{
  width:100%!important;
  box-sizing:border-box!important;
}

.tb-contact-message-panel .form textarea{
  min-height:170px!important;
}

.tb-contact-message-panel .btn-primary{
  width:100%!important;
  justify-content:center!important;
}

/* Keep inquiry choices clean and balanced. */
.tb-contact-message-panel .tb-inquiry-type{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

@media(max-width:900px){
  .tb-contact-methods{
    grid-template-columns:1fr!important;
  }

  .tb-contact-social-strip{
    margin-top:12px!important;
    border-top:1px solid rgba(148,163,184,.18)!important;
    border-radius:13px!important;
  }

  .tb-contact-main-grid{
    grid-template-columns:1fr!important;
  }

  .tb-contact-team-panel .tb-team-contact-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  .tb-contact-page{
    padding-top:22px!important;
  }

  .tb-contact-team-panel .tb-team-contact-list{
    grid-template-columns:1fr!important;
  }

  .tb-contact-social-strip{
    width:auto!important;
    flex-direction:column!important;
  }

  .tb-contact-message-panel .tb-inquiry-type{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  .tb-contact-team-panel .tb-team-contact-actions{
    grid-template-columns:1fr!important;
  }
}