/* ==================================================================
   Support Article Layout — common to all /support/* pages
   privacy-policy · terms-and-conditions · ssl-supported-browsers-and-platforms · what-is-trust-ssl-seal
   ================================================================== */

/* === Sidebar === */
.support-article-layout {
   background: #fff;
   padding: 60px 0;
}
.support-breadcrumb {
   font-size: 14px;
   color: #858796;
   margin-bottom: 30px;
}
.support-breadcrumb a {
   color: var(--accent);
   text-decoration: none;
}
.support-breadcrumb a:hover {
   text-decoration: underline;
}
.support-sidebar {
   position: sticky;
   top: 80px;
}
.support-sidebar-section {
   margin-bottom: 24px;
}
.support-sidebar-heading {
   font-size: 14px;
   font-weight: 700;
   color: #3a3b45;
   text-transform: uppercase;
   margin-bottom: 8px;
   letter-spacing: 0.5px;
}
.support-sidebar-link {
   display: block;
   font-size: 14px;
   color: #4a4a6a;
   text-decoration: none;
   padding: 6px 10px;
   border-radius: 4px;
   margin-bottom: 2px;
   transition: background 0.2s;
}
.support-sidebar-link:hover {
   background: #f1f3fa;
   color: var(--accent);
}
.support-sidebar-link.active {
   background: #e8f0fe;
   color: #1a1a2e;
   font-weight: 600;
}

/* === Content === */
.support-content {
   border-left: 1px solid #e8eaf6;
   padding-left: 32px;
}
.support-content h1 {
   font-size: 28px;
   line-height: 36px;
   color: #1a1a2e;
   font-weight: 900;
   margin-bottom: 20px;
}
.support-content h2 {
   font-size: 20px;
   line-height: 28px;
   color: #1a1a2e;
   font-weight: 700;
   margin-top: 32px;
   margin-bottom: 14px;
}
.support-content h3 {
   font-size: 17px;
   line-height: 24px;
   color: #1a1a2e;
   font-weight: 700;
   margin-top: 28px;
   margin-bottom: 10px;
}
.support-content p {
   font-size: 15px;
   line-height: 26px;
   color: #4a4a6a;
   margin-bottom: 12px;
}
.support-content ul,
.support-content ol {
   margin-bottom: 16px;
   padding-left: 20px;
}
.support-content li {
   font-size: 15px;
   line-height: 26px;
   color: #4a4a6a;
   margin-bottom: 8px;
   padding-left: 4px;
}
.support-content li strong {
   color: #1a1a2e;
}
/* Nested list styling (from terms-and-conditions) */
.support-content li ul,
.support-content li ol {
   margin-top: 6px;
   margin-bottom: 6px;
}
.support-content li li {
   font-size: 14px;
   line-height: 24px;
}
.support-content a {
   color: var(--accent);
   text-decoration: none;
}
.support-content a:hover {
   text-decoration: underline;
}

/* === Footer (NS-style) === */
.ns-footer {
   background: #fff;
   border-top: 1px solid #e8eaf6;
   padding: 40px 0 30px;
}
.ns-footer-col h5 {
   font-size: 14px;
   font-weight: 700;
   color: #1a1a2e;
   text-transform: uppercase;
   margin-bottom: 12px;
   letter-spacing: 0.5px;
}
.ns-footer-col a {
   display: block;
   font-size: 14px;
   color: #4a4a6a;
   text-decoration: none;
   padding: 3px 0;
}
.ns-footer-col a:hover {
   color: var(--accent);
}
.ns-footer-bottom {
   font-size: 13px;
   color: #858796;
   margin-top: 24px;
   padding-top: 20px;
   border-top: 1px solid #e8eaf6;
}

/* === Footer (SSL) === */
.ssl-footer-con {
   background: #091650;
   padding: 60px 0 30px;
   position: relative;
   overflow: hidden;
}
.ssl-footer-con::after {
   content: "";
   background: url(/assets/image/overly-img.png) no-repeat center;
   background-size: cover;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
}
.ssl-footer-inner {
   position: relative;
   z-index: 1;
}
.footer-link-list {
   list-style: none;
   padding: 0;
   margin: 0;
}
.footer-link-list li {
   margin-bottom: 10px;
}
.footer-link-list li a {
   color: var(--text-color);
   text-decoration: none;
   font-size: 14px;
   transition: color 0.3s;
}
.footer-link-list li a:hover {
   color: var(--accent);
}
.footer-heading {
   font-size: 16px;
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: var(--primary--color);
   margin-bottom: 20px;
}
.footer-bottom {
   border-top: 1px solid rgba(255,255,255,0.1);
   padding-top: 20px;
   margin-top: 40px;
}
.footer-bottom p {
   font-size: 13px;
   color: var(--text-color);
   margin: 0;
}
.footer-social-list {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   gap: 16px;
}
.footer-social-list li a {
   color: var(--text-color);
   font-size: 20px;
   transition: color 0.3s;
}
.footer-social-list li a:hover {
   color: var(--accent);
}

/* === Responsive === */
@media (max-width: 991px) {
   .support-content {
      border-left: none;
      padding-left: 0;
      margin-top: 24px;
   }
   .support-sidebar {
      position: static;
   }
}