
:root{
  --card-bg: #fff;
  --green-grad: linear-gradient(90deg,#0b6b3b,#0f3f24);
  --red-grad: linear-gradient(90deg,#c94b2b,#7a2416);
}
*{box-sizing:border-box;font-family: "Noto Sans Bengali", Arial, sans-serif}
body{margin:0;background:#fafafa;color:#111;}
.topbar{background:#fff;padding:8px 14px 0;}
.logo-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px;}
.logo{height:58px;object-fit:contain;max-width:70%;}
.whats-btn{background:#1e8b3a;color:#fff;border:none;padding:10px 14px;border-radius:10px;font-weight:600;}
.marquee{margin-top:8px;background:#0b0b0b;color:#fff;padding:6px 10px;font-size:14px;border-top:4px solid #8c0000;border-bottom:4px solid #8c0000;text-align:center;}
main{padding:18px 14px 40px;}
.info p{line-height:1.6;padding:14px 0;}
.section-title{text-align:center;margin:10px 0 18px;font-size:20px;}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,0.08);max-width:760px;margin:0 auto 18px;}
.card label{display:block;margin:8px 0 6px;font-weight:600;}
.card select, .card input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ddd;background:#f6f6f6;}
.buttons{display:flex;gap:12px;margin-top:14px;}
.btn{flex:1;padding:12px 10px;border-radius:10px;color:#fff;border:none;font-weight:600;cursor:pointer;}
.btn.submit{background:var(--green-grad);} .btn.reset{background:var(--red-grad);}
.count-blurb{margin:20px auto;max-width:760px;text-align:center;font-weight:700;padding:12px;color:#111;}

/* Table styles */
.table-wrap{max-width:760px;margin:0 auto 30px;}
.agent-table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.04);}
.agent-table thead th{background:#e3f4e7;font-weight:700;padding:12px;border:1px solid #d5e9da;}
.agent-table tbody td{background:#fff4f2;border:1px solid #f1d7d3;padding:12px;font-size:15px;text-align:center;}
.agent-table tbody tr:nth-child(even) td{background:#f7eee9;}
.agent-table td a{color:#005be1;text-decoration:underline;font-weight:600;}
.whatsapp-icon{width:28px;height:28px;vertical-align:middle;}



/* what we do not offer */
.what-we-do-not{background:#111;padding:22px 18px;color:#fff;border-radius:10px;max-width:760px;margin:22px auto;}
.what-we-do-not h2{color:#ff6f6f;margin-top:0;text-align:center;}
.what-we-do-not ul{list-style:none;padding:0;margin:12px 0;}
.what-we-do-not li{margin:8px 0;padding-left:6px;}
.what-we-do-not .bangla-note{color:#ffd34d;text-align:center;margin-top:8px;}

/* responsive tweaks */
@media (max-width:480px){
  .logo{height:48px;}
  .btn{padding:10px;}
  .agent-table thead th, .agent-table td{font-size:13px;padding:10px;}
}


/* ===== Global redesign with logo theme ===== */
body{
  margin:0;
  
  color:#111;
}

/* main homepage wrapper */
main{
  padding:22px 14px 48px;
}

/* Topbar with new logo style */
.topbar{
  background:#ffc94a;
  padding:10px 14px 16px;
  border-bottom-left-radius:18px;
  border-bottom-right-radius:18px;
  box-shadow:0 4px 14px rgba(0,0,0,0.18);
}
.logo-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo{
  height:64px;
  max-width:72%;
  object-fit:contain;
}

/* WhatsApp main button */
.whats-btn{
  background:#1e8b3a;
  color:#fff;
  border:none;
  padding:11px 16px;
  border-radius:999px;
  font-weight:700;
  box-shadow:0 4px 14px rgba(0,0,0,0.18);
}
.whats-btn:hover{
  transform:translateY(-1px);
}

/* Table as soft card */
.agent-table{
  background:#fff;
  border-radius:16px;
  border-collapse:separate;
  border-spacing:0;
  box-shadow:0 6px 18px rgba(0,0,0,0.12);
}
.agent-table thead th{
  background:#fff3cc;
  font-weight:700;
  padding:12px;
}
.agent-table tbody td{
  padding:11px 8px;
  border-bottom:1px solid #f1dfaa;
}

/* What we do not offer block */
.what-we-do-not{
  background:#111;
  border-radius:16px;
  padding:22px 18px;
}

/* Subpage layout */
.subpage{
  
}
.page-box{
  max-width:860px;
  margin:24px auto 48px;
  background:#fff;
  border-radius:18px;
  padding:24px 18px 28px;
  box-shadow:0 6px 20px rgba(0,0,0,0.16);
}
.page-box h1,
.page-box h2,
.page-box h3{
  font-weight:800;
  margin-top:10px;
  margin-bottom:10px;
}
.page-box p,
.page-box li{
  font-weight:700;
  line-height:1.8;
  margin:8px 0;
}

/* Footer */
footer{
  background:#111;
  color:#f6c94c;
  padding:16px 8px;
  text-align:center;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
}

/* Small responsive tweak */
@media (max-width:480px){
  .page-box{
    margin:16px 10px 32px;
    padding:20px 14px 22px;
  }
}


/* Highlight phone numbers */
.phone, .agent-table td:nth-child(2) {
    color:#d9534f !important;
    font-weight:800;
}

/* More premium table design */
.agent-table {
    border-radius:18px;
    overflow:hidden;
    background:#ffffff;
    box-shadow:0 6px 20px rgba(0,0,0,0.15);
}

.agent-table thead th {
    background:#ffe08a;
    color:#663c00;
    font-size:16px;
    padding:14px;
    font-weight:800;
}

.agent-table tbody tr:hover {
    background:#fff8dd;
    transition:0.25s ease;
}

.agent-table tbody td {
    padding:14px 10px;
    font-size:15px;
    font-weight:600;
}

/* Disable any horizontal scroll on table */
.agent-table, table {
    overflow-x: visible !important;
    display: table !important;
    width: 100% !important;
    
}

body {
    
}

/* Subpages background */
.subpage {
    
}

.phone, .agent-table td:nth-child(2) {
    color:#ff1a1a !important;
    font-weight:900 !important;
}

/* Resize table to normal compact layout */
.agent-table {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

/* Make header height equal to topbar aesthetics */
.agent-table thead th {
    padding: 10px 8px !important;
    font-size: 14px !important;
}

/* Shrink body cells */
.agent-table tbody td {
    padding: 8px 6px !important;
    font-size: 14px !important;
}

/* ===== Jungle Green Theme Applied ===== */
body {
    
}

.subpage {
    
}

/* Update table header to match jungle theme */
.agent-table thead th {
    background: #1b5e20 !important;
    color: #e8ffe8 !important;
    border-bottom: 2px solid #0f3d0f !important;
}

/* Table hover row jungle highlight */
.agent-table tbody tr:hover {
    background: #d6ffda !important;
}

/* WhatsApp & main buttons jungle color harmonized */
.whats-btn, .btn {
    background: #1b5e20 !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0, 64, 0, 0.4) !important;
}

.whats-btn:hover, .btn:hover {
    background: #0f3d0f !important;
}

/* Footer jungle style */
footer {
    background: #0b3d0b !important;
    color: #aaffaa !important;
}

/* ===== Creamy Premium Gradient Theme ===== */
body {
    background: linear-gradient(135deg, #fff7e6, #ffe8cc, #fbe3b3) !important;
}

.subpage {
    background: linear-gradient(135deg, #fff7e6, #ffe8cc, #fbe3b3) !important;
}

/* Table header creamy */
.agent-table thead th {
    background: #ffe0b3 !important;
    color: #5a3c00 !important;
    border-bottom: 2px solid #f5c27b !important;
}

/* Hover row effect soft cream */
.agent-table tbody tr:hover {
    background: #fff3dd !important;
}

/* Buttons creamy brown */
.whats-btn, .btn {
    background: #d49139 !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(150, 90, 20, 0.35) !important;
}

.whats-btn:hover, .btn:hover {
    background: #b97827 !important;
}

/* Footer soft brown */
footer {
    background: #b97827 !important;
    color: #fff8e6 !important;
}
