@charset "utf-8";
/* ==========================================================================
   南加州記帳士事務所 / 加銂電腦有限公司 — 共用設計系統（雅緻藍金）
   於 modern-business.css 之後載入，用以覆寫舊樣式。
   ========================================================================== */

:root{
  --brand-900:#12243D;
  --brand-800:#16304F;
  --brand-700:#1B365D;   /* 主色 深藍 */
  --brand-600:#24466F;
  --brand-500:#2C5282;
  --brand-100:#E8EEF5;
  --brand-50:#F2F6FA;

  --gold:#C9A961;        /* 點綴 金 */
  --gold-600:#B39145;
  --gold-100:#F6EFDF;

  --ink:#1A2332;
  --body:#3D4A5C;
  --muted:#6B7A8F;
  --line:#E3E9F0;
  --line-soft:#EEF2F7;

  --bg:#FFFFFF;
  --bg-soft:#F7F9FC;

  --radius:8px;
  --radius-lg:14px;
  --shadow-sm:0 1px 2px rgba(18,36,61,.05), 0 1px 3px rgba(18,36,61,.06);
  --shadow-md:0 4px 12px rgba(18,36,61,.07), 0 2px 4px rgba(18,36,61,.04);
  --shadow-lg:0 12px 32px rgba(18,36,61,.10), 0 4px 8px rgba(18,36,61,.04);

  --serif:"Noto Serif TC","Source Han Serif TC",Georgia,"Times New Roman",serif;
  --sans:"Noto Sans TC","Source Han Sans TC","PingFang TC","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

  --nav-h:76px;
}

/* ---------- 基礎 ---------- */
html{-webkit-text-size-adjust:100%}
body{
  padding-top:var(--nav-h) !important;
  background-image:none !important;
  background-color:var(--bg) !important;
  font-family:var(--sans) !important;
  color:var(--body);
  font-size:16px;
  line-height:1.85;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--serif);
  color:var(--ink);
  font-weight:700;
  line-height:1.45;
  letter-spacing:.01em;
}
h1{font-size:2.4rem}
h2{font-size:1.9rem}
h3{font-size:1.5rem}
h4{font-size:1.25rem}
h5{font-size:1.05rem;font-weight:700}
p{margin-bottom:1.1rem}
a{color:var(--brand-700);font-weight:500;text-decoration:none;transition:color .2s ease}
a:hover{color:var(--gold-600);text-decoration:none}
img{max-width:100%;height:auto}
hr{border-color:var(--line)}
::selection{background:var(--brand-100);color:var(--brand-900)}

/* ---------- 導覽列 ---------- */
.navbar{
  box-shadow:none !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:saturate(180%) blur(12px);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
  min-height:var(--nav-h);
  padding-top:.4rem;padding-bottom:.4rem;
  transition:box-shadow .25s ease;
}
.navbar.is-scrolled{box-shadow:0 2px 16px rgba(18,36,61,.08) !important}
.navbar-light .navbar-brand{
  font-family:var(--serif);
  color:var(--brand-700) !important;
  font-size:1.35rem !important;
  font-weight:700;
  padding-top:0;padding-bottom:0;
  display:flex;align-items:center;
}
.navbar-brand img{
  width:auto !important;
  max-width:260px;
  max-height:52px;
  object-fit:contain;
}
.navbar-light .navbar-nav .nav-link{
  font-family:var(--sans) !important;
  color:var(--ink) !important;
  font-size:1rem !important;
  font-weight:500 !important;
  letter-spacing:.04em;
  padding:.55rem 1rem !important;
  position:relative;
  transition:color .2s ease;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{color:var(--brand-700) !important}
.navbar-light .navbar-nav .nav-link::after{
  content:"";position:absolute;left:1rem;right:1rem;bottom:.25rem;
  height:2px;background:var(--gold);
  transform:scaleX(0);transform-origin:center;
  transition:transform .25s cubic-bezier(.4,0,.2,1);
}
.navbar-light .navbar-nav .nav-link:hover::after,
.navbar-light .navbar-nav .nav-item.active .nav-link::after{transform:scaleX(1)}
.navbar-light .navbar-nav .dropdown-toggle::after{margin-left:.4em;vertical-align:.15em;opacity:.55}
.navbar-toggler{border-color:var(--line);padding:.4rem .6rem}
.navbar-toggler:focus{outline:none;box-shadow:0 0 0 3px var(--brand-100)}

.dropdown-menu{
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-lg);
  padding:.5rem;
  margin-top:.5rem;
  min-width:13rem;
}
.dropdown-item{
  border-radius:6px;
  padding:.6rem .85rem;
  font-size:.95rem;
  font-weight:500;
  color:var(--body);
  white-space:normal;
}
.dropdown-item:hover,.dropdown-item:focus{background:var(--brand-50);color:var(--brand-700)}

