/* Kallol Contact */
.contact-hero{
  position:relative;overflow:hidden;padding:62px 0 58px;color:#fff;
  background:
    radial-gradient(circle at 16% 18%,rgba(212,149,106,.20),transparent 22%),
    linear-gradient(135deg,#1E2A3A,#2E4060 56%,#4A668E);
}
.contact-hero::after{
  content:'যোগাযোগ';position:absolute;right:-30px;bottom:-95px;
  font-family:var(--bengali);font-size:180px;font-weight:700;color:rgba(255,255,255,.035);
}
.contact-hero .container{position:relative;z-index:1}
.contact-kicker,.contact-info-label{
  font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#D4956A;
}
.contact-hero h1{font-family:var(--serif);font-size:clamp(50px,6vw,76px);line-height:.95;margin-top:12px}
.contact-hero h1 em{font-style:italic;color:#E8B96A}
.contact-hero p{max-width:720px;margin-top:14px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.75)}

.contact-page{padding:56px 0 78px;background:linear-gradient(180deg,#fffaf7,#f7f2ec)}
.contact-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}
.contact-info-card,.contact-content-card{
  background:#fff;border:1px solid #E7D8CF;border-radius:20px;
  box-shadow:0 14px 34px rgba(30,42,58,.07);
}
.contact-info-card{padding:25px}
.contact-info-card h2,.contact-form-heading h2{
  font-family:var(--serif);font-size:31px;line-height:1.04;color:#2E4060;margin-top:6px;
}
.contact-detail{padding:16px 0;border-bottom:1px solid #EEE6DE}
.contact-detail:last-child{border-bottom:0}
.contact-detail strong{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8A7569;margin-bottom:6px}
.contact-detail a{font-size:12px;line-height:1.65;color:#2E4060;text-decoration:none;font-weight:600}
.contact-detail a:hover{color:#A45A3A}

.contact-form-heading{padding:23px 25px;border-bottom:1px solid #EEE6DE}
.contact-existing-content{padding:25px;min-width:0;overflow-x:auto}
.contact-existing-content input,
.contact-existing-content textarea,
.contact-existing-content select{
  max-width:100%;
}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr}}


/* v5.4 — style preserved current Contact form inside the new theme */
.contact-existing-content{
  font-family:var(--sans);color:var(--text-2);
}
.contact-existing-content figure,
.contact-existing-content .wp-block-image{display:none!important}
.contact-existing-content h1,
.contact-existing-content h2,
.contact-existing-content h3{
  font-family:var(--serif);color:var(--eg);line-height:1.08;margin:0 0 10px;
}
.contact-existing-content h1{font-size:34px}
.contact-existing-content h2{font-size:28px}
.contact-existing-content p{font-size:12px;line-height:1.75;color:var(--text-3);margin:0 0 14px}
.contact-existing-content form{display:grid;gap:14px}
.contact-existing-content label{display:block;font-size:10px;font-weight:700;color:var(--text-2);margin-bottom:5px}
.contact-existing-content input[type="text"],
.contact-existing-content input[type="email"],
.contact-existing-content input[type="tel"],
.contact-existing-content input[type="url"],
.contact-existing-content textarea,
.contact-existing-content select{
  width:100%!important;min-height:44px;padding:10px 12px!important;
  border:1px solid #D8D2CB!important;border-radius:8px!important;
  background:#FCFBFA!important;color:var(--text)!important;
  font-family:var(--sans)!important;font-size:13px!important;
  box-shadow:none!important;
}
.contact-existing-content textarea{min-height:120px}
.contact-existing-content input[type="submit"],
.contact-existing-content button[type="submit"]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:11px 20px!important;border:0!important;
  border-radius:8px!important;background:var(--eg)!important;color:#fff!important;
  font-family:var(--sans)!important;font-size:11px!important;font-weight:800!important;
  cursor:pointer!important;
}


/* v5.5 — generic Contact visual; old Contact artwork is never rendered */
.contact-generic-visual{
  position:relative;min-height:215px;overflow:hidden;
  margin:24px 25px 0;border-radius:16px;
  background:
    radial-gradient(circle at 18% 25%,rgba(212,149,106,.20),transparent 24%),
    radial-gradient(circle at 84% 76%,rgba(74,104,152,.20),transparent 28%),
    linear-gradient(135deg,#1E2A3A 0%,#2E4060 58%,#3A5280 100%);
  color:#fff;display:flex;align-items:center;padding:28px 32px 28px 205px;
}
.contact-generic-visual::after{
  content:'যোগাযোগ';position:absolute;right:-10px;bottom:-42px;
  font-family:var(--bengali);font-size:90px;font-weight:700;
  color:rgba(255,255,255,.045);pointer-events:none;
}
.contact-orbit{
  position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.10);
}
.contact-orbit-one{width:145px;height:145px;left:32px;top:34px}
.contact-orbit-two{width:104px;height:104px;left:52px;top:54px;border-color:rgba(212,149,106,.28)}
.contact-envelope{
  position:absolute;left:67px;top:76px;width:76px;height:54px;
  border:2px solid #E8B96A;border-radius:7px;
  background:rgba(255,255,255,.035);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.contact-envelope::before,
.contact-envelope::after{
  content:'';position:absolute;top:10px;width:45px;height:2px;background:#E8B96A;
}
.contact-envelope::before{left:0;transform:rotate(33deg);transform-origin:left center}
.contact-envelope::after{right:0;transform:rotate(-33deg);transform-origin:right center}
.contact-envelope-line{
  position:absolute;left:17px;right:17px;bottom:12px;height:2px;
  background:rgba(255,255,255,.18);
}
.contact-generic-copy{position:relative;z-index:2}
.contact-generic-copy span{
  display:block;font-size:8px;font-weight:800;letter-spacing:.18em;
  color:#D4956A;margin-bottom:5px;
}
.contact-generic-copy strong{
  display:block;font-family:var(--serif);font-size:36px;line-height:1;
  font-weight:700;
}
.contact-generic-copy p{
  max-width:430px;margin-top:8px;font-size:11px;line-height:1.65;
  color:rgba(255,255,255,.62);
}
.contact-existing-content img,
.contact-existing-content picture,
.contact-existing-content figure{
  display:none!important;
}
.contact-existing-content [style*="background-image"]{
  background-image:none!important;
}
@media(max-width:650px){
  .contact-generic-visual{padding:150px 22px 24px;min-height:290px}
  .contact-orbit-one{left:50%;transform:translateX(-50%);top:24px}
  .contact-orbit-two{left:50%;transform:translateX(-50%);top:44px}
  .contact-envelope{left:50%;transform:translateX(-50%);top:66px}
  .contact-generic-copy{text-align:center}
}