:root {
  --fontFamily: "Segoe UI";
  --themeColor1: #429694;
  --themeColor2: #cf367e;
  --themeColor3: #0a6462;
  --themeBuyColor: #cf367e;
  --themeHoverColor: #ed63a4;
  --themeColorButton: #cf367e;
  --themeColorGrad: #ffd9ebb5;
  --themeColorDark: #cf367e;
  --themeButtonHover: #ed63a4;
  --themeColorBC: #ffd9ebb5;
  --themeColorBC_B: #ffd9ebb5;
  --themePriceColor: #f15875;
}
.me-page{
  --me-pink:#cf367e;          /* --themeColor2 / buttons */
  --me-pink-hover:#ed63a4;    /* --themeHoverColor */
  --me-pink-soft:#fef3fa;     /* light pink fills */
  --me-pink-line:#f6c6dc;
  --me-teal:#429694;          /* --themeColor1 */
  --me-teal-dark:#0a6462;     /* --themeColor3 */
  --me-grad:#ffd9ebb5;        /* --themeColorGrad */
  --me-text:#313131;
  --me-head:#000;
  --me-shadow:0 0 27.26px 1.74px rgba(111,114,117,.15);
  font-family:"Segoe UI",Calibri,Arial,sans-serif;
  color:var(--me-text);
}
#step-popup-box1{display: none;}
.me-page *,.me-page *::before,.me-page *::after{box-sizing:border-box}
.me-page a{color:var(--me-pink);text-decoration:none}
.me-page a:hover{text-decoration:underline}
.me-page p{font-size:17px;line-height:28px;margin:0 0 14px}
.me-page p:last-child{margin-bottom:0}
.me-page .me-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.me-page .me-sec{padding:90px 0}
.me-page .me-grad{background-image:linear-gradient(180deg,var(--me-grad) 0,rgba(248,252,254,.49) 51%,rgba(249,252,254,0) 100%)}
.me-page .me-soft{background:#fdf6fa}
.me-page .me-head{text-align:center;max-width:900px;margin:0 auto 60px}
.me-page .me-head p{margin-top:16px}
.me-page h2{font-size:42px;font-weight:600;line-height:54px;color:var(--me-head);margin:0 0 20px 0}
.me-page h2 span{color:var(--me-pink)}
.me-page h3{font-size:20px;font-weight:600;line-height:28px;color:var(--me-text);margin:0 0 12px}
/* buttons — same structure as the MSG to PST page (44px high, 24px radius, uppercase) */
.me-page .me-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 35px;border-radius:24px;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1;text-decoration:none!important;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease;border:1px solid var(--me-pink)}
.me-page .me-btn-pink{background:var(--me-pink);color:#fff}
.me-page .me-btn-pink:hover{background:var(--me-pink-hover);border-color:var(--me-pink-hover);color:#fff}
.me-page .me-btn-light{background:#fff;color:var(--me-pink)}
.me-page .me-btn-light:hover{background:var(--me-pink);color:#fff}
.me-page .me-btns{display:flex;flex-wrap:wrap;gap:20px}
/* shared card + icon */
.me-page .me-card{background:#fff;border:1px solid var(--me-pink);border-radius:15px;box-shadow:var(--me-shadow);padding:30px}
.me-page .me-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:12px;background:var(--me-pink-soft)}
.me-page .me-icon svg{width:24px;height:24px;stroke:var(--me-pink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* hero */
.me-page .me-hero{padding:90px 0 80px;}
.me-page .me-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.me-page .me-hero-grid > *{min-width:0}
.me-page .me-hero h1{font-size:44px;line-height:58px;font-weight:600;color:var(--me-head);margin:0 0 22px}
.me-page .me-hero h1 span{color:var(--me-pink)}
.me-page .me-hero .me-btns{margin-top:28px}
/* comparison table — uses the site .imap-table look, scoped fixes for this 3-column table */
.me-page .imap-table table{width:100%}
.me-page .imap-table table tr th:first-child,.me-page .imap-table table tr th:last-child{display:table-cell}
.me-page .imap-table table th{text-align:left;font-size:18px;font-weight:600}
.me-page .imap-table table td{width:auto;font-size:17px;line-height:27px;vertical-align:top}
.me-page .imap-table table tr td:nth-of-type(3){text-align:left}
.me-page .imap-table table tbody tr:last-child td:nth-of-type(2){color:#000;font-weight:400}
.me-page .imap-table table td:first-child{font-weight:600;color:var(--me-pink);white-space:nowrap}
.me-page .me-table-scroll{overflow-x:auto}
/* zig-zag */
.me-page .me-zig{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.me-page .me-zig > *{min-width:0}
.me-page .me-zig-text h2{margin-bottom:20px}
/* 7 — support (dark teal band) */
.me-page .me-dark{background:linear-gradient(120deg,var(--me-teal-dark) 0%,var(--me-teal) 100%);color:#e6f5f4}
.me-page .me-dark h2{color:#fff}
.me-page .me-dark h2 span{color:#ffd1e6}
.me-page .me-dark .me-head p{color:#e6f5f4}
/* hero visual — MSG vs EML badges */
.me-page .me-vs{background:#fff;border:1px solid var(--me-pink);border-radius:20px;box-shadow:var(--me-shadow);padding:36px 30px}
.me-page .me-vs-row{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center}
.me-page .me-vs-file{width:118px;height:144px;margin:0 auto;border-radius:8px 26px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:18px;color:#fff;font-weight:700;font-size:22px}
.me-page .me-vs-file small{font-size:12px;font-weight:600;opacity:.85;margin-top:4px;text-transform:uppercase;letter-spacing:.4px}
.me-page .me-vs-msg{background:linear-gradient(160deg,var(--me-pink),#a82063);box-shadow:0 12px 26px rgba(207,54,126,.25)}
.me-page .me-vs-eml{background:linear-gradient(160deg,var(--me-teal),var(--me-teal-dark));box-shadow:0 12px 26px rgba(10,100,98,.25)}
.me-page .me-vs-mid{width:54px;height:54px;border-radius:50%;margin:0 auto;background:#fff;border:2px solid var(--me-pink-line);color:var(--me-pink);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.me-page .me-vs-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;padding-top:20px;border-top:1px dashed var(--me-pink-line);text-align:center;font-size:14px;font-weight:600}
.me-page .me-vs-foot span:first-child{color:var(--me-pink)}
.me-page .me-vs-foot span:last-child{color:var(--me-teal-dark)}
/* table column headers tinted per format */
.me-page .imap-table table th:nth-child(2){color:var(--me-pink)}
.me-page .imap-table table th:nth-child(3){color:var(--me-teal-dark)}
.me-page .imap-table table tr td:nth-of-type(3){text-align:left}
/* definitions — two side-by-side cards */
.me-page .me-split{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.me-page .me-split > *{min-width:0}
.me-page .me-def{position:relative;overflow:hidden;padding:44px 36px 36px}
.me-page .me-def::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--me-pink)}
.me-page .me-def-eml{border-color:var(--me-teal)}
.me-page .me-def-eml::before{background:var(--me-teal)}
.me-page .me-def-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.me-page .me-def h2{font-size:42px}
.me-page .me-def-eml .me-icon{background:#e6f3f2}
.me-page .me-def-eml .me-icon svg{stroke:var(--me-teal-dark)}
.me-page .me-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.me-page .me-chips span{font-size:13.5px;font-weight:600;border-radius:20px;padding:5px 14px;background:var(--me-pink-soft);color:var(--me-pink);border:1px solid var(--me-pink-line)}
.me-page .me-def-eml .me-chips span{background:#e6f3f2;color:var(--me-teal-dark);border-color:#bfe0de}
.me-page .me-def .me-more{display:inline-block;margin-top:22px;font-weight:600}
/* Outlook — choose MSG / choose EML decision panel */
.me-page .me-choose{padding:0;overflow:hidden}
.me-page .me-choose-col{padding:26px 28px}
.me-page .me-choose-col + .me-choose-col{border-top:1px dashed var(--me-pink-line)}
.me-page .me-choose-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:18px;font-weight:600;color:var(--me-head)}
.me-page .me-choose-head b{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;border-radius:20px;font-size:13px;color:#fff;background:var(--me-pink)}
.me-page .me-choose-eml .me-choose-head b{background:var(--me-teal)}
.me-page .me-choose ul{list-style:none;margin:0;padding:0}
.me-page .me-choose li{position:relative;padding:6px 0 6px 28px;font-size:15.5px;line-height:24px}
.me-page .me-choose li::before{content:"\2713";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--me-pink);color:#fff;font-size:11px;line-height:18px;text-align:center}
.me-page .me-choose-eml li::before{background:var(--me-teal)}
/* portability — reach comparison */
.me-page .me-reach{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto}
.me-page .me-reach > *{min-width:0}
.me-page .me-reach-card{text-align:center;padding:34px 28px}
.me-page .me-reach-badge{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 26px;border-radius:24px;font-weight:700;font-size:18px;color:#fff;background:var(--me-teal)}
.me-page .me-reach-msg .me-reach-badge{background:var(--me-pink)}
.me-page .me-reach-label{display:block;margin:14px 0 22px;font-weight:600;font-size:17px;color:var(--me-text)}
.me-page .me-reach-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.me-page .me-reach-icons .me-icon{background:#e6f3f2}
.me-page .me-reach-icons .me-icon svg{stroke:var(--me-teal-dark)}
.me-page .me-reach-msg .me-reach-icons .me-icon{background:var(--me-pink-soft)}
.me-page .me-reach-msg .me-reach-icons .me-icon svg{stroke:var(--me-pink)}
.me-page .me-reach-note{text-align:center;max-width:820px;margin:36px auto 0}
/* MSG to PST flow visual */
.me-page .me-flow{padding:34px 30px}
.me-page .me-flow-row{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center}
.me-page .me-flow-stack{position:relative;height:150px}
.me-page .me-flow-stack span{position:absolute;left:50%;width:96px;height:118px;margin-left:-48px;border-radius:8px 22px 8px 8px;background:#fff;border:2px solid var(--me-pink-line);display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;font-weight:700;font-size:14px;color:var(--me-pink)}
.me-page .me-flow-stack span:nth-child(1){top:0;transform:translateX(-18px) rotate(-8deg)}
.me-page .me-flow-stack span:nth-child(2){top:8px;transform:translateX(18px) rotate(7deg)}
.me-page .me-flow-stack span:nth-child(3){top:16px;background:var(--me-pink);border-color:var(--me-pink);color:#fff}
.me-page .me-flow-arrow{width:44px;height:44px;border-radius:50%;background:var(--me-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto}
.me-page .me-flow-pst{width:110px;height:134px;margin:0 auto;border-radius:8px 24px 8px 8px;background:linear-gradient(160deg,var(--me-teal),var(--me-teal-dark));color:#fff;font-weight:700;font-size:18px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;box-shadow:0 12px 26px rgba(10,100,98,.25)}
.me-page .me-flow-cap{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px dashed var(--me-pink-line);font-size:14px;color:#6a6a6a}
.me-page .me-flow-cap b{color:var(--me-text)}
.me-page .me-zig-text .me-btns{margin-top:26px}
/* EML to PST — steps on dark band */
.me-page .me-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:mestep}
.me-page .me-step{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:15px;padding:28px 22px 24px;text-align:center;color:#fff}
.me-page .me-step::after{counter-increment:mestep;content:counter(mestep);position:absolute;top:14px;right:16px;font-size:13px;font-weight:700;color:#ffd1e6}
.me-page .me-step .me-icon{margin:0 auto 14px;background:rgba(255,255,255,.16)}
.me-page .me-step .me-icon svg{stroke:#fff}
.me-page .me-step h3{color:#fff;margin-bottom:6px}
.me-page .me-step p{font-size:15px;line-height:24px;color:#e6f5f4}
.me-page .me-dark p a{color:#fff;text-decoration:underline}
.me-page .me-center{text-align:center;margin-top:36px}
.me-page .me-btn-white{background:#fff;color:var(--me-pink);border-color:#fff}
.me-page .me-btn-white:hover{background:var(--me-pink);border-color:var(--me-pink);color:#fff}
/* FAQ heading size inside this page */
.msg-vs-eml-page #faq h2{font-size:42px;font-weight:600;line-height:54px}

.faq-question-holder .accordion-item .accordion-title:after {
    line-height: 20px;
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    content: "";
    text-align: center;
    font-size: 13px;
    height: 19px;
    width: 18px;
    display: inline-block;
}
.faq-question-holder .accordion-item .accordion-title:after
 {
    background: url(/template/default/images/msg-to-pst-faq-icon-new.png) 0 0 no-repeat;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    content: "";
    background-position: bottom;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    background: url(/template/default/images/msg-to-pst-faq-icon-new.png) 0 -56px no-repeat !important;
}
.header-content .videos_img_list {    background: url(/template/default/images/msg-to-pst-banner.webp) center no-repeat;}

/* MSG vs EML at a glance — self-contained table (overrides the site's global table rules) */
.me-page .me-tbl-wrap{border:1px solid var(--me-pink-line);border-radius:15px;box-shadow:var(--me-shadow);overflow:hidden;background:#fff}
.me-page table.me-tbl{width:100%;margin:0;border-collapse:collapse;border-spacing:0;border:0;table-layout:fixed;background:#fff}
.me-page table.me-tbl tr th,.me-page table.me-tbl tr td{display:table-cell;width:auto;height:auto;margin:0;padding:18px 24px;border:0;border-bottom:1px solid #f3dfe8;text-align:left;vertical-align:top;font-size:16px;line-height:26px;font-weight:400;color:var(--me-text);background:transparent}
.me-page table.me-tbl tr th:first-child,.me-page table.me-tbl tr th:last-child{display:table-cell}
.me-page table.me-tbl tr th:nth-child(1),.me-page table.me-tbl tr td:nth-child(1){width:26%}
.me-page table.me-tbl tr th:nth-child(2),.me-page table.me-tbl tr td:nth-child(2),.me-page table.me-tbl tr th:nth-child(3),.me-page table.me-tbl tr td:nth-child(3){width:37%}
/* header: neutral first cell, pink MSG, teal EML */
.me-page table.me-tbl thead tr th{font-size:18px;font-weight:700;color:#fff;border-bottom:0;padding:16px 24px}
.me-page table.me-tbl thead tr th:nth-child(1){background:#3a3a3a}
.me-page table.me-tbl thead tr th:nth-child(2){background:var(--me-pink)}
.me-page table.me-tbl thead tr th:nth-child(3){background:var(--me-teal)}
.me-page table.me-tbl thead tr th:nth-child(2)::before,.me-page table.me-tbl thead tr th:nth-child(3)::before{content:"";display:inline-block;width:14px;height:17px;margin-right:10px;vertical-align:-2px;border-radius:2px 6px 2px 2px;background:rgba(255,255,255,.85)}
/* body */
.me-page table.me-tbl tbody tr td:nth-child(1){font-weight:600;color:#000;background:#fafafa;border-right:1px solid #f3dfe8}
.me-page table.me-tbl tbody tr td:nth-child(2){background:#fef8fb;border-right:1px solid #f3dfe8}
.me-page table.me-tbl tbody tr td:nth-child(3){background:#f4faf9;text-align:left}
.me-page table.me-tbl tbody tr:last-child td{border-bottom:0;color:var(--me-text);font-weight:400}
.me-page table.me-tbl tbody tr:last-child td:nth-child(1){font-weight:600;color:#000}
.me-page table.me-tbl tbody tr:hover td:nth-child(1){background:#f1f1f1}
.me-page table.me-tbl tbody tr:hover td:nth-child(2){background:var(--me-pink-soft)}
.me-page table.me-tbl tbody tr:hover td:nth-child(3){background:#e6f3f2}
/* last row ("Best use") highlighted */
.me-page table.me-tbl tbody tr:last-child td:nth-child(2){color:var(--me-pink);font-weight:600}
.me-page table.me-tbl tbody tr:last-child td:nth-child(3){color:var(--me-teal-dark);font-weight:600}

/* phones — each row becomes a card */
@media (max-width:768px){
  .me-page .me-tbl-wrap{border:0;box-shadow:none;background:transparent;overflow:visible;border-radius:0}
  .me-page table.me-tbl,.me-page table.me-tbl tbody,.me-page table.me-tbl tr{display:block;width:100%}
  .me-page table.me-tbl{table-layout:auto}
  .me-page table.me-tbl thead{display:none}
  .me-page table.me-tbl tbody tr{background:#fff;border:1px solid var(--me-pink-line);border-radius:15px;box-shadow:var(--me-shadow);overflow:hidden;margin-bottom:16px}
  .me-page table.me-tbl tbody tr td:nth-child(n){display:block;width:100%;border-right:0;padding:12px 18px}
  .me-page table.me-tbl tbody tr td:nth-child(1),.me-page table.me-tbl tbody tr:hover td:nth-child(1),.me-page table.me-tbl tbody tr:last-child td:nth-child(1){background:#3a3a3a;color:#fff;font-size:17px}
  .me-page table.me-tbl tbody tr td:nth-child(2)::before,.me-page table.me-tbl tbody tr td:nth-child(3)::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;line-height:18px;margin-bottom:4px}
  .me-page table.me-tbl tbody tr td:nth-child(2)::before{color:var(--me-pink)}
  .me-page table.me-tbl tbody tr td:nth-child(3)::before{color:var(--me-teal-dark)}
  .me-page table.me-tbl tbody tr td:nth-child(3){border-bottom:0}
}
@media (max-width:1170px){
  .me-page .me-hero-grid,.me-page .me-zig{grid-template-columns:1fr;gap:36px}
  .me-page .me-zig-rev .me-zig-vis{order:2}
}
@media (max-width:1024px){
  .me-page h2,.me-page .me-def h2,.msg-vs-eml-page #faq h2{font-size:36px;line-height:46px}
  .me-page .me-hero h1{font-size:38px;line-height:50px}
  .me-page .me-split,.me-page .me-reach{grid-template-columns:1fr}
}
@media (max-width:768px){
  .me-page .me-sec{padding:60px 0}
  .me-page .me-hero{padding:60px 0}
  .me-page h2,.me-page .me-def h2,.msg-vs-eml-page #faq h2{font-size:32px;line-height:42px}
  .me-page .me-hero h1{font-size:32px;line-height:42px}
  .me-page .me-head{margin-bottom:40px}
  .me-page .me-steps{grid-template-columns:1fr}
  .me-page .me-def{padding:36px 24px 28px}
}
@media (max-width:600px){
  .me-page p{font-size:15px;line-height:26px}
  .me-page .imap-table table td:first-child{white-space:normal}
}
@media (max-width:480px){
  .me-page h2,.me-page .me-def h2,.msg-vs-eml-page #faq h2{font-size:28px;line-height:38px}
  .me-page .me-hero h1{font-size:28px;line-height:38px}
  .me-page .me-btn{width:100%}
  .me-page .me-vs,.me-page .me-flow{padding:22px 16px}
  .me-page .me-vs-file{width:92px;height:116px;font-size:18px}
  .me-page .me-flow-stack span{width:76px;height:96px;margin-left:-38px}
  .me-page .me-flow-pst{width:86px;height:108px}
}