/* ---------- 按鈕 ---------- */
.btn{
  font-family:var(--sans);
  font-weight:500;
  letter-spacing:.05em;
  border-radius:var(--radius);
  padding:.68rem 1.7rem;
  font-size:.98rem;
  transition:all .22s cubic-bezier(.4,0,.2,1);
  border-width:1px;
}
.btn-brand{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.btn-brand:hover{background:var(--brand-800);border-color:var(--brand-800);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--brand-900);font-weight:600}
.btn-gold:hover{background:var(--gold-600);border-color:var(--gold-600);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
.btn-ghost:hover{background:#fff;border-color:#fff;color:var(--brand-700)}
.btn-outline-secondary{
  border-color:var(--line);color:var(--brand-700);background:#fff;font-weight:500;
}
.btn-outline-secondary:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff}

/* 並排按鈕群組：統一間距，手機自動改為整行堆疊 */
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.btn-row--center{justify-content:center}
.btn-row .btn{margin:0}
@media (max-width:575.98px){
  .btn-row{flex-direction:column;align-items:stretch}
  .btn-row .btn{width:100%;text-align:center}
}

/* ---------- 區塊標題 ---------- */
.section{padding:76px 0}
.section--soft{background:var(--bg-soft)}
.section-head{margin-bottom:44px}
.section-head .eyebrow{
  display:inline-block;
  font-family:var(--sans);
  font-size:.78rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-600);margin-bottom:.65rem;
}
.section-head h2{position:relative;margin:0 0 .9rem;font-size:2rem}
.section-head .lede{color:var(--muted);font-size:1.02rem;max-width:46rem;margin:0}
.section-head--center{text-align:center}
.section-head--center .lede{margin-left:auto;margin-right:auto}
.rule-gold{display:block;width:56px;height:3px;background:var(--gold);border-radius:2px;margin:.9rem 0 0}
.section-head--center .rule-gold{margin-left:auto;margin-right:auto}

/* 舊有標題樣式沿用新色 */
.page_info_title,.page_title{
  font-family:var(--serif) !important;
  color:var(--ink) !important;
  font-size:2rem !important;
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin-bottom:.6rem !important;
}
.color_experience_page_title,.color_about_page_title,
.color_experience_title,.color_about_title{
  color:var(--ink) !important;border-bottom:none !important;
}

/* ---------- 卡片 ---------- */
.card{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  background:#fff;
  transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,border-color .28s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-100)}
.card-img-top{height:220px;object-fit:cover;width:100%;background:var(--brand-50)}
.card-body{padding:1.5rem}
.card-title{font-size:1.18rem;margin-bottom:.6rem;line-height:1.5}
.card-title a{color:var(--ink) !important;font-weight:700}
.card-title a:hover{color:var(--brand-700) !important}
.card-text{color:var(--muted);font-size:.95rem;line-height:1.8;margin:0}
.card-footer{background:#fff;border-top:1px solid var(--line-soft);padding:1rem 1.5rem}
.portfolio-item{margin-bottom:32px}

/* ---------- Hero / 輪播 ---------- */
.carousel-item{height:70vh;max-height:620px;min-height:380px;position:relative}
.carousel-item::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(180deg,rgba(18,36,61,.15) 0%,rgba(18,36,61,.30) 45%,rgba(18,36,61,.68) 100%);
}
.secondary{height:38vh;max-height:320px;min-height:220px;position:relative}
.secondary::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(180deg,rgba(18,36,61,.42) 0%,rgba(18,36,61,.58) 100%);
}
.carousel-caption{z-index:2;bottom:14%;text-align:left;left:10%;right:10%}
.carousel-text{
  font-family:var(--serif) !important;
  color:#fff !important;
  text-shadow:0 2px 20px rgba(0,0,0,.45) !important;
  text-align:left !important;
  border-radius:0 !important;
  margin:0 0 .5rem !important;
  font-size:2.4rem !important;
  font-weight:700;line-height:1.35;
}
.carousel-caption p.carousel-text{
  font-family:var(--sans) !important;
  font-size:1.05rem !important;
  font-weight:400;opacity:.94;
}
.carousel-indicators{bottom:1.4rem;z-index:3}
.carousel-indicators li{
  width:28px !important;height:3px !important;border-radius:2px !important;
  background-color:rgba(255,255,255,.45) !important;opacity:1;
  transition:background-color .25s ease;
}
.carousel-indicators .active{background-color:var(--gold) !important}
.carousel-control-prev,.carousel-control-next{z-index:3;width:8%;opacity:.7}
.carousel-control-prev:hover,.carousel-control-next:hover{opacity:1}
.carouselmini{height:auto;max-height:none;min-height:auto}
.carouselmini::after{display:none}

