/* ============================================================
   Contact page — matches dranupama.in/contacts/
   ============================================================ */

/* ---------- Page banner (matches the floating white-box banner used
   site-wide on every inner page: orig-blog-banner / about-hero) ---------- */
.contact-banner{
  height:385px;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  position:relative;
}
.contact-banner .container{
      position: absolute;
    left: 10.2%;
    top: 20px;
    width: 24%;
    min-width: 280px;
    height: 235px;
    background: #fff;
    padding: 51px 72px;
    box-sizing: border-box;
    margin: 0;
    z-index: 1;
}
.contact-banner h1{color:#171717;font-size:44px;line-height:1.1;font-weight:600;margin:0 0 30px;}
.contact-banner .crumbs{color:#988e99;font-size:17px;}
.contact-banner .crumbs a{color:#988e99;font-weight:400;}
.contact-banner .crumbs span{margin:0 8px;color:#988e99;}
@media(max-width:800px){
  .contact-banner .container{left:6%;width:70%;}
}
@media(max-width:600px){
  .contact-banner{height:280px;}
  .contact-banner .container{left:15px;top:20px;width:calc(100% - 30px);height:230px;padding:40px 24px;}
  .contact-banner h1{font-size:28px;margin-bottom:20px;}
}

/* ---------- Get In Touch ---------- */
.get-in-touch{padding:78px 0 72px;text-align:center;}
.get-in-touch h2{font-size:72px;margin-bottom:10px;font-weight:600;color:#171717;}
.get-in-touch .sub{color:#171717;font-size:35.52px;margin-bottom:40px;}
.touch-icon img{
  font-size: 10px;
}

.touch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:900px;margin:0 auto;}
/* General Item Styles (Left untouched for your layout structure) */
.touch-item {
  padding: 10px;
}
.touch-icon {
  font-size: 2rem;
  margin-bottom: 14px;
}
.touch-item h4 {
  margin-bottom: 10px;
  font-size: 18px;
}
.touch-item p {
  color: var(--gray);
}
.touch-item a {
  color: var(--brand);
  font-weight: 600;
}

/* Updated Social Media Container & Circle Icons */
.touch-socials {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 44px;
}

.touch-socials a {
  width: 42px;
  height: 42px; /* Fixed: Matching height for a flawless circle */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, color 0.2s ease;
  background-color: #f5f5f5; /* Light fallback background */
}

/* Individual Brand Custom Colors via currentColor matching */
.touch-socials a[aria-label="Twitter"] { color: #000000; }
.touch-socials a[aria-label="Facebook"] { color: #000000; }
.touch-socials a[aria-label="LinkedIn"] { color: #000000; }

/* Scale & Size control inside the fixed circle aspect-ratio */
.touch-socials a svg {
  width: 22px;
  height: 22px;
}

/* Smooth Inverted State Hover Configurations */
.touch-socials a:hover {
  color: #e54c94 !important;
}
.touch-socials a[aria-label="Twitter"]:hover { background-color: #000000; }
.touch-socials a[aria-label="Facebook"]:hover { background-color: #000000; }
.touch-socials a[aria-label="LinkedIn"]:hover { background-color: #000000; }


/* ---------- Map ---------- */
.contact-map-row{padding:0;}
.contact-map-row .map{padding:0;}
.contact-map-row iframe{width:100%;height:420px;border:0;display:block;}

/* ---------- Contact Us form ---------- */
.contact-us{padding:78px 0 72px;text-align:center;}
.contact-us h2{font-size:72px;font-weight:600;color:#171717;}
.contact-us .sub{color:#000000;font-size:35.25px;margin-bottom:40px;font-weight: 100;}

.contact-form{max-width:760px;margin:0 auto;text-align:left;}
.contact-form .row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}
.contact-form input,.contact-form textarea{
  width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:4px;
  font-family:inherit;font-size:.95rem;resize:vertical;
}
.contact-form textarea{margin-bottom:20px;}
.contact-form button{
  background:var(--brand);color:#fff;border:none;padding:14px 34px;
  border-radius:4px;font-weight:700;cursor:pointer;font-size:1rem;
}
.contact-form button:hover{opacity:.92;}


/* ===== Footer icon images ===== */
.footer-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
}
.footer-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
@media (max-width:576px){
  .footer-icon img{
    width:48px;
    height:48px;
  }
}



.copyright {
  font-size: 14px;
  color: #ffffff; /* Or your current copyright text color */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

.extreme-media-link {
  display: inline-flex;
  align-items: center;
}

.extreme-media-logo {
  height: 30px; /* Matches standard text height scale */
  width: auto;   /* Maintains original visual aspect ratio */
  display: block;
  object-fit: contain;
  transition: opacity 0.2s ease;
      margin-left: 13px;
}

/* Optional subtle hover feedback since it's an image link */
.extreme-media-link:hover .extreme-media-logo {
  opacity: 0.8;
}




.footer-content p a{
  color: #7d8190;
}

.footer-content p a:hover{
  color: red;
}