/* ---------- 麵包屑 ---------- */
.bread_crumb{margin-bottom:2rem}
.bread_crumb ul{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  border-bottom:1px solid var(--line);
  padding:0 0 .85rem !important;
}
.bread_crumb li{font-size:.9rem !important;color:var(--muted);font-weight:500}
.bread_crumb li a{color:var(--muted) !important;font-weight:500}
.bread_crumb li a:hover{color:var(--brand-700) !important}
.bread_crumb li:after{content:"/" !important;color:var(--line) !important;padding-left:12px !important}

/* ==========================================================================
   內頁：常見問答 / 服務項目 / 文件下載（共用左側欄 + 右側內容結構）
   ========================================================================== */
.page_right_block{padding-left:0}
.page_left_block{padding-right:36px}
@media (max-width:991.98px){ .page_left_block{padding-right:0;margin-top:2.5rem} }

.country_info_content{padding-bottom:1rem}
.country_info_content > .page_info_title{margin-bottom:1.75rem !important}

/* --- 左側欄目錄 --- */
.accordion{
  background:#fff !important;
  border:1px solid var(--line);
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  margin-bottom:24px !important;
}
.accordion > li{border-bottom:1px solid var(--line-soft) !important}
.accordion > li:last-child{border-bottom:none !important}
.accordion .link{
  font-family:var(--sans);
  font-size:1rem !important;
  font-weight:600 !important;
  letter-spacing:.02em;
  color:var(--ink) !important;
  padding:1.05rem 1.25rem !important;
  border-top:none !important;
  background:#fff;
  transition:background .2s ease,color .2s ease;
}
.accordion .active{background-color:#fff !important}
.accordion a:hover,
.accordion .link:hover{background-color:var(--brand-50) !important;color:var(--brand-700) !important}
.accordion li i{right:1.25rem;color:var(--muted);font-size:.9rem}
.accordion li.open > .link,
.accordion li.open > .link.color_about_link,
.accordion li.open > .link.color_experience_link{
  background-color:var(--brand-700) !important;color:#fff !important;
}
.accordion li.open > .link i{color:var(--gold)}

.submenu{background:var(--bg-soft) !important;font-size:1rem !important}
.submenu li{border-bottom:1px solid var(--line-soft)}
.submenu li:last-child{border-bottom:none}
.submenu a{
  padding:.85rem 1.25rem .85rem 2.1rem !important;
  font-size:.95rem !important;font-weight:500 !important;
  color:var(--body) !important;position:relative;
}
.submenu a:before{
  content:"";position:absolute;left:1.25rem;top:1.35em;
  width:5px;height:5px;border-radius:50%;background:var(--line);transition:background .2s ease;
}
.submenu a:hover{background-color:var(--brand-50) !important;color:var(--brand-700) !important}
.submenu a:hover:before{background:var(--gold)}
.subdirectory_title{
  padding:.85rem 1.25rem !important;border-bottom:1px solid var(--line-soft) !important;
  font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}
/* files.php 以行內 style 標示目前項目（#007bff），改為品牌色 */
.submenu li[style*="007bff"]{background-color:var(--brand-50) !important;border-left:3px solid var(--gold)}
.submenu li[style*="007bff"] > a{color:var(--brand-700) !important;font-weight:600 !important}
.submenu li[style*="007bff"] > a:before{background:var(--gold)}

/* --- 常見問答：手風琴卡片 --- */
.country_info_content .row > .card{
  flex:0 0 100%;max-width:100%;margin-bottom:1rem;
}
.country_info_content .card:hover{transform:none}
.card-header{
  background:#fff;border-bottom:1px solid var(--line-soft);
  padding:0;
}
.card-header h5{margin:0;font-family:var(--sans)}
.card-header a{
  display:block;padding:1.15rem 3rem 1.15rem 1.5rem;position:relative;
  font-size:1.05rem;font-weight:600;color:var(--ink) !important;line-height:1.6;
}
.card-header a:hover{color:var(--brand-700) !important;background:var(--brand-50)}
.card-header a:before{
  content:"Q";position:absolute;left:1.5rem;top:1.15rem;
  font-family:var(--serif);color:var(--gold);font-weight:700;display:none;
}
.card-header a:after{
  content:"";position:absolute;right:1.5rem;top:1.55rem;
  width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:rotate(45deg);transition:transform .25s ease;
}
.card-header a[aria-expanded="false"]:after{transform:rotate(-45deg)}
.country_info_content .card-body{
  padding:1.5rem;background:var(--bg-soft);
  font-size:1rem;line-height:1.9;color:var(--body);
}
.country_info_content .card-body img{max-width:100%;height:auto;border-radius:var(--radius)}

/* --- 文件下載：清單卡片 --- */
.country_info_content .portfolio-item .card-body a{
  color:var(--brand-700) !important;font-weight:500;
  display:flex;align-items:flex-start;line-height:1.7;
}
.country_info_content .portfolio-item .card-body a:hover{color:var(--gold-600) !important}
.country_info_content .portfolio-item .card-body a:before{
  content:"\25CF";color:var(--gold);font-size:.6em;margin-right:.7rem;margin-top:.65em;flex-shrink:0;
}
.country_info_content .portfolio-item .card-text{margin:0}
.country_info_content hr{margin:2.5rem 0 1.75rem;border-color:var(--line)}
.country_info_content h2{font-size:1.5rem;margin-bottom:1.25rem}

/* ---------- 特色 / 數據 / 流程 ---------- */
.feature{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:2rem 1.75rem;height:100%;
  transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,border-color .28s ease;
}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-100)}
.feature__icon{
  width:52px;height:52px;border-radius:12px;
  background:var(--brand-50);color:var(--brand-700);
  display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;margin-bottom:1.15rem;
}
.feature h4{font-size:1.15rem;margin-bottom:.6rem}
.feature p{color:var(--muted);font-size:.95rem;margin:0;line-height:1.8}

.statbar{background:var(--brand-700);color:#fff;padding:56px 0}
.stat{text-align:center;padding:.5rem 0}
.stat__num{font-family:var(--serif);font-size:2.6rem;font-weight:700;color:var(--gold);line-height:1.1;display:block}
.stat__label{font-size:.92rem;color:rgba(255,255,255,.82);letter-spacing:.06em;margin-top:.4rem;display:block}

.steps{counter-reset:step;list-style:none;padding:0;margin:0}
.steps li{
  position:relative;padding-left:4.25rem;margin-bottom:2.1rem;list-style:none;
}
.steps li:before{
  counter-increment:step;content:counter(step,decimal-leading-zero);
  position:absolute;left:0;top:0;
  font-family:var(--serif);font-size:1.5rem;font-weight:700;
  color:var(--gold);
  width:3rem;text-align:right;
}
.steps li:after{
  content:"";position:absolute;left:3.45rem;top:.35rem;bottom:-2.1rem;width:1px;background:var(--line);
}
.steps li:last-child{margin-bottom:0}
.steps li:last-child:after{display:none}
.steps h4{font-size:1.12rem;margin-bottom:.4rem}
.steps p{color:var(--muted);font-size:.95rem;margin:0}

/* ---------- 內文區（後台 HTML 內容）---------- */
.rich-text{font-size:1.02rem;line-height:1.95;color:var(--body)}
.rich-text img{border-radius:var(--radius);margin:1.25rem 0;box-shadow:var(--shadow-sm)}
.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4{margin-top:2rem;margin-bottom:.85rem}
.rich-text ul,.rich-text ol{padding-left:1.5rem;margin-bottom:1.15rem}
.rich-text li{margin-bottom:.5rem;list-style:inherit}
.rich-text table{width:100%;border-collapse:collapse;margin:1.4rem 0}
.rich-text th,.rich-text td{border:1px solid var(--line);padding:.75rem 1rem}
.rich-text th{background:var(--brand-50);font-weight:600;color:var(--ink)}
.rich-text blockquote{
  border-left:3px solid var(--gold);padding:.4rem 0 .4rem 1.4rem;
  margin:1.5rem 0;color:var(--muted);font-style:normal;
}

/* ---------- RSS 最新消息 ---------- */
#rss-feeds ul{list-style:none;padding:0;margin:0}
#rss-feeds li{padding:1.1rem 0;border-bottom:1px solid var(--line-soft);list-style:none}
#rss-feeds li:last-child{border-bottom:none}
#rss-feeds h5{font-size:1rem;margin-bottom:.4rem;line-height:1.6}
#rss-feeds h5 a{color:var(--ink);font-weight:600}
#rss-feeds h5 a:hover{color:var(--brand-700)}

/* ---------- 頁尾 ---------- */
.site-footer{background:var(--brand-900);color:rgba(255,255,255,.72);padding:64px 0 0;font-size:.95rem}
.site-footer h5{
  font-family:var(--sans);color:#fff;font-size:.82rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.25rem;
  padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.13);
}
.site-footer a{color:rgba(255,255,255,.72);font-weight:400;display:inline-block;padding:.28rem 0}
.site-footer a:hover{color:var(--gold)}
/* Logo 是不含透明度的 JPEG，不可用 invert 濾鏡（會整張變白塊）。
   改以白色底板承載，在深色頁尾上仍清晰可辨。 */
.site-footer .brand-mark img{
  max-width:240px;max-height:64px;object-fit:contain;
  background:#fff;padding:.55rem .8rem;border-radius:8px;
}
.site-footer .contact-line{padding:.3rem 0;line-height:1.7}
.site-footer .contact-line i{color:var(--gold);margin-right:.6rem}
.site-footer__bottom{
  margin-top:52px;border-top:1px solid rgba(255,255,255,.1);
  padding:1.5rem 0;font-size:.85rem;color:rgba(255,255,255,.5);
}

/* ---------- 分頁 ---------- */
.page-link{
  border:1px solid var(--line) !important;border-radius:6px !important;
  color:var(--body) !important;font-weight:500;padding:.5rem .85rem !important;
  margin:0 .18rem;transition:all .2s ease;
}
.page-item.active .page-link{background:var(--brand-700) !important;border-color:var(--brand-700) !important;color:#fff !important}
.page-item:not(.active) .page-link:hover{background:var(--brand-50) !important;border-color:var(--brand-100) !important}

/* ---------- 回頂端 ---------- */
.toTop-arrow{
  background:var(--brand-700) !important;opacity:.9 !important;
  border-radius:50% !important;width:2.9rem !important;height:2.9rem !important;
  box-shadow:var(--shadow-lg);transition:background .2s ease,transform .2s ease;
  right:1.5rem !important;bottom:1.5rem !important;
}
.toTop-arrow:hover{background:var(--brand-800) !important;opacity:1 !important;transform:translateY(-2px)}
.toTop-arrow:before,.toTop-arrow:after{background:var(--gold) !important;width:15px !important;height:3px !important}
.toTop-arrow:before{left:.72rem !important}
.toTop-arrow:after{right:.72rem !important}

/* ---------- 相關連結輪播 ---------- */
#demo .col-md-3,#demo .col-xs-3,#demo .col-sm-3{margin-left:0;padding:.5rem}
#demo img{
  border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  padding:.75rem;filter:grayscale(100%);opacity:.62;
  transition:filter .28s ease,opacity .28s ease,border-color .28s ease;
}
#demo img:hover{filter:grayscale(0);opacity:1;border-color:var(--brand-100)}

/* ---------- 響應式 ---------- */
@media (max-width:991.98px){
  :root{--nav-h:66px}
  .navbar-collapse{
    background:#fff;border-top:1px solid var(--line);
    margin:.5rem -1rem -.4rem;padding:.75rem 1rem 1rem;
  }
  .navbar-light .navbar-nav .nav-link{padding:.75rem .25rem !important;border-bottom:1px solid var(--line-soft)}
  .navbar-light .navbar-nav .nav-link:after{display:none}
  .dropdown-menu{border:none;box-shadow:none;padding:.25rem 0 .5rem 1rem;margin-top:0}
  .section{padding:52px 0}
  .carousel-caption{left:6%;right:6%;bottom:10%}
  .carousel-text{font-size:1.7rem !important}
  h1{font-size:1.9rem}h2{font-size:1.55rem}
  .section-head{margin-bottom:32px}
  .section-head h2{font-size:1.6rem}
}
@media (max-width:575.98px){
  body{font-size:15.5px}
  .section{padding:44px 0}
  .card-body{padding:1.25rem}
  .card-img-top{height:190px}
  .carousel-text{font-size:1.4rem !important}
  .steps li{padding-left:3.25rem}
  .steps li:before{width:2.25rem;font-size:1.25rem}
  .steps li:after{left:2.6rem}
  .stat__num{font-size:2.1rem}
}

/* 後台編輯器產生的浮動圖片，在手機上改為整行顯示 */
@media (max-width:767.98px){
  .rich-text img[style*="float"],
  .rich-text img.note-float-left,
  .rich-text img.note-float-right{
    float:none !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin:1rem 0 !important;
  }
}