/**
 * custom.css — Consolidated All Page Styles
 *
 * Structure:
 *   1. Small overrides (from original custom.css)
 *   2. Common shared styles (legal pages, etc.)
 *   3. Consolidated external CSS (from 7 merged files)
 *   4. Page-specific styles (namespaced with .xxx-page wrappers)
 */

/* ============================================================
   1. SMALL OVERRIDES
   ============================================================ */

.mt-10 { margin-top: 10px; }
.ssltype-boxes ul { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; float: none; }
.ssltype-boxes ul li { float: none; width: 100%; }
.solutionboxflex { display: flex; justify-content: center; }

/* ============================================================
   2. COMMON SHARED STYLES
   ============================================================ */

/* --- Legal Page Common (disclaimer, terms, privacy, refund) --- */
.legal-container {
    max-width: 850px;
    margin: 0 auto 80px auto;
    background: white;
    padding: 60px;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    border: 1px solid #e2e8f0;
}

@media (max-width: 768px) {
    .legal-container {
        padding: 40px 30px;
    }
}

@media (max-width: 480px) {
    .legal-container {
        padding: 30px 20px;
    }
}

.legal-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--secondary);
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.legal-content h3:first-child {
    margin-top: 0;
}

.legal-content p, .legal-content li {
    font-size: 16px;
    line-height: 1.8;
    color: var(--text-secondary);
    margin-bottom: 20px;
}

.legal-content ul {
    margin-bottom: 25px;
    padding-left: 20px;
}

.legal-content li {
    margin-bottom: 10px;
}

.legal-content a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: all 0.2s;
}

.legal-content a:hover {
    color: #0256a3;
    border-bottom-color: #0256a3;
}

.legal-content h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary);
    margin-top: 30px;
    margin-bottom: 15px;
}

/* ============================================================
   3. CONSOLIDATED EXTERNAL CSS
   (merged from: customcss4f52, sslbrandsnewa463, fullpagecss33a1,
    ssltypecssnewfa40, guaranteeribboncss134b, othercss510b, homepagecss7768)
   ============================================================ */

/* --- Brand Banner & Product Page Styles (customcss4f52.css) --- */
.cmn-banner .bannerwrapper{width:1200px;padding:0;height:240px;margin:0 auto}.cmn-banner .probannerleft{float:left;width:900px}.cmn-banner .prologoimg{float:left;margin-top:32px;width:460px}.cmn-banner .prodecptxt{float:right;width:430px}.cmn-banner .prodecptxt p{font-family:'yantramanavbold';color:#fff;font-size:36px;line-height:36px;text-align:left;margin-top:43px;font-weight:normal}.cmn-banner .prodecptxtquovadis p{font-size:34px;line-height:38px}.cmn-banner .prodecptxt p span{font-family:'yantramanav';text-transform:uppercase;font-size:22px;display:block;font-weight:normal}.cmn-banner .prodecptxt p{margin-top:55px}.geoprobanner{background:#0f6cb3}.rapidprobanner{background:#774b2b}.comodoprobanner{background:#e51937}.thawteinnbanner{background:#004fa3}.certumbanner{background:#1db0e5}.digicertbanner{background:#1b75bc}.sectigobanner{background:#06af72}.pronewbanner .probannerleft{float:left;width:696px}.pronewbanner .prologoimg{float:left;margin-top:37px}.pronewbanner .prodecptxt{float:right;width:251px}.pronewbanner .prodecptxt p{font-family:'yantramanavbold';color:#fff;font-size:28px;line-height:32px;text-align:right;margin-top:43px;font-weight:normal}.rapidgooglebanner .prodecptxt>p{margin-top:15px;margin-bottom:5px}.rapidgooglebanner .bannerlisting{text-transform:inherit}.bannerlisting{text-transform:lowercase;margin-top:5px;font-size:16px;line-height:24px;color:#fff}.bannerlisting img{margin-right:5px}.geoprobanner .bannerwrapper{background:#0f6cb3}.rapidprobanner .bannerwrapper{background:#774b2b}.comodoprobanner .bannerwrapper{background:#e51937}.thawteinnbanner .bannerwrapper{background:#004fa3}.certumbanner .bannerwrapper{background:#1db0e5}.digicertbanner .bannerwrapper{background:#1b75bc}.sectigobanner .bannerwrapper{background:#06af72}.slidedcseal{position:relative}.secured-icon{display:block;text-align:center;padding-top:23px}.secured-icon a{display:block}.sectigoseal{padding:32px}.thawteinnbanner .bannersealbrd:before{border-bottom:27px solid #004fa3}.thawteinnbanner .slidedcseal:before{border-bottom:13px solid #004fa3}.thawteinnbanner .slidedcseal:after{border-bottom:13px solid #004fa3}.rapidprobanner .bannersealbrd:before{border-bottom:27px solid #774b2b}.rapidprobanner .slidedcseal:before{border-bottom:13px solid #774b2b}.rapidprobanner .slidedcseal:after{border-bottom:13px solid #774b2b}.geoprobanner .bannersealbrd:before{border-bottom:27px solid #0f6cb3}.geoprobanner .slidedcseal:before{border-bottom:13px solid #0f6cb3}.geoprobanner .slidedcseal:after{border-bottom:13px solid #0f6cb3}.comodoprobanner .bannersealbrd:before{border-bottom:27px solid #e51937}.comodoprobanner .slidedcseal:before{border-bottom:13px solid #e51937}.comodoprobanner .slidedcseal:after{border-bottom:13px solid #e51937}.certumbanner .bannersealbrd:before{border-bottom:27px solid #1db0e5}.certumbanner .slidedcseal:before{border-bottom:13px solid #1db0e5}.certumbanner .slidedcseal:after{border-bottom:13px solid #1db0e5}.digicertbanner .bannersealbrd:before{border-bottom:27px solid #1b75bc}.digicertbanner .slidedcseal:before{border-bottom:13px solid #1b75bc}.digicertbanner .slidedcseal:after{border-bottom:13px solid #1b75bc}.sectigobanner .slide-wrapper:before{content:"";background:url(../images/home-slide-enterprise.svg) no-repeat;position:absolute;height:380px;width:709px;left:-260px;top:0}.sectigobanner .bannersealbrd:before{border-bottom:27px solid #06af72}.sectigobanner .slidedcseal:before{border-bottom:13px solid #06af72}.sectigobanner .slidedcseal:after{border-bottom:13px solid #06af72}.bannersealbrd{float:right;margin-right:8px;position:relative;background:#fff;height:155px;width:200px}.bannersealbrd:before{content:"";position:absolute;border-left:100px solid transparent;border-right:100px solid transparent;height:0;width:0;bottom:0}.slidedcseal:after,.slidedcseal:before{content:"";position:absolute;height:0;width:0;bottom:100%}.slidedcseal:before{border-left:8px solid transparent;left:-8px}.slidedcseal:after{border-right:8px solid transparent;right:-8px}.breachinsbanner{background:#072736}.breachinsbanner .bannerwrapper{background:#072736}.breachinsbanner .bannersealbrd:before{border-bottom:27px solid #072736}.breachinsbanner .slidedcseal:before{border-bottom:13px solid #072736}.breachinsbanner .slidedcseal:after{border-bottom:13px solid #072736}@media only screen and (max-width:1199px){.cmn-banner .bannerwrapper{padding:0 10px;width:100%}.cmn-banner .probannerleft{float:left;width:76%}.cmn-banner .prologoimg{width:40%}.cmn-banner .prologoimg img{max-width:100%}.cmn-banner .prodecptxt{width:50%}.cmn-banner .prodecptxt p br{display:none}}@media only screen and (max-width:992px){.cmn-banner .bannerwrapper{height:auto;padding:20px 10px}.cmn-banner .probannerleft{width:100%}.cmn-banner .prologoimg{width:40%;margin:0}.cmn-banner .prologoimg img{width:70%}.cmn-banner .prodecptxt{width:60%;float:left;margin-top:20px}.cmn-banner .prodecptxt p{margin-top:0;font-size:26px;line-height:24px}.cmn-banner .prodecptxt p span{font-size:20px}.bannersealbrd{display:none}}@media only screen and (max-width:767px){.cmn-banner .bannerwrapper{padding:10px}.cmn-banner .probannerleft{width:100%}.cmn-banner .prodecptxt{float:left;width:100%;padding:10px 0}.cmn-banner .prologoimg{display:none}.cmn-banner .prodecptxt{margin-top:0;padding:0}.cmn-banner .prodecptxt p span{font-size:16px}.cmn-banner .prodecptxt p{font-size:20px;line-height:20px}}.billvdo{cursor:pointer}.wfimg{margin-bottom:-123px}.fuimg{margin-bottom:-154px}.youcanline ul{width:100%;padding-right:none;padding-top:20px}.youcanline ul li{line-height:24px;padding-bottom:2px}.marginleft50{margin-left:50px}.enctypt-security ul{float:left;width:100%}.enctypt-security ul li{float:left;padding:0 15px;width:16.6%;position:relative;text-align:center}.enctypt-security ul li span{display:block;margin-bottom:20px}.enctypt-security ul li p{color:#29306c;font-size:13px;line-height:19px}.enctypt-security ul li+li:before{content:"";background:#c2bdd1;width:1px;height:90%;position:absolute;left:0;top:5%}.beowserdtl-section{background:#d7d4d5;margin-top:57px}.beowserdtl-section img{margin-top:-57px}.keytitle{background:#1b75bc;padding:25px;position:relative}.keytitle:after,.keytitle:before{content:'';height:0;width:0;position:absolute;top:100%;border-top:20px solid #1b75bc}.keytitle:before{left:0;border-left:20px solid transparent}.keytitle:after{right:0;border-right:20px solid transparent}.keytitle h3{color:#fff}.keychart{background:#fff;margin:0 20px;padding:60px}.dcceowrap .cntwrapper{width:1200px}.dcceo{padding:60px 120px}.ceoprofile{float:left;width:29%}.ceoprofile h4{font-size:26px;margin:15px 0 3px}.ceodetail{float:right;background:#fff;padding:30px;width:63%;position:relative}.ceodetail:before{content:'';height:0;width:0;border-bottom:35px solid transparent;border-right:35px solid #fff;position:absolute;left:-35px;top:0}.dcvalidationtbl{border:1px solid #cacccd;background:#fff}.dcvalidationtbl .dctblrow{display:table;width:100%}.dcvalidationtbl .dctblrow span{display:table-cell;padding:10px;width:33.33333%}.dcvalidationtbl .dctblrow span+span{text-align:center}.dcvalidationtbl .dctblrow:nth-child(2n+1){background:#e1e3ef}.dcvalidationtbl .dctblrow:first-child{background:#29306c;color:#fff;font-family:'yantramanavbold';font-size:20px}.sectigo-iconlist{width:100%;padding:80px 0 60px 0}.sectigo-iconlist ul{width:100%}.sectigo-iconlist ul li{width:33.333333%;float:left;text-align:center;padding:0 70px;position:relative}.sectigo-iconlist ul li span.icon-text{color:#06af72;line-height:82px}.sectigo-iconlist ul li strong{display:block;margin-top:20px;font-family:'yantramanavbold';font-size:20px;font-weight:normal;line-height:18px;margin-bottom:10px}.sectigo-iconlist ul li+li:before{content:"";background:#d7d4d5;width:1px;height:90%;position:absolute;top:5%;left:0}.sectigo-iconlist ul li p{line-height:20px}.sectigo-iconlist ul li p em{display:block;font-size:14px;color:gray;margin-top:15px}.sectigobar p{margin-bottom:15px}.sectigobar h4{font-size:30px;padding-bottom:12px}.detail-link-list{display:flex;margin-top:30px;flex-wrap:wrap;row-gap:20px}.detail-link-list li:not(:last-child){margin-right:20px;padding-right:20px;border-right:1px solid #d9d5d6}@media only screen and (max-width:1199px){.wfimg,.fuimg{margin:0}.beowserdtl-section{background:none;margin:0}.beowserdtl-section .cntwrapper{padding:0!important}.beowserdtl-section img{margin:0}.dcceowrap .cntwrapper{width:100%}.dcceo{padding:40px 80px}.keychart{padding:40px}}@media only screen and (max-width:1024px){.sectigo-iconlist{padding-top:40px}.sectigo-iconlist ul li{padding:0 20px}.sectigo-iconlist ul li span.icon-text{font-size:90px;letter-spacing:-.032em}.detail-link-list{margin-bottom:30px}}@media only screen and (max-width:959px){.dcceo{padding:30px}.keychart{padding:20px}.sectigo-iconlist ul li{padding:0 20px}.sectigo-iconlist ul li span.icon-text{font-size:80px}.sectigobar h4{font-size:24px}}@media only screen and (max-width:767px){.plantitle p{padding:10px;font-size:20px}.symceelogo{margin-left:15px}.symceelogo img{width:50%}.enctypt-security ul li{width:100%;padding:0}.enctypt-security ul li+li{border-top:1px solid #c2bdd1;padding-top:15px;margin-top:15px}.enctypt-security ul li+li:before{display:none}.enctypt-security ul li span{margin-bottom:10px}.keytitle{padding:15px}.keytitle:after,.keytitle:before{border-top:10px solid #1b75bc}.keytitle:before{border-left:10px solid transparent}.keytitle:after{border-right:10px solid transparent}.keychart{padding:10px;margin:0 10px}.dcceo{padding:15px}.ceoprofile{width:100%;text-align:center}.ceodetail{padding:15px;width:100%;margin-top:20px}.ceodetail:before{display:none}.sectigo-iconlist{padding-top:20px}.sectigo-iconlist ul li{width:100%}.sectigo-iconlist ul li+li{margin-top:20px;padding-top:20px;border-top:1px solid #d7d4d5}.sectigo-iconlist ul li+li:before{display:none}}

/* --- Brand Banners, Type Tables & Seal Styles (sslbrandsnewa463.css) --- */
.cmn-banner .bannerwrapper {
  width: 1200px;
  padding: 0;
  height: 240px;
  margin: 0 auto;
}
.cmn-banner .probannerleft {
  float: left;
  width: 900px;
}
.cmn-banner .prologoimg {
  float: left;
  margin-top: 32px;
  width: 460px;
}
.cmn-banner .prodecptxt {
  float: right;
  width: 430px;
}
.cmn-banner .prodecptxt p {
  font-family: "yantramanavbold";
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  text-align: left;
  margin-top: 43px;
  font-weight: normal;
}
.cmn-banner .prodecptxtquovadis p {
  font-size: 34px;
  line-height: 38px;
}
.cmn-banner .prodecptxt p span {
  font-family: "yantramanav";
  text-transform: uppercase;
  font-size: 22px;
  display: block;
  font-weight: normal;
}
.cmn-banner .prodecptxt p {
  margin-top: 55px;
}
.geoprobanner {
  background: #0f6cb3;
}
.rapidprobanner {
  background: #774b2b;
}
.comodoprobanner {
  background: #e51937;
}
.thawteinnbanner {
  background: #004fa3;
}
.certumbanner {
  background: #1db0e5;
}
.digicertbanner {
  background: #1b75bc;
}
.sectigobanner {
  background: #06af72;
}
.pronewbanner .probannerleft {
  float: left;
  width: 696px;
}
.pronewbanner .prologoimg {
  float: left;
  margin-top: 37px;
}
.pronewbanner .prodecptxt {
  float: right;
  width: 251px;
}
.pronewbanner .prodecptxt p {
  font-family: "yantramanavbold";
  color: #fff;
  font-size: 28px;
  line-height: 32px;
  text-align: right;
  margin-top: 43px;
  font-weight: normal;
}
.rapidgooglebanner .prodecptxt > p {
  margin-top: 15px;
  margin-bottom: 5px;
}
.rapidgooglebanner .bannerlisting {
  text-transform: inherit;
}
.bannerlisting {
  text-transform: lowercase;
  margin-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.bannerlisting img {
  margin-right: 5px;
}
.geoprobanner .bannerwrapper {
  background: #0f6cb3;
}
.rapidprobanner .bannerwrapper {
  background: #774b2b;
}
.comodoprobanner .bannerwrapper {
  background: #e51937;
}
.thawteinnbanner .bannerwrapper {
  background: #004fa3;
}
.certumbanner .bannerwrapper {
  background: #1db0e5;
}
.digicertbanner .bannerwrapper {
  background: #1b75bc;
}
.sectigobanner .bannerwrapper {
  background: #06af72;
}
.slidedcseal {
  position: relative;
}
.secured-icon {
  display: block;
  text-align: center;
  padding-top: 23px;
}
.secured-icon a {
  display: block;
}
.sectigoseal {
  padding: 32px;
}
.thawteinnbanner .bannersealbrd:before {
  border-bottom: 27px solid #004fa3;
}
.thawteinnbanner .slidedcseal:before {
  border-bottom: 13px solid #004fa3;
}
.thawteinnbanner .slidedcseal:after {
  border-bottom: 13px solid #004fa3;
}
.rapidprobanner .bannersealbrd:before {
  border-bottom: 27px solid #774b2b;
}
.rapidprobanner .slidedcseal:before {
  border-bottom: 13px solid #774b2b;
}
.rapidprobanner .slidedcseal:after {
  border-bottom: 13px solid #774b2b;
}
.geoprobanner .bannersealbrd:before {
  border-bottom: 27px solid #0f6cb3;
}
.geoprobanner .slidedcseal:before {
  border-bottom: 13px solid #0f6cb3;
}
.geoprobanner .slidedcseal:after {
  border-bottom: 13px solid #0f6cb3;
}
.comodoprobanner .bannersealbrd:before {
  border-bottom: 27px solid #e51937;
}
.comodoprobanner .slidedcseal:before {
  border-bottom: 13px solid #e51937;
}
.comodoprobanner .slidedcseal:after {
  border-bottom: 13px solid #e51937;
}
.certumbanner .bannersealbrd:before {
  border-bottom: 27px solid #1db0e5;
}
.certumbanner .slidedcseal:before {
  border-bottom: 13px solid #1db0e5;
}
.certumbanner .slidedcseal:after {
  border-bottom: 13px solid #1db0e5;
}
.digicertbanner .bannersealbrd:before {
  border-bottom: 27px solid #1b75bc;
}
.digicertbanner .slidedcseal:before {
  border-bottom: 13px solid #1b75bc;
}
.digicertbanner .slidedcseal:after {
  border-bottom: 13px solid #1b75bc;
}
.sectigobanner .slide-wrapper:before {
  content: "";
  background: url(../images/home-slide-enterprise.svg) no-repeat;
  position: absolute;
  height: 380px;
  width: 709px;
  left: -260px;
  top: 0;
}
.sectigobanner .bannersealbrd:before {
  border-bottom: 27px solid #06af72;
}
.sectigobanner .slidedcseal:before {
  border-bottom: 13px solid #06af72;
}
.sectigobanner .slidedcseal:after {
  border-bottom: 13px solid #06af72;
}
.bannersealbrd {
  float: right;
  margin-right: 8px;
  position: relative;
  background: #fff;
  height: 155px;
  width: 200px;
}
.bannersealbrd:before {
  content: "";
  position: absolute;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  height: 0;
  width: 0;
  bottom: 0;
}
.slidedcseal:after,
.slidedcseal:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  bottom: 100%;
}
.slidedcseal:before {
  border-left: 8px solid transparent;
  left: -8px;
}
.slidedcseal:after {
  border-right: 8px solid transparent;
  right: -8px;
}
.breachinsbanner {
  background: #072736;
}
.breachinsbanner .bannerwrapper {
  background: #072736;
}
.breachinsbanner .bannersealbrd:before {
  border-bottom: 27px solid #072736;
}
.breachinsbanner .slidedcseal:before {
  border-bottom: 13px solid #072736;
}
.breachinsbanner .slidedcseal:after {
  border-bottom: 13px solid #072736;
}
@media only screen and (max-width: 1199px) {
  .cmn-banner .bannerwrapper {
    padding: 0 10px;
    width: 100%;
  }
  .cmn-banner .probannerleft {
    float: left;
    width: 76%;
  }
  .cmn-banner .prologoimg {
    width: 40%;
  }
  .cmn-banner .prologoimg img {
    max-width: 100%;
  }
  .cmn-banner .prodecptxt {
    width: 50%;
  }
  .cmn-banner .prodecptxt p br {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .cmn-banner .bannerwrapper {
    height: auto;
    padding: 20px 10px;
  }
  .cmn-banner .probannerleft {
    width: 100%;
  }
  .cmn-banner .prologoimg {
    width: 40%;
    margin: 0;
  }
  .cmn-banner .prologoimg img {
    width: 70%;
  }
  .cmn-banner .prodecptxt {
    width: 60%;
    float: left;
    margin-top: 20px;
  }
  .cmn-banner .prodecptxt p {
    margin-top: 0;
    font-size: 26px;
    line-height: 24px;
  }
  .cmn-banner .prodecptxt p span {
    font-size: 20px;
  }
  .bannersealbrd {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .cmn-banner .bannerwrapper {
    padding: 10px;
  }
  .cmn-banner .probannerleft {
    width: 100%;
  }
  .cmn-banner .prodecptxt {
    float: left;
    width: 100%;
    padding: 10px 0;
  }
  .cmn-banner .prologoimg {
    display: none;
  }
  .cmn-banner .prodecptxt {
    margin-top: 0;
    padding: 0;
  }
  .cmn-banner .prodecptxt p span {
    font-size: 16px;
  }
  .cmn-banner .prodecptxt p {
    font-size: 20px;
    line-height: 20px;
  }
}
.newpropadstwo {
  padding-top: 48px;
}
.section-brandbox .cntwrapper {
  padding: 115px 0;
}
.typerapidbg {
  background: #784e31;
  margin-bottom: 8px;
}
.typegeobg {
  background: #f07131;
  margin-bottom: 8px;
}
.typegeoblubg {
  background: #166db1;
  margin-bottom: 8px;
}
.typethawtebg {
  background: #14529f;
  margin-bottom: 8px;
}
.typecomodobg {
  background: #ce1431;
  margin-bottom: 8px;
}
.typecertumbg {
  background: #1db0e5;
  margin-bottom: 8px;
}
.typesectigobg {
  background: #06af72;
  margin-bottom: 8px;
}
.typedigicertbg {
  background: #1b75bc;
  margin-bottom: 8px;
}
.iotsecurity .cntwrapper {
  border-bottom: 1px solid #b0b0b0;
}
.brandtypetlt {
  background: #fff;
  padding: 30px 40px;
  position: relative;
}
.brandtypetlt:before,
.brandtypetlt:after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 100%;
  border-top: 20px solid #fff;
}
.brandtypetlt:before {
  left: 0;
  border-left: 20px solid transparent;
}
.brandtypetlt:after {
  right: 0;
  border-right: 20px solid transparent;
}
.brandtypetxt {
  padding: 0 20px;
}
.grnbaridentity {
  display: block;
}
.grnbaridentity.bg-white {
  background: #fff;
}
.typecertdtl {
  padding: 40px;
  background: #e4e5e6;
}
.typecertdtl:nth-child(2n) {
  background: #fff;
}
.typecertdtl .col-lg-4 {
  padding-left: 30px;
}
.typecertdtl .col-lg-4 p {
  font-size: 28px;
  color: #2a326a;
  font-family: "yantramanavbold";
  padding-bottom: 25px;
  letter-spacing: -0.012em;
}
.typecertdtl p + p {
  margin-top: 15px;
}
.typecertdtl .smallbutton {
  text-transform: uppercase;
  padding: 10px 35px;
  font-size: 18px;
}
.typecertdtl .smallbutton + .smallbutton {
  margin-left: 20px;
}
.dvicons {
  background: #e1e3ef;
  position: relative;
}
.thelogoicon {
  background: #fff;
  width: 160px;
  text-align: center;
  height: 100%;
  position: absolute;
}
.logoiconwrap {
  position: absolute;
  height: 100%;
  width: 100%;
}
.logoiconwrap > img {
  margin: 23px 0 0;
}
.logoiconwrap > span {
  margin-top: 15px;
  display: block;
}
.logoiconwrap:after,
.logoiconwrap:before,
.thelogoicon:after,
.thelogoicon:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
}
.thelogoicon:after,
.thelogoicon:before {
  top: -13px;
  border-bottom: 13px solid #e1e3ef;
}
.logoiconwrap:after,
.logoiconwrap:before {
  bottom: -13px;
  border-top: 13px solid #e1e3ef;
}
.logoiconwrap:before,
.thelogoicon:before {
  left: -10px;
  border-left: 10px solid transparent;
}
.logoiconwrap:after,
.thelogoicon:after {
  right: -10px;
  border-right: 10px solid transparent;
}
.dvicons ul {
  display: table;
  padding-left: 160px;
  width: 100%;
}
.dvicons ul li {
  display: table-cell;
  width: 33.333333%;
  text-align: center;
  padding: 32px 0;
  line-height: 22px;
  position: relative;
  vertical-align: middle;
}
.dvicons ul li + li:before {
  content: "";
  position: absolute;
  height: 49px;
  background: #858aac;
  width: 1px;
  left: 0;
  top: 58px;
}
.dvicons ul li a {
  background: url(../images/typesprite-sidebar.svg) no-repeat;
  display: block;
  margin: 0 auto;
}
.lawprice a {
  width: 138px;
  height: 61px;
}
.lawprice a:hover {
  background-position: 0 bottom !important;
}
.moneyback a {
  width: 101px;
  height: 101px;
  background-position: -293px 0 !important;
}
.moneyback a:hover {
  background-position: -293px bottom !important;
}
.supportcenter a {
  width: 98px;
  height: 93px;
  background-position: -571px 0 !important;
}
.supportcenter a:hover {
  background-position: -571px bottom !important;
}
.boardtlt {
  color: #29306c;
  font-weight: bold;
  padding-bottom: 30px;
}
.dc-partner-decp {
  padding: 0 40px;
  border-left: 1px solid #ddd;
}
@media only screen and (max-width: 1199px) {
  .dvicons .cntwrapper {
    padding: 0 10px !important;
  }
  .typecertdtl .col-lg-6 {
    padding: 0;
  }
  .typecertdtl .col-lg-4 {
    padding-left: 20px;
  }
  .typecertdtl .smallbutton {
    padding: 10px 20px;
  }
  .typecertdtl .smallbutton + .smallbutton {
    margin-left: 10px;
  }
  .typecertdtl .col-lg-4 p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .typecertdtl .col-lg-6 {
    width: 100%;
    display: block;
  }
  .typecertdtl .col-lg-4 {
    padding: 20px 0 0 0;
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 959px) {
  .newpropadstwo {
    padding-top: 20px;
  }
  .brandtypetlt {
    padding: 15px 25px;
  }
  .brandtypetlt img {
    height: 50px;
  }
  .typecertdtl {
    padding: 20px;
  }
  .typecertdtl .col-lg-4 p {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .newpropadstwo {
    padding-top: 0;
  }
  .thelogoicon {
    position: relative;
    margin: 0;
    background: #fff;
    width: 100%;
    padding: 10px;
    height: auto;
  }
  .dvicons .cntwrapper {
    padding: 20px 10px !important;
  }
  .logoiconwrap {
    position: relative;
  }
  .dvicons ul li + li::before {
    display: none;
  }
  .dvicons ul {
    padding: 0;
    display: block;
  }
  .dvicons ul li {
    width: 100%;
    padding: 15px 0;
    display: block;
  }
  .dvicons ul li + li {
    border-top: 1px solid #858aac;
  }
  .lawprice {
    margin-top: 0;
  }
  .logoiconwrap:after,
  .logoiconwrap:before,
  .thelogoicon:after,
  .thelogoicon:before {
    display: none;
  }
  .brandtypetxt {
    position: relative;
    padding: 0 10px;
  }
  .typecertdtl {
    padding: 10px 15px 15px;
  }
  .brandtypetlt img {
    height: 30px;
  }
  .typecertdtl .col-lg-4 p {
    padding-bottom: 10px;
    font-size: 20px;
  }
  .dc-partner {
    margin-top: 20px;
  }
  .dc-partner-logo {
    display: block;
    text-align: center;
    padding: 0;
  }
  .dc-partner-decp {
    display: block;
    text-align: center;
    padding: 20px 0 0 0;
    border-left: none;
  }
}
@media only screen and (max-width: 360px) {
  .typecertdtl .smallbutton {
    font-size: 16px;
    padding: 10px 15px;
  }
  .typecertdtl .smallbutton + .smallbutton {
    margin-left: 0;
  }
}
.typetbldata {
  border: 1px solid #cacccd;
  background: #fff;
}
.typetltraw {
  padding: 30px 40px;
  position: relative;
}
.typelock {
  float: left;
  margin-right: 30px;
}
.vendortxt {
  font-size: 15px;
  line-height: 22px;
  margin-top: 20px;
}
.typetltraw h2 {
  color: #29306c;
  font-size: 42px;
  line-height: 100px;
}
.typetltraw h2.twolinehead {
  line-height: 40px;
  padding-top: 15px;
}
.typetltraw h2 span {
  color: #4f4f4f;
  display: block;
  font-size: 32px;
}
.typetltraw h2 span span {
  display: inline-block;
  color: #54a447;
}
.typecompare {
  background: url(../images/typediscountbg.svg) no-repeat 0 0;
  position: absolute;
  right: 40px;
  top: -12px;
  padding: 5px 20px 40px 26px;
  width: 146px;
  height: 150px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.typecompareblue {
  background: url(../images/typediscountbg-blue.svg) no-repeat 0 0;
}
.typecompare p {
  font-size: 34px;
  line-height: 40px;
}
.typecompare p span {
  font-size: 44px;
}
.typecompare span {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 14px;
  display: inline-block;
}
.typecompare span span {
  font-size: 11px !important;
}
.typecompare .dcgridribbon {
  font-size: 22px;
  line-height: 24px;
  padding: 15px 0 10px;
}
.typecompare .dcgridribbon span {
  font-size: 19px;
}
.tblraw {
  padding: 0 10px;
  position: relative;
  display: table-row;
}
.tblraw p {
  display: table-cell;
  padding: 10px 15px;
  font-size: 12px;
  vertical-align: middle;
  line-height: 18px;
}
.tblraw:after,
.tblraw:before,
.tblraw p:after,
.tblraw p:before {
  content: "";
}
.cmdcategory .tblraw:after,
.cmdcategory .tblraw:before,
.cmdcategory .tblraw p:after,
.cmdcategory .tblraw p:before {
  content: none;
}
.tblraw:nth-child(2n + 1) {
  background: #e1e3ef;
}
.tblraw p a {
  font-weight: normal;
  color: #4f4f4f;
}
.greenraw {
  background: #54a447 !important;
  position: relative;
  display: table;
  width: 100%;
}
.greenraw p {
  font-family: "yantramanavbold";
  color: #fff;
  font-size: 22px;
  padding: 25px 15px 25px;
  letter-spacing: -0.031em;
}
.tblraw .rawone {
  width: 37%;
}
.tblraw .rawtwo {
  width: 15%;
  text-align: center;
}
.tblraw .rawthree {
  width: 10%;
  text-align: center;
}
.tblraw .rawfour {
  width: 11%;
  text-align: center;
}
.tblraw .rawfive {
  width: 15%;
  text-align: center;
}
.tblraw .rawsix {
  width: 12%;
  text-align: left;
}
.tblraw .rawseven {
  width: 12%;
  text-align: right;
}
.digicertprogrid .tblraw {
  display: flex;
}
.digicertprogrid .tblraw::before {
  content: inherit;
}
.digicertprogrid .tblraw p + p {
  margin: 0;
}
.digicertprogrid {
  width: 100%;
}
.digicertprogrid .rawone {
  width: 35%;
  padding-left: 20px;
}
.digicertprogrid .rawfive {
  width: 20%;
}
.cmdcategory + .cmdcategory {
  border-top: 1px solid #d9d5d6;
}
.cmdcategory .tblraw {
  background: #fff;
}
.cmdcategory .tblraw:nth-child(2n) {
  background: #e1e3ef;
}
.bestsell {
  position: absolute;
  background: #f07725;
  width: 126px;
  height: 44px;
  padding: 14px 0 14px 14px;
  font-size: 18px;
  color: #fff;
  font-family: "yantramanavbold";
  line-height: 18px;
  left: -125px;
  text-transform: uppercase;
}
.bestsell:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  position: absolute;
  border-left: 10px solid #f07725;
  left: 100%;
  top: 0;
}
.tblraw .btn-add-to-cart {
  display: inline-block;
  background: #29306c;
  padding: 6px 10px 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 10px;
  font-weight: bold !important;
  text-decoration: none;
  line-height: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.tblraw .btn-add-to-cart:hover {
  background: #f07725;
}
.greenraw .tblraw {
  background: #54a447 !important;
}
.typetblwhite {
  padding: 15px;
  cursor: pointer;
  display: table-cell;
}
.cmdcategory,
.ssltbllist {
  display: table;
  width: 100%;
}
.cmdcategory .tblraw {
  display: table-row !important;
}
.digicat .digiraw > div {
  display: flex;
  padding: 25px 20px;
  border-bottom: solid 1px #d9d5d6;
  border-top: solid 1px #d9d5d6;
}
.digicat .digiraw span {
  align-self: center;
}
.digicat .digiraw .fspan {
  margin-right: 15px;
  font-family: "yantramanavbold";
  font-size: 18px;
}
.digicat .digiraw .fspan a {
  text-decoration: none !important;
  color: #29306c;
}
.digicat .digiraw .fspan a:hover {
  text-decoration: underline !important;
}
.digicat .digiraw span + span {
  font-family: "Yantramanav";
  font-size: 18px;
  color: #d7d4d5;
  padding-left: 15px;
  border-left: 1px solid #d7d4d5;
  font-weight: normal;
  margin-top: -3px;
  padding-bottom: 5px;
}
.quovadistblraw {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 959px) {
  .newpropadstwo {
    padding-top: 20px;
  }
  .typetbldata {
    width: 100%;
    background: #fff;
  }
  .typetltraw {
    padding: 25px 20px;
    height: 155px;
  }
  .typelock {
    margin-right: 20px;
  }
  .typetltraw h2 {
    font-size: 30px;
    line-height: 30px !important;
    margin-top: 10px;
  }
  .typecompare {
    right: 10px;
  }
  .bestsell {
    display: none;
  }
  .tblraw p {
    padding: 10px 5px;
    margin: 0 !important;
  }
  .greenraw p {
    font-size: 16px;
    padding: 10px 5px 14px;
  }
  .greenraw:before,
  .greenraw:after {
    background-position: 0 bottom !important;
    height: 52px;
  }
  .tblraw .btn-add-to-cart {
    padding: 5px 8px;
  }
  .typetblsvn .btn-add-to-cart {
    width: auto;
  }
  .typetblsvn .btn-add-to-cart img {
    display: block;
  }
  .typecomodobg,
  .typethawtebg,
  .typegeobg,
  .typerapidbg,
  .typecertumbg,
  .typesectigobg,
  .typedigicertbg {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .typetltraw h2 br,
  .typegreenraw,
  .typelock,
  .typecompare {
    display: none;
  }
  .typetltraw {
    padding: 10px;
    height: auto;
    border-bottom: 1px solid #cacccd;
  }
  .typetltraw h2 {
    font-size: 22px;
    line-height: 1 !important;
    margin-top: 0;
  }
  .cmdcategory,
  .ssltbllist {
    display: block;
  }
  .cmdcategory .tblraw,
  .tblraw {
    padding: 5px 0;
    display: block !important;
  }
  .greenraw {
    display: none;
  }
  .tblraw p {
    padding: 5px 10px !important;
  }
  .tblraw p.rawone {
    display: block;
    width: 100% !important;
  }
  .resp-tab-active:after {
    display: none;
  }
  .customer-support {
    margin: 0;
  }
  .tblraw .rawtwo {
    text-align: left;
    width: 50%;
    float: left;
  }
  .tblraw .rawseven {
    width: 50%;
    float: right;
    text-align: right;
  }
  .rawthree,
  .rawfour,
  .rawfive,
  .rawsix {
    display: none !important;
  }
  .digicat .digiraw > div {
    flex-direction: column;
  }
  .digicat .digiraw span {
    width: 100%;
  }
  .digicat .digiraw .fspan {
    margin: 0;
  }
  .digicat .digiraw span + span {
    border-left: none;
    padding: 0;
    margin-top: 0;
    font-size: 14px;
  }
}


/* --- Section Banner Styles (fullpagecss33a1.css) --- */
.section-banner {
  height: 150px;
  position: relative;
  color: #fff;
  line-height: 1;
}
.section-banner:before {
  content: "";
  background: url(../images/ep-ico-binary-code.svg) no-repeat;
  height: 150px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section-banner .cntwrapper {
  padding: 0 0;
  width: 1200px;
}
.section-banner span {
  font-family: "yantramanav";
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  margin-bottom: 12px;
}
.section-banner p {
  font-family: "yantramanavbold";
  font-size: 40px;
}
.section-banner .bannertext {
  float: left;
  padding: 47px 0;
}
.section-banner .bannerseal {
  float: right;
  position: relative;
  background: #fff;
  width: 200px;
  text-align: center;
}
.section-banner .bannersealinn {
  padding: 37px 0;
  height: 150px;
  position: relative;
}
.section-banner .bannersealinn a {
  display: block;
}
.bannerseal:before,
.bannerseal:after,
.bannersealinn:before,
.bannersealinn:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
}
.bannerseal:before,
.bannerseal:after {
  border-left: 8px solid transparent;
  right: 100%;
}
.bannersealinn:before,
.bannersealinn:after {
  border-right: 8px solid transparent;
  left: 100%;
}
.bannerseal:before,
.bannersealinn:before {
  bottom: 100%;
}
.bannerseal:after,
.bannersealinn:after {
  top: 100%;
}
.banner-cmn-bluegray {
  background-color: #e1e3ef;
  color: #29306c;
}
.banner-cmn-bluegray:before {
  background: url(../images/gradation-lightblue.svg) no-repeat;
  opacity: 0.11;
}
.banner-cmn-bluegray .bannerseal:before,
.banner-cmn-bluegray .bannersealinn:before {
  border-bottom: 13px solid #e1e3ef;
}
.banner-cmn-bluegray .bannerseal:after,
.banner-cmn-bluegray .bannersealinn:after {
  border-top: 13px solid #e1e3ef;
}
.bluegraydrk:before {
  background: url(../images/gradation-darkblue.svg) no-repeat;
}
.bluegrayspiral:before {
  background: url(../images/spiral-lightblue.svg) no-repeat;
}
.banner-cmn-blue {
  background-color: #29306c;
  color: #fff;
}
.banner-cmn-blue .bannerseal:before,
.banner-cmn-blue .bannersealinn:before {
  border-bottom: 13px solid #29306c;
}
.banner-cmn-blue .bannerseal:after,
.banner-cmn-blue .bannersealinn:after {
  border-top: 13px solid #29306c;
}
.bluedrk:before {
  background: url(../images/gradation-b-darkblue.svg) no-repeat;
}
.bluelite:before {
  background: url(../images/gradation-b-liteblue.svg) no-repeat;
}
.bluespiraldrk:before {
  background: url(../images/spiral-b-darkblue.svg) no-repeat;
}
.bluespirallite:before {
  background: url(../images/spiral-b-liteblue.svg) no-repeat;
}
.bluewavedrk:before {
  background: url(../images/wave-b-darkblue.svg) no-repeat;
}
.bluewavelite:before {
  background: url(../images/wave-b-liteblue.svg) no-repeat;
}
.banner-cmn-orange {
  background-color: #f07725;
  color: #fff;
}
.banner-cmn-orange .bannerseal:before,
.banner-cmn-orange .bannersealinn:before {
  border-bottom: 13px solid #f07725;
}
.banner-cmn-orange .bannerseal:after,
.banner-cmn-orange .bannersealinn:after {
  border-top: 13px solid #f07725;
}
.orangedark:before {
  background: url(../images/gradation-dark-orng.svg) no-repeat;
}
.orangelite:before {
  background: url(../images/gradation-lite-orng.svg) no-repeat;
}
.orangespirdark:before {
  background: url(../images/spiral-dark-orng.svg) no-repeat;
}
.orangespirlite:before {
  background: url(../images/spiral-lite-orng.svg) no-repeat;
}
.orangewavedark:before {
  background: url(../images/wave-dark-orange.svg) no-repeat;
}
.orangewavelite:before {
  background: url(../images/wave-lite-orange.svg) no-repeat;
}
.banner-cmn-green {
  background-color: #53a446;
  color: #fff;
}
.banner-cmn-green .bannerseal:before,
.banner-cmn-green .bannersealinn:before {
  border-bottom: 13px solid #53a446;
}
.banner-cmn-green .bannerseal:after,
.banner-cmn-green .bannersealinn:after {
  border-top: 13px solid #53a446;
}
.greendark:before {
  background: url(../images/gradation-drk-green.svg) no-repeat;
}
.greenlite:before {
  background: url(../images/gradation-lite-green.svg) no-repeat;
}
.greenspirdark:before {
  background: url(../images/spiral-dark-green.svg) no-repeat;
}
.greenspirlite:before {
  background: url(../images/spiral-lite-green.svg) no-repeat;
}
.greenwavedark:before {
  background: url(../images/wave-dark-green.svg) no-repeat;
}
.greenwavelite:before {
  background: url(../images/wave-lite-green.svg) no-repeat;
}
.bannerdigicert {
  background-color: #1b75bc;
}
.bannerdigicert:before {
  opacity: 0.28;
  background: url(../images/banner-binary-code.svg) no-repeat;
}
.bannerdigicert .bannerseal:before,
.bannerdigicert .bannersealinn:before {
  border-bottom: 13px solid #1b75bc;
}
.bannerdigicert .bannerseal:after,
.bannerdigicert .bannersealinn:after {
  border-top: 13px solid #1b75bc;
}
@media only screen and (max-width: 1199px) {
  .section-banner .cntwrapper {
    padding: 0 10px !important;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .section-banner p {
    font-size: 32px;
  }
}
@media only screen and (max-width: 992px) {
  .section-banner {
    height: auto;
  }
  .section-banner:before {
    display: none;
  }
  .section-banner .bannertext {
    padding: 30px 0;
  }
  .section-banner span {
    margin-bottom: 5px;
  }
  .section-banner p {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .section-banner .bannertext {
    padding: 15px 0;
  }
  .section-banner span {
    font-size: 16px;
    line-height: 14px;
  }
  .section-banner p {
    font-size: 20px;
  }
}


/* --- SSL Type Comparison Tables (ssltypecssnewfa40.css) --- */
.browsergreenbar .tabscontents.autowhite .ssltypewrap{padding:0 0 80px}.ssltype-boxes ul{float:left;margin:0 -10px}.ssltype-boxes ul li{float:left;margin-bottom:20px;position:relative;width:20%;padding:0 10px}.ssltype-boxes ul li a{display:block;padding:15px 10px;background:#2a326b;text-align:center;color:#fff;text-decoration:none}.ssltype-boxes ul li p{font-size:16px;line-height:22px;font-weight:normal;height:44px}.ssltype-boxes ul li a:hover{color:#fff;text-decoration:none;background:#559f4a}.ssltype-boxes ul li span{display:block;margin-bottom:5px}.ssltype-boxes ul li .field-tip{display:none;text-align:left;height:auto;margin-bottom:0;line-height:22px;position:absolute;width:278px;padding:34px 40px;background:#e1e3ee;z-index:999;color:#2a326b;font-weight:bold;top:85%}.ssltype-boxes ul li:hover .field-tip{display:block}.field-tip:before{content:'';position:absolute;height:0;width:0;border-bottom:20px solid #e1e3ee;bottom:100%}.fieldtip-left:before{left:0;border-right:30px solid transparent}.fieldtip-right:before{right:0;border-left:30px solid transparent}.fieldtip-left{left:50%}.fieldtip-right{right:50%}.tlsprowrap{padding:60px 0}.tlsprowrap+.tlsprowrap{border-top:solid 1px #9498b5}.evpadntwo{padding:60px 0!important}.evpriceton{margin:20px 0 20px 0}.evpriceton .cntwrapper{padding:30px 0}.evthelogoicon{position:absolute;top:-32px}.evthelogotxt{padding-left:20%}.evthelogotxt h3{font-size:32px;padding:0}.active-browsers{position:relative}.active-browsers:before{content:'';position:absolute;background:#e5e5e5;width:100%;top:0;height:117px}.reliablelt{padding-right:40px}.reliablert{border-left:1px solid #cacccd;padding-left:40px;min-height:162px}.reliablert ul li+li{border-top:1px solid #cacccd;margin-top:10px;padding-top:10px}.reliablert ul li a{color:#4f4f4f;background:url(../images/squre-download-icon.svg) no-repeat;padding-left:40px;display:table-cell;line-height:20px;height:40px;vertical-align:middle}.basicencryptionlt{padding-right:40px}.basicencryptionlt p{font-size:60px;text-align:right;font-family:'yantramanavbold';color:#29306c;text-transform:uppercase;line-height:1}.basicencryptionlt p span{color:#f07725;display:block}.basicencryptionlt p span span{font-size:85px}.basicencryptionrt ul li{background:url(../images/checkmarkicon.svg) no-repeat 0 0;padding-left:50px;line-height:35px;font-size:18px;color:#29306c;background-size:32px}.basicencryptionrt ul li+li{margin-top:12px}.whyconsider .basicencryptionlt p span{color:#29306c;font-size:45px}.whyconsider .basicencryptionlt p span span{color:#559f4b;font-size:80px}.whymctext p{font-size:2.75rem}.browsergreenbar{padding-top:60px}.browsergreenbar h4{color:#29306c;font-size:22px;margin-bottom:10px}.browsergreenbar .ui-tabs-nav li{padding:10px 12px;background:#cacccd;display:inline-block;border-radius:3px 3px 0 0;border:1px solid #cacccd;border-bottom:none}.browsergreenbar .ui-tabs-nav li+li{margin-left:8px}.browsergreenbar .ui-tabs-nav li.ui-tabs-active{background:#fff;position:relative;z-index:99;margin-bottom:-1px;padding:10px 12px 11px}.browsergreenbar .ui-tabs-panel{display:block;border:1px solid #cacccd;padding:20px;background:#fff;min-height:160px;border-radius:0 3px 3px 3px}.processinfo{padding-top:40px}.processimg{float:right;width:42%}.processstepdtl{background:#fff;padding:40px;float:right;width:57.311111%;border:1px solid #29306c}.processstepdtl ul{margin:15px 0 15px 45px}.processstepdtl ul li{position:relative;padding-left:10px;line-height:24px}.processstepdtl ul li:before{content:"";width:5px;height:5px;position:absolute;background:#4f4f4f;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;left:0;top:9px}.expand_heading{padding:10px 0 10px 35px;font-size:15px;color:#4f4f4f;line-height:20px;background:url(../images/icon-expand-cmn.svg) no-repeat left 8px;cursor:pointer;border-top:solid 1px #cdcdcd}.expand_heading:first-child{border-top:none}.expand_heading.open{background:url(../images/icon-collapse-cmn.svg) no-repeat left 8px;border-bottom:none}.expand_heading:hover{color:#29306c}.toggle-container{display:none;margin:0 0 10px;padding:15px;font-size:13px;line-height:20px;border:1px solid #d9d9d9;background:#fff}.gurantee-ev{margin-bottom:115px}.pad-btmhd{padding-bottom:60px!important}.topbotmrg{margin:115px 0}.cmpnyinfodtl+.cmpnyinfodtl{margin-top:60px}.thelogoicon p{font-size:20px;color:#56a34b;line-height:21px;margin-top:10px}.thelogoicon p.typeorangetxt{color:#f07725}.dvferturelist li+li:before{background:#858aac}.dvferturelist li span{display:block;margin-bottom:10px}.dvferturelist li p{font-size:18px;color:#29306c;line-height:20px}.expectov .basicencryptionlt p{font-size:39px}.expectov .basicencryptionlt p span{font-size:62px;color:#29306c}.expectov .basicencryptionlt p span span{font-size:60px;color:#f07725;padding-top:10px}.benefitmdwlt p{font-size:50px;line-height:62px}.benefitmdwlt p span{font-size:62px;color:#f07725}.benefitmdwlt p span span{font-size:80px;color:#f07725;line-height:86px}.coveredlt{padding-right:40px}.coveredrt{border-left:1px solid #cacccd;padding-left:40px}.coveredrt span{display:block;margin-bottom:20px}.coveredrt ul{float:left;width:100%}.coveredrt ul li{float:left;width:50%;padding-left:20px;background:url("../images/checkmarkicon.svg") no-repeat 0 2px;color:#29306c}.coveredrt ul li+li+li{margin-top:10px}.whyconsider .basicencryptionlt p span .wcorange{color:#f07725}.whymulti p{font-size:50px;line-height:60px}.whymulti p span{color:#f07725;font-size:60px}.whymulti p span span{font-size:120px;line-height:86px}.signurcodelt p{font-size:70px;line-height:62px}.signurcodelt p span{color:#f07725;font-size:160px;line-height:115px}.browsergreenbar .tabscontents{padding:40px;width:100%;display:table}.tabscontents h4{font-size:42px;color:#56a546;margin:0 0 10px 0}.tabscontents h5{font-size:26px;line-height:28px;color:#4f4f4f;margin-bottom:22px}.tabscontents p{font-size:18px;line-height:28px}.tabscontents p.smltxt{font-size:15px}.dvferturelist .docimg{height:165px;width:100%}.enterprise-line h2{line-height:60px}.enterprise-bundle{padding:30px 0 0 0}.enterprise-bundle ul{float:left;width:100%}.enterprise-bundle ul li{float:left;padding:0 10px;width:20%;position:relative;text-align:center}.enterprise-bundle ul li span{display:block;margin-bottom:20px}.enterprise-bundle ul li strong{font-size:14px;line-height:20px;margin-bottom:10px;display:block}.enterprise-bundle ul li p{font-size:14px;line-height:20px;font-style:italic}.enterprise-bundle ul li+li:before{content:"";background:#c2bdd1;width:1px;height:160px;position:absolute;left:0;top:10px}.how-do-getmc h4{margin:1.5rem 0 1rem;font-size:1.5rem}.whymclist{padding-right:3rem;max-width:280px}@media only screen and (max-width:1199px){.active-browsers .cntwrapper{padding:0!important}.active-browsers:before{display:none}.reliablelt{padding-right:20px}.topbotmrg{margin:60px 0}.whymclist~.col-lg-4{width:58%}}@media only screen and (max-width:1024px){.tlsprowrap{padding:40px 0}.ssltype-boxes ul{margin:0 -5px}.ssltype-boxes ul li{margin-bottom:10px;padding:0 5px;width:25%}.ssltype-boxes ul li .field-tip{display:none!important}.ssltype-boxes ul li p{font-size:16px}.evthelogotxt{padding-left:25%}.evthelogotxt{font-size:24px;padding-top:0}.topbotmrg{margin:40px 0}.coveredrt ul li{font-size:13px;background-size:12px}}@media only screen and (max-width:959px){.evpriceton{margin:0}.evthelogotxt{padding:0}.evthelogotxt h3{font-size:24px;line-height:1;text-align:center}.processstepdtl{padding:20px}.topbotmrg{margin:20px 0}.coveredrt{padding-left:20px}.coveredrt ul li{width:100%;float:none;margin:0!important;line-height:20px}.dvicons .cntwrapper li br{display:block}.platfromtab .ui-tabs-nav li img{height:50px;width:auto}.browsergreenbar .tabscontents{padding:30px}.tabscontents h4{font-size:30px}.tabscontents h5{font-size:20px}.tabscontents p{font-size:15px}}@media only screen and (max-width:767px){.tlsprowrap{padding:20px 0}.ssltype-boxes ul li{width:50%}.basicencryptionlt{padding-right:0}.benefitmdwlt p span span,.benefitmdwlt p span,.basicencryptionlt p span,.basicencryptionlt p{font-size:30px!important;line-height:1!important;text-align:left!important}.basicencryptionlt p span{display:inline-block!important}.basicencryptionrt ul li{background-size:14px;line-height:16px;font-size:13px;padding-left:25px;margin-top:10px}.browsergreenbar{padding-top:20px}.browsergreenbar .ui-tabs-nav li img{width:auto;height:30px}.browsergreenbar .ui-tabs-nav li+li{margin-left:3px}.browsergreenbar .ui-tabs-nav li{padding:10px}.browsergreenbar .ui-tabs-nav li.ui-tabs-active{padding:10px 10px 11px}.browsergreenbar .ui-tabs-panel{padding:10px;min-height:inherit}.processinfo{padding-top:20px}.processstepdtl{padding:15px;width:100%}.processstepdtl ul{margin-left:20px}.reliablert{border-left:none}.dvferturelist li p,.thelogoicon p{font-size:13px}.dvicons .cntwrapper li br{display:none}.coveredrt{padding-left:0;border-left:0}.platfromtab .ui-tabs-nav li{padding:5px}.platfromtab .ui-tabs-nav li+li{margin-left:0}.platfromtab .ui-tabs-nav li.ui-tabs-active{padding:5px 5px 6px}.platfromtab .ui-tabs-nav li img{height:20px}.tabscontents h4{font-size:24px;margin-bottom:0}.tabscontents h5{font-size:18px;margin-bottom:10px}.tabscontents p{font-size:13px;line-height:20px}.enterprise-bundle ul li{width:100%;padding:0}.enterprise-bundle ul li+li{margin-top:15px;padding-top:15px;border-top:solid 1px #c2bdd1}.enterprise-bundle ul li:before{display:none}.enterprise-bundle ul li span{margin-bottom:10px}.enterprise-bundle ul li p,.enterprise-bundle ul li strong{font-size:13px}.enterprise-bundle ul li strong{margin-bottom:5px}.whymclist~.col-lg-4{width:100%}}@media only screen and (max-width:480px){.ssltype-boxes ul li{width:100%}}

/* --- Guarantee Ribbon Section (guaranteeribboncss134b.css) --- */
.gurarantee-section {
  background: #e1e3ef;
}
.satislt {
  float: left;
  position: relative;
  width: 33.33333%;
}
.satislt + .satislt {
  float: right;
}
.satislt:after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-top: 88px solid transparent;
  border-bottom: 88px solid transparent;
  border-left: 40px solid #e1e3ef;
  left: 100%;
  top: 0;
}
.satislt + .satislt:after {
  border-left: none;
  border-right: 40px solid #e1e3ef;
  left: inherit;
  right: 100%;
}
.moneyguarantee-img {
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: -60px;
  background: #fff;
  padding: 0 47px;
}
.gurarantee-section ul {
  float: right;
  padding: 32px 0;
  width: 100%;
}
.gurarantee-section .satislt + .satislt ul {
  float: left;
}
.gurarantee-section ul li {
  float: left;
  position: relative;
  padding: 0 7px;
  width: 50%;
}
.gurarantee-section ul li + li {
  border-left: 1px solid #c9cada;
}
.gurarantee-section ul li a {
  text-decoration: none;
  color: #29306c;
  display: block;
}
.gurarantee-section ul li .mgicons {
  height: 70px;
  display: block;
  margin: 0 auto;
  width: 70px;
  background-size: auto 70px !important;
}
.gurarantee-section ul li .mgtxt {
  font-size: 15px;
  line-height: 1;
  font-family: "yantramanavbold";
  display: block;
  text-align: center;
  margin-top: 11px;
}
.lowpricenwicn .mgicons {
  background: url("../images/lowest-price-icon.svg") no-repeat center center;
}
.lowpricenwicn a:hover .mgicons {
  background: url("../images/lowest-price-icon-h.svg") no-repeat center center;
}
.mnybknwicn .mgicons {
  background: url("../images/30-day-mb-guar-icon.svg") no-repeat center center;
}
.buyerguideicn .mgicons {
  background: url("../images/ts-site-seal.svg") no-repeat center center;
}
.buyerguideicn a:hover .mgicons {
  background: url("../images/ts-site-seal.svg") no-repeat center center;
}
.customersatis .mgicons {
  background: url("../images/customer-satisfaction-icon.svg") no-repeat center
    center;
}
.customersatis a:hover .mgicons {
  background: url("../images/customer-satisfaction-icon-h.svg") no-repeat center
    center;
}
.buyerguideicn.trusted-site .mgicons {
  background-size: 90px auto !important;
  width: 90px;
}
.mt-120 {
  margin-top: 120px;
}
@media only screen and (max-width: 1199px) {
  .gurarantee-section .cntwrapper {
    padding: 0 10px !important;
  }
  .moneyguarantee-img {
    width: 30%;
    margin-left: -15%;
    padding: 15px 43px;
    top: 0;
    height: 100%;
  }
  .moneyguarantee-img img {
    margin-top: -52px;
  }
  .gurarantee-section ul li {
    padding: 0 2px;
  }
  .gurarantee-section ul li {
    padding: 0 2px;
  }
  .gurarantee-section ul li .mgtxt {
    font-size: 13px;
  }
  .satislt {
    width: 35%;
    background: #e1e3ef;
    z-index: 99;
  }
  .satislt:after {
    border-left: 30px solid #e1e3ef;
  }
  .satislt + .satislt:after {
    border-right: 30px solid #e1e3ef;
  }
}
@media only screen and (max-width: 1024px) {
  .moneyguarantee-img img {
    margin-top: -33px;
  }
}
@media only screen and (max-width: 959px) {
  .moneyguarantee-img img {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 800px) {
  .moneyguarantee-img img {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .gurarantee-section {
    margin: 0;
  }
  .gurarantee-section .cntwrapper {
    padding: 10px !important;
  }
  .moneyguarantee-img {
    position: relative;
    width: 100%;
    text-align: center;
    left: inherit;
    top: inherit;
    margin: 0;
  }
  .moneyguarantee-img img {
    height: 150px;
  }
  .gurarantee-section ul li,
  .gurarantee-section .satislt .mnybknwicn,
  .gurarantee-section .satislt .customersatis {
    padding: 0 12px;
    width: 50%;
  }
  .satislt {
    width: 100%;
  }
  .satislt::after {
    display: none;
  }
}


/* --- Common Page Styles - About, Enterprise, PKI, etc. (othercss510b.css) --- */
.solution-boxes .cntwrapper {
  width: 980px;
}
.solutionbox {
  float: left;
  padding: 0 18px;
  width: 20%;
}
.solboxdtl {
  border: 1px solid #d9d5d6;
  padding: 20px 0;
  text-align: center;
  background: #fff;
}
.solboxdtl span img {
  display: inline;
}
.solboxdtl h4 {
  font-size: 18px;
  color: #fff;
  background: #53a446;
  padding: 24px 0;
  position: relative;
  font-family: "yantramanavbold";
}
.solboxdtl h4:before,
.solboxdtl h4:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 77px;
  top: 0;
}
.solboxdtl h4:before {
  left: -9px;
  background: url("../images/title-triangle-left.svg") no-repeat;
}
.solboxdtl h4:after {
  right: -9px;
  background: url("../images/title-triangle-right.svg") no-repeat;
}
.solboxdtl:hover .solu-icon {
  display: none !important;
}
.solboxdtl .solu-icon-h {
  display: none;
}
.solboxdtl:hover .solu-icon-h {
  display: inline-block;
}
.solboxdtl a {
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 18px 6px 18px;
  line-height: 14px;
}
.soulicon {
  display: block;
  width: 125px;
  height: 74px;
  margin: 22px auto;
  background: url("../images/home-solution-icons.svg") no-repeat;
}
.icon-Basic {
  background-position: 22px 0;
}
.solboxdtl:hover .icon-Basic {
  background-position: 22px bottom;
}
.icon-md {
  background-position: -154px 0;
}
.solboxdtl:hover .icon-md {
  background-position: -154px bottom;
}
.icon-wc {
  background-position: -331px 0;
}
.solboxdtl:hover .icon-wc {
  background-position: -331px bottom;
}
.icon-ev {
  background-position: -508px 0;
}
.solboxdtl:hover .icon-ev {
  background-position: -508px bottom;
}
.icon-cs {
  background-position: -684px 0;
}
.solboxdtl:hover .icon-cs {
  background-position: -684px bottom;
}
.ourstory .solutionbox {
  width: 25%;
}
.ourstory h3 {
  margin-bottom: 25px;
}
.ourstory .solboxdtl {
  background: #fff;
}
.ourstory .solboxdtl p {
  padding: 0 14px 0 14px;
  letter-spacing: -0.011em;
}
.ourstory .solboxdtl h4 {
  font-size: 24px;
  padding: 22px 0;
}
.ourstory .soulicon {
  height: 100px;
  background: none;
}
.ourstory .soulicon img {
  height: 100px;
}
.story-icon {
  display: block;
  width: 125px;
  height: 74px;
  margin: 22px auto;
  background: url("../images/our-story-icons.svg") no-repeat;
}
.icon-retail {
  background-position: 22px 0;
}
.solboxdtl:hover .icon-retail {
  background-position: 22px bottom;
}
.icon-reseller {
  background-position: -134px 0;
}
.solboxdtl:hover .icon-reseller {
  background-position: -134px bottom;
}
.icon-enterprise {
  background-position: -290px 0;
}
.solboxdtl:hover .icon-enterprise {
  background-position: -290px bottom;
}
.icon-affiliate {
  background-position: -466px 0;
}
.solboxdtl:hover .icon-affiliate {
  background-position: -466px bottom;
}
.aboutsolution {
  position: relative;
}
.aboutsolution li {
  width: 100%;
  padding: 0 70px;
}
.aboutsolution .slideltcnt {
  float: left;
  width: 60%;
}
.aboutsolution span {
  float: right;
}
.aboutsolution .bx-pager {
  display: none;
}
.aboutsolution .bx-controls-direction {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -11px;
  left: 0;
}
.aboutsolution .bx-controls-direction a {
  text-indent: -9999em;
  height: 0;
  width: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  display: block;
}
.aboutsolution .bx-controls-direction a.bx-prev {
  border-right: 18px solid #f07725;
  float: left;
}
.aboutsolution .bx-controls-direction a.bx-next {
  border-left: 18px solid #f07725;
  float: right;
}
.aboutsolution .slideltcnt h4 {
  font-size: 46px;
  line-height: 1;
  color: #f07725;
  margin-bottom: 10px;
  font-family: "yantramanavbold";
  margin-top: 50px;
}
.aboutsolution .slideltcnt p {
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 24px;
  color: #29306c;
}
.soluenterprise h4 {
  font-size: 40px;
  line-height: 1;
  color: #f07725;
  margin-bottom: 10px;
  font-family: "yantramanavbold";
}
.soluenterprise p {
  font-size: 18px;
  color: #29306c;
  line-height: 24px;
}
#parentHorizontalTab .typetltraw h2 {
  font-size: 32px;
}
.toptenlist .col-lg-5 {
  padding-right: 40px;
  display: inline-block;
  width: auto;
}
.toptenlist .col-lg-5 + .col-lg-5 {
  padding: 0 0 0 40px;
}
.toptenlist ul li {
  margin-left: 60px;
  position: relative;
  border-bottom: 1px solid #d7d4d5;
  padding: 20px 0;
  text-align: left;
}
.toptenlist ul li strong {
  display: block;
}
.toptenlist ul li span {
  position: absolute;
  left: -60px;
  top: 25px;
  background: #f07725;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}
.ent-ssl-list {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 40px;
}
.ent-ssl-list ul li {
  margin-left: 33px;
  position: relative;
  padding: 23px 0;
  line-height: 1;
}
.ent-ssl-list ul li + li {
  border-top: 1px solid #d7d4d5;
}
.ent-ssl-list ul li:before {
  content: "";
  background: url(../images/icon-tick.svg) no-repeat;
  height: 14px;
  left: -33px;
  position: absolute;
  top: 50%;
  width: 14px;
  margin-top: -7px;
}
.ent-ssl-list .tooltips span {
  text-align: left;
}
.ent-ssl-list ul li p {
  margin-top: 0 !important;
}
.ent-iconlist ul {
  float: left;
  width: 100%;
}
.ent-iconlist ul + ul {
  margin-top: 60px;
}
.ent-iconlist ul li {
  width: 33.333333%;
  float: left;
  text-align: center;
  padding: 0 75px;
  position: relative;
}
.ent-iconlist ul li strong {
  display: block;
  margin-top: 20px;
  font-family: "yantramanavbold";
  font-size: 20px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 10px;
}
.ent-iconlist ul li + li:before {
  content: "";
  background: #d7d4d5;
  width: 1px;
  height: 90%;
  position: absolute;
  top: 10%;
  left: 0;
}
.ent-iconlist ul li p {
  line-height: 24px;
}
.ent-iconlist ul li p em {
  display: block;
}
.ent-iconlist ul li .icon-text {
  display: block;
  margin-bottom: 10px;
  font-size: 100px;
  font-family: "yantramanavbold";
  line-height: 100px;
  line-height: 72px;
  color: #54a447;
}
.threatslist {
  width: 55%;
}
.ent-full {
  width: 100%;
}
.ent-full ul li {
  line-height: 20px;
}
.enterprise-tabular.resp-tabs-list li img {
  height: 65px !important;
}
.enterprise-tabular .resp-tab-active img {
  height: 65px !important;
}
.enterprise-tabular .resp-tab-active {
  padding: 32px 27px 20px !important;
}
.sslent {
  padding: 15px 20px 15px 20px;
  border-top: 1px solid #d7d4d5;
}
.sslent span {
  display: inline-block;
  margin-right: 15px;
}
.sslent span + span {
  border-left: 1px solid #d7d4d5;
  padding: 10px 0 10px 25px;
  margin-right: 0;
  color: #d7d4d5;
}
.sslent h4 {
  font-weight: normal;
  font-size: 24px;
  font-family: Arial, Tahoma, "Times New Roman";
  margin-top: 24px;
}
.sslent .commonulli {
  margin-bottom: 30px;
  margin-top: 15px;
}
.sslent .commonulli li {
  margin-bottom: 5px;
}
.typelock img {
  width: 65px;
}
.ent-formwrp {
  width: 50%;
  margin: 0 auto;
}
.pki-slide {
  background: #e1e3ef;
}
.pki-slide .item-decp {
  width: 842px;
}
.pki-slide .item-title {
  color: #29306c;
}
.pki-slide .item-content {
  width: 55%;
  padding-top: 80px;
}
.pki-slide .item-text {
  color: #29306c;
}
.pki-slide .bannersealinn:before {
  border-bottom: 13px solid #e1e3ef;
}
.pki-slide .bannersealinn:after {
  border-bottom: 13px solid #e1e3ef;
}
.autobluedark {
  background: #29306c;
}
.autobluedark .hgroupcenter h3 {
  color: #fff;
}
.autobluedark .hgroupcenter p {
  color: #fff;
}
.pki-bg {
  background: url(../images/pki-background.html) repeat-x top center;
}
.pki-advantage-list {
  width: 830px;
  margin: 100px auto 0 auto;
}
.pki-advantage-list ul {
  list-style: none;
  float: left;
  width: 100%;
  padding: 0 20px;
}
.pki-advantage-list ul li {
  float: left;
  position: relative;
  width: 33.33%;
  padding: 0 20px;
  margin-bottom: 40px;
}
.pki-advantage-list ul li a {
  display: block;
  padding: 20px;
  text-align: center;
  color: #292e6b;
  text-decoration: none;
  position: relative;
}
.pki-advantage-list ul li a:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background: #fff;
  opacity: 0.5;
  left: 0;
  top: 0;
}
.pki-advantage-list ul li a:hover:before {
  background: #fff;
  opacity: 1;
}
.pki-advantage-list ul li span {
  display: block;
  margin: 0 0 15px;
  text-align: center;
  position: relative;
}
.pki-advantage-list ul li .field-tip {
  display: none;
  text-align: left;
  height: auto;
  margin-bottom: 0;
  line-height: 22px;
  position: absolute;
  width: 310px;
  padding: 34px 40px;
  background: #e1e3ee;
  z-index: 999;
  color: #2a326b;
  font-weight: bold;
  top: 100%;
}
.pki-advantage-list ul li:hover .field-tip {
  display: none;
  -webkit-transition: opacity 250ms ease-out;
  -moz-transition: opacity 250ms ease-out;
  -ms-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
}
.field-tip:before {
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  border-bottom: 20px solid #e1e3ee;
  bottom: 100%;
}
.fieldtip-left:before {
  left: 0;
  border-right: 30px solid transparent;
}
.fieldtip-right:before {
  right: 0;
  border-left: 30px solid transparent;
}
.fieldtip-left {
  left: 50%;
}
.fieldtip-right {
  right: 50%;
}
.pki-advantage-list ul li label {
  font-size: 20px;
  line-height: 20px;
  display: block;
  text-align: center;
  position: relative;
  font-family: "yantramanavbold";
}
.pki-advantage-list ul li a:hover {
  color: #292e6b;
}
.service-icon {
  display: block;
  margin: 0 0 15px;
  text-align: center;
  position: relative;
}
.pki-uli {
  margin: 20px 0 30px !important;
}
.pki-uli strong {
  display: block;
}
.pki-uli li {
  padding-left: 0 !important;
  background: none !important;
}
.inhouse-pkiuli {
  float: left;
  width: 50%;
  padding-right: 8%;
  box-sizing: border-box;
}
.inhouse-pkiuli h3 {
  text-align: center;
  margin-bottom: 25px;
}
.inhouse-pkiuli i {
  text-align: center;
  display: block;
  margin-bottom: 15px;
}
.inhouse-pkiuli li:first-child {
  padding-top: 0;
}
.inhouse-pkiuli li {
  line-height: 24px;
  position: relative;
  padding: 10px 0;
  line-height: 1;
  line-height: 20px;
  border-bottom: 1px solid #d7d4d5;
}
.inhouse-pkiuli li i {
  position: absolute;
  left: -30px;
  top: 15px;
  width: 16px;
  height: 16px;
  background: url(../images/checkmarkicon.svg) no-repeat 0 0;
  text-align: center;
}
.inhouse-pkiuli li strong {
  display: block;
  font-size: 14px;
}
.inhouse-pkiuli li span {
  font-size: 12px;
  display: inline-block;
}
.managed-pkiuli {
  float: right;
  width: 50%;
  box-sizing: border-box;
}
.managed-pkiuli h3 {
  text-align: center;
  margin-bottom: 25px;
}
.managed-pkiuli i {
  text-align: center;
  display: block;
  margin-bottom: 15px;
}
.managed-pkiuli ul {
  border-left: 1px solid #d7d4d5;
  padding-left: 15%;
}
.managed-pkiuli li:first-child {
  padding-top: 0;
}
.managed-pkiuli li {
  line-height: 24px;
  position: relative;
  padding: 10px 0;
  line-height: 1;
  line-height: 20px;
  border-bottom: 1px solid #d7d4d5;
}
.managed-pkiuli li i {
  position: absolute;
  left: -30px;
  top: 15px;
  width: 16px;
  height: 16px;
  background: url(../images/checkmarkicon.svg) no-repeat 0 0;
  text-align: center;
}
.managed-pkiuli li strong {
  display: block;
  font-size: 14px;
}
.managed-pkiuli li span {
  font-size: 12px;
  display: inline-block;
}
.vscompare {
  position: relative;
}
.vscompare span {
  position: absolute;
  top: 40px;
  padding: 12px;
  background: #f07725;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  text-align: center;
  left: 48.5%;
}
.pkino {
  background: url(../images/imgiconno.svg) no-repeat 0 0 !important;
}
.pki-list {
  float: left;
  width: 45%;
  box-sizing: border-box;
  padding: 0 40px;
  counter-reset: my-sec-counter;
  margin-left: 40px;
}
.pki-list ol li {
  margin-left: 33px;
  position: relative;
  padding: 20px 0;
  line-height: 1;
  border-bottom: 1px solid #d7d4d5;
}
.pki-list ol li span {
  position: absolute;
  left: -70px;
  top: 30px;
  text-align: center;
}
.pki-list ol li span img {
  width: 50px;
}
.pki-list ol li p {
  font-size: 14px;
  display: block;
}
.pki-list ol li p strong {
  font-size: 15px;
  display: block;
  line-height: 1.5;
}
.pki-list ol li:before {
  background: #f07725;
  height: 24px;
  left: -33px;
  position: absolute;
  top: 50%;
  width: 24px;
  margin-top: -7px;
}
.pki-list .tooltips span {
  text-align: left;
}
.pki-list ol li p {
  margin-top: 0 !important;
}
.testiboxwrap {
  padding-bottom: 20px;
  margin-top: 80px;
}
.testibox {
  width: 100%;
  position: relative;
  background: #fdf1e9;
  border-radius: 4px;
}
.testibox:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-right: 50px solid transparent;
  border-top: 40px solid #fdf1e9;
  bottom: -40px;
  left: 60px;
}
.testibox + .testibox:before {
  left: 60px;
  border-right: 25px solid transparent;
  border-left: none;
}
.testibox + .testibox:after {
  left: 61px;
  border-right: none;
  border-left: none;
}
.testiboxinner {
  padding: 50px 60px;
  position: relative;
}
.testiboxinner h4 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
  color: #f07725;
}
.testiboxinner:before,
.testiboxinner:after {
  content: "";
  position: absolute;
  width: 39px;
  height: 36px;
}
.testiboxinner:before {
  background: url("../images/quote-lefttop.svg") no-repeat;
  left: 10px;
  top: 10px;
}
.testiboxinner:after {
  background: url("../images/quote-rightbot.svg") no-repeat;
  right: 10px;
  bottom: 10px;
}
.testiboxinner p {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 30px;
  line-height: 24px;
}
.testiboxinner .userspace {
  float: right;
  width: 50%;
}
.testiboxinner .userspace i {
  display: block;
  float: left;
  margin-right: 20px;
}
.testiboxinner .userspace span {
  display: inline-block;
  line-height: 27px;
  float: left;
}
.testiboxinner .userspace strong {
  display: block;
  font-size: 20px;
  line-height: 1;
  margin-top: 15px;
}
.mpkilogo {
  margin-top: 30px !important;
}
.barbtnspace {
  line-height: 48px !important;
}
.txtitalic {
  font-style: italic;
  font-size: 14px !important;
  line-height: 20px !important;
}
.float-align-txt {
  text-align: left !important;
  float: left !important;
}
.linebtn {
  float: right;
  border: 2px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-family: "yantramanavbold";
  font-size: 24px;
  line-height: 22px;
  padding: 17px 18px 13px;
  text-decoration: none;
  display: block;
}
.linebtn:hover {
  background: #fff;
  -moz-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  color: #29306c;
}
.txt-center {
  text-align: center;
}
.sourcetxt {
  margin-top: 25px;
  font-style: italic;
  font-size: 14px !important;
  line-height: 20px !important;
}
.entssllistnone::before {
  background: none !important;
}
.thelogoicon p {
  font-size: 20px;
  color: #56a34b;
  line-height: 21px;
  margin-top: 10px;
}
.thelogoicon p.typeorangetxt {
  color: #f07725;
}
.dvferturelist li + li:before {
  background: #858aac;
}
.dvferturelist li span {
  display: block;
  margin-bottom: 10px;
}
.dvferturelist li p {
  font-size: 18px;
  color: #29306c;
  line-height: 20px;
}
.entmanaging h3 {
  line-height: 46px;
}
.enterprisetabbing {
  width: auto !important;
}
.mar-topa {
  margin-top: 60px !important;
}
.mar-bota {
  margin-bottom: 60px !important;
}
.mar-topb {
  margin-top: 20px;
}
.txtright {
  text-align: right !important;
}
.resp-tabs-container {
  background: none;
}
.resp-tabs-container .prodctlisthead {
  padding-bottom: 20px;
  background: #fff;
}
.resp-tabs-container .prodctlisthead p {
  margin-top: 0;
}
.prodctlisthead .commonulli {
  margin-bottom: 0;
}
.sectigovideo {
  position: relative;
  display: inline-block;
}
.sectigovideo .sectigovideoimg {
  box-shadow: 0 0 15px #ccc;
  border-radius: 36px;
}
.sectigovideo .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sectigovideo:hover .video-play-icon {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.smimedetail {
  background: url("../images/smime-bg.svg") no-repeat center center;
  padding: 40px 30px;
}
.smimedetail .col-lg-3 {
  padding: 0 10px;
}
.smimedetail ul li {
  margin-bottom: 57px;
  font-size: 13px;
}
.enttabdetail {
  padding: 40px;
}
.readblog .blogbannerlt p {
  margin-top: 50px;
}
.opentabsection .resp-tabs-list li {
  width: 33.33333333%;
}
.opentabdetail h4 {
  font-size: 24px;
  color: #f07725;
}
.blankbkimg {
  background: #e1e3ef;
  padding: 100px 200px;
  display: inline-block;
  font-family: "yantramanav";
  font-size: 24px;
}
.oursolutionlist {
  width: 50%;
  padding-right: 45px;
  float: left;
}
.solutionfullrow {
  width: 100%;
  padding: 30px 0 0 0 !important;
  margin-top: 30px;
  border-top: 1px solid #d7d4d5;
}
.oursolutionlist + .oursolutionlist {
  padding: 0 0 0 45px;
}
.oursolutionlist ul li + li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #d7d4d5;
}
.oursolutionlist ul li span {
  display: block;
  margin-bottom: 10px;
}
.oursolutionlist ul li strong {
  display: block;
  font-size: 18px;
  color: #29306c;
  line-height: 24px;
  font-family: "yantramanavbold";
  font-weight: normal;
}
.oursolutionlist ul li p {
  width: 92%;
}
.blueboxes ul {
  margin: 0 -10px;
  width: 100%;
}
.blueboxes ul li {
  float: left;
  position: relative;
  padding: 0 10px;
  margin-bottom: 20px;
}
.blueboxes ul li .blueboxdtl {
  padding: 15px 10px;
  text-align: center;
  background: #29306c;
  color: #fff;
  cursor: pointer;
}
.blueboxes .fourboxgrid li {
  width: 25%;
}
.blueboxes .fiveboxgrid li {
  width: 20%;
}
.blueboxes ul li .blueboxdtl:hover {
  background: #559f4a;
}
.blueboxes ul li p {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  height: 44px;
}
.blueboxes ul li span {
  display: block;
  margin-bottom: 5px;
}
.ent-partner ul li {
  text-align: center;
}
.evovtab .resp-tabs-list li p {
  font-family: "yantramanavbold";
  display: inline-block;
  margin-left: 15px;
  font-size: 24px;
  margin-top: 30px;
  float: left;
  opacity: 0.5;
}
.evovtab .resp-tabs-list li span {
  opacity: 0.5;
  float: left;
}
.evovtab .resp-tabs-list .resp-tab-active span,
.evovtab .resp-tabs-list .resp-tab-active p {
  opacity: 1;
}
.accordian-grid .greenraw {
  display: none;
}
.accordian-grid h4 {
  padding: 15px 20px;
  border-top: 1px solid #d9d5d6;
  cursor: pointer;
  position: relative;
}
.accordian-grid h4:first-child {
  border-top: none;
}
.accordian-grid h4 span:last-child {
  display: inline-block;
  font-family: "Yantramanav";
  font-size: 18px;
  color: #d7d4d5;
  padding: 10px 0 13px 20px;
  border-left: 1px solid #d7d4d5;
  font-weight: normal;
  margin-left: 20px;
}
.accordian-grid .ui-icon:after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px;
  border-left: 14px solid #f07725;
  border-top: 12px solid transparent;
  border-bottom: 14px solid transparent;
}
.accordian-grid .ui-icon-triangle-1-s:after {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid #f07725;
  margin-top: -7px;
}
.comodoevfeature {
  padding: 20px;
  border-top: 1px solid #d9d5d6;
}
.comodoevfeature h5 {
  font-size: 24px;
  color: #f07725;
}
@media only screen and (max-width: 1199px) {
  .aboutsolution .slideltcnt,
  .aboutsolution span {
    width: 100%;
    display: block;
  }
  .aboutsolution .slideltcnt p {
    margin-bottom: 20px;
  }
  .ent-triangle .triangle::before,
  .ent-triangle .triangle::after {
    bottom: 52%;
  }
  .inhouse-pkiuli li {
    margin-left: 30px;
  }
  .managed-pkiuli li {
    margin-left: 30px;
  }
  .blueboxes .fourboxgrid li img {
    height: 80px;
  }
  .blueboxes ul {
    margin: 0;
  }
  .container .ent-partner .cntwrapper {
    padding: 0 !important;
  }
  .ent-partner li {
    padding: 0 15px !important;
  }
  .ent-partner li img {
    height: 111px;
  }
  .ent-partner .moneyguarantee-img img {
    height: 175px;
    margin-top: -13px;
  }
  .entmanaging h3 {
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .ent-ssl-list ul li {
    min-height: 120px;
  }
  .ent-triangle .triangle::before,
  .ent-triangle .triangle::after {
    bottom: 42%;
  }
}
@media only screen and (max-width: 959px) {
  .aboutsolution .slideltcnt,
  .aboutsolution span {
    float: none;
    width: 100%;
    margin: 0 0 25px 0;
    text-align: center;
  }
  .float-align-txt {
    text-align: center !important;
    float: none !important;
    margin-bottom: 10px;
  }
  a.linebtn {
    float: none;
    display: inline-block;
  }
  .ent-iconlist ul li {
    padding: 0 20px;
  }
  .pki-slide .item-decp {
    width: 100%;
  }
  .blueboxes ul li {
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .blueboxes ul li p {
    font-size: 13px;
  }
  .blueboxes ul li p br {
    display: none;
  }
  .readblog .blogbannerlt p {
    width: 60%;
  }
  .container .ent-partner .cntwrapper {
    padding: 10px !important;
  }
}
@media only screen and (max-width: 800px) {
  .ent-ssl-list {
    width: 100%;
    padding: 0 40px;
  }
  .ent-ssl-list ul li {
    min-height: initial;
  }
  .pki-advantage-list {
    width: 100%;
  }
  .pki-advantage-list ul li {
    width: 50%;
  }
  .inhouse-pkiuli h3 {
    margin-bottom: 5px;
  }
  .managed-pkiuli h3 {
    margin-bottom: 5px;
  }
  .inhouse-pkiuli i {
    margin-bottom: 0;
  }
  .managed-pkiuli i {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .aboutsolution {
    text-align: center;
    margin-top: 0;
  }
  .aboutsolution li {
    padding: 0;
  }
  .aboutsolution .soluenterprise h4 {
    margin-top: 0;
    font-size: 20px;
  }
  .aboutsolution .soluenterprise p {
    font-size: 13px;
  }
  .ent-iconlist ul li {
    width: 100%;
  }
  .ent-iconlist ul + ul,
  .ent-iconlist ul li + li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #d7d4d5;
  }
  .ent-iconlist ul li + li:before {
    display: none;
  }
  .logoiconwrap > span {
    display: inline-block;
    margin-bottom: 5px;
  }
  .thelogoicon p.typeorangetxt {
    font-size: 13px;
  }
  .thelogoicon p {
    margin-bottom: 10px;
  }
  .ent-formwrp {
    width: 100%;
  }
  .blueboxes ul li {
    width: 50% !important;
  }
  .blueboxes ul li {
    margin-bottom: 10px;
  }
  .enttabdetail,
  .smimedetail {
    padding: 20px;
  }
  .smimedetail ul li {
    margin-bottom: 10px;
  }
  .readblog .blogbannerlt p {
    margin-top: 20px;
    line-height: 1;
    width: 100%;
  }
  .blogbannerlt {
    height: auto !important;
    padding-bottom: 20px !important;
  }
  .oursolutionlist {
    width: 100%;
    padding: 0;
  }
  .oursolutionlist + .oursolutionlist {
    padding-left: 0;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #d7d4d5;
  }
  .oursolutionlist ul li + li {
    padding-top: 15px;
    margin-top: 15px;
  }
  .evovtab .brand-name {
    display: inline-block;
  }
  .evovtab .resp-accordion p {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
  }
  .evovtab .typetltraw h2 {
    font-size: 20px !important;
  }
  .evovtab .brand-name img {
    height: 30px;
    width: auto;
  }
  .accordian-grid h4 {
    padding: 10px;
  }
  .accordian-grid .evovbrandlogo img {
    height: 25px;
  }
  .accordian-grid h4 span:last-child {
    font-size: 14px;
    padding: 5px 0 0 0;
    margin-left: 0;
    border-left: none;
    display: block;
  }
  .comodoevfeature .commonulli {
    margin: 0;
  }
  .comodoevfeature .col-lg-5 + .col-lg-5 {
    padding-top: 0;
  }
  .comodoevfeature .commonulli li br {
    display: none;
  }
  .toptenlist .col-lg-5 {
    padding-right: 0;
  }
  .toptenlist .col-lg-5 + .col-lg-5 {
    padding: 0;
  }
  .toptenlist ul li {
    padding: 10px 0;
    margin-left: 50px;
  }
  .toptenlist ul li span {
    top: 12px;
    left: -50px;
  }
}
@media only screen and (max-width: 568px) {
  .enterprisecontxt h2.resp-accordion {
    padding: 13px 10px !important;
  }
  .enterprisecontxt .resp-arrow {
    margin-top: 1px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ent-ssl-list {
    margin-bottom: 10px;
  }
  .ent-ssl-list ul li {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0;
  }
  .pki-advantage-list ul li {
    width: 100%;
  }
  .inhouse-pkiuli {
    width: 100%;
    padding-right: 0;
    margin-bottom: 25px;
  }
  .managed-pkiuli {
    width: 100%;
    margin-top: 25px;
  }
  .managed-pkiuli ul {
    width: 100%;
    border-left: 0;
    padding-left: 30px;
  }
  .managed-pkiuli li {
    margin-left: 0;
  }
  .vscompare {
    width: 40px;
    margin: 0 auto;
  }
  .vscompare span {
    position: static;
    top: 0;
    line-height: 1;
    left: 0;
  }
  .blueboxes ul li {
    width: 100% !important;
  }
  .blueboxes ul li p {
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  .blogbannerlt p {
    margin-top: 15px;
  }
}
.map-section {
  background: #29306c;
}
.map-section h5 {
  font-size: 44px !important;
}
.locationbg {
  background: url(../images/img-world.svg) no-repeat center 210px;
  padding: 115px 0;
}
.locationbg h5 {
  color: #f07725;
  font-size: 56px;
  line-height: 46px;
  text-align: center;
  margin-bottom: 5px;
}
.locationbg h6 {
  color: #e9e9e9;
  font-size: 26px;
  text-align: center;
}
.service-icon {
  display: block;
  margin: 0 0 15px;
  text-align: center;
  position: relative;
}
.divflipwrap {
  margin-top: 530px;
}
.fliphdone {
  font-size: 1em;
  line-height: 1;
  color: #fff;
  font-family: "yantramanav";
  font-weight: bold;
  vertical-align: baseline;
  letter-spacing: -0.011em;
  margin: 25px 0 5px 0;
}
.fliphtwo {
  font-size: 1.6em;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 10px;
  font-family: "yantramanav";
  letter-spacing: -0.011em;
  font-weight: normal;
}
.flipcard {
  position: relative;
  width: 18.1%;
  min-height: 220px;
  height: auto;
  perspective: 0;
  margin: 0 11px 30px 11px;
  float: left;
  letter-spacing: 0;
}
.flipcard.v:hover .fronts,
.flipcard.v.flip .fronts {
  transform: rotateX(180deg);
  padding: 20px;
}
.flipcard.v:hover .backs,
.flipcard.v.flip .backs {
  transform: rotateX(0deg);
  background: #fff;
}
.flipcard.v .backs {
  transform: rotateX(-180deg);
  width: calc(100% + 4rem - (1.4rem));
}
.flipcard.v:hover .backs .fliphdone,
.flipcard.v.flip .backs .fliphdone {
  margin-top: 0 !important;
  letter-spacing: -0.011em;
}
.flipcard.h:hover .fronts,
.flipcard.h.flip .fronts {
  transform: rotateY(180deg);
}
.flipcard.h:hover .backs,
.flipcard.h.flip .backs {
  transform: rotateY(0deg);
  background: #fff;
  transform: scale(1.13);
  font-size: 11px;
  z-index: 1;
}
.flipcard.h .backs {
  transform: rotateY(-180deg);
}
.flipcard.h:hover .backs .fliphdone,
.flipcard.h.flip .backs .fliphdone {
  margin-top: 0 !important;
  letter-spacing: -0.011em;
}
.flipcard .fronts,
.flipcard .backs {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #fff;
  background-color: #f07725;
  padding: 20px;
  backface-visibility: hidden;
}
.flip-one {
  color: #4f4f4f;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.1em;
}
.flip-two {
  color: #4f4f4f;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 1.1em;
}
.backs.backs p {
  color: #4f4f4f;
  line-height: 1.4;
  font-size: 1.1em;
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1024px) {
  .flipcard {
    width: 17.5%;
  }
}
@media only screen and (max-width: 959px) {
}
@media only screen and (max-width: 800px) {
  .flipcard {
    width: 46%;
  }
  .fliphdone {
    font-size: 1.5em;
  }
  .fliphtwo {
    font-size: 2em;
  }
  .backs.backs p {
    color: #4f4f4f;
    line-height: 1.4;
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 767px) {
  .flipcard.h:hover .backs,
  .flipcard.h.flip .backs {
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 568px) {
  .solutionbox {
    width: 100%;
  }
  .divflipwrap {
    padding: 5% 0 0 6%;
    margin-top: 200px;
  }
  .flipcard {
    width: 90%;
  }
  .fliphdone {
    font-size: 2em;
  }
  .fliphtwo {
    font-size: 2.6em;
  }
  .flipcard {
    min-height: 200px;
    margin-bottom: 50px;
  }
  .flipcard.h:hover .fronts,
  .flipcard.h.flip .fronts {
    left: 12px;
  }
  .flipcard.h:hover .backs,
  .flipcard.h.flip .backs {
    left: 6px;
  }
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
  .flipcard {
    min-height: 250px;
  }
  .flipcard:last-child {
    margin-bottom: 0 !important;
  }
  .fliphdone {
    margin-bottom: 10px;
  }
  .divflipwrap {
    padding: 5% 0 0 4%;
  }
  .flipcard.h:hover .backs,
  .flipcard.h.flip .backs {
    left: 0;
  }
}


/* --- Homepage Slider, Banner & Product Styles (homepagecss7768.css) --- */
.slidedcseal:after,.slidedcseal:before{content:"";position:absolute;height:0;width:0;bottom:100%}.slidedcseal:before{border-left:8px solid transparent;left:-8px}.slidedcseal:after{border-right:8px solid transparent;right:-8px}.homefullbanner.homefullbanner{height:417px}.homefullbanner .bx-viewport{overflow:inherit!important}.homefullbanner .bx-has-pager{width:100%;text-align:center;margin-top:20px}.homefullbanner .bx-pager-item{display:inline-block}.homefullbanner .bx-pager-item+.bx-pager-item{margin-left:14px}.homefullbanner .bx-pager-item a{position:relative;height:12px;width:12px;text-decoration:none;display:block;background:#cbccce;text-indent:-9999px;border-radius:50%}.homefullbanner .bx-pager-item a.active{background:#f07725}.homefullbanner .button{font-size:20px;padding:15px 20px}.homeslider li{height:380px;width:100%!important}.item-decp{float:left;width:882px}.item-content{width:50%;text-align:center;color:#fff;padding-top:56px;float:right}.item-title{font-family:'yantramanavbold';font-size:50px;line-height:1;margin-bottom:11px}.item-text{font-size:18px;line-height:26px;margin-bottom:35px}.slide-enterprise{background:#29306c}.slide-enterprise .cntwrapper:before{content:"";background:url(../images/home-slide-enterprise.svg) no-repeat;position:absolute;height:380px;width:709px;left:-260px;top:0}.slide-enterprise .slidedcseal:before{border-bottom:13px solid #29306c}.slide-enterprise .slidedcseal:after{border-bottom:13px solid #29306c}.slide-trust{background:url(../images/https.svg) no-repeat #53a446 center 0}.slide-trust .item-bluebox{background-color:#29306c;color:#fff;left:108px;padding:30px 35px 30px 40px;position:absolute;top:235px;width:810px}.slide-trust .item-bluebox:before{content:"";border-bottom:55px solid #29306c;border-right:49px solid transparent;bottom:100%;height:0;left:0;position:absolute;width:0}.item-bluebox .bluebox-text{float:left}.item-bluebox .item-title{font-size:28px;margin-bottom:7px}.item-bluebox .item-text{font-size:22px;margin:0}.item-bluebox .button{float:right;margin-top:10px}.slide-trust .slidedcseal:before{border-bottom:13px solid #d2d2d2}.slide-trust .slidedcseal:after{border-bottom:13px solid #d2d2d2}.httpshome{display:block;position:absolute;text-align:center;background:#d5d3d4;width:100%}.slide-reseller{background:#e1e3ef}.slide-reseller .tabhide{margin-left:20px}.slide-reseller .item-decp{width:842px}.slide-reseller .item-title{color:#f07725}.slide-reseller .item-text{color:#29306c}.slide-reseller .slidedcseal:before{border-bottom:13px solid #e1e3ef}.slide-reseller .slidedcseal:after{border-bottom:13px solid #e1e3ef}.slide-digicert{background:#1b75bc}.slide-digicert .tabhide{margin-top:58px}.slide-digicert .item-decp{width:920px}.slide-digicert .item-content{padding-top:66px}.slide-digicert .item-title{color:#fff}.slide-digicert .item-text{color:#fff}.slide-digicert .slidedcseal:before{border-bottom:13px solid #1b75bc}.slide-digicert .slidedcseal:after{border-bottom:13px solid #1b75bc}.slide-digicertev{background:#1b75bc}.slide-digicertev .tabhide{width:52%;margin-top:15px}.slide-digicertev .item-decp{width:943px}.slide-digicertev .item-content{width:42%;padding-top:38px}.slide-digicertev .item-title{color:#fff}.slide-digicertev .item-text{color:#fff}.slide-digicertev .slidedcseal:before{border-bottom:13px solid #1b75bc}.slide-digicertev .slidedcseal:after{border-bottom:13px solid #1b75bc}.slide-digicertnortan{background:#0f9dff}.slide-digicertnortan .tabhide{margin-top:0;position:absolute;left:-16em}.slide-digicertnortan .item-decp{width:943px;height:380px;align-items:center}.slide-digicertnortan .item-content{width:55%;padding-top:0}.slide-digicertnortan .item-title{color:#fff}.slide-digicertnortan .item-text{color:#fff}.slide-digicertnortan .item-lists{text-align:left;margin:15px 0 35px 118px;color:#fff}.slide-digicertnortan .item-lists li{font-size:18px;line-height:28px;height:auto;background:url(../images/check-white.svg) no-repeat center left;padding-left:25px}.slide-digicertnortan .slidedcseal:before{border-bottom:13px solid #0f9dff}.slide-digicertnortan .slidedcseal:after{border-bottom:13px solid #0f9dff}.slide-sectigo{background:#091b2a}.slide-sectigo .tabhide{margin-top:58px}.slide-sectigo .item-decp{width:920px}.slide-sectigo .item-content{padding-top:60px}.slide-sectigo .item-content .whitebutton{color:#06af72}.slide-sectigo .item-content .whitebutton:hover{color:#fff}.slide-sectigo .item-title{color:#fff}.slide-sectigo .item-text{color:#fff}.slide-sectigo .slidedcseal:before{border-bottom:13px solid #091b2a}.slide-sectigo .slidedcseal:after{border-bottom:13px solid #091b2a}.slide-comodo{background:#c00}.slide-comodo .item-content{padding-top:40px}.slide-comodo .whitelinebutton:hover{color:#c00}.slide-comodo .comodo-wht-logo{margin-right:50px}.slide-comodo .slidedcseal:before{border-bottom:13px solid #c00}.slide-comodo .slidedcseal:after{border-bottom:13px solid #c00}.slide-rapidssl{background:#774b2b}.slide-rapidssl .item-content{padding-top:40px}.slide-rapidssl .whitelinebutton:hover{color:#774b2b}.slide-rapidssl .rapidssl-wht-logo{margin-right:50px}.slide-rapidssl .slidedcseal:before{border-bottom:13px solid #774b2b}.slide-rapidssl .slidedcseal:after{border-bottom:13px solid #774b2b}.slide-geotrust{background:#004b8d}.slide-geotrust .item-content{padding-top:40px}.slide-geotrust .whitelinebutton:hover{color:#004b8d}.slide-geotrust .slidedcseal:before{border-bottom:13px solid #004b8d}.slide-geotrust .slidedcseal:after{border-bottom:13px solid #004b8d}.slide-in-enterprise{background:#ededed}.slide-in-enterprise .item-title{color:#f07725}.slide-in-enterprise .item-text{color:#29306c}.slide-in-enterprise .slidedcseal:before{border-bottom:13px solid #ededed}.slide-in-enterprise .slidedcseal:after{border-bottom:13px solid #ededed}.bannersealbox .digindia-img{margin-top:94px;text-align:center}.slide-trust .bannersealbox .digindia-img,.slide-comodo .bannersealbox .digindia-img{opacity:.35}@media only screen and (max-width:1200px){.item-decp{width:75%!important}.item-content{width:55%!important}.slide-digicert img{width:40%}.slide-trust .item-bluebox{left:195px}.menusslbox a{min-height:102px}.item-title{font-size:40px}.slide-digicertev .tabhide{width:45%}.slide-digicertnortan .tabhide{width:35%;left:-8em}.slide-digicertev .cntwrapper{height:100%}.slide-digicertev .item-decp{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:100%}.slide-digicertev .tabhide,.slide-digicertev .item-content{margin-top:0;padding-top:0}}@media only screen and (max-width:1024px){.slide-reseller .tabhide{margin-left:0}.item-content{width:50%!important}.slide-cw-logo{width:130px}.item-text br{display:none}.slide-trust .item-bluebox{left:125px}.slide-digicertnortan .item-content{width:60%!important}}@media only screen and (max-width:959px){.homefullbanner{height:auto}.item-decp,.homefullbanner .cntwrapper{width:100%}.homefullbanner .bannersealbox{display:none}.slide-enterprise .cntwrapper:before{display:none}.item-decp,.item-content{width:100%!important}.slide-trust .item-bluebox:before{display:none}.slide-trust .item-bluebox{width:100%;left:0;padding:20px;text-align:center;top:196px}.item-greenbox .greenbox-text,.item-bluebox .bluebox-text{float:none}.item-greenbox .button,.item-bluebox .button{float:none;margin-top:20px}.slide-digicertnortan .item-content{width:100%!important}}@media only screen and (max-width:767px){.homeslider li{height:280px}.slide-digicert .item-content,.item-content{padding-top:30px!important}.item-text{margin-bottom:30px}.slide-trust .item-bluebox{top:136px;padding:10px}.item-title{font-size:28px}.item-title br{display:none}.item-text{font-size:13px}.item-greenbox .item-title,.item-bluebox .item-title{font-size:21px}.item-greenbox .item-text,.item-bluebox .item-text{font-size:13px}.slide-digicertnortan .item-decp{align-items:flex-start}.slide-digicertnortan .item-lists li{font-size:13px;line-height:22px}.slide-digicertnortan .item-lists{margin:5px 0 10px 15px}}@media only screen and (max-width:480px){.item-greenbox .item-text{font-size:12px}.slide-cw-logo{display:none}}.resp-tabs-list li{padding:20px;margin:0 1px 0 0;list-style:none;cursor:pointer;float:left;position:relative;margin-top:12px}.resp-tabs-list li:hover img{opacity:1}.resp-tabs-container{padding:0;background-color:#fff;clear:left}.resp-tab-active:after{content:"";position:absolute;height:0;width:0;border-left:13px solid #d9d5d6;border-top:13px solid transparent;border-right:13px solid transparent;top:-1px;right:-26px}.resp-tab-item.resp-tab-active:last-child:after{border-right:12px solid #d9d5d6;left:-12px;border-left:none}.resp-content-active,.resp-accordion-active{display:block}.resp-tabs-list li+li.resp-tab-active:before{content:"";background:#ededee;width:1px;height:72px;left:-2px;position:absolute;top:11px}.resp-tabs-list li .brand-name{display:none}h2.resp-accordion{cursor:pointer;display:none;font-size:13px;border-right:1px solid #d9d5d6;border-bottom:1px solid #d9d5d6;border-left:1px solid #d9d5d6;border-image:initial;border-top:none;margin:0;padding:5px 10px;position:relative}.resp-tab-content{display:none;border:1px solid #d9d5d6;margin-right:1px}.resp-tab-active{background-color:#fff;border-top:1px solid #d9d5d6!important;border-right:1px solid #d9d5d6!important;border-left:1px solid #d9d5d6!important;border-image:initial!important;margin:0 0 -1px!important;padding:32px 17px 20px!important;border-bottom:none!important}h2.resp-tab-active{border-bottom:0 solid #c1c1c1!important;margin-bottom:0!important;padding:10px 15px!important;background:#dbdbdb}.resp-arrow{width:0;height:0;float:right;margin-top:-4px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #c1c1c1;position:absolute;top:50%;right:10px}h2.resp-tab-active span.resp-arrow{border-top:none;border-image:initial;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #9b9797}.resp-vtabs ul.resp-tabs-list{float:left;width:30%}.resp-vtabs .resp-tabs-list li{display:block;padding:15px 15px!important;margin:0 0 4px;cursor:pointer;float:none}.resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:70%;min-height:250px;border-radius:4px;clear:none}.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}.resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important;border-top:1px solid;border:1px solid #5ab1d0!important;border-left:4px solid #5ab1d0!important;margin-bottom:4px!important;border-right:1px #fff solid!important}.resp-easy-accordion h2.resp-accordion{display:block}.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}.resp-jfit{width:100%;margin:0}.resp-tab-content-active{display:block}h2.resp-accordion:first-child{border-top:1px solid #c1c1c1}.tabtext{font-family:"yantramanavbold";font-size:20px;display:block}.opentabsection .resp-tabs-list li{border:none;background:none!important;font-family:"yantramanav";font-size:20px;padding:0 15px!important;margin:0}.opentabsection li .tabtitle{border-bottom:3px solid #e1e3ef!important;padding-bottom:20px;display:block}.opentabsection .resp-tab-active{border:none!important}.opentabsection li+li.resp-tab-active::before{display:none}.opentabsection .resp-tab-active .tabtitle{border-bottom:5px solid #29306c!important}.opentabsection .resp-tab-active:after{display:none}.opentabsection .resp-tab-content{border:none;padding:40px 15px 0}.autowhite .digicert-tabbing .resp-vtabs .resp-tabs-container{border:1px solid #d9d5d6}.autowhite .digicert-tabbing .resp-vtabs .resp-tabs-list li{border-color:#d9d5d6!important}.autowhite .digicert-tabbing .resp-vtabs li.resp-tab-active{border-top:1px solid;border:1px solid #d9d5d6!important;border-left:4px solid #d9d5d6!important;border-right:1px solid #fff!important;border-bottom:none!important}.autowhite .digicert-tabbing .resp-tab-item.resp-tab-active:last-child{border-bottom:1px solid #d9d5d6!important}.autowhite .digicert-tabbing .resp-tab-active:after{border-right:26px solid #d9d5d6;left:-4px}.autowhite .digicert-tabbing .resp-tab-item.resp-tab-active:last-child:after{border-right:26px solid #d9d5d6!important;left:-4px!important}@media only screen and (max-width:1024px){.resp-tabs-list li{padding:15px}.resp-tab-active{padding-top:22px!important}.opentabsection li .tabtitle{height:80px}}@media only screen and (max-width:767px){#parentHorizontalTab .resp-tab-active{padding:10px 8px!important}.resp-tab-content{margin-right:0}ul.resp-tabs-list{display:none}h2.resp-accordion{display:block}.resp-vtabs .resp-tab-content{border:1px solid #c1c1c1}.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}.resp-accordion-closed{display:none!important}.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important}.brand-icon{display:none}.resp-tab-active:after{display:none}.opentabsection h2.resp-accordion{padding:10px 0!important;border:none;border-top:1px solid #d9d5d6}.opentabsection h2.resp-accordion .tabtitle{padding-left:10px}.opentabsection .resp-tab-active{font-size:16px;font-family:'yantramanav'}.opentabsection .resp-tab-active .tabtitle{display:block;line-height:30px;padding-left:15px}.opentabsection .resp-tab-content{padding:15px 0}}#parentHorizontalTab{padding:60px 8px 0}.resp-tabs-list li{padding:20px 21px 20px 22px}.hometabbndicon{float:right}.resp-tab-active{padding:32px 21px 21px!important}.tblraw{padding:0 10px}.tblraw p{display:table-cell;padding:10px;font-size:12px;vertical-align:middle;line-height:18px}.tblraw:nth-child(2n+1){background:#e1e3ef}.tblraw p a{font-weight:normal;color:#4f4f4f}.greenraw{background:#54a447!important;position:relative}.greenraw .tblraw{background:#54a447!important}.greenraw:before,.greenraw:after{content:"";position:absolute;width:9px;height:77px;top:0}.greenraw:before{left:-9px;background:url("../images/title-triangle-left.svg") no-repeat}.greenraw:after{right:-9px;background:url("../images/title-triangle-right.svg") no-repeat}.greenraw p{font-family:'yantramanavbold';color:#fff;font-size:22px;padding:25px 10px 25px}.tblraw .rawone{width:380px}.tblraw .rawtwo{width:200px;text-align:center}.tblraw .rawthree{width:120px;text-align:center}.tblraw .rawfour{width:150px;text-align:center}.tblraw .rawfive{width:195px;text-align:center}.tblraw .rawsix{width:120px;text-align:center}.tblraw .rawseven{width:115px;text-align:right}.tblraw .btn-add-to-cart{display:inline-block;background:#29306c;padding:6px 10px 5px;text-transform:uppercase;color:#fff!important;font-size:10px;font-weight:bold!important;text-decoration:none;line-height:12px;text-align:center;cursor:pointer;white-space:nowrap}.tblraw .btn-add-to-cart:hover{background:#f07725}.cmdcategory+.cmdcategory{border-top:1px solid #d9d5d6}.cmdcategory .tblraw{background:#fff;position:relative}.cmdcategory .tblraw:first-child p{padding:15px 10px}.cmdcategory .tblraw:first-child{cursor:pointer}.cmdcategory .tblraw:nth-child(2n){background:#e1e3ef}.cmdcategory .tblraw:first-child:after{content:"";height:0;width:0;position:absolute;right:20px;top:50%;margin-top:-12px;border-left:14px solid #f07725;border-top:12px solid transparent;border-bottom:14px solid transparent}.cmdcategory .tblraw.active:first-child:after{border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid #f07725;margin-top:-7px}.cmdcategory .tblraw .cmd-logo{display:inline-block;width:130px;margin-top:-3px}.cmdcategory .tblraw .cmd-logo img{width:110px}.cmdcategory .tblraw span+span{display:inline-block;font-family:'Yantramanav';font-size:18px;color:#d7d4d5;padding:13px 0 11px 20px;border-left:1px solid #d7d4d5;font-weight:normal}.digicat .digiraw>div{display:flex;padding:25px 20px;border-bottom:solid 1px #d9d5d6;border-top:solid 1px #d9d5d6}.digicat .digiraw span{align-self:center}.digicat .digiraw .fspan{margin-right:15px;font-family:"yantramanavbold";font-size:18px}.digicat .digiraw .fspan a{text-decoration:none!important;color:#29306c}.digicat .digiraw .fspan a:hover{text-decoration:underline!important}.digicat .digiraw span+span{font-family:'Yantramanav';font-size:18px;color:#d7d4d5;padding-left:15px;border-left:1px solid #d7d4d5;font-weight:normal;margin-top:-3px;padding-bottom:5px}#cwpnl p{padding:15px 20px;cursor:default}#cwpnl p a{display:block}.customer-support{border:1px solid #d9d5d6;border-top:none;background:#fff;padding:25px;margin:0 9px 0 8px}.customer-support p{font-size:26px;color:#29306c;float:left;margin-top:14px;font-family:"yantramanavbold"}.customer-support p span{font-family:"yantramanav"}.customer-support .icon-operator{float:left;padding-right:20px}.meetusbtn{float:right;margin-top:9px}.meetusbtn a{float:left;margin-left:10px;font-size:18px;padding:10px 25px 8px;line-height:14px;text-transform:uppercase}.digicertprogrid .rawone{width:35%}.digicertprogrid .rawsix{width:12%}.digicertprogrid .rawfive{width:20%}#tabs-2 .customer-support{margin:0 1px 0 0}@media only screen and (max-width:1199px){.resp-tabs-list li{width:14.15%}.greenraw p{font-size:20px}}@media only screen and (max-width:1024px){.resp-tabs-list li{padding:15px 13px}.resp-tab-active{padding:22px 17px 20px!important}}@media only screen and (max-width:959px){#parentHorizontalTab{padding-top:20px}.resp-tabs-list li{width:14.15%}.resp-tabs-list li .brand-icon{display:block}.resp-tabs-list li .brand-icon img{height:29px;width:auto}.prodctlisthead{padding:15px}.prodctlistheadlt{width:60%}.hometabbndicon img{height:130px}.prodctlistheadlt h2{padding-bottom:0;font-size:24px;line-height:24px}.prodctlistheadlt span{font-size:20px}.prodctlisthead p{font-size:15px;margin-top:10px}.resp-tabs-list li+li.resp-tab-active::before{height:46px}.tblraw{padding:0}.tblraw p{padding:10px 5px}.greenraw p{font-size:16px;padding:10px 5px 14px}.greenraw:before,.greenraw:after{background-position:0 bottom!important;height:52px}.tblraw .rawtwo{width:130px}.tblraw .rawthree{width:80px}.tblraw .rawfour,.tblraw .rawfive{width:90px}.tblraw .rawsix{width:90px}.btn-add-to-cart{padding:5px 8px}}@media only screen and (max-width:767px){#parentHorizontalTab{padding:20px 0 0}h2.resp-accordion img{width:auto}.prodctlistheadlt{width:100%}.prodctlistheadlt h2{font-size:20px;line-height:20px}.prodctlistheadlt span{font-size:16px;display:block}.prodctlisthead p{margin-top:5px;font-size:13px;line-height:20px}.greenraw{display:none}.prodctlisthead{border-bottom:1px solid #d9d5d6}.tblraw{padding:10px 0}.tblraw p{padding:5px 10px!important}.tblraw p.rawone{display:block;width:100%!important}.resp-tab-active:after{display:none}.customer-support{margin:0}.tblraw .rawtwo{text-align:left;width:50%;float:left}.tblraw .rawseven{width:50%;float:right;text-align:right}.rawthree,.rawfour,.rawfive,.rawsix{display:none!important}.cmdcategory .tblraw:first-child span+span{display:none!important}.cmdcategory .tblraw:first-child:after{border-width:8px!important;margin-top:-6px}.digicat .digiraw>div{flex-direction:column}.digicat .digiraw span{width:100%}.digicat .digiraw .fspan{margin:0}.digicat .digiraw span+span{border-left:none;padding:0;margin-top:0;font-size:14px}}.tabmainnsec{padding:60px 0 115px}.introcontent h1{font-size:35px;font-family:'yantramanavbold';line-height:40px;margin-bottom:15px;color:#4f4f4f}.introcontent .textcenter{font-size:16px}.homeaboutlink{margin-bottom:20px}.homeaboutlink a{color:#4f4f4f;text-decoration:none;background:url("../images/arrow-green.svg") no-repeat right 6px;padding-right:45px}.homeaboutlink a .button{padding:5px 10px;text-transform:uppercase;font-size:16px;display:inline-block;margin-right:10px;border-size:1px!important}.expandcontentuli li a:hover{text-decoration:none}.introcontent .learnmore{background:url("../images/learnmore-arrow.svg") no-repeat right 4px;padding-right:15px}.soulicon{background:url("../images/home-solution-icons.svg") no-repeat}.icon-Basic{background-position:22px 0}.solboxdtl:hover .icon-Basic{background-position:22px bottom}.icon-md{background-position:-154px 0}.solboxdtl:hover .icon-md{background-position:-154px bottom}.icon-wc{background-position:-331px 0}.solboxdtl:hover .icon-wc{background-position:-331px bottom}.icon-ev{background-position:-508px 0}.solboxdtl:hover .icon-ev{background-position:-508px bottom}.icon-cs{background-position:-684px 0}.solboxdtl:hover .icon-cs{background-position:-684px bottom}.cwatchome-bar{background:#1fc369;text-align:center}.cwatchome-bar hgroup{color:#fff}.cwatchome-bar hgroup h3{color:#fff}.cwatchome-bar hgroup p a{color:#fff}.security-boxes{margin:0 -10px}.cwbox{padding:0 10px;width:25%}.cwbox .cwboxdtl{padding:27px 18px 36px;background:#fff}.cwboxdtl .cwbox-icon{display:block;margin-bottom:30px}.cwboxdtl h4{font-size:24px;color:#848484;margin-bottom:20px}.cwboxdtl strong{font-size:18px;color:#1fc369;display:block;margin-bottom:30px}.cwboxdtl .greenlinebutton{color:#1fc369;border:1px solid #1fc369;font-size:16px;padding:6px 20px;text-transform:uppercase}.cwboxdtl .greenlinebutton:hover{background:#1fc369;color:#fff}.active-browser{position:relative}.active-browser:before{content:"";position:absolute;background:#d5d3d4;width:100%;top:274px;height:130px}.browserbarimg>img{display:block}.browser-trust{background:#fff;width:723px;z-index:999;margin-left:18.5%;position:relative}.browser-trust-text{border:13px solid #53a446;background:#fff;padding:25px;margin-bottom:10px}.browser-trust-text:before{content:"";position:absolute;height:0;width:0;border-right:34px solid transparent;border-top:46px solid #fff;top:124px;left:13px}.browser-trust h3{color:#53a446;font-size:30px;line-height:24px;padding-bottom:12px;display:none}.browser-trust span{float:left;margin-right:24px;margin-top:20px;display:none}.trustdtl{float:left;width:455px}.browser-trust p{font-size:21px}.browser-trust a{float:right;margin-top:10px}.browser-trust:before{content:"";position:absolute;height:0;width:0;border-right:52px solid transparent;border-top:72px solid #53a446;top:136px;left:0}.shopperwrap{position:relative}.shopperwrap:after{content:"";position:absolute;width:1px;height:170px;left:50%;top:16px;background:#d8d5d6}.shopperwrap .d-flex{justify-content:space-between}.shopperbox{width:46%;position:relative;background:#29306c;border-radius:4px;color:#e0e2ee}.shopperbox p a{color:#e0e2ee}.shopperbox:before{content:"";position:absolute;height:0;width:0;border-left:45px solid transparent;border-top:50px solid #29306c;top:100%;right:60px}.shopperbox+.shopperbox:before{left:60px;border-right:45px solid transparent;border-left:none}.shopperbox+.shopperbox:after{left:61px;border-right:none;border-left:none}.shopperboxinner{padding:50px;position:relative;height:100%}.shopperboxinner:before,.shopperboxinner:after{content:"";position:absolute;width:39px;height:36px}.shopperboxinner:before{background:url("../images/home-quote-lefttop.svg") no-repeat;left:10px;top:10px}.shopperboxinner:after{background:url("../images/home-quote-rightbot.svg") no-repeat;right:10px;bottom:10px}.shopperboxinner p{font-size:18px;font-style:italic;margin-bottom:30px}.shopperboxinner span{display:block;line-height:27px}.shopperboxinner span img{margin-left:5px}.shopper-logo{text-align:center;padding-top:60px}.shopper-logo p a{font-size:18px;margin-left:40px}.certmanage{background:url("../images/home-cert-management.svg") no-repeat center top}.mordernizecertmanage .hgroupcenter{padding-top:80px}.mordernizecertmanage .hgroupcenter h3{font-size:48px;line-height:48px}.mordernizecertmanage .hgroupcenter p{font-size:24px;line-height:32px}.certmanagedecp p{font-size:24px;line-height:28px;margin-bottom:30px}.certpopover{height:557px;width:927px;margin:0 auto;position:relative}.popover-icon{position:absolute;height:80px;width:80px}.popover-icon>span{height:80px;width:80px;border-radius:50%;position:absolute;cursor:pointer}.popover-icon>span img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popover-icon .popoverdtl{display:none;padding:50px 60px;color:#fff;width:595px;position:absolute;z-index:1}.popover-icon:hover .popoverdtl{display:block}.popoverdtl:before{content:'';position:absolute;height:0;width:0;opacity:.95}.popoverdtl:after{content:'';opacity:.95;width:100%;height:100%;top:0;position:absolute;left:0}.popoverdtl h4{font-size:32px}.popoverdtl p{font-size:16px}.popoverdtl .cmtext{width:82%;padding-left:20px}.popoverdtl>div{position:relative;z-index:2}.discovery .popoverdtl{top:37px;left:143px}.discovery>span{background:#f07725}.discovery{top:40px;left:12px}.discovery .popoverdtl:before{right:100%;top:0;border-bottom:48px solid transparent;border-right:55px solid #f07725}.discovery .popoverdtl:after{background:#f07725;left:0}.automation .popoverdtl{top:-268px;left:-325px}.automation>span{background:#29306c}.automation{top:320px;left:495px}.automation .popoverdtl:before{top:100%;left:377px;border-right:48px solid transparent;border-top:60px solid #29306c}.automation .popoverdtl:after{background:#29306c}.automation .popoverdtl p{font-size:14px}.manage-monitor .popoverdtl{top:142px;right:40px;width:465px}.manage-monitor>span{background:#4f4f4f}.manage-monitor{top:-20px;right:232px}.manage-monitor .popoverdtl:before{bottom:100%;right:0;border-left:48px solid transparent;border-bottom:55px solid #4f4f4f}.manage-monitor .popoverdtl:after{background:#4f4f4f}.autprenewals .popoverdtl{top:-67px;right:157px;width:525px}.autprenewals>span{background:#53a446}.autprenewals{top:170px;right:-13px}.autprenewals .popoverdtl:before{left:100%;top:57px;border-top:50px solid transparent;border-left:70px solid #53a446}.autprenewals .popoverdtl:after{background:#53a446}.autprenewals .popoverdtl p{font-size:14px}.billsection{padding:115px 0}.billsection .billeft{width:375px;float:left;text-align:center}.billeft span{display:block}.billeft span+span{margin-top:30px}.billeft span img{display:inline}.billsection .billeft .smeimg{text-align:center}.billsection .billright{text-align:center}.billright .partnerlogos{margin-bottom:30px}.partnerlogos img{display:inline}.billright p{font-size:20px;line-height:26px}.billright p label{display:block;margin:15px 0 0 0;font-size:18px}.billright a{line-height:30px;margin-top:46px}.map-section{background:#29306c}.locationbg{background:url(../images/img-world.svg) no-repeat center;background-position-y:98px}.locationbg h5{color:#f07725;font-size:56px;line-height:46px;text-align:center;margin-bottom:15px}.locationbg h6{color:#e9e9e9;font-size:26px;text-align:center}.worldlist{margin-top:380px}.worldlist ul{list-style:none;float:left;width:100%;padding:0 20px}.worldlist ul li{float:left;position:relative;width:25%;padding:0 20px}.worldlist ul li a{display:block;padding:20px;text-align:center;color:#292e6b;text-decoration:none;position:relative}.worldlist ul li a:before{content:"";height:100%;width:100%;position:absolute;background:#fff;opacity:.5;left:0;top:0}.worldlist ul li a:hover:before{background:#fff;opacity:1}.worldlist ul li .field-tip{display:none;text-align:left;height:auto;margin-bottom:0;line-height:22px;position:absolute;width:310px;padding:34px 40px;background:#e1e3ee;z-index:999;color:#2a326b;font-weight:bold;top:100%}.worldlist ul li:hover .field-tip{display:block;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out}.field-tip:before{content:' ';position:absolute;height:0;width:0;border-bottom:20px solid #e1e3ee;bottom:100%}.fieldtip-left:before{left:0;border-right:30px solid transparent}.fieldtip-right:before{right:0;border-left:30px solid transparent}.fieldtip-left{left:50%}.fieldtip-right{right:50%}.worldlist ul li label{font-size:20px;line-height:22px;display:block;text-align:center;position:relative;font-family:'yantramanavbold'}.worldlist ul li a:hover{color:#292e6b}.service-icon{display:block;margin:0 0 15px;text-align:center;position:relative}.priceloader{min-height:100px;position:relative}.priceloader:after{content:"";position:absolute;background:url(../images/loading.gif) no-repeat center center #ebebeb;height:100%;width:100%;opacity:.8;top:0;padding:0;left:0}.grid-dc-banner{margin:0 9px 0 8px}#tabs-2 #griddcbannerd{margin:0 1px 0 0}.grid-dctbl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#1b75bc;padding:25px}.grid-dc-banner span.dcbantext{font-family:'yantramanavbold';color:#fff;font-size:24px;text-align:center}.grid-dc-banner .button{font-size:16px;text-transform:uppercase;padding:7px 20px}.hometabctl li{padding:6px;background:#ededee}.hometabctl li:first-child{border-radius:40px 0 0 40px}.hometabctl li:last-child{border-radius:0 40px 40px 0}.hometabctl li a{padding:10px 20px 9px;color:#898db3;text-decoration:none;font-family:'yantramanavbold';font-size:20px;border-radius:30px;width:220px;text-align:center}.hometabctl li a img{margin-right:10px;align-self:center}.hometabctl li a img+img{display:none}.hometabctl li.ui-tabs-active a{background:#29306c;color:#fff}.hometabctl li.ui-tabs-active a img:first-child{display:none}.hometabctl li.ui-tabs-active a img+img{display:block}.tabshome #parentHorizontalTab{padding:0}.tabshome .resp-tabs-list{width:100%!important}.tabshome .resp-tabs-list li{border:none!important;border-radius:0!important;padding:20px 22.7px 20px 23.3px}.tabshome .resp-tabs-list .resp-tab-active{background-color:#fff;border-top:1px solid #d9d5d6!important;border-right:1px solid #d9d5d6!important;border-left:1px solid #d9d5d6!important;border-image:initial!important;margin:0 0 -1px!important;padding:32px 22px 21px 22.3px!important;border-bottom:none!important}.tabshome .resp-tabs-list .ui-tabs-active{background:#fff;padding:0;font-size:18px}.tabshome .resp-tabs-list .ui-tabs-active .tabtext1{display:block!important;background:#29306c;padding:10px 15px 13px 15px;color:#fff}.tabshome .resp-tabs-list .ui-tabs-active .tabtext2{display:none;padding:10px;background:#1fc369}.tabshome .resp-tabs-list li img{width:153px;height:35px}.webcardwrp{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.webcardwrp li{text-align:center;display:flex;flex-direction:column;justify-content:center;padding:20px;background:#fff;border:1px solid #d9d5d6}.webcardwrp li img{margin:0 auto 20px;max-width:100%}.webcardwrp li h4{font-size:22px;margin-bottom:10px}.webcardwrp li p{font-size:14px;line-height:20px;font-weight:normal;margin:10px 0 20px 0}.webcardwrp li span{display:block;margin-bottom:5px}.webcardwrp li .homeprice{font-size:30px;line-height:34px;font-family:'yantramanavbold';color:#54a447;display:block;margin-bottom:20px}.webcardwrp li .homeprice span{display:inline-block;font-size:14px;color:#4f4f4f;margin-bottom:0;line-height:normal}.webcardwrp li p.home-prodetails{font-size:12px;line-height:18px;margin-top:20px}.webcardwrp li .smallbutton{padding:8px 15px;margin:auto auto 0 auto}.pkiwebcard{min-height:44px}.home-pki h4{font-size:30px;color:#29306c}.home-pki .fourboxgrid{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.home-pki li{padding:25px 10px;text-align:center;background:#29306c;color:#fff}.home-pki li p{font-size:22px;line-height:22px;font-weight:normal;margin-top:10px;font-family:'yantramanavbold'}.home-pki li span{display:block}.hashedout-section{position:relative}.hashedout-section:after{content:'';background:#53a044;position:absolute;height:100%;width:50%;top:0;right:0;z-index:-1}.hologo{width:26%;text-align:center;padding-right:8%}.hobanner{width:74%;background:#53a044;padding:40px 0 40px 10px;color:#fff;position:relative}.hobanner:before{content:'';height:0;width:0;border-top:240px solid #53a044;border-left:100px solid transparent;position:absolute;right:100%;top:0}.hobanner>div:first-child{width:45%}.hobanner>div:last-child{width:55%;padding-left:4%}.hobanner-text h4{font-size:24px;margin-bottom:20px}.hobanner-text p{font-size:16px;margin-bottom:20px}.hobanner-text .whitelinebutton:hover{color:#53a044}.ho-posts a{color:#fff}.ho-posts ul li{background:url(../images/hashedout-icon-white.svg) no-repeat;padding-left:25px;line-height:28px;font-size:13px;margin-bottom:17px;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.ho-posts p a{text-decoration:none;background:url("../images/arrow-white.svg") no-repeat right center;font-family:'yantramanavbold';text-transform:uppercase;font-weight:normal;font-size:16px;padding-right:35px}@media only screen and (max-width:1199px){.tabshome .resp-tabs-list li{padding:20px 20.9px 20px 20.9px!important}.tabshome .resp-tabs-list .resp-tab-active{padding:32px 20.9px 21px 20.9px!important}.tabmainnsec{padding:0}.homefootlink{padding:0}.active-browser::before{display:none}.billsection{padding:40px 0}.billsection .billeft{width:35%}.billsection .billright{width:60%}.certpopover{margin-top:2%}.hashedout-section .cntwrapper{padding:0!important}.hobanner{padding:40px 15px}.hobanner>div:last-child{padding-left:2%}.hobanner::before{border-top:269px solid #53a044;border-left:80px solid transparent}.wstabdetail ul li p{min-height:inherit}.wstabdetail ul li p br{display:none}.wstabdetail li img{max-height:70px}}@media only screen and (max-width:1024px){.tabshome .resp-tabs-list li{padding:15px 13px!important}.tabshome .resp-tabs-list .resp-tab-active{padding:27px 13px 16px!important}.tabshome .resp-tabs-list li+li.resp-tab-active::before{top:11px;height:62px}.webcardwrp li h4 br{display:none}.pkiwebcard{min-height:inherit}}@media only screen and (max-width:992px){.fullbanner{padding-bottom:40px}.homeslideshow li.slide,.fullbanner{height:auto}.homeslideshow .mobshow{text-align:center}.introcontent h1{font-size:30px;line-height:30px}.customer-support{padding:15px}.customer-support p{font-size:20px}.browser-trust{padding:0 20px;width:100%;margin-left:0}.browser-trust-text{margin-bottom:20px}.trustdtl{width:75%}.browser-trust a{margin-top:0!important}.browser-trust::before{left:19%;top:100%;border-right-width:48px!important;border-top-width:62px!important}.browser-trust-text::before{top:90%;left:20%}.shopperboxinner{padding:50px 40px}.shopperboxinner p{font-size:15px}.billsection{padding:20px 0}.billsection .billeft{width:47%}.billsection .billright{width:50%}.billright p{font-size:15px}.billright .partnerlogos{margin-bottom:10px}.billright p label{margin:10px 0 0 0;text-align:right;font-size:15px}.billright a{font-size:22px;margin-top:20px}.locationbg{background-size:100%}.locationbg h5{font-size:48px}.worldlist{margin-top:25%}.worldlist ul{padding:0}.worldlist ul li{padding:0 10px;width:25%}.worldlist ul li+li{margin-left:0}.cwbox .cwboxdtl{padding:15px}.cwboxdtl .cwbox-icon{margin-bottom:20px}.cwboxdtl .cwbox-icon img{height:90px}.cwboxdtl .greenlinebutton{margin-top:0;font-size:15px}.cwboxdtl strong{margin-bottom:20px;font-size:13px}#cwpnl p{padding:15px 10px}.certmanage{background:none}.mordernizecertmanage .hgroupcenter{padding-top:0}.mordernizecertmanage .hgroupcenter h3{font-size:32px;line-height:32px}.mordernizecertmanage .certmanagedecp p,.mordernizecertmanage .hgroupcenter p{font-size:18px;line-height:24px}.certmanagedecp p{margin-bottom:0}.certpopover{height:auto;width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;margin-top:0}.popover-icon{position:relative;top:inherit;left:inherit;right:inherit;bottom:inherit;padding:0 7px;width:25%;height:auto}.popover-icon>span{display:none}.popover-icon .popoverdtl{display:block;width:100%;height:100%;position:relative;top:inherit;left:inherit;right:inherit;bottom:inherit;padding:20px 15px}.popoverdtl::before{display:none}.popover-icon .popoverdtl .d-flex{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;text-align:center}.popoverdtl .cmtext{padding:20px 0 0;width:100%}.popoverdtl h4{font-size:24px}.popoverdtl .cmicon img{height:40px;width:auto}.bestsell,.newproduct{display:none}.digicertprogrid .rawone{width:36%}.digicat .digiraw:first-child div{padding:15px 5px}.hologo{padding-right:0}.hobanner{padding:20px}.hobanner:before{display:none}.hobanner>div{width:100%!important;text-align:left}.hobanner>div:first-child{margin-bottom:30px}.hobanner-text p,.hobanner-text h4{margin-bottom:15px}.hobanner>div:last-child{padding-left:0}.ho-posts ul li{margin-bottom:10px}}@media only screen and (max-width:800px){.grid-dc-banner span.dcbantext{font-size:20px}}@media only screen and (max-width:767px){.introcontent h1{font-size:26px;line-height:28px}.introcontent .textcenter br{display:none}.homeaboutlink a .button{padding:5px 8px;font-size:14px}.introcontent .learnmore{background-position:right 2px}.customer-support p,.customer-support .icon-operator{float:none}.meetusbtn{float:left}.shopperwrap .d-flex{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}.shopperbox{width:100%}.shopperbox+.shopperbox{margin-top:20px}.shopperbox:after,.shopperbox:before,.shopperwrap:after{display:none}.shopperboxinner{padding:30px 20px}.shopperboxinner:before,.shopperboxinner:after{background-size:16px;height:16px;width:16px}.shopperboxinner p{margin-bottom:10px;font-size:13px}.shopper-logo{padding-top:20px}.shopper-logo p a{font-size:15px}.billsection .billeft{width:100%;text-align:center}.billsection .billright{width:100%;text-align:center;margin-top:20px}.billright a{float:none;display:inline-block}.billright p{font-size:13px;line-height:20px}.billright p label{text-align:center;font-size:13px}.locationbg h5{font-size:30px;line-height:24px}.locationbg h6{font-size:16px}.worldlist{margin-top:20px}.worldlist ul li{width:50%;margin-bottom:20px}.worldlist ul li .field-tip{display:none!important}.map-section .cntwrapper{padding-bottom:0!important}.cwbox{width:50%;margin:10px 0}.mordernizecertmanage .hgroupcenter h3{font-size:24px;line-height:24px}.mordernizecertmanage .certmanagedecp p,.mordernizecertmanage .hgroupcenter p{font-size:15px;line-height:20px}.mordernizecertmanage .certmanagedecp p{margin-bottom:15px}.popover-icon{width:50%;margin-bottom:10px;padding:0 5px}.popover-icon .popoverdtl{padding:15px}.popoverdtl h4{font-size:20px}.browser-trust{padding:0}.browser-trust-text{padding:15px;text-align:center}.trustdtl{width:100%;margin-bottom:15px;float:none}.browser-trust p{font-size:15px}.browser-trust a{float:none}.browser-trust::before{border-right-width:40px!important;border-top-width:52px!important}.browser-trust-text:before{display:none}#tabs-2 #griddcbannerd{display:block!important}.hashedout-section:after{display:none}.hashedout-section .cntwrapper>.d-flex>div{width:100%!important}.hologo{padding:20px}.hometabctl li{padding:3px}.hometabctl li a{width:auto;font-size:16px}.home-pki h4{font-size:24px}.grid-dctbl span{width:100%;text-align:center}.grid-dctbl span+span{margin-top:10px}}@media only screen and (max-width:640px){.tabmainnsec{padding:20px 0 0 0}}@media only screen and (max-width:480px){.commonulli li{margin-bottom:5px}.expandcontent h2{font-size:24px;line-height:1;margin-bottom:0}.expandcontent h3{letter-spacing:-.011em;font-size:24px}.encryptioncoming p{font-size:24px;margin:15px 0}.worldlist ul li label{font-size:16px;line-height:18px}.activetrusticon img{height:50px}.popover-icon{width:100%;padding:0}.certmanagedecp .button+.button{margin-top:15px}.popoverdtl .cmtext{padding-top:10px}.browser-trust::before{border-right-width:30px!important;border-top-width:42px!important}.hometabctl li a{padding:8px 15px 7px;font-size:14px}.hometabctl li a img{display:none!important}}@media only screen and (max-width:360px){.map-section .cntwrapper{padding-bottom:10px!important}.encryptionbtns a+a{margin:15px 0 0 0}.security-boxes{margin:0}.cwbox{width:100%;padding:0;margin:5px 0}.browser-trust::before{border-top-width:30px!important}}@media only screen and (max-width:320px){.service-icon{height:90px}}.profitslider{position:relative}.profitslider .bxslider>li{padding:0 70px}.profitslider .slideltcnt{float:left;width:510px;padding-top:15px}.profitslider span{float:right}.profitslider .bx-pager{display:none}.profitslider .bx-controls-direction{position:absolute;width:100%;top:50%;margin-top:-11px;left:0}.profitslider .bx-controls-direction a{text-indent:-9999em;height:0;width:0;border-top:11px solid transparent;border-bottom:11px solid transparent;display:block}.profitslider .bx-controls-direction a.bx-prev{border-right:18px solid #f07725;float:left}.profitslider .bx-controls-direction a.bx-next{border-left:18px solid #f07725;float:right}.profitslider .slideltcnt h3{font-size:46px;line-height:40px;color:#f07725;padding-bottom:12px}.profitslider .slideltcnt p{font-size:18px;color:#29306c;margin-bottom:30px}.profitslider .slideltcnt a{font-size:24px}.solutionbox{float:left;padding:0 18px;width:20%}.solboxdtl{border:1px solid #d9d5d6;padding:20px 0;text-align:center}.solboxdtl span img{display:inline}.solboxdtl h4{font-size:18px;color:#fff;background:#53a446;padding:24px 0;position:relative;font-family:"yantramanavbold"}.solboxdtl h4:before,.solboxdtl h4:after{content:"";position:absolute;width:9px;height:77px;top:0}.solboxdtl h4:before{left:-9px;background:url("../images/title-triangle-left.svg") no-repeat}.solboxdtl h4:after{right:-9px;background:url("../images/title-triangle-right.svg") no-repeat}.solboxdtl:hover .solu-icon{display:none!important}.solboxdtl .solu-icon-h{display:none}.solboxdtl:hover .solu-icon-h{display:inline-block}.solboxdtl a{font-size:14px;text-transform:uppercase;padding:7px 18px;line-height:14px}.soulicon{display:block;width:125px;height:74px;margin:22px auto}.trustslider{position:relative;background:#e9e9e9;overflow:hidden;padding:28px 0;height:200px}.trustslider h4{font-size:28px;text-transform:uppercase;line-height:1;margin-bottom:15px;text-align:center;font-family:'yantramanavbold'}.trustslider:before,.trustslider:after{content:"";height:0;width:0;border-top:100px solid transparent;border-bottom:100px solid transparent;top:0;position:absolute}.trustslider:before{left:0;border-left:50px solid #fff}.trustslider:after{right:0;border-right:50px solid #fff}.trustslider .bx-viewport{width:83%!important;margin:0 auto}.trustslider .bx-controls-direction{display:none}.trustslider .bx-viewport ul li{text-align:center;border-right:1px solid #d8d5d6;padding:0 25px;box-sizing:border-box}.trustslider .bx-default-pager{position:absolute;width:100%;text-align:center;bottom:10px}.trustslider .bx-default-pager .bx-pager-item{display:inline-block;bottom:0}.trustslider .bx-default-pager .bx-pager-item a{background:#cbccce;border-radius:50%;display:block;height:8px;position:relative;text-decoration:none;text-indent:-9999px;width:8px}.trustslider .bx-default-pager .bx-pager-item a.active,.trustslider .bx-default-pager .bx-pager-item a:hover{background:#f07725}.trustslider .bx-default-pager .bx-pager-item+.bx-pager-item{margin-left:10px}.blogbannerlt{float:left;position:relative;width:78%;background:#53a044;height:176px;padding-right:20px;box-sizing:border-box}.blogbannerlt:before{content:"";background:#53a044;position:absolute;right:100%;top:0;width:30000px;height:100%}.blogbannerlt:after{content:"";position:absolute;border-top:88px solid transparent;border-bottom:88px solid transparent;border-left:40px solid #53a044;left:100%;top:0}.blogbannerlt p{margin:65px 0 0 0;font-size:42px;line-height:38px;color:#fff;font-family:'yantramanavbold';float:left}.blogbtnctl{margin-top:57px;float:right}.blogbtnctl:hover{color:#53a044}.bloglogo{margin:20px 0 0 0;float:right;text-align:center}.bloglogo a{margin:18px 0 0 0}@media only screen and (max-width:1199px){.hashedout-section .cntwrapper{padding:0 10px}}@media only screen and (max-width:1024px){.profit-section .trustslider{margin:40px 0 0 0}.profit-section{padding:0}.profitslider .slideltcnt{width:60%}}@media only screen and (max-width:992px){.profit-section{padding:0}.profitslider .bxslider>li{padding:0 40px}.profitslider .slideltcnt h3{font-size:36px;line-height:36px}.profitslider .slideltcnt p{font-size:15px;margin-bottom:15px}.profitslider ul li span img{height:231px;width:auto}.solution-boxes{padding:0}.solutionbox{width:33.33333%;margin:0 0 20px}.flex-viewport{margin:0 80px}.blogbannerlt{width:70%}.blogbannerlt p{font-size:24px}.bloglogo{padding-right:0}}@media only screen and (max-width:767px){.profit-section{padding-top:20px}.profitslider span{float:none;display:block;text-align:center}.profitslider span img{max-height:120px}.profitslider .slideltcnt{width:100%;text-align:center}.profitslider .slideltcnt p{font-size:13px}.profitslider .slideltcnt a{float:none;display:inline-block}.profitslider .slideltcnt h3{font-size:24px!important;line-height:24px!important}.trustslider .bx-viewport{width:75%!important}.trustslider{padding:20px 0;height:150px}.trustslider h4{font-size:16px}.trustslider:before,.trustslider:after{border-bottom:75px solid transparent;border-top:75px solid transparent}.trustslider::before{border-left:40px solid #fff}.trustslider::after{border-right:40px solid #fff}.hashedout-section .cntwrapper{padding:0!important}.blogbannerlt:after,.blogbannerlt:before{display:none}.blogbannerlt{width:100%;padding:0;text-align:center}.blogbannerlt p{width:100%;margin-top:30px}.blogbtnctl{float:none;margin-top:20px}.bloglogo{width:100%}.solutionbox{width:100%}}@media only screen and (max-width:640px){.hashedout-section .cntwrapper{padding:0 0 20px!important}.bx-has-controls-direction{display:none}.profitslider .bx-has-controls-direction{display:block}}@media only screen and (max-width:480px){.trustslider .bx-viewport{width:60%!important}}

/* ============================================================
   4. PAGE-SPECIFIC STYLES (namespaced with .xxx-page wrappers)
   ============================================================ */
   PAGE-SPECIFIC STYLES (with namespace wrappers)
   ============================================================ */

/* --- ABOUT PAGE --- */
.about-page .modern-about-hero { background: linear-gradient(135deg, var(--secondary) 0%, #1e3a8a 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.about-page .modern-about-hero span { font-size: 14px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #93c5fd;display: block;margin-bottom: 15px; }
.about-page .modern-about-hero h1 { font-size: 42px;font-weight: 800;margin: 0; }
.about-page .modern-about-section { padding: 60px 0; }
.about-page .modern-about-section.light-bg { background-color: #f8fafc;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0; }
.about-page .about-grid-2 { display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center; }
@media (max-width: 991px) {
  .about-page .about-grid-2 { grid-template-columns: 1fr; }
}
.about-page .about-text h2 { font-size: 32px;font-weight: 700;color: var(--secondary);margin-bottom: 20px;line-height: 1.3; }
.about-page .about-text p { font-size: 16px;color: var(--text-secondary);line-height: 1.7;margin-bottom: 20px; }
.about-page .about-image img { max-width: 100%;border-radius: 16px;box-shadow: var(--shadow-xl); }
.about-page .stat-banner { background-color: var(--primary);color: white;text-align: center;padding: 40px 20px;font-size: 24px;font-weight: 600;border-radius: 12px;margin: 40px 0;box-shadow: var(--shadow-lg); }
.about-page .flip-cards-grid { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-top: 40px; }
@media (max-width: 991px) {
  .about-page .flip-cards-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .about-page .flip-cards-grid { grid-template-columns: 1fr; }
}
.about-page .feature-card { background: #ffffff;padding: 30px;border-radius: 16px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0;transition: all 0.3s ease; }
.about-page .feature-card:hover { box-shadow: var(--shadow-lg);transform: translateY(-5px); }
.about-page .feature-card h3 { font-size: 20px;font-weight: 700;color: var(--secondary);margin-bottom: 15px; }
.about-page .feature-card p { color: var(--text-secondary);line-height: 1.6;margin: 0; }
.about-page .core-values-grid { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-top: 50px; }
@media (max-width: 991px) {
  .about-page .core-values-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .about-page .core-values-grid { grid-template-columns: 1fr; }
}
.about-page .value-card { text-align: center;padding: 30px;background: white;border-radius: 16px;box-shadow: var(--shadow-sm);border: 1px solid transparent;transition: all 0.3s ease; }
.about-page .value-card:hover { transform: translateY(-3px);box-shadow: var(--shadow-md);border-color: #e2e8f0; }
.about-page .value-card img { height: 80px;margin-bottom: 20px; }
.about-page .value-card h4 { font-size: 18px;font-weight: 700;color: var(--secondary);margin-bottom: 15px; }
.about-page .value-card p { color: var(--text-secondary);font-size: 15px;line-height: 1.6; }
.about-page .solutions-grid { display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-top: 40px; }
@media (max-width: 991px) {
  .about-page .solutions-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
  .about-page .solutions-grid { grid-template-columns: 1fr; }
}
.about-page .solution-box { background: white;border: 1px solid #e2e8f0;border-radius: 16px;padding: 30px 20px;text-align: center;transition: all 0.3s ease; }
.about-page .solution-box:hover { box-shadow: var(--shadow-md);border-color: var(--primary); }
.about-page .solution-box h4 { color: var(--secondary);font-size: 20px;font-weight: 700;margin-bottom: 15px; }
.about-page .solution-box p { color: var(--text-secondary);font-size: 14px;margin-bottom: 20px;line-height: 1.5; }


/* --- BLOG DETAIL PAGE --- */
.blog-detail-page .blog-detail-wrapper { max-width: 900px;margin: 0 auto;padding: 40px 0; }
.blog-detail-page .blog-detail-header { text-align: center;padding-bottom: 30px;border-bottom: 2px solid var(--border-color);margin-bottom: 40px; }
.blog-detail-page .blog-meta-detail { display: flex;justify-content: center;align-items: center;gap: 20px;margin-bottom: 20px;flex-wrap: wrap; }
.blog-detail-page .blog-category-badge { background: var(--btn-primary);color: var(--btn-text);padding: 6px 16px;border-radius: 3px;font-size: 12px;font-family: var(--font-heading);text-transform: uppercase; }
.blog-detail-page .blog-author, .blog-detail-page .blog-date-detail { color: var(--text-muted);font-size: 14px; }
.blog-detail-page .blog-detail-header h1 { font-size: 38px;color: var(--primary);line-height: 1.3;margin-bottom: 20px;font-family: var(--font-heading); }
.blog-detail-page .blog-summary { font-size: 18px;color: var(--text-muted);line-height: 1.6;max-width: 700px;margin: 0 auto; }
.blog-detail-page .blog-featured-image { margin-bottom: 40px;border-radius: 8px;overflow: hidden; }
.blog-detail-page .blog-featured-image img { width: 100%;height: auto;display: block; }
.blog-detail-page .blog-main-content { font-size: 16px;line-height: 1.8;color: var(--text-color); }
.blog-detail-page .blog-main-content p { margin-bottom: 20px; }
.blog-detail-page .blog-main-content h2, .blog-detail-page .blog-main-content h3 { color: var(--primary);font-family: var(--font-heading);margin: 30px 0 15px; }
.blog-detail-page .blog-main-content h2 { font-size: 28px; }
.blog-detail-page .blog-main-content h3 { font-size: 22px; }
.blog-detail-page .blog-main-content ul, .blog-detail-page .blog-main-content ol { margin: 20px 0;padding-left: 25px; }
.blog-detail-page .blog-main-content li { margin-bottom: 8px;line-height: 1.6; }
.blog-detail-page .blog-main-content a { color: var(--btn-primary);text-decoration: underline; }
.blog-detail-page .blog-main-content a:hover { color: var(--primary); }
.blog-detail-page .blog-main-content img { max-width: 100%;height: auto;border-radius: 4px;margin: 20px 0; }
.blog-detail-page .related-posts-section { margin-top: 60px;padding-top: 40px;border-top: 2px solid var(--border-color); }
.blog-detail-page .related-posts-section h3 { font-size: 28px;color: var(--primary);margin-bottom: 30px;text-align: center;font-family: var(--font-heading); }
.blog-detail-page .related-posts-grid { display: flex;gap: 25px;flex-wrap: wrap; }
.blog-detail-page .related-post-card { flex: 1;min-width: 250px;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 8px;overflow: hidden;transition: all 0.3s ease;display: flex;flex-direction: column; }
.blog-detail-page .related-post-card:hover { box-shadow: var(--shadow-md);transform: translateY(-5px); }
.blog-detail-page .related-post-image { display: block;height: 180px;overflow: hidden; }
.blog-detail-page .related-post-image img { width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease; }
.blog-detail-page .related-post-card:hover .related-post-image img { transform: scale(1.05); }
.blog-detail-page .related-post-placeholder { width: 100%;height: 100%;background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);display: flex;align-items: center;justify-content: center; }
.blog-detail-page .related-post-placeholder span { color: #fff;font-family: var(--font-heading); }
.blog-detail-page .related-post-content { padding: 20px;flex-grow: 1;display: flex;flex-direction: column; }
.blog-detail-page .related-post-content h4 { font-size: 16px;line-height: 1.4;margin-bottom: 10px;font-family: var(--font-heading); }
.blog-detail-page .related-post-content h4 a { color: var(--primary);text-decoration: none;transition: color 0.3s ease; }
.blog-detail-page .related-post-content h4 a:hover { color: var(--btn-primary); }
.blog-detail-page .related-post-date { color: var(--text-muted);font-size: 13px;margin-top: auto; }
@media (max-width: 768px) {
  .blog-detail-page .blog-detail-header h1 { font-size: 28px; }
  .blog-detail-page .blog-summary { font-size: 16px; }
  .blog-detail-page .related-posts-grid { flex-direction: column; }
  .blog-detail-page .related-post-card { min-width: 100%; }
}


/* --- BLOG LIST PAGE --- */
.blog-list-page .blog-categories-filter { text-align: center;padding: 20px 0; }
.blog-list-page .category-filter-btn { display: inline-block;padding: 8px 20px;margin: 5px;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 20px;color: var(--text-muted);text-decoration: none;font-family: var(--font-heading);font-size: 14px;transition: all 0.3s ease; }
.blog-list-page .category-filter-btn:hover { background: var(--btn-primary);border-color: var(--btn-primary);color: var(--btn-text); }
.blog-list-page .category-filter-btn.active { background: var(--primary);border-color: var(--primary);color: var(--btn-text); }
.blog-list-page .blog-grid-wrapper { display: flex;flex-wrap: wrap;margin: 40px -15px 0; }
.blog-list-page .blog-card { width: 33.333%;padding: 15px;box-sizing: border-box; }
.blog-list-page .blog-card-inner { background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 8px;overflow: hidden;transition: box-shadow 0.3s, transform 0.3s;height: 100%;display: flex;flex-direction: column; }
.blog-list-page .blog-card-inner:hover { box-shadow: var(--shadow-md);transform: translateY(-4px); }
.blog-list-page .blog-card-image { display: block;position: relative;overflow: hidden;height: 240px; }
.blog-list-page .blog-card-image img { width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease; }
.blog-list-page .blog-card-inner:hover .blog-card-image img { transform: scale(1.05); }
.blog-list-page .blog-placeholder-image { width: 100%;height: 100%;background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);display: flex;align-items: center;justify-content: center; }
.blog-list-page .blog-placeholder-image span { color: #fff;font-family: var(--font-heading);font-size: 16px; }
.blog-list-page .blog-card-overlay { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(41, 48, 108, 0.8);opacity: 0;transition: opacity 0.3s ease;display: flex;align-items: center;justify-content: center; }
.blog-list-page .blog-card-inner:hover .blog-card-overlay { opacity: 1; }
.blog-list-page .read-more-btn { color: #fff;font-family: var(--font-heading);font-size: 16px;padding: 10px 25px;border: 2px solid #fff;border-radius: 3px; }
.blog-list-page .blog-card-content { padding: 20px;flex-grow: 1;display: flex;flex-direction: column; }
.blog-list-page .blog-meta { display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid var(--border-color); }
.blog-list-page .blog-category { background: var(--btn-primary);color: var(--btn-text);padding: 4px 12px;border-radius: 3px;font-size: 12px;font-family: var(--font-heading);text-transform: uppercase; }
.blog-list-page .blog-date { color: var(--text-muted);font-size: 13px; }
.blog-list-page .blog-card-title { font-size: 20px;line-height: 1.4;margin-bottom: 10px;font-family: var(--font-heading); }
.blog-list-page .blog-card-title a { color: var(--primary);text-decoration: none;transition: color 0.3s ease; }
.blog-list-page .blog-card-title a:hover { color: var(--btn-primary); }
.blog-list-page .blog-card-excerpt { color: var(--text-muted);line-height: 1.6;font-size: 14px;margin-bottom: 0; }
.blog-list-page .no-results { text-align: center;padding: 60px 20px;width: 100%; }
.blog-list-page .no-results h3 { color: var(--primary);font-family: var(--font-heading);font-size: 28px;margin-bottom: 15px; }
.blog-list-page .no-results p { color: var(--text-muted);font-size: 16px;margin-bottom: 25px; }
.blog-list-page .pagination-wrapper { text-align: center;padding: 40px 0 20px; }
@media (max-width: 992px) {
  .blog-list-page .blog-card { width: 50%; }
}
@media (max-width: 768px) {
  .blog-list-page .blog-card { width: 100%; }
  .blog-list-page .category-filter-btn { font-size: 12px;padding: 6px 15px; }
}


/* --- BRANDS PAGE --- */
.brands-page .modern-page-hero { background: linear-gradient(135deg, #1e3a8a 0%, #312e81 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.brands-page .modern-page-hero span { font-size: 14px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #93c5fd;display: block;margin-bottom: 15px; }
.brands-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0; }
.brands-page .modern-page-section { padding: 60px 0; }
.brands-page .modern-page-section.light-bg { background-color: #f8fafc;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0; }
.brands-page .section-header { text-align: center;margin-bottom: 50px;max-width: 800px;margin-left: auto;margin-right: auto; }
.brands-page .section-header h2 { font-size: 36px;font-weight: 800;color: var(--secondary);margin-bottom: 20px; }
.brands-page .section-header p { font-size: 18px;color: var(--text-secondary);line-height: 1.6; }
.brands-page .modern-brands-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 30px; }
.brands-page .modern-brand-card { background: white;border-radius: 16px;overflow: hidden;border: 1px solid #e2e8f0;box-shadow: var(--shadow-sm);transition: all 0.3s ease;display: flex;flex-direction: column; }
.brands-page .modern-brand-card:hover { box-shadow: var(--shadow-lg);transform: translateY(-5px);border-color: #cbd5e1; }
.brands-page .brand-logo-area { padding: 40px;background: #f8fafc;text-align: center;border-bottom: 1px solid #e2e8f0;display: flex;align-items: center;justify-content: center;min-height: 140px; }
.brands-page .brand-logo-area img { max-height: 50px;max-width: 100%;filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.05)); }
.brands-page .brand-logo-area h3 { font-size: 24px;color: var(--secondary);font-weight: 800;margin: 0; }
.brands-page .brand-details { padding: 30px;flex: 1;display: flex;flex-direction: column; }
.brands-page .brand-details h3 { font-size: 20px;color: var(--secondary);margin-bottom: 10px;font-weight: 700; }
.brands-page .brand-details p { color: var(--text-secondary);font-size: 15px;line-height: 1.6;margin-bottom: 25px;flex: 1; }
.brands-page .brand-badge { display: inline-flex;align-items: center;background: #eff6ff;color: var(--primary);padding: 8px 16px;border-radius: 20px;font-size: 14px;font-weight: 700;margin-bottom: 25px;align-self: flex-start; }
.brands-page .brand-badge span { background: var(--primary);color: white;padding: 2px 8px;border-radius: 10px;margin-right: 8px;font-size: 12px; }
.brands-page .brand-action-btn { display: block;width: 100%;text-align: center;padding: 14px;background: var(--secondary);color: white;text-decoration: none;border-radius: 8px;font-weight: 600;font-size: 15px;transition: background-color 0.2s; }
.brands-page .brand-action-btn:hover { background: #0f172a;color: white;text-decoration: none; }
.brands-page .comparison-grid-4 { display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px; }
@media (max-width: 991px) {
  .brands-page .comparison-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .brands-page .comparison-grid-4 { grid-template-columns: 1fr; }
}
.brands-page .compare-feature { background: white;padding: 30px;border-radius: 12px;border: 1px solid #e2e8f0;border-top: 4px solid var(--primary);box-shadow: var(--shadow-sm); }
.brands-page .compare-feature h4 { font-size: 18px;color: var(--secondary);margin-bottom: 15px;font-weight: 700; }
.brands-page .compare-feature p { color: var(--text-secondary);line-height: 1.6;font-size: 14px;margin: 0; }


/* --- CERTIFICATE DECODER PAGE --- */
.certificate-decoder-page .tool-content-wrapper { max-width: 900px;margin: 0 auto 80px auto; }
.certificate-decoder-page .tool-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);border: 1px solid #e2e8f0;padding: 40px;margin-bottom: 30px; }
.certificate-decoder-page .tool-title { font-size: 24px;font-weight: 700;color: var(--secondary);margin: 0 0 10px 0;text-align: center; }
.certificate-decoder-page .tool-desc { color: var(--text-secondary);font-size: 15px;text-align: center;margin-bottom: 30px; }
.certificate-decoder-page .csr-card { background: #f8fafc;border-radius: 12px;border: 1px solid #e2e8f0;overflow: hidden; }
.certificate-decoder-page .quick-actions { display: flex;justify-content: space-between;align-items: center;padding: 15px 25px;border-bottom: 1px solid #e2e8f0;background: #ffffff; }
.certificate-decoder-page .left-actions, .certificate-decoder-page .right-actions { display: flex;align-items: center;gap: 10px; }
.certificate-decoder-page .action-label { font-size: 12px;font-weight: 700;color: var(--text-muted);letter-spacing: 0.5px;margin-right: 10px; }
.certificate-decoder-page .action-btn { background: #ffffff;border: 1px solid #e2e8f0;border-radius: 6px;padding: 8px 14px;font-size: 13px;font-weight: 600;color: var(--text-secondary);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 6px;font-family: var(--font-body); }
.certificate-decoder-page .action-btn:hover { background: #f1f5f9;border-color: #cbd5e1;color: var(--secondary); }
.certificate-decoder-page .load-file-btn { background: #f0fdf4;border-color: #bbf7d0;color: #166534; }
.certificate-decoder-page .load-file-btn:hover { background: #dcfce7;border-color: #86efac; }
.certificate-decoder-page .action-btn.text-only { border: none;background: transparent;color: var(--text-muted);padding: 8px 12px; }
.certificate-decoder-page .action-btn.text-only:hover { background: #f1f5f9;color: var(--secondary); }
.certificate-decoder-page .action-btn.text-only.color-danger:hover { color: #ef4444;background: #fef2f2; }
.certificate-decoder-page .csr-input-area { position: relative;padding: 30px; }
.certificate-decoder-page #certText { width: 100%;height: 280px;border: 2px dashed #cbd5e1;border-radius: 12px;padding: 20px;font-family: 'Courier New', Courier, monospace;font-size: 14px;color: var(--text-secondary);resize: vertical;background: #ffffff;outline: none;transition: all 0.2s;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02); }
.certificate-decoder-page #certText:focus { border-color: var(--primary);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02), 0 0 0 3px rgba(0, 123, 255, 0.1); }
.certificate-decoder-page #certText::placeholder { color: #94a3b8;opacity: 0.7; }
.certificate-decoder-page .ready-badge { position: absolute;bottom: 45px;right: 45px;font-size: 10px;font-weight: 700;color: #cbd5e1;letter-spacing: 0.5px;pointer-events: none; }
.certificate-decoder-page .form-actions1 { padding: 0 30px 20px 30px;text-align: right; }
.certificate-decoder-page .decode-btn { background: var(--primary);color: white;border: none;padding: 14px 40px;font-size: 16px;font-weight: 600;border-radius: 8px;cursor: pointer;transition: all 0.2s;box-shadow: var(--shadow-sm);font-family: var(--font-heading); }
.certificate-decoder-page .decode-btn:hover { background: var(--primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md); }
.certificate-decoder-page .decode-btn i { margin-left: 8px; }
.certificate-decoder-page .security-note { font-size: 11px;color: var(--text-muted);letter-spacing: 1px;text-transform: uppercase;margin-bottom: 25px;text-align: center;font-weight: 600; }
.certificate-decoder-page .error-container { padding: 20px 25px;background: #fef2f2;border: 1px solid #fee2e2;border-left: 4px solid #ef4444;color: #b91c1c;border-radius: 8px;font-size: 15px;margin-bottom: 30px;display: flex;align-items: center;gap: 10px;box-shadow: var(--shadow-sm); }
.certificate-decoder-page .result-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);overflow: hidden;border: 1px solid #e2e8f0;animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn {
from {opacity: 0;transform: translateY(10px);} to {opacity: 1;transform: translateY(0);}
}
.certificate-decoder-page .result-header.valid { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.certificate-decoder-page .result-header.invalid { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.certificate-decoder-page .result-header { background: linear-gradient(135deg, #10b981 0%, #059669 100%);padding: 30px;text-align: center;color: white; }
.certificate-decoder-page .status-icon { font-size: 48px;margin-bottom: 15px;opacity: 0.9; }
.certificate-decoder-page .result-header h2 { margin: 0;font-size: 26px;font-weight: 700;color: white !important; }
.certificate-decoder-page .result-header p { margin: 5px 0 0;font-size: 16px;opacity: 0.9;color: white !important; }
.certificate-decoder-page .result-body { padding: 0; }
.certificate-decoder-page .result-table { width: 100%;border-collapse: collapse; }
.certificate-decoder-page .result-table td { padding: 20px 30px;border-bottom: 1px solid #f1f5f9;font-size: 15px; }
.certificate-decoder-page .result-table tr:last-child td { border-bottom: none; }
.certificate-decoder-page .result-table tr td:first-child { width: 35%;font-weight: 600;color: var(--text-muted);background: #f8fafc;border-right: 1px solid #f1f5f9;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px; }
.certificate-decoder-page .result-table tr td:last-child { color: var(--text-primary); }
.certificate-decoder-page .badge-blue { background: #eff6ff;color: #2563eb;padding: 4px 12px;border-radius: 20px;font-weight: 600;font-size: 13px;border: 1px solid #dbeafe; }
.certificate-decoder-page .badge-danger { background: #fef2f2;color: #ef4444;padding: 4px 12px;border-radius: 20px;font-weight: 600;font-size: 13px;border: 1px solid #fee2e2; }
.certificate-decoder-page .badge-gray { background: #f1f5f9;color: #475569;padding: 4px 12px;border-radius: 20px;font-weight: 600;font-size: 13px;border: 1px solid #e2e8f0; }
.certificate-decoder-page .warning-text { color: #ef4444 !important;font-weight: 600; }
.certificate-decoder-page .monospace { font-family: 'Courier New', monospace; }
.certificate-decoder-page .break-word { word-break: break-all; }
@media (max-width: 768px) {
  .certificate-decoder-page .quick-actions { flex-direction: column;gap: 15px;align-items: flex-start; }
  .certificate-decoder-page .left-actions { flex-wrap: wrap; }
  .certificate-decoder-page #certText { height: 200px; }
  .certificate-decoder-page .result-table tr td { display: block;width: 100%; }
  .certificate-decoder-page .result-table tr td:first-child { background: #f8fafc;padding: 15px 25px 5px 25px;border-right: none;border-bottom: none; }
  .certificate-decoder-page .result-table tr td:last-child { padding: 5px 25px 20px 25px; }
  .certificate-decoder-page .form-actions1 { text-align: center; }
}


/* --- CERTIFICATE KEY MATCHER PAGE --- */
.certificate-key-matcher-page .tool-content-wrapper { max-width: 1000px;margin: 0 auto 80px auto; }
.certificate-key-matcher-page .tool-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);border: 1px solid #e2e8f0;padding: 40px;margin-bottom: 30px; }
.certificate-key-matcher-page .tool-title { font-size: 24px;font-weight: 700;color: var(--secondary);margin: 0 0 10px 0;text-align: center; }
.certificate-key-matcher-page .tool-desc { color: var(--text-secondary);font-size: 15px;text-align: center;margin-bottom: 30px; }
.certificate-key-matcher-page .matcher-grid { display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 30px; }
.certificate-key-matcher-page .matcher-column { background: #f8fafc;border-radius: 12px;border: 1px solid #e2e8f0;overflow: hidden; }
.certificate-key-matcher-page .column-header { padding: 15px 20px;background: #ffffff;border-bottom: 1px solid #e2e8f0;display: flex;justify-content: space-between;align-items: center; }
.certificate-key-matcher-page .column-header h3 { margin: 0;font-size: 15px;font-weight: 600;color: var(--secondary);display: flex;align-items: center;gap: 8px; }
.certificate-key-matcher-page .column-header h3 i { color: var(--primary); }
.certificate-key-matcher-page .action-btn.text-only { background: #f1f5f9;border: none;color: var(--text-secondary);padding: 6px 12px;font-size: 12px;font-weight: 600;cursor: pointer;display: flex;align-items: center;gap: 6px;border-radius: 6px;transition: all 0.2s;font-family: var(--font-body); }
.certificate-key-matcher-page .action-btn.text-only:hover { background: #e2e8f0;color: var(--secondary); }
.certificate-key-matcher-page .input-area { position: relative;padding: 20px; }
.certificate-key-matcher-page .input-area textarea { width: 100%;height: 250px;border: 2px dashed #cbd5e1;border-radius: 8px;padding: 15px;font-family: 'Courier New', Courier, monospace;font-size: 13px;color: var(--text-secondary);resize: vertical;background: #ffffff !important;outline: none;transition: all 0.2s; }
.certificate-key-matcher-page .input-area textarea:focus { border-color: var(--primary);box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); }
.certificate-key-matcher-page .input-area textarea::placeholder { color: #94a3b8;opacity: 0.6; }
.certificate-key-matcher-page .clear-btn { position: absolute;top: 30px;right: 30px;background: #f1f5f9;color: #94a3b8;border: none;width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s;font-size: 12px;opacity: 0; }
.certificate-key-matcher-page .input-area:hover .clear-btn { opacity: 1; }
.certificate-key-matcher-page .clear-btn:hover { background: #fef2f2;color: #ef4444; }
.certificate-key-matcher-page .form-actions { padding: 0 20px; }
.certificate-key-matcher-page .match-btn { background: var(--primary);color: white;border: none;padding: 14px 40px;font-size: 16px;font-weight: 600;border-radius: 8px;cursor: pointer;transition: all 0.2s;box-shadow: var(--shadow-sm);font-family: var(--font-heading); }
.certificate-key-matcher-page .match-btn:hover { background: var(--primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md); }
.certificate-key-matcher-page .match-btn i { margin-left: 8px; }
.certificate-key-matcher-page .security-note { font-size: 11px;color: var(--text-muted);letter-spacing: 1px;text-transform: uppercase;margin-top: 25px;margin-bottom: 0;text-align: center;font-weight: 600; }
.certificate-key-matcher-page .error-container { padding: 20px 25px;background: #fef2f2;border: 1px solid #fee2e2;border-left: 4px solid #ef4444;color: #b91c1c;border-radius: 8px;font-size: 15px;margin-bottom: 30px;display: flex;align-items: center;gap: 10px;box-shadow: var(--shadow-sm); }
.certificate-key-matcher-page .result-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);overflow: hidden;border: 1px solid #e2e8f0;animation: fadeIn 0.4s ease-out;max-width: 600px;margin: 0 auto; }
@keyframes fadeIn {
from {opacity: 0;transform: translateY(10px);} to {opacity: 1;transform: translateY(0);}
}
.certificate-key-matcher-page .result-header { padding: 40px 30px;text-align: center;color: white; }
.certificate-key-matcher-page .result-header.valid { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.certificate-key-matcher-page .result-header.invalid { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.certificate-key-matcher-page .status-icon { font-size: 56px;margin-bottom: 20px;opacity: 0.9; }
.certificate-key-matcher-page .result-header h2 { margin: 0;font-size: 28px;font-weight: 700;color: white !important; }
.certificate-key-matcher-page .result-header p { margin: 10px 0 0;font-size: 16px;opacity: 0.95;color: white !important; }
@media (max-width: 768px) {
  .certificate-key-matcher-page .matcher-grid { grid-template-columns: 1fr; }
}


/* --- CHECKOUT PAGE --- */
.checkout-page .checkout-page-wrapper { padding: 40px 0 60px;background: var(--bg-body);min-height: 500px; }
.checkout-page .checkout-header-section { margin-bottom: 30px;padding-bottom: 20px;border-bottom: 2px solid var(--primary); }
.checkout-page .checkout-header-section h1 { font-size: 36px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 15px; }
.checkout-page .checkout-steps { display: flex;align-items: center;gap: 15px;font-size: 14px; }
.checkout-page .checkout-steps .step { color: var(--text-muted);padding: 5px 15px;border-radius: 3px; }
.checkout-page .checkout-steps .step.active { color: var(--primary);font-weight: bold; }
.checkout-page .checkout-steps .step.current { background: var(--primary);color: #fff; }
.checkout-page .checkout-steps .step-separator { color: #ccc; }
.checkout-page .empty-checkout-container { text-align: center;padding: 60px 20px;background: var(--bg-surface);border-radius: var(--border-radius);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.checkout-page .empty-checkout-container h2 { font-size: 24px;color: var(--primary);margin-bottom: 10px; }
.checkout-page .empty-checkout-container p { color: var(--text-secondary);margin-bottom: 25px; }
.checkout-page .checkout-info-banner { display: flex;align-items: flex-start;gap: 15px;margin-bottom: 25px;padding: 15px 20px;background: #e8f4fd;border: 1px solid #b8daff;border-radius: var(--border-radius); }
.checkout-page .checkout-info-banner .info-icon { flex-shrink: 0; }
.checkout-page .checkout-info-banner .info-content strong { display: block;color: var(--primary);margin-bottom: 5px;font-size: 14px; }
.checkout-page .checkout-info-banner .info-content p { margin: 0;color: #555;font-size: 13px;line-height: 1.5; }
.checkout-page .checkout-content { display: flex;gap: 30px; }
.checkout-page .checkout-main-section { flex: 1; }
.checkout-page .checkout-sidebar-section { width: 380px; }
.checkout-page .checkout-section { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;margin-bottom: 20px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.checkout-page .section-title { font-size: 20px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 25px;padding-bottom: 15px;border-bottom: 2px solid var(--accent); }
.checkout-page .form-row { display: flex;gap: 20px;margin-bottom: 20px; }
.checkout-page .form-group { flex: 1; }
.checkout-page .form-group.half { flex: 0 0 calc(50% - 10px); }
.checkout-page .form-group label { display: block;font-size: 13px;color: var(--text-primary);margin-bottom: 8px;font-weight: bold; }
.checkout-page .form-group .required { color: #c00; }
.checkout-page .form-input, .checkout-page .form-select { width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);border-radius: 3px;font-size: 14px;transition: border-color 0.3s, box-shadow 0.3s;background: var(--bg-surface); }
.checkout-page .form-input:focus, .checkout-page .form-select:focus { outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(240, 119, 37, 0.1); }
.checkout-page .form-input.error, .checkout-page .form-select.error { border-color: #c00; }
.checkout-page .form-hint { display: block;font-size: 11px;color: #888;margin-top: 5px; }
.checkout-page .error-message { display: block;color: #c00;font-size: 12px;margin-top: 5px; }
.checkout-page .alert { display: flex;align-items: flex-start;gap: 12px;padding: 15px 20px;border-radius: var(--border-radius);margin-bottom: 20px; }
.checkout-page .alert-error { background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c; }
.checkout-page .alert .material-icons { font-size: 20px;flex-shrink: 0; }
.checkout-page .alert ul { margin: 5px 0 0 0;padding-left: 20px; }
.checkout-page .alert li { margin-bottom: 3px; }
.checkout-page .validation-errors strong { display: block;margin-bottom: 5px; }
.checkout-page .terms-checkbox { display: flex;align-items: flex-start;cursor: pointer; }
.checkout-page .terms-checkbox input[type="checkbox"] { display: none; }
.checkout-page .terms-checkbox input[type="checkbox"]:checked+.checkmark { background: var(--accent);border-color: var(--accent); }
.checkout-page .terms-checkbox input[type="checkbox"]:checked+.checkmark:after { display: block; }
.checkout-page .checkmark { width: 22px;height: 22px;border: 2px solid var(--border-color);border-radius: 3px;margin-right: 12px;position: relative;flex-shrink: 0;margin-top: 2px; }
.checkout-page .checkmark:after { content: '';display: none;width: 6px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;position: absolute;top: 3px;left: 6px;transform: rotate(45deg); }
.checkout-page .terms-text { font-size: 13px;color: var(--text-secondary);line-height: 1.5; }
.checkout-page .terms-text a { color: var(--accent);text-decoration: underline; }
.checkout-page .security-badges { display: flex;justify-content: center;gap: 30px;padding: 20px;background: var(--bg-surface);border-radius: var(--border-radius);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.checkout-page .badge { display: flex;flex-direction: column;align-items: center;text-align: center;gap: 8px; }
.checkout-page .badge img { height: 40px;width: auto; }
.checkout-page .badge span { font-size: 12px;color: var(--text-secondary); }
.checkout-page .order-summary-box { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.checkout-page .order-summary-box.sticky { position: sticky;top: 20px; }
.checkout-page .order-summary-box h3 { font-size: 20px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color); }
.checkout-page .order-items { margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid var(--border-color); }
.checkout-page .order-item { display: flex;justify-content: space-between;align-items: flex-start;padding: 15px 0;border-bottom: 1px solid #f5f5f5; }
.checkout-page .order-item:last-child { border-bottom: none; }
.checkout-page .item-info { display: flex;gap: 12px;flex: 1; }
.checkout-page .item-brand-logo { width: 60px;height: auto;object-fit: contain; }
.checkout-page .item-details { display: flex;flex-direction: column; }
.checkout-page .item-name { font-weight: bold;color: var(--primary);font-size: 14px;margin-bottom: 4px; }
.checkout-page .item-validity { font-size: 11px;color: var(--text-muted); }
.checkout-page .item-price { font-weight: bold;color: var(--primary);font-size: 15px;white-space: nowrap; }
.checkout-page .order-totals { margin-bottom: 20px; }
.checkout-page .total-row { display: flex;justify-content: space-between;padding: 10px 0;font-size: 14px;color: var(--text-secondary); }
.checkout-page .total-row.discount { color: var(--success); }
.checkout-page .total-row.grand-total { font-size: 20px;font-weight: bold;color: var(--primary);border-top: 2px solid var(--primary);margin-top: 10px;padding-top: 15px;font-family: var(--font-heading); }
.checkout-page .place-order-btn { width: 100%;padding: 18px;background: var(--accent);color: #fff;border: none;border-radius: 3px;font-size: 18px;font-weight: bold;font-family: var(--font-heading);cursor: pointer;transition: background 0.3s;margin-bottom: 15px; }
.checkout-page .place-order-btn:hover { background: var(--accent-hover); }
.checkout-page .place-order-btn.proceed-pay-btn { background: var(--success); }
.checkout-page .place-order-btn.proceed-pay-btn:hover { background: #438a38; }
.checkout-page .back-to-cart { display: block;text-align: center;color: var(--text-secondary);text-decoration: none;font-size: 14px; }
.checkout-page .back-to-cart:hover { color: var(--accent); }
.checkout-page .checkout-support { margin-top: 25px;padding-top: 20px;border-top: 1px solid var(--border-color);text-align: center; }
.checkout-page .checkout-support p { font-size: 13px;color: var(--text-secondary);margin-bottom: 10px; }
.checkout-page .support-phone { display: block;color: var(--accent);font-size: 18px;font-weight: bold;text-decoration: none;margin-bottom: 5px; }
.checkout-page .support-link { font-size: 13px;color: var(--text-secondary);text-decoration: underline; }
.checkout-page #billing_country { height: fit-content; }
@media (max-width: 900px) {
  .checkout-page .checkout-content { flex-direction: column; }
  .checkout-page .checkout-sidebar-section { width: 100%; }
  .checkout-page .order-summary-box.sticky { position: static; }
  .checkout-page .form-row { flex-direction: column;gap: 0; }
  .checkout-page .form-group.half { flex: 1; }
  .checkout-page .security-badges { flex-wrap: wrap;gap: 15px; }
  .checkout-page .checkout-info-banner { flex-direction: column;text-align: center; }
}
@media (max-width: 600px) {
  .checkout-page .checkout-header-section h1 { font-size: 28px; }
  .checkout-page .checkout-steps { font-size: 12px;flex-wrap: wrap; }
  .checkout-page .order-item { flex-direction: column; }
  .checkout-page .item-price { margin-top: 10px;text-align: right; }
}


/* --- CHECKOUT SUCCESS PAGE --- */
.checkout-success-page .checkout-success-page-wrapper { padding: 40px 0 60px;background: var(--bg-body);min-height: 500px; }
.checkout-success-page .alert-certificate-success, .checkout-success-page .alert-certificate-warning, .checkout-success-page .alert-certificate-error { display: flex;align-items: flex-start;gap: 20px;padding: 20px 25px;border-radius: var(--border-radius);margin-bottom: 30px; }
.checkout-success-page .alert-certificate-success { background: #d4edda;border: 1px solid #c3e6cb;color: #155724; }
.checkout-success-page .alert-certificate-warning { background: #fff3cd;border: 1px solid #ffeaa7;color: #856404; }
.checkout-success-page .alert-certificate-error { background: #f8d7da;border: 1px solid #f5c6cb;color: #721c24; }
.checkout-success-page .alert-icon { font-size: 32px;flex-shrink: 0; }
.checkout-success-page .alert-content strong { display: block;font-size: 16px;margin-bottom: 5px; }
.checkout-success-page .alert-content p { margin: 0 0 10px 0; }
.checkout-success-page .alert-link { display: inline-block;font-weight: bold;text-decoration: none; }
.checkout-success-page .alert-certificate-success .alert-link { color: #155724; }
.checkout-success-page .alert-certificate-warning .alert-link { color: #856404; }
.checkout-success-page .alert-certificate-error .alert-link { color: #721c24; }
.checkout-success-page .alert-link:hover { text-decoration: underline; }
.checkout-success-page .success-header-section { text-align: center;padding: 40px;background: var(--bg-surface);border-radius: var(--border-radius);margin-bottom: 30px;box-shadow: var(--shadow-md); }
.checkout-success-page .success-icon { margin-bottom: 20px; }
.checkout-success-page .success-header-section h1 { font-size: 32px;color: var(--success);font-family: var(--font-heading);margin-bottom: 10px; }
.checkout-success-page .success-message { font-size: 16px;color: var(--text-secondary);margin-bottom: 25px; }
.checkout-success-page .order-number-box { display: inline-flex;align-items: center;gap: 10px;padding: 15px 30px;background: #f9f9f9;border-radius: var(--border-radius);border: 2px dashed var(--border-color); }
.checkout-success-page .order-number-box .label { font-size: 14px;color: var(--text-secondary); }
.checkout-success-page .order-number-box .value { font-size: 20px;font-weight: bold;color: var(--primary);font-family: var(--font-heading); }
.checkout-success-page .success-content { display: flex;gap: 30px; }
.checkout-success-page .success-main-section { flex: 1; }
.checkout-success-page .success-sidebar-section { width: 350px; }
.checkout-success-page .success-section { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;margin-bottom: 20px;box-shadow: var(--shadow-md); }
.checkout-success-page .success-section h2 { font-size: 20px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color); }
.checkout-success-page .status-timeline { display: flex;flex-direction: column;gap: 0; }
.checkout-success-page .status-step { display: flex;align-items: flex-start;gap: 15px;padding: 20px 0;border-bottom: 1px solid var(--border-color);position: relative; }
.checkout-success-page .status-step:last-child { border-bottom: none; }
.checkout-success-page .status-step:not(:last-child):after { content: '';position: absolute;left: 16px;top: 50px;width: 2px;height: calc(100% - 30px);background: var(--border-color); }
.checkout-success-page .status-step.completed:after { background: var(--success); }
.checkout-success-page .step-icon { width: 34px;height: 34px;border-radius: 50%;background: var(--border-color);color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;flex-shrink: 0;z-index: 1; }
.checkout-success-page .status-step.completed .step-icon { background: var(--success); }
.checkout-success-page .status-step.pending .step-icon { background: var(--border-color);color: var(--text-muted); }
.checkout-success-page .step-info { display: flex;flex-direction: column;gap: 4px; }
.checkout-success-page .step-title { font-weight: bold;color: var(--text-primary);font-size: 15px; }
.checkout-success-page .step-time, .checkout-success-page .step-status, .checkout-success-page .step-desc { font-size: 13px;color: var(--text-secondary); }
.checkout-success-page .step-status.pending { color: var(--accent); }
.checkout-success-page .step-status.paid, .checkout-success-page .step-status.completed { color: var(--success); }
.checkout-success-page .order-items-list { display: flex;flex-direction: column;gap: 20px; }
.checkout-success-page .order-item-card { border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 20px;background: var(--bg-surface-alt); }
.checkout-success-page .item-header { display: flex;align-items: center;gap: 15px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color); }
.checkout-success-page .item-brand-logo { width: 80px;height: auto;object-fit: contain; }
.checkout-success-page .item-title { flex: 1; }
.checkout-success-page .item-title h3 { font-size: 16px;color: var(--primary);margin-bottom: 5px; }
.checkout-success-page .item-code { font-size: 12px;color: var(--text-muted); }
.checkout-success-page .item-price { font-size: 18px;font-weight: bold;color: var(--primary);font-family: var(--font-heading); }
.checkout-success-page .item-details { display: flex;flex-direction: column;gap: 8px;margin-bottom: 15px; }
.checkout-success-page .detail-row { display: flex;gap: 10px; }
.checkout-success-page .detail-row .label { font-size: 13px;color: var(--text-secondary);min-width: 80px; }
.checkout-success-page .detail-row .value { font-size: 13px;color: var(--text-primary);font-weight: bold; }
.checkout-success-page .status-badge { display: inline-block;padding: 3px 10px;border-radius: 3px;font-size: 11px;text-transform: uppercase; }
.checkout-success-page .status-badge.pending { background: #fff3e0;color: var(--accent); }
.checkout-success-page .status-badge.paid, .checkout-success-page .status-badge.completed { background: #e8f5e9;color: var(--success); }
.checkout-success-page .status-badge.processing { background: #e3f2fd;color: #1976d2; }
.checkout-success-page .cert-status-badge { display: inline-block;padding: 3px 10px;border-radius: 3px;font-size: 11px;text-transform: uppercase;font-weight: bold;margin-right: 5px; }
.checkout-success-page .cert-status-badge.pending { background: #fff3e0;color: var(--accent); }
.checkout-success-page .cert-status-badge.submitted, .checkout-success-page .cert-status-badge.processing { background: #e3f2fd;color: #1976d2; }
.checkout-success-page .cert-status-badge.validation_required { background: #fff3cd;color: #856404;border: 1px dashed #ffc107; }
.checkout-success-page .cert-status-badge.issued { background: #d4edda;color: #155724; }
.checkout-success-page .cert-status-badge.failed { background: #f8d7da;color: #721c24; }
.checkout-success-page .item-actions { display: flex;gap: 10px; }
.checkout-success-page .csr-submitted { color: var(--success);font-size: 13px;font-weight: bold; }
.checkout-success-page .payment-details, .checkout-success-page .billing-details { display: flex;flex-direction: column;gap: 12px; }
.checkout-success-page .order-summary-card { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;box-shadow: var(--shadow-md);margin-bottom: 20px; }
.checkout-success-page .order-summary-card.sticky { position: sticky;top: 20px;z-index: 10; }
.checkout-success-page .order-summary-card h3 { font-size: 20px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color); }
.checkout-success-page .summary-rows { margin-bottom: 20px; }
.checkout-success-page .summary-row { display: flex;justify-content: space-between;padding: 10px 0;font-size: 14px;color: var(--text-secondary);border-bottom: 1px solid #f5f5f5; }
.checkout-success-page .summary-row.discount { color: var(--success); }
.checkout-success-page .summary-row.total { font-size: 20px;font-weight: bold;color: var(--primary);border-top: 2px solid var(--primary);border-bottom: none;margin-top: 10px;padding-top: 15px;font-family: var(--font-heading); }
.checkout-success-page .summary-actions { display: flex;flex-direction: column;gap: 10px;margin-bottom: 25px; }
.checkout-success-page .action-btn { display: inline-block;padding: 12px 25px;border-radius: 3px;font-size: 14px;font-weight: bold;text-decoration: none;text-align: center;cursor: pointer;border: none;font-family: var(--font-heading);transition: all 0.3s; }
.checkout-success-page .action-btn.full { display: block; }
.checkout-success-page .action-btn.primary { background: var(--accent);color: #fff; }
.checkout-success-page .action-btn.primary:hover { background: var(--accent-hover); }
.checkout-success-page .action-btn.secondary { background: var(--bg-surface);color: var(--primary);border: 1px solid var(--primary); }
.checkout-success-page .action-btn.secondary:hover { background: var(--primary);color: #fff; }
.checkout-success-page .support-box { padding-top: 20px;border-top: 1px solid var(--border-color);text-align: center; }
.checkout-success-page .support-box h4 { font-size: 16px;color: var(--primary);margin-bottom: 10px; }
.checkout-success-page .support-box p { font-size: 13px;color: var(--text-secondary);margin-bottom: 15px; }
.checkout-success-page .support-phone { display: block;font-size: 18px;color: var(--accent);font-weight: bold;text-decoration: none;margin-bottom: 5px; }
.checkout-success-page .support-email { font-size: 13px;color: var(--text-secondary);text-decoration: underline; }
.checkout-success-page .next-steps-card { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;box-shadow: var(--shadow-md); }
.checkout-success-page .next-steps-card h3 { font-size: 18px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 20px; }
.checkout-success-page .steps-list { list-style: none;counter-reset: steps; }
.checkout-success-page .steps-list li { position: relative;padding-left: 40px;padding-bottom: 20px;border-bottom: 1px dashed var(--border-color);margin-bottom: 20px; }
.checkout-success-page .steps-list li:last-child { border-bottom: none;margin-bottom: 0;padding-bottom: 0; }
.checkout-success-page .steps-list li:before { counter-increment: steps;content: counter(steps);position: absolute;left: 0;top: 0;width: 28px;height: 28px;background: var(--primary);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: bold; }
.checkout-success-page .steps-list li strong { display: block;font-size: 15px;color: var(--text-primary);margin-bottom: 5px; }
.checkout-success-page .steps-list li p { font-size: 13px;color: var(--text-secondary);line-height: 1.5; }
.checkout-success-page .help-link { display: block;margin-top: 20px;color: var(--accent);font-size: 14px;font-weight: bold;text-decoration: none; }
.checkout-success-page .help-link:hover { text-decoration: underline; }
@media (max-width: 900px) {
  .checkout-success-page .success-content { flex-direction: column; }
  .checkout-success-page .success-sidebar-section { width: 100%; }
  .checkout-success-page .order-summary-card.sticky { position: static; }
}
@media (max-width: 600px) {
  .checkout-success-page .success-header-section { padding: 25px 15px; }
  .checkout-success-page .success-header-section h1 { font-size: 24px; }
  .checkout-success-page .order-number-box { flex-direction: column;gap: 5px; }
  .checkout-success-page .item-header { flex-wrap: wrap; }
  .checkout-success-page .item-brand-logo { width: 60px; }
  .checkout-success-page .item-price { width: 100%;text-align: right;margin-top: 10px; }
}
@media print {
  .checkout-success-page .checkout-success-page-wrapper { background: var(--bg-surface);padding: 0; }
  .checkout-success-page .success-sidebar-section, .checkout-success-page .item-actions { display: none; }
  .checkout-success-page .success-main-section { width: 100%; }
  .checkout-success-page .success-section { box-shadow: none;border: 1px solid var(--border-color);break-inside: avoid; }
}


/* --- CODE SIGNING PAGE --- */
.code-signing-page .modern-benefits-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px; }
.code-signing-page .benefit-modern-item { text-align: center;padding: 35px 25px;background: var(--bg-main);border-radius: var(--border-radius);border: 1px solid rgba(0, 0, 0, 0.05);transition: transform 0.3s; }
.code-signing-page .benefit-modern-item:hover { transform: translateY(-5px);box-shadow: var(--shadow-sm); }
.code-signing-page .benefit-icon { margin-bottom: 20px;display: flex;justify-content: center;align-items: center;height: 60px; }
.code-signing-page .benefit-modern-item h4 { color: var(--secondary);font-size: 18px;margin-bottom: 12px; }
.code-signing-page .benefit-modern-item p { font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin: 0; }
.code-signing-page .modern-table-container { background: #fff;border-radius: var(--border-radius);border: 1px solid #e2e8f0;overflow-x: auto;box-shadow: var(--shadow-sm); }
.code-signing-page .modern-table { width: 100%;border-collapse: collapse; }
.code-signing-page .modern-table th { background: #f8fafc;color: var(--text-secondary);font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;padding: 16px 20px;text-align: left;border-bottom: 1px solid #e2e8f0; }
.code-signing-page .modern-table td { padding: 20px;border-bottom: 1px solid #f1f5f9;vertical-align: middle;color: var(--text-primary);font-size: 15px; }
.code-signing-page .modern-table tbody tr:last-child td { border-bottom: none; }
.code-signing-page .modern-table tbody tr:hover td { background: #f8fafc; }
.code-signing-page .modern-table.comparison td { text-align: center; }
.code-signing-page .modern-table.comparison td.feature-name { text-align: left;font-weight: 600;color: var(--secondary); }
.code-signing-page .modern-table.comparison th { text-align: center; }
.code-signing-page .modern-table.comparison th:first-child { text-align: left; }
.code-signing-page .prodname a { font-size: 16px;font-weight: 600;color: var(--secondary);text-decoration: none; }
.code-signing-page .prodname a:hover { color: var(--primary); }
.code-signing-page .prodshortdesc { font-size: 13px;color: var(--text-secondary);margin-top: 6px; }
.code-signing-page .modern-badge { display: inline-block;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 600; }
.code-signing-page .modern-badge.badge-blue { background: #e0f2fe;color: #0369a1; }
.code-signing-page .price-text { font-size: 18px;color: var(--primary);font-weight: 700; }
.code-signing-page .button-sm { padding: 8px 16px !important;font-size: 13px !important; }
.code-signing-page .text-right { text-align: right !important; }
.code-signing-page .no-products-box { text-align: center;padding: 60px 20px;background: var(--bg-surface);border-radius: var(--border-radius);border: 1px dashed #cbd5e1;color: var(--text-secondary); }
@media (max-width: 768px) {
  .code-signing-page .modern-table th, .code-signing-page .modern-table td { padding: 12px 10px;font-size: 14px; }
}


/* --- CONTACT PAGE --- */
.contact-page .modern-page-hero { background: linear-gradient(135deg, var(--secondary) 0%, #1e3a8a 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.contact-page .modern-page-hero span { font-size: 14px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #93c5fd;display: block;margin-bottom: 15px; }
.contact-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0; }
.contact-page .modern-page-section { padding: 60px 0; }
.contact-page .modern-page-section.light-bg { background-color: #f8fafc;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0; }
.contact-page .contact-grid-2 { display: grid;grid-template-columns: 1fr 1.2fr;gap: 60px;align-items: start; }
@media (max-width: 991px) {
  .contact-page .contact-grid-2 { grid-template-columns: 1fr; }
}
.contact-page .contact-info-card { background: white;border-radius: 16px;padding: 30px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0;margin-bottom: 25px; }
.contact-page .contact-info-card h3 { font-size: 18px;color: var(--secondary);margin-bottom: 15px; }
.contact-page .feature-cards-grid { display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-top: 40px; }
@media (max-width: 991px) {
  .contact-page .feature-cards-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .contact-page .feature-cards-grid { grid-template-columns: 1fr; }
}
.contact-page .feature-card { background: #ffffff;padding: 30px;border-radius: 16px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0;transition: all 0.3s ease;text-align: center; }
.contact-page .feature-card:hover { box-shadow: var(--shadow-lg);transform: translateY(-5px); }
.contact-page .feature-card h4 { font-size: 18px;font-weight: 700;color: var(--secondary);margin: 15px 0 10px; }
.contact-page .feature-card p { color: var(--text-secondary);line-height: 1.5;font-size: 14px;margin: 0; }
.contact-page .contformbox { background: #fff;padding: 40px;border-radius: 16px;box-shadow: var(--shadow-xl);border: 1px solid #e2e8f0; }
.contact-page .form-group { margin-bottom: 25px; }
.contact-page .form-label { display: block;margin-bottom: 8px;font-weight: 700;font-size: 15px;color: var(--secondary); }
.contact-page .form-input { width: 100%;padding: 14px 15px;border: 1px solid #d1d3df !important;border-radius: 8px;font-size: 15px;color: #4f4f4f;background: #f8fafc !important;transition: border-color 0.2s, box-shadow 0.2s; }
.contact-page .form-input:focus { border-color: var(--primary) !important;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);outline: none;background: #ffffff !important; }
.contact-page .form-select-custom { height: 50px;border: 1px solid #d1d3df !important;background-position: right 15px center; }
.contact-page .contact-row { display: flex;flex-wrap: wrap;margin: 0 -10px; }
.contact-page .contact-col-6 { width: 50%;padding: 0 10px; }
.contact-page .contact-col-12 { width: 100%;padding: 0 10px; }
.contact-page .phone-flex { display: flex;gap: 10px; }
.contact-page .phone-code { width: 160px; }
.contact-page .phone-num { flex: 1; }
.contact-page .invalid-feedback { color: #dc3545;font-size: 13px;margin-top: 5px;display: none; }
.contact-page .is-invalid { border-color: #dc3545 !important; }
.contact-page .is-invalid+.invalid-feedback { display: block; }
.contact-page #submitBtn { min-width: 100%;text-transform: uppercase;font-size: 16px;letter-spacing: 0.5px;padding: 16px; }
@media (max-width: 767px) {
  .contact-page .contact-col-6 { width: 100%; }
  .contact-page .phone-flex { flex-direction: column; }
  .contact-page .phone-code { width: 100%; }
  .contact-page .contformbox { padding: 25px; }
}
.contact-page .custom-alert { padding: 15px 20px;margin-bottom: 25px;border-radius: 8px;font-size: 15px;line-height: 1.4;position: relative; }
.contact-page .custom-alert-success { background-color: #d4edda;border: 1px solid #c3e6cb;color: #155724; }
.contact-page .custom-alert-danger { background-color: #f8d7da;border: 1px solid #f5c6cb;color: #721c24; }
.contact-page .custom-alert .close-btn { position: absolute;right: 15px;top: 15px;cursor: pointer;font-weight: bold;font-size: 20px;line-height: 1; }


/* --- CSR DECODER PAGE --- */
.csr-decoder-page .tool-content-wrapper { max-width: 900px;margin: 0 auto 80px auto; }
.csr-decoder-page .tool-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);border: 1px solid #e2e8f0;padding: 40px;margin-bottom: 30px; }
.csr-decoder-page .tool-title { font-size: 24px;font-weight: 700;color: var(--secondary);margin: 0 0 10px 0;text-align: center; }
.csr-decoder-page .tool-desc { color: var(--text-secondary);font-size: 15px;text-align: center;margin-bottom: 30px; }
.csr-decoder-page .csr-card { background: #f8fafc;border-radius: 12px;border: 1px solid #e2e8f0;overflow: hidden; }
.csr-decoder-page .quick-actions { display: flex;justify-content: space-between;align-items: center;padding: 15px 25px;border-bottom: 1px solid #e2e8f0;background: #ffffff; }
.csr-decoder-page .left-actions, .csr-decoder-page .right-actions { display: flex;align-items: center;gap: 10px; }
.csr-decoder-page .action-label { font-size: 12px;font-weight: 700;color: var(--text-muted);letter-spacing: 0.5px;margin-right: 10px; }
.csr-decoder-page .action-btn { background: #ffffff;border: 1px solid #e2e8f0;border-radius: 6px;padding: 8px 14px;font-size: 13px;font-weight: 600;color: var(--text-secondary);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 6px;font-family: var(--font-body); }
.csr-decoder-page .action-btn:hover { background: #f1f5f9;border-color: #cbd5e1;color: var(--secondary); }
.csr-decoder-page .load-file-btn { background: #f0fdf4;border-color: #bbf7d0;color: #166534; }
.csr-decoder-page .load-file-btn:hover { background: #e10;background: #dcfce7;border-color: #86efac; }
.csr-decoder-page .action-btn.text-only { border: none;background: transparent;color: var(--text-muted);padding: 8px 12px; }
.csr-decoder-page .action-btn.text-only:hover { background: #f1f5f9;color: var(--secondary); }
.csr-decoder-page .action-btn.text-only.color-danger:hover { color: #ef4444;background: #fef2f2; }
.csr-decoder-page .csr-input-area { position: relative;padding: 30px; }
.csr-decoder-page #csrText { width: 100%;height: 280px;border: 2px dashed #cbd5e1;border-radius: 12px;padding: 20px;font-family: 'Courier New', Courier, monospace;font-size: 14px;color: var(--text-secondary);resize: vertical;background: #ffffff;outline: none;transition: all 0.2s;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02); }
.csr-decoder-page #csrText:focus { border-color: var(--primary);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02), 0 0 0 3px rgba(0, 123, 255, 0.1); }
.csr-decoder-page #csrText::placeholder { color: #94a3b8;opacity: 0.7; }
.csr-decoder-page .ready-badge { position: absolute;bottom: 45px;right: 45px;font-size: 10px;font-weight: 700;color: #cbd5e1;letter-spacing: 0.5px;pointer-events: none; }
.csr-decoder-page .form-actions1 { padding: 0 30px 20px 30px;text-align: right; }
.csr-decoder-page .decode-btn { background: var(--primary);color: white;border: none;padding: 14px 40px;font-size: 16px;font-weight: 600;border-radius: 8px;cursor: pointer;transition: all 0.2s;box-shadow: var(--shadow-sm);font-family: var(--font-heading); }
.csr-decoder-page .decode-btn:hover { background: var(--primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md); }
.csr-decoder-page .decode-btn i { margin-left: 8px; }
.csr-decoder-page .security-note { font-size: 11px;color: var(--text-muted);letter-spacing: 1px;text-transform: uppercase;margin-bottom: 25px;text-align: center;font-weight: 600; }
.csr-decoder-page .error-container { padding: 20px 25px;background: #fef2f2;border: 1px solid #fee2e2;border-left: 4px solid #ef4444;color: #b91c1c;border-radius: 8px;font-size: 15px;margin-bottom: 30px;display: flex;align-items: center;gap: 10px;box-shadow: var(--shadow-sm); }
.csr-decoder-page .result-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);overflow: hidden;border: 1px solid #e2e8f0;animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn {
from {opacity: 0;transform: translateY(10px);} to {opacity: 1;transform: translateY(0);}
}
.csr-decoder-page .result-header { background: linear-gradient(135deg, #10b981 0%, #059669 100%);padding: 30px;text-align: center;color: white; }
.csr-decoder-page .status-icon { font-size: 48px;margin-bottom: 15px;opacity: 0.9; }
.csr-decoder-page .result-header h2 { margin: 0;font-size: 26px;font-weight: 700;color: white !important; }
.csr-decoder-page .result-header p { margin: 5px 0 0;font-size: 16px;opacity: 0.9;color: white !important; }
.csr-decoder-page .result-body { padding: 0; }
.csr-decoder-page .result-table { width: 100%;border-collapse: collapse; }
.csr-decoder-page .result-table td { padding: 20px 30px;border-bottom: 1px solid #f1f5f9;font-size: 15px; }
.csr-decoder-page .result-table tr:last-child td { border-bottom: none; }
.csr-decoder-page .result-table tr td:first-child { width: 35%;font-weight: 600;color: var(--text-muted);background: #f8fafc;border-right: 1px solid #f1f5f9;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px; }
.csr-decoder-page .result-table tr td:last-child { color: var(--text-primary); }
.csr-decoder-page .badge-blue { background: #eff6ff;color: #2563eb;padding: 4px 12px;border-radius: 20px;font-weight: 600;font-size: 13px;border: 1px solid #dbeafe; }
.csr-decoder-page .badge-gray { background: #f1f5f9;color: #475569;padding: 4px 12px;border-radius: 20px;font-weight: 600;font-size: 13px;border: 1px solid #e2e8f0; }
@media (max-width: 768px) {
  .csr-decoder-page .quick-actions { flex-direction: column;gap: 15px;align-items: flex-start; }
  .csr-decoder-page .left-actions { flex-wrap: wrap; }
  .csr-decoder-page #csrText { height: 200px; }
  .csr-decoder-page .result-table tr td { display: block;width: 100%; }
  .csr-decoder-page .result-table tr td:first-child { background: #f8fafc;padding: 15px 25px 5px 25px;border-right: none;border-bottom: none; }
  .csr-decoder-page .result-table tr td:last-child { padding: 5px 25px 20px 25px; }
  .csr-decoder-page .form-actions1 { text-align: center; }
}


/* --- DISCLAIMER PAGE --- */
.disclaimer-page .modern-page-hero { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.disclaimer-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0 0 15px 0; }
.disclaimer-page .modern-page-hero p { font-size: 18px;color: #94a3b8;margin: 0; }
.disclaimer-page .legal-container { max-width: 850px;margin: 0 auto 80px auto;background: white;padding: 60px;border-radius: 16px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0; }
@media (max-width: 768px) {
  .disclaimer-page .legal-container { padding: 40px 30px; }
}
@media (max-width: 480px) {
  .disclaimer-page .legal-container { padding: 30px 20px; }
}
.disclaimer-page .legal-content h3 { font-size: 22px;font-weight: 700;color: var(--secondary);margin-top: 40px;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #e2e8f0; }
.disclaimer-page .legal-content h3:first-child { margin-top: 0; }
.disclaimer-page .legal-content p, .disclaimer-page .legal-content li { font-size: 16px;line-height: 1.8;color: var(--text-secondary);margin-bottom: 20px; }
.disclaimer-page .legal-content a { color: var(--primary);text-decoration: none;font-weight: 600;border-bottom: 1px solid transparent;transition: all 0.2s; }
.disclaimer-page .legal-content a:hover { color: #0256a3;border-bottom-color: #0256a3; }


/* --- EMAIL SECURITY PAGE --- */
.email-security-page .modern-benefits-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 30px; }
.email-security-page .benefit-modern-item { text-align: center;padding: 35px 25px;background: var(--bg-main);border-radius: var(--border-radius);border: 1px solid rgba(0, 0, 0, 0.05);transition: transform 0.3s; }
.email-security-page .benefit-modern-item:hover { transform: translateY(-5px);box-shadow: var(--shadow-sm); }
.email-security-page .benefit-icon { margin-bottom: 20px;display: flex;justify-content: center;align-items: center;height: 60px; }
.email-security-page .benefit-modern-item h4 { color: var(--secondary);font-size: 18px;margin-bottom: 12px; }
.email-security-page .benefit-modern-item p { font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin: 0; }
.email-security-page .modern-table-container { background: #fff;border-radius: var(--border-radius);border: 1px solid #e2e8f0;overflow-x: auto;box-shadow: var(--shadow-sm); }
.email-security-page .modern-table { width: 100%;border-collapse: collapse; }
.email-security-page .modern-table th { background: #f8fafc;color: var(--text-secondary);font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;padding: 16px 20px;text-align: left;border-bottom: 1px solid #e2e8f0; }
.email-security-page .modern-table td { padding: 20px;border-bottom: 1px solid #f1f5f9;vertical-align: middle;color: var(--text-primary);font-size: 15px; }
.email-security-page .modern-table tbody tr:last-child td { border-bottom: none; }
.email-security-page .modern-table tbody tr:hover td { background: #f8fafc; }
.email-security-page .prodname a { font-size: 16px;font-weight: 600;color: var(--secondary);text-decoration: none; }
.email-security-page .prodname a:hover { color: var(--primary); }
.email-security-page .prodshortdesc { font-size: 13px;color: var(--text-secondary);margin-top: 6px; }
.email-security-page .modern-badge { display: inline-block;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 600; }
.email-security-page .modern-badge.badge-purple { background: #f3e8ff;color: #7e22ce; }
.email-security-page .price-text { font-size: 18px;color: var(--primary);font-weight: 700; }
.email-security-page .button-sm { padding: 8px 16px !important;font-size: 13px !important; }
.email-security-page .text-right { text-align: right !important; }
.email-security-page .no-products-box { text-align: center;padding: 60px 20px;background: var(--bg-surface);border-radius: var(--border-radius);border: 1px dashed #cbd5e1;color: var(--text-secondary); }
.email-security-page .modern-how-it-works { display: flex;align-items: flex-start;justify-content: space-between;gap: 15px;flex-wrap: nowrap; }
.email-security-page .modern-step { flex: 1;text-align: center;position: relative;max-width: 250px; }
.email-security-page .step-number { width: 50px;height: 50px;background: var(--primary);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 700;margin: 0 auto 20px;box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3); }
.email-security-page .modern-step h4 { color: var(--secondary);font-size: 18px;margin-bottom: 12px; }
.email-security-page .modern-step p { font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin: 0; }
.email-security-page .step-arrow { flex: 0 0 auto;display: flex;align-items: center;justify-content: center;color: #cbd5e1;margin-top: 10px; }
@media (max-width: 900px) {
  .email-security-page .modern-how-it-works { flex-direction: column;align-items: center;gap: 40px; }
  .email-security-page .step-arrow { transform: rotate(90deg);margin: -15px 0; }
}
@media (max-width: 768px) {
  .email-security-page .modern-table th, .email-security-page .modern-table td { padding: 12px 10px;font-size: 14px; }
}


/* --- KNOWLEDGEBASE PAGE --- */
.knowledgebase-page .kb-categories-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px; }
.knowledgebase-page .kb-card { background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--border-radius-lg);padding: 40px 30px;text-align: center;box-shadow: var(--shadow-sm);display: flex;flex-direction: column;align-items: center;transition: all 0.3s ease; }
.knowledgebase-page .kb-card:hover { transform: translateY(-5px);box-shadow: var(--shadow-md);border-color: #cbd5e1; }
.knowledgebase-page .kb-icon { width: 72px;height: 72px;background: #f0f7ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px; }
.knowledgebase-page .kb-icon i { font-size: 32px;color: var(--primary); }
.knowledgebase-page .kb-card h3 { font-size: 20px;color: var(--primary);margin-bottom: 15px;font-weight: 700; }
.knowledgebase-page .kb-card p { color: var(--text-secondary);font-size: 15px;line-height: 1.6;margin-bottom: 30px;flex-grow: 1; }
.knowledgebase-page .kb-cta-banner { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border: 1px solid #e2e8f0;border-radius: var(--border-radius-lg);padding: 40px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;flex-wrap: wrap;gap: 20px; }
.knowledgebase-page .kb-cta-content h3 { margin: 0 0 10px 0;color: var(--primary);font-size: 22px; }
.knowledgebase-page .kb-cta-content p { margin: 0;color: var(--text-secondary);font-size: 16px; }
.knowledgebase-page .btn-outline { display: inline-block;padding: 12px 24px;border: 1px solid var(--border-color);background: white;color: var(--text-primary);border-radius: var(--border-radius);font-weight: 600;font-size: 15px;text-decoration: none;transition: all 0.2s; }
.knowledgebase-page .btn-outline:hover { background: #f8fafc;border-color: #cbd5e1; }


/* --- MY ORDERS PAGE --- */
.my-orders-page .my-orders-page-wrapper { padding-bottom: 40px; }
.my-orders-page .orders-header-section { margin-bottom: 25px;padding-bottom: 15px;border-bottom: 2px solid #e2e8f0; }
.my-orders-page .orders-header-section h1 { font-size: 28px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 5px; }
.my-orders-page .orders-subtitle { font-size: 14px;color: var(--text-secondary); }
.my-orders-page .alert { display: flex;align-items: center;gap: 12px;padding: 15px 20px;border-radius: var(--border-radius-lg);margin-bottom: 20px; }
.my-orders-page .alert-success { background: #e8f5e9;border: 1px solid #a5d6a7;color: #2e7d32; }
.my-orders-page .alert-error { background: #ffebee;border: 1px solid #ef9a9a;color: #c62828; }
.my-orders-page .alert .material-icons { font-size: 24px; }
.my-orders-page .orders-content { display: flex;gap: 25px; }
.my-orders-page .orders-sidebar { width: 260px;flex-shrink: 0; }
.my-orders-page .orders-main-section { flex: 1;min-width: 0; }
.my-orders-page .filters-card { padding: 20px; }
.my-orders-page .filters-card.sticky { position: sticky;top: 20px;z-index: 10; }
.my-orders-page .filters-card h3 { font-size: 16px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 15px;padding-bottom: 10px; }
.my-orders-page .filter-group { margin-bottom: 15px; }
.my-orders-page .filter-group label { display: block;font-size: 12px;color: var(--text-secondary);margin-bottom: 5px;font-weight: 600; }
.my-orders-page .filter-select { width: 100%;padding: 8px 10px;border: 1px solid #e2e8f0;border-radius: var(--border-radius);font-size: 13px;background: var(--bg-surface);color: var(--text-primary); }
.my-orders-page .filter-actions { display: flex;gap: 8px; }
.my-orders-page .filter-btn { flex: 1;padding: 10px;border-radius: var(--border-radius);font-size: 13px;font-weight: 600;text-align: center;cursor: pointer;border: none;font-family: var(--font-heading);text-decoration: none;transition: all 0.2s; }
.my-orders-page .filter-btn.apply { background: var(--accent);color: #fff;transition: all 0.2s ease; }
.my-orders-page .filter-btn.apply:hover { background: transparent;border: 1px solid var(--accent);color: var(--accent); }
.my-orders-page .filter-btn.reset { background: var(--bg-surface);color: var(--text-secondary);border: 1px solid #e2e8f0; }
.my-orders-page .filter-btn.reset:hover { background: #f8fafc;color: var(--text-primary); }
.my-orders-page .quick-stats { margin-top: 20px;padding-top: 15px;border-top: 1px solid #e2e8f0; }
.my-orders-page .quick-stats h4 { font-size: 13px;color: var(--primary);margin-bottom: 12px; }
.my-orders-page .stat-item { display: flex;justify-content: space-between;padding: 6px 0;font-size: 12px;border-bottom: 1px dashed #e2e8f0; }
.my-orders-page .stat-item:last-child { border-bottom: none; }
.my-orders-page .stat-label { color: var(--text-secondary); }
.my-orders-page .stat-value { color: var(--primary);font-weight: bold; }
.my-orders-page .stat-item.setup-required .stat-value { color: var(--accent); }
.my-orders-page .quick-links { margin-top: 20px;padding-top: 15px;border-top: 1px solid #e2e8f0; }
.my-orders-page .quick-links h4 { font-size: 13px;color: var(--primary);margin-bottom: 12px; }
.my-orders-page .quick-link { display: flex;align-items: center;gap: 10px;padding: 10px;border-radius: var(--border-radius);text-decoration: none;color: var(--text-primary);font-size: 13px;transition: background 0.2s;margin-bottom: 5px; }
.my-orders-page .quick-link:hover { background: #f8fafc;color: var(--accent); }
.my-orders-page .quick-link .icon { font-size: 16px; }
.my-orders-page .no-orders-container { text-align: center;padding: 50px 20px;background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid #e2e8f0;box-shadow: var(--shadow-sm); }
.my-orders-page .no-orders-icon { margin-bottom: 15px; }
.my-orders-page .no-orders-icon .fallback-icon { font-size: 48px; }
.my-orders-page .no-orders-container h2 { font-size: 20px;color: var(--primary);margin-bottom: 8px; }
.my-orders-page .no-orders-container p { color: var(--text-secondary);margin-bottom: 20px;font-size: 14px; }
.my-orders-page .browse-products-btn { display: inline-block;background: var(--accent);color: #fff;padding: 10px 24px;border-radius: var(--border-radius);text-decoration: none;font-weight: 600;font-family: var(--font-heading);transition: background 0.2s; }
.my-orders-page .browse-products-btn:hover { background: var(--accent-hover); }
.my-orders-page .orders-list-container { display: flex;flex-direction: column;gap: 15px; }
.my-orders-page .order-card { overflow: hidden;transition: box-shadow 0.2s; }
.my-orders-page .order-card:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.my-orders-page .order-card.needs-setup { border-color: var(--accent); }
.my-orders-page .setup-banner { display: flex;justify-content: space-between;align-items: center;padding: 12px 20px;background: linear-gradient(135deg, #fff8f5 0%, #fff3e0 100%);border-bottom: 1px solid var(--accent); }
.my-orders-page .setup-banner-content { display: flex;align-items: center;gap: 10px; }
.my-orders-page .setup-icon { font-size: 18px; }
.my-orders-page .setup-text { font-size: 13px;color: var(--text-primary); }
.my-orders-page .setup-text strong { color: var(--accent); }
.my-orders-page .setup-link { font-size: 13px;font-weight: bold;color: var(--accent);text-decoration: none;white-space: nowrap; }
.my-orders-page .setup-link:hover { text-decoration: underline; }
.my-orders-page .order-card-header { display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;background: #f8fafc;border-bottom: 1px solid #e2e8f0; }
.my-orders-page .order-info { display: flex;gap: 25px; }
.my-orders-page .order-number, .my-orders-page .order-date { display: flex;flex-direction: column;gap: 2px; }
.my-orders-page .order-number .label, .my-orders-page .order-date .label { font-size: 11px;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px; }
.my-orders-page .order-number .value { font-size: 14px;font-weight: 700;color: var(--primary);text-decoration: none;font-family: var(--font-heading); }
.my-orders-page .order-number .value:hover { color: var(--accent); }
.my-orders-page .order-date .value { font-size: 13px;color: var(--text-primary); }
.my-orders-page .order-status-badges { display: flex;gap: 6px; }
.my-orders-page .status-badge, .my-orders-page .payment-badge { display: inline-block;padding: 4px 10px;border-radius: var(--border-radius);font-size: 11px;font-weight: 600;text-transform: capitalize; }
.my-orders-page .status-badge.success, .my-orders-page .payment-badge.success { background: #f0fdf4;color: #15803d; }
.my-orders-page .status-badge.warning, .my-orders-page .payment-badge.warning { background: #fff7ed;color: #c2410c; }
.my-orders-page .status-badge.info, .my-orders-page .payment-badge.info { background: #eff6ff;color: #1d4ed8; }
.my-orders-page .status-badge.danger, .my-orders-page .payment-badge.danger { background: #fef2f2;color: #b91c1c; }
.my-orders-page .status-badge.secondary, .my-orders-page .payment-badge.secondary { background: #f8fafc;color: #475569;border: 1px solid #e2e8f0; }
.my-orders-page .order-card-body { display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;border-bottom: 1px solid #e2e8f0; }
.my-orders-page .order-products { flex: 1; }
.my-orders-page .product-preview { display: flex;align-items: center;gap: 12px; }
.my-orders-page .product-info { display: flex;flex-direction: column; }
.my-orders-page .product-name { font-weight: 600;color: var(--primary);font-size: 14px; }
.my-orders-page .product-domain { font-size: 13px;color: var(--text-secondary); }
.my-orders-page .product-domain.setup-pending { color: var(--accent);font-style: italic; }
.my-orders-page .setup-status-tag { display: inline-block;padding: 2px 8px;border-radius: 3px;font-size: 10px;font-weight: 600;text-transform: uppercase;margin-top: 4px;width: fit-content; }
.my-orders-page .setup-status-tag.warning { background: #fff7ed;color: #c2410c; }
.my-orders-page .setup-status-tag.info { background: #eff6ff;color: #1d4ed8; }
.my-orders-page .setup-status-tag.success { background: #f0fdf4;color: #15803d; }
.my-orders-page .setup-status-tag.danger { background: #fef2f2;color: #b91c1c; }
.my-orders-page .more-items { font-size: 11px;color: var(--accent);background: #fff7ed;padding: 2px 6px;border-radius: var(--border-radius); }
.my-orders-page .no-items { font-size: 13px;color: #94a3b8;font-style: italic; }
.my-orders-page .order-total { text-align: right; }
.my-orders-page .order-total .label { display: block;font-size: 11px;color: var(--text-secondary);margin-bottom: 2px; }
.my-orders-page .order-total .value { font-size: 18px;font-weight: 700;color: var(--primary);font-family: var(--font-heading); }
.my-orders-page .order-card-footer { padding: 12px 20px;background: var(--bg-surface); }
.my-orders-page .order-actions { display: flex;gap: 10px; }
.my-orders-page .action-btn { display: inline-block;padding: 8px 16px;border-radius: var(--border-radius);font-size: 13px;font-weight: 600;text-decoration: none;text-align: center;transition: all 0.2s;font-family: var(--font-heading); }
.my-orders-page .action-btn.view { background: var(--bg-surface);color: var(--text-primary);border: 1px solid #e2e8f0; }
.my-orders-page .action-btn.view:hover { background: #f8fafc;color: #0f172a;border-color: #cbd5e1; }
.my-orders-page .action-btn.pay { background: var(--accent);color: #fff;border: 1px solid var(--accent); }
.my-orders-page .action-btn.pay:hover { background: var(--accent-hover);border-color: var(--accent-hover); }
.my-orders-page .action-btn.setup { background: var(--primary);color: #fff;border: 1px solid var(--primary); }
.my-orders-page .action-btn.setup:hover { background: #1a1f4b;border-color: #1a1f4b; }
.my-orders-page .action-btn.download { background: #22c55e;color: #fff;border: 1px solid #22c55e; }
.my-orders-page .action-btn.download:hover { background: #16a34a;border-color: #16a34a; }
.my-orders-page .orders-pagination { margin-top: 25px;display: flex;justify-content: center; }
@media (max-width: 991px) {
  .my-orders-page .orders-content { flex-direction: column; }
  .my-orders-page .orders-sidebar { width: 100%; }
  .my-orders-page .filters-card.sticky { position: static; }
  .my-orders-page .filter-actions { flex-direction: row; }
  .my-orders-page .quick-stats { display: flex;gap: 20px;flex-wrap: wrap; }
  .my-orders-page .quick-stats h4 { width: 100%;margin-bottom: 5px; }
  .my-orders-page .stat-item { flex: 1;min-width: 100px;border-bottom: none;border-right: 1px dashed #e2e8f0;padding-right: 15px; }
  .my-orders-page .stat-item:last-child { border-right: none; }
  .my-orders-page .setup-banner { flex-direction: column;gap: 10px;text-align: center; }
}
@media (max-width: 640px) {
  .my-orders-page .orders-header-section h1 { font-size: 24px; }
  .my-orders-page .order-card-header { flex-direction: column;align-items: flex-start;gap: 12px; }
  .my-orders-page .order-info { flex-direction: column;gap: 8px;width: 100%; }
  .my-orders-page .order-card-body { flex-direction: column;align-items: flex-start;gap: 15px; }
  .my-orders-page .order-total { text-align: left;width: 100%;padding-top: 15px;border-top: 1px dashed #e2e8f0; }
  .my-orders-page .order-actions { flex-wrap: wrap; }
  .my-orders-page .action-btn { flex: 1;min-width: 120px; }
}
.my-orders-page .action-btn.cancel-caas { background: #fff;color: #dc2626;border: 1px solid #dc2626; }
.my-orders-page .action-btn.cancel-caas:hover { background: #dc2626;color: #fff; }
.my-orders-page .action-btn.cancel-pending { background: #fef3c7;color: #d97706;border: 1px solid #fbbf24; }


/* --- NEW TO SSL PAGE --- */
.new-to-ssl-page .modern-page-hero { background: linear-gradient(135deg, #0f766e 0%, #064e3b 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.new-to-ssl-page .modern-page-hero span { font-size: 14px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #99f6e4;display: block;margin-bottom: 15px; }
.new-to-ssl-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0; }
.new-to-ssl-page .modern-page-section { padding: 60px 0; }
.new-to-ssl-page .modern-page-section.light-bg { background-color: #f8fafc;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0; }
.new-to-ssl-page .section-header { text-align: center;margin-bottom: 50px;max-width: 800px;margin-left: auto;margin-right: auto; }
.new-to-ssl-page .section-header h2 { font-size: 36px;font-weight: 800;color: var(--secondary);margin-bottom: 20px; }
.new-to-ssl-page .section-header p { font-size: 18px;color: var(--text-secondary);line-height: 1.6; }
.new-to-ssl-page .process-grid { display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px; }
@media (max-width: 991px) {
  .new-to-ssl-page .process-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .new-to-ssl-page .process-grid { grid-template-columns: 1fr; }
}
.new-to-ssl-page .process-step { background: #ffffff;border-radius: 16px;padding: 30px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0;text-align: center;position: relative;transition: all 0.3s ease; }
.new-to-ssl-page .process-step:hover { box-shadow: var(--shadow-md);transform: translateY(-5px); }
.new-to-ssl-page .step-number { width: 50px;height: 50px;background: var(--primary);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 700;margin: 0 auto 20px; }
.new-to-ssl-page .process-step h3 { font-size: 18px;color: var(--secondary);margin-bottom: 15px;font-weight: 700; }
.new-to-ssl-page .process-step p { color: var(--text-secondary);font-size: 14px;line-height: 1.5;margin: 0; }
.new-to-ssl-page .cards-grid-3 { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px; }
@media (max-width: 991px) {
  .new-to-ssl-page .cards-grid-3 { grid-template-columns: 1fr; }
}
.new-to-ssl-page .ssl-card { background: white;border-radius: 16px;padding: 40px 30px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0;text-align: center;position: relative;transition: all 0.3s ease;overflow: hidden; }
.new-to-ssl-page .ssl-card:hover { box-shadow: var(--shadow-lg);border-color: #cbd5e1; }
.new-to-ssl-page .ssl-card img { margin-bottom: 25px;height: 60px; }
.new-to-ssl-page .ssl-card h3 { font-size: 22px;color: var(--secondary);margin-bottom: 15px;font-weight: 700; }
.new-to-ssl-page .ssl-card p { color: var(--text-secondary);line-height: 1.6;margin-bottom: 25px;font-size: 15px; }
.new-to-ssl-page .ssl-card ul { list-style: none;padding: 0;margin: 0;text-align: left; }
.new-to-ssl-page .ssl-card li { padding: 10px 0;border-top: 1px solid #f1f5f9;color: #475569;font-size: 14px;display: flex;align-items: center; }
.new-to-ssl-page .ssl-card li::before { content: "✓";color: #10b981;font-weight: bold;margin-right: 10px; }
.new-to-ssl-page .badge-top { position: absolute;top: 0;right: 0;background: var(--primary);color: white;padding: 6px 15px;font-size: 12px;font-weight: 700;text-transform: uppercase;border-radius: 0 0 0 12px; }
.new-to-ssl-page .badge-top.trusted { background: #10b981; }
.new-to-ssl-page .why-grid { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px; }
@media (max-width: 991px) {
  .new-to-ssl-page .why-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .new-to-ssl-page .why-grid { grid-template-columns: 1fr; }
}
.new-to-ssl-page .why-item { padding: 25px;background: white;border-radius: 12px;border: 1px solid #e2e8f0; }
.new-to-ssl-page .why-item h4 { font-size: 18px;color: var(--secondary);margin-bottom: 10px;font-weight: 700; }
.new-to-ssl-page .why-item p { color: var(--text-secondary);font-size: 15px;line-height: 1.5;margin: 0; }
.new-to-ssl-page .faq-list { max-width: 800px;margin: 0 auto; }
.new-to-ssl-page .faq-item { background: white;border-radius: 12px;padding: 30px;margin-bottom: 20px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0; }
.new-to-ssl-page .faq-item h4 { font-size: 18px;color: var(--secondary);margin-bottom: 15px;font-weight: 700; }
.new-to-ssl-page .faq-item p { color: var(--text-secondary);line-height: 1.6;margin: 0; }


/* --- ORDER DETAILS PAGE --- */
.order-details-page .order-details-header { display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 2px solid var(--primary); }
.order-details-page .header-left h1 { font-size: 32px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 10px; }
.order-details-page .order-meta { font-size: 14px;color: var(--text-secondary); }
.order-details-page .order-meta .status-badge, .order-details-page .order-meta .payment-badge { display: inline-block;padding: 3px 10px;border-radius: 3px;font-size: 12px;font-weight: bold;text-transform: capitalize; }
.order-details-page .order-meta .status-badge.pending, .order-details-page .order-meta .payment-badge.pending { background: #fff3e0;color: #ef6c00; }
.order-details-page .order-meta .status-badge.completed, .order-details-page .order-meta .status-badge.issued, .order-details-page .order-meta .payment-badge.paid { background: #e8f5e9;color: #2e7d32; }
.order-details-page .order-meta .status-badge.processing, .order-details-page .order-meta .status-badge.domain_verification { background: #e3f2fd;color: #1565c0; }
.order-details-page .header-actions { display: flex;gap: 10px; }
.order-details-page .action-btn { display: inline-block;padding: 10px 20px;border-radius: 3px;font-size: 14px;font-weight: bold;text-decoration: none;text-align: center;cursor: pointer;border: none;font-family: var(--font-heading);transition: all 0.3s; }
.order-details-page .action-btn.secondary { background: var(--bg-surface);color: var(--primary);border: 1px solid var(--primary); }
.order-details-page .action-btn.secondary:hover { background: var(--primary);color: #fff; }
.order-details-page .action-btn.primary { background: var(--accent);color: #fff; }
.order-details-page .action-btn.primary:hover { background: var(--accent-hover); }
.order-details-page .action-btn.full { display: block; }
.order-details-page .alert { display: flex;align-items: center;gap: 12px;padding: 15px 20px;border-radius: var(--border-radius);margin-bottom: 20px; }
.order-details-page .alert-success { background: #e8f5e9;border: 1px solid #a5d6a7;color: #2e7d32; }
.order-details-page .alert-error { background: #ffebee;border: 1px solid #ef9a9a;color: #c62828; }
.order-details-page .alert .material-icons { font-size: 24px; }
.order-details-page .setup-required-banner { display: flex;align-items: flex-start;gap: 20px;padding: 20px;background: linear-gradient(135deg, #fff8f5 0%, #fff3e0 100%);border: 2px solid var(--accent);border-radius: var(--border-radius-lg);margin-bottom: 25px; }
.order-details-page .setup-required-banner .banner-icon { flex-shrink: 0; }
.order-details-page .setup-required-banner .banner-content h3 { font-size: 18px;color: var(--primary);margin-bottom: 8px;font-family: var(--font-heading); }
.order-details-page .setup-required-banner .banner-content p { font-size: 14px;color: var(--text-secondary);margin: 0;line-height: 1.5; }
.order-details-page .order-details-content { display: flex;gap: 30px; }
.order-details-page .order-main-section { flex: 1; }
.order-details-page .order-sidebar-section { width: 350px; }
.order-details-page .details-section { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;margin-bottom: 20px;box-shadow: var(--shadow-md); }
.order-details-page .details-section h2 { font-size: 20px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color); }
.order-details-page .progress-timeline { display: flex;justify-content: space-between;position: relative;padding: 20px 0; }
.order-details-page .progress-timeline:before { content: '';position: absolute;top: 45px;left: 10%;right: 10%;height: 3px;background: var(--border-color);z-index: 0; }
.order-details-page .progress-step { display: flex;flex-direction: column;align-items: center;gap: 10px;position: relative;z-index: 1; }
.order-details-page .progress-step .step-icon { width: 50px;height: 50px;border-radius: 50%;background: var(--border-color);display: flex;align-items: center;justify-content: center;font-size: 24px; }
.order-details-page .progress-step .step-title { font-size: 12px;color: var(--text-muted);text-align: center; }
.order-details-page .progress-step.completed .step-icon { background: var(--success);color: #fff; }
.order-details-page .progress-step.completed .step-title { color: var(--success);font-weight: bold; }
.order-details-page .progress-step.current .step-icon { background: var(--accent);color: #fff;animation: pulse 2s infinite; }
.order-details-page .progress-step.current .step-title { color: var(--accent);font-weight: bold; }
@keyframes pulse {
0%, 100% {box-shadow: 0 0 0 0 rgba(240, 119, 37, 0.4);} 50% {box-shadow: 0 0 0 10px rgba(240, 119, 37, 0);}
}
.order-details-page .items-list { display: flex;flex-direction: column;gap: 25px; }
.order-details-page .item-detail-card { border: 1px solid var(--border-color);border-radius: var(--border-radius);overflow: hidden; }
.order-details-page .item-header { display: flex;align-items: center;gap: 15px;padding: 20px;background: var(--bg-surface-alt);border-bottom: 1px solid var(--border-color); }
.order-details-page .item-number { width: 36px;height: 36px;background: var(--primary);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 16px; }
.order-details-page .item-info { flex: 1; }
.order-details-page .item-info h3 { font-size: 16px;color: var(--primary);margin-bottom: 5px; }
.order-details-page .item-domain { font-size: 14px;color: var(--text-secondary);word-break: break-all; }
.order-details-page .item-domain.pending-domain { color: var(--accent);font-style: italic; }
.order-details-page .item-sans { font-size: 12px;color: var(--accent);margin-top: 3px; }
.order-details-page .item-price { font-size: 18px;font-weight: bold;color: var(--primary);font-family: var(--font-heading); }
.order-details-page .item-details { padding: 15px 20px;border-bottom: 1px solid var(--border-color); }
.order-details-page .item-details .detail-row { display: flex;gap: 10px;padding: 5px 0; }
.order-details-page .item-details .label { font-size: 13px;color: var(--text-secondary);min-width: 100px; }
.order-details-page .item-details .value { font-size: 13px;color: var(--text-primary);font-weight: bold; }
.order-details-page .setup-status-badge { display: inline-flex;align-items: center;gap: 5px;padding: 4px 12px;border-radius: 3px;font-size: 12px;font-weight: bold;text-transform: uppercase; }
.order-details-page .setup-status-badge.pending { background: #fff3e0;color: #ef6c00; }
.order-details-page .setup-status-badge.in_progress { background: #e3f2fd;color: #1565c0; }
.order-details-page .setup-status-badge.completed { background: #e8f5e9;color: #2e7d32; }
.order-details-page .setup-status-badge.failed { background: #ffebee;color: #c62828; }
.order-details-page .setup-status-badge i { font-size: 14px; }
.order-details-page .setup-actions-section { padding: 20px;background: #f9f9f9;text-align: center; }
.order-details-page .setup-btn { display: inline-flex;align-items: center;gap: 8px;padding: 12px 25px;border-radius: 3px;font-size: 14px;font-weight: bold;text-decoration: none;font-family: var(--font-heading);transition: all 0.3s;margin: 5px; }
.order-details-page .setup-btn.primary { background: var(--accent);color: #fff; }
.order-details-page .setup-btn.primary:hover { background: var(--accent-hover); }
.order-details-page .setup-btn.secondary { background: var(--primary);color: #fff; }
.order-details-page .setup-btn.secondary:hover { background: #1a1f4b; }
.order-details-page .setup-hint { font-size: 12px;color: #888;margin-top: 10px; }
.order-details-page .setup-failed-notice, .order-details-page .setup-in-progress-notice, .order-details-page .setup-completed-notice, .order-details-page .payment-required-notice { display: flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 20px;border-radius: var(--border-radius);margin-bottom: 15px;font-size: 14px; }
.order-details-page .setup-failed-notice { background: #ffebee;color: #c62828; }
.order-details-page .setup-in-progress-notice { background: #e3f2fd;color: #1565c0; }
.order-details-page .setup-completed-notice { background: #e8f5e9;color: #2e7d32; }
.order-details-page .payment-required-notice { background: #fff3e0;color: #ef6c00; }
.order-details-page .dcv-section.caas-section { background: #f5f0ff; }
.order-details-page .dcv-icon.caas-icon { background: #6f42c1; }
.order-details-page .caas-hint { margin-top: 12px;padding: 8px 12px;background: #ede7f6;border-radius: 3px;font-size: 13px;display: flex;align-items: center;gap: 6px; }
.order-details-page .caas-hint a { color: #6f42c1;font-weight: 500;text-decoration: none; }
.order-details-page .caas-hint a:hover { text-decoration: underline; }
.order-details-page .dcv-section { margin-top: 0;padding: 20px;border-top: 1px solid var(--border-color); }
.order-details-page .dcv-section.cname-section { background: #f5f7ff; }
.order-details-page .dcv-section.http-section { background: #fff8e1; }
.order-details-page .dcv-header { display: flex;align-items: flex-start;gap: 15px;margin-bottom: 15px; }
.order-details-page .dcv-icon { width: 40px;height: 40px;background: var(--primary);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0; }
.order-details-page .dcv-title strong { display: block;color: var(--primary);font-size: 15px;margin-bottom: 3px; }
.order-details-page .dcv-title p { font-size: 12px;color: var(--text-secondary);margin: 0; }
.order-details-page .dcv-record-box { background: var(--bg-surface);border-radius: var(--border-radius);padding: 15px;border: 1px solid #e0e0e0; }
.order-details-page .dcv-row { display: flex;align-items: center;padding: 8px 0;border-bottom: 1px dashed var(--border-color); }
.order-details-page .dcv-row:last-child { border-bottom: none; }
.order-details-page .dcv-label { font-size: 12px;color: var(--text-secondary);min-width: 80px;font-weight: bold; }
.order-details-page .dcv-value { font-size: 13px;color: var(--text-primary);flex: 1; }
.order-details-page .dcv-value.badge { display: inline-block;background: var(--primary);color: #fff;padding: 3px 10px;border-radius: 3px;font-size: 11px; }
.order-details-page .dcv-value.copy-box { display: flex;align-items: center;gap: 8px; }
.order-details-page .dcv-value code { background: var(--bg-body);padding: 6px 10px;border-radius: 3px;font-family: 'Courier New', monospace;font-size: 12px;word-break: break-all;flex: 1;border: 1px solid var(--border-color); }
.order-details-page .dcv-value pre.file-content { background: var(--bg-body);padding: 10px;border-radius: 3px;font-family: 'Courier New', monospace;font-size: 11px;white-space: pre-wrap;word-break: break-all;margin: 0 0 10px 0;border: 1px solid var(--border-color); }
.order-details-page .copy-btn { padding: 6px 10px;background: var(--bg-body);border: 1px solid var(--border-color);border-radius: 3px;cursor: pointer;color: var(--text-primary);transition: all 0.3s;display: inline-flex;align-items: center;gap: 5px;font-size: 12px; }
.order-details-page .copy-btn:hover { background: var(--primary);color: #fff;border-color: var(--primary); }
.order-details-page .billing-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 25px; }
.order-details-page .billing-block h4 { font-size: 14px;color: var(--primary);margin-bottom: 10px; }
.order-details-page .billing-block address, .order-details-page .billing-block p { font-size: 14px;color: var(--text-secondary);line-height: 1.6;font-style: normal; }
.order-details-page .order-summary-card { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;box-shadow: var(--shadow-md);margin-bottom: 20px; }
.order-details-page .order-summary-card.sticky { position: sticky;top: 20px; }
.order-details-page .order-summary-card h3 { font-size: 18px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color); }
.order-details-page .summary-rows { margin-bottom: 20px; }
.order-details-page .summary-row { display: flex;justify-content: space-between;padding: 10px 0;font-size: 14px;color: var(--text-secondary);border-bottom: 1px solid #f5f5f5; }
.order-details-page .summary-row .value { font-weight: bold;color: var(--text-primary); }
.order-details-page .summary-row.discount { color: var(--success); }
.order-details-page .summary-row.total { font-size: 18px;font-weight: bold;color: var(--primary);border-top: 2px solid var(--primary);border-bottom: none;margin-top: 10px;padding-top: 15px;font-family: var(--font-heading); }
.order-details-page .summary-actions { display: flex;flex-direction: column;gap: 10px; }
.order-details-page .support-card { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;box-shadow: var(--shadow-md); }
.order-details-page .support-card h4 { font-size: 16px;color: var(--primary);margin-bottom: 15px; }
.order-details-page .support-card p { font-size: 13px;color: var(--text-secondary);margin-bottom: 15px; }
.order-details-page .support-options { list-style: none;padding: 0;margin: 0; }
.order-details-page .support-options li { margin-bottom: 10px; }
.order-details-page .support-link { display: flex;align-items: center;gap: 10px;padding: 10px;background: #f9f9f9;border-radius: 3px;text-decoration: none;color: var(--text-primary);font-size: 14px;transition: background 0.3s; }
.order-details-page .support-link:hover { background: var(--border-color); }
.order-details-page .support-link .icon { font-size: 18px; }
@media (max-width: 900px) {
  .order-details-page .order-details-content { flex-direction: column; }
  .order-details-page .order-sidebar-section { width: 100%; }
  .order-details-page .order-summary-card.sticky { position: static; }
  .order-details-page .order-details-header { flex-direction: column;gap: 15px; }
  .order-details-page .progress-timeline { flex-wrap: wrap;gap: 15px; }
  .order-details-page .progress-timeline:before { display: none; }
}
@media (max-width: 600px) {
  .order-details-page .order-details-header h1 { font-size: 24px; }
  .order-details-page .item-header { flex-wrap: wrap; }
  .order-details-page .item-price { width: 100%;text-align: left;margin-top: 10px; }
  .order-details-page .billing-grid { grid-template-columns: 1fr; }
  .order-details-page .setup-required-banner { flex-direction: column;text-align: center; }
}
@media print {
  .order-details-page .order-details-page-wrapper { background: var(--bg-surface);padding: 0; }
  .order-details-page .order-sidebar-section, .order-details-page .header-actions, .order-details-page .setup-actions-section, .order-details-page .setup-required-banner { display: none; }
  .order-details-page .order-main-section { width: 100%; }
  .order-details-page .details-section { box-shadow: none;border: 1px solid var(--border-color);break-inside: avoid; }
}
.order-details-page .copy-toast { position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%) translateY(100px);background: #333;color: #fff;padding: 12px 25px;border-radius: var(--border-radius);font-size: 14px;z-index: 1000;opacity: 0;transition: all 0.3s ease; }
.order-details-page .copy-toast.show { transform: translateX(-50%) translateY(0);opacity: 1; }
.order-details-page .action-btn.cancel-pending { background: #fef3c7;color: #d97706;border: 1px solid #fbbf24; }


/* --- PAYMENT PAGE --- */
.payment-page .payment-page-wrapper { padding: 40px 0 60px;background: var(--bg-body);min-height: 500px; }
.payment-page .payment-header-section { text-align: center;padding: 40px;background: var(--bg-surface);border-radius: var(--border-radius);margin-bottom: 30px;box-shadow: var(--shadow-md); }
.payment-page .header-icon { margin-bottom: 15px; }
.payment-page .payment-header-section h1 { font-size: 32px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 10px; }
.payment-page .order-ref { font-size: 18px;color: var(--text-secondary); }
.payment-page .payment-content { display: flex;gap: 30px; }
.payment-page .payment-main-section { flex: 1; }
.payment-page .payment-sidebar-section { width: 350px; }
.payment-page .payment-section { background: var(--bg-surface);border-radius: var(--border-radius);padding: 30px;margin-bottom: 20px;box-shadow: var(--shadow-md); }
.payment-page .payment-section h2 { font-size: 22px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color); }
.payment-page .payment-amount { text-align: center;padding: 20px;background: linear-gradient(135deg, #f9f9f9 0%, #f0f0f0 100%);border-radius: var(--border-radius);margin-bottom: 25px;border: 1px solid #e0e0e0; }
.payment-page .payment-amount .label { display: block;font-size: 14px;color: var(--text-secondary);margin-bottom: 8px; }
.payment-page .payment-amount .value { font-size: 36px;font-weight: bold;color: var(--accent);font-family: var(--font-heading); }
.payment-page .payment-gateway-container { text-align: center;padding: 30px;background: var(--bg-surface-alt);border: 2px dashed var(--border-color);border-radius: var(--border-radius); }
.payment-page .gateway-info { margin-bottom: 25px; }
.payment-page .gateway-message { font-size: 18px;color: var(--primary);margin-bottom: 15px; }
.payment-page .payment-methods { display: flex;justify-content: center;gap: 10px;flex-wrap: wrap; }
.payment-page .method-badge { padding: 5px 12px;background: var(--primary);color: #fff;border-radius: 20px;font-size: 12px;font-weight: bold; }
.payment-page .pay-now-btn { padding: 15px 40px;background: var(--accent);color: #fff;border: none;border-radius: 3px;font-size: 18px;font-weight: bold;font-family: var(--font-heading);cursor: pointer;transition: all 0.3s;display: inline-flex;align-items: center;gap: 10px; }
.payment-page .pay-now-btn:hover:not(:disabled) { background: var(--accent-hover);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(240, 119, 37, 0.3); }
.payment-page .pay-now-btn:disabled { background: #ccc;cursor: not-allowed; }
.payment-page .btn-loader { align-items: center;gap: 8px; }
.payment-page .spinner { animation: spin 1s linear infinite; }
@keyframes spin {
from {transform: rotate(0deg);} to {transform: rotate(360deg);}
}
.payment-page .security-info { display: flex;justify-content: center;gap: 30px;margin-top: 25px;padding-top: 25px;border-top: 1px solid var(--border-color); }
.payment-page .security-item { display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--text-secondary); }
.payment-page .security-item .icon { display: flex;align-items: center; }
.payment-page .order-items-list { margin-bottom: 20px; }
.payment-page .summary-item { display: flex;justify-content: space-between;align-items: flex-start;padding: 15px 0;border-bottom: 1px solid var(--border-color); }
.payment-page .summary-item:last-child { border-bottom: none; }
.payment-page .summary-item .item-info { display: flex;flex-direction: column; }
.payment-page .summary-item .product-name { font-weight: bold;color: var(--primary);font-size: 14px; }
.payment-page .summary-item .domain { font-size: 12px;color: var(--text-secondary);margin-top: 3px;word-break: break-all; }
.payment-page .summary-item .validity { font-size: 11px;color: var(--text-muted);margin-top: 2px; }
.payment-page .summary-item .item-price { font-weight: bold;color: var(--primary);font-size: 14px;white-space: nowrap; }
.payment-page .order-total { display: flex;justify-content: space-between;padding: 15px 0;border-top: 2px solid var(--primary);margin-top: 15px; }
.payment-page .order-total .label { font-size: 16px;font-weight: bold;color: var(--primary); }
.payment-page .order-total .value { font-size: 20px;font-weight: bold;color: var(--accent);font-family: var(--font-heading); }
.payment-page .help-card, .payment-page .support-card, .payment-page .action-card { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px;box-shadow: var(--shadow-md);margin-bottom: 20px; }
.payment-page .help-card h4, .payment-page .support-card h4 { font-size: 16px;color: var(--primary);margin-bottom: 15px; }
.payment-page .help-card p, .payment-page .support-card p { font-size: 13px;color: var(--text-secondary);margin-bottom: 15px; }
.payment-page .help-list { list-style: none; }
.payment-page .help-list li { position: relative;padding-left: 20px;margin-bottom: 10px;font-size: 13px;color: var(--text-secondary);line-height: 1.5; }
.payment-page .help-list li:before { content: '•';position: absolute;left: 0;color: var(--accent);font-weight: bold; }
.payment-page .support-btn { display: flex;align-items: center;gap: 10px;padding: 12px 15px;background: #f9f9f9;border-radius: 3px;text-decoration: none;color: var(--text-primary);font-size: 14px;margin-bottom: 10px;transition: background 0.3s; }
.payment-page .support-btn:hover { background: var(--border-color); }
.payment-page .support-btn span { font-size: 18px; }
.payment-page .action-btn { display: block;padding: 12px;border-radius: 3px;font-size: 14px;font-weight: bold;text-align: center;text-decoration: none;margin-bottom: 10px;transition: all 0.3s;font-family: var(--font-heading); }
.payment-page .action-btn.view-order { background: var(--primary);color: #fff; }
.payment-page .action-btn.view-order:hover { background: #1e234d; }
.payment-page .action-btn.my-orders { background: var(--bg-surface);color: var(--primary);border: 1px solid var(--primary); }
.payment-page .action-btn.my-orders:hover { background: var(--primary);color: #fff; }
@media (max-width: 900px) {
  .payment-page .payment-content { flex-direction: column; }
  .payment-page .payment-sidebar-section { width: 100%; }
  .payment-page .security-info { flex-wrap: wrap;gap: 15px; }
}
@media (max-width: 600px) {
  .payment-page .payment-header-section h1 { font-size: 24px; }
  .payment-page .payment-amount .value { font-size: 28px; }
  .payment-page .payment-gateway-container { padding: 25px 15px; }
  .payment-page .pay-now-btn { width: 100%;padding: 15px 20px; }
  .payment-page .payment-methods { gap: 5px; }
  .payment-page .method-badge { padding: 4px 8px;font-size: 11px; }
}


/* --- PRIVACY POLICY PAGE --- */
.privacy-policy-page .modern-page-hero { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.privacy-policy-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0 0 15px 0; }
.privacy-policy-page .modern-page-hero p { font-size: 18px;color: #94a3b8;margin: 0; }
.privacy-policy-page .legal-container { max-width: 850px;margin: 0 auto 80px auto;background: white;padding: 60px;border-radius: 16px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0; }
@media (max-width: 768px) {
  .privacy-policy-page .legal-container { padding: 40px 30px; }
}
@media (max-width: 480px) {
  .privacy-policy-page .legal-container { padding: 30px 20px; }
}
.privacy-policy-page .legal-content h3 { font-size: 22px;font-weight: 700;color: var(--secondary);margin-top: 40px;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #e2e8f0; }
.privacy-policy-page .legal-content h3:first-child { margin-top: 0; }
.privacy-policy-page .legal-content p, .privacy-policy-page .legal-content li { font-size: 16px;line-height: 1.8;color: var(--text-secondary);margin-bottom: 20px; }
.privacy-policy-page .legal-content ul { margin-bottom: 25px;padding-left: 20px; }
.privacy-policy-page .legal-content li { margin-bottom: 10px; }
.privacy-policy-page .legal-content a { color: var(--primary);text-decoration: none;font-weight: 600;border-bottom: 1px solid transparent;transition: all 0.2s; }
.privacy-policy-page .legal-content a:hover { color: #0256a3;border-bottom-color: #0256a3; }


/* --- PRODUCT DETAILS PAGE --- */
.product-details-page .product-header-card { background: var(--bg-surface);border-radius: var(--border-radius);padding: 25px 30px;display: flex;align-items: center;justify-content: space-between;box-shadow: var(--shadow-md);border: 1px solid rgba(0, 0, 0, 0.05);margin-bottom: 30px;gap: 20px;flex-wrap: wrap; }
.product-details-page .brand-text { font-size: 24px;font-weight: 800;color: var(--secondary);margin: 0; }
.product-details-page .product-badges { display: flex;gap: 10px;flex-wrap: wrap;flex-grow: 1; }
.product-details-page .modern-badge { padding: 6px 14px;border-radius: 20px;font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px; }
.product-details-page .badge-dv { background: #e0f2fe;color: #0284c7; }
.product-details-page .badge-ov { background: #fef08a;color: #854d0e; }
.product-details-page .badge-ev { background: #dcfce7;color: #166534; }
.product-details-page .badge-cs, .product-details-page .badge-smime { background: #f3e8ff;color: #7e22ce; }
.product-details-page .badge-type { background: #f1f5f9;color: #475569; }
.product-details-page .badge-wildcard { background: #fce7f3;color: #be185d; }
.product-details-page .product-details-layout { display: flex;gap: 30px;align-items: flex-start; }
.product-details-page .product-main-info { flex: 2;min-width: 0; }
.product-details-page .product-sidebar { flex: 1;min-width: 320px;position: sticky;top: 100px; }
.product-details-page .info-card { background: var(--bg-surface);border-radius: var(--border-radius);padding: 30px;border: 1px solid rgba(0, 0, 0, 0.05);box-shadow: var(--shadow-sm);margin-bottom: 30px; }
.product-details-page .card-title { font-size: 20px;color: var(--secondary);margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #e2e8f0; }
.product-details-page .desc-text { font-size: 16px;line-height: 1.8;color: var(--text-secondary);margin: 0; }
.product-details-page .modern-features-list { list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 15px; }
.product-details-page .modern-features-list li { display: flex;align-items: flex-start;gap: 10px;font-size: 15px;color: var(--text-primary);line-height: 1.5; }
.product-details-page .modern-features-list .check-icon { color: var(--success);flex-shrink: 0;margin-top: 2px; }
.product-details-page .modern-specs-table { width: 100%;border-collapse: collapse; }
.product-details-page .modern-specs-table th { text-align: left;padding: 15px;color: var(--text-secondary);font-weight: 500;border-bottom: 1px solid #f1f5f9;width: 35%; }
.product-details-page .modern-specs-table td { padding: 15px;color: var(--text-primary);font-weight: 600;border-bottom: 1px solid #f1f5f9; }
.product-details-page .modern-specs-table tr:last-child th, .product-details-page .modern-specs-table tr:last-child td { border-bottom: none; }
.product-details-page .pricing-card { background: #fff;border-radius: var(--border-radius);padding: 30px;border: 1px solid #e2e8f0;box-shadow: var(--shadow-md);margin-bottom: 30px; }
.product-details-page .pricing-card h3 { font-size: 18px;color: var(--secondary);margin-bottom: 20px;text-align: center; }
.product-details-page .pricing-options { display: flex;flex-direction: column;gap: 15px;margin-bottom: 25px; }
.product-details-page .modern-pricing-option { display: flex;justify-content: space-between;align-items: center;border: 2px solid #e2e8f0;border-radius: var(--border-radius-sm);padding: 15px 20px;cursor: pointer;transition: all 0.2s;position: relative; }
.product-details-page .modern-pricing-option:hover { border-color: #cbd5e1; }
.product-details-page .modern-pricing-option.selected { border-color: var(--primary);background: #f0f9ff; }
.product-details-page .best-value-badge { position: absolute;top: -10px;right: 15px;background: var(--success);color: #fff;font-size: 11px;font-weight: 700;padding: 3px 8px;border-radius: 12px;text-transform: uppercase; }
.product-details-page .option-left { display: flex;align-items: center;gap: 15px; }
.product-details-page .radio-circle { width: 20px;height: 20px;border-radius: 50%;border: 2px solid #cbd5e1;position: relative;transition: all 0.2s; }
.product-details-page .modern-pricing-option.selected .radio-circle { border-color: var(--primary); }
.product-details-page .modern-pricing-option.selected .radio-circle::after { content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;background: var(--primary);border-radius: 50%; }
.product-details-page .yr-label { font-weight: 600;font-size: 16px;color: var(--secondary); }
.product-details-page .option-right { text-align: right; }
.product-details-page .yr-price { font-weight: 800;font-size: 18px;color: var(--primary); }
.product-details-page .yr-sub { font-size: 12px;color: var(--text-secondary); }
.product-details-page .yr-savings { font-size: 12px;color: var(--success);font-weight: 600;margin-top: 5px; }
.product-details-page .total-bar { display: flex;justify-content: space-between;align-items: center;padding: 20px 0;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0;margin-bottom: 20px; }
.product-details-page .total-bar span { font-size: 15px;color: var(--text-secondary);font-weight: 600; }
.product-details-page .total-amount { font-size: 28px;color: var(--secondary);font-weight: 800; }
.product-details-page .info-alert { background: #f8fafc;border: 1px solid #e2e8f0;border-radius: var(--border-radius-sm);padding: 12px 15px;font-size: 13px;line-height: 1.6;color: var(--text-secondary); }
.product-details-page .btn-block { width: 100%;display: block; }
.product-details-page .trust-sidebar-card { background: #f8fafc;border-radius: var(--border-radius);padding: 25px;border: 1px solid #e2e8f0; }
.product-details-page .trust-sidebar-card h4 { font-size: 16px;color: var(--secondary);margin-bottom: 20px;border-bottom: 1px solid #e2e8f0;padding-bottom: 10px; }
.product-details-page .trust-features { list-style: none;padding: 0;margin: 0; }
.product-details-page .trust-features li { display: flex;align-items: center;gap: 12px;padding: 10px 0;font-size: 14px;color: var(--text-secondary);font-weight: 500; }
.product-details-page .trust-features li svg { color: var(--success); }
.product-details-page .modern-mini-products { display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 25px;padding-bottom: 50px; }
.product-details-page .modern-mini-card { background: #fff;border: 1px solid #e2e8f0;border-radius: var(--border-radius);padding: 25px;transition: all 0.3s ease;display: flex;flex-direction: column; }
.product-details-page .modern-mini-card:hover { box-shadow: var(--shadow-md);border-color: #cbd5e1;transform: translateY(-2px); }
.product-details-page .btn-mini-view { display: block;text-align: center;padding: 10px 0;background: #f1f5f9;color: var(--secondary);text-decoration: none;border-radius: var(--border-radius-sm);font-weight: 600;font-size: 14px;transition: all 0.2s;border: 1px solid #e2e8f0;margin-top: auto; }
.product-details-page .btn-mini-view:hover { background: var(--primary);color: #fff;border-color: var(--primary); }
@media (max-width: 992px) {
  .product-details-page .product-details-layout { flex-direction: column; }
  .product-details-page .product-sidebar { width: 100%;max-width: 500px;margin: 0 auto; }
}
@media (max-width: 576px) {
  .product-details-page .product-header-card { flex-direction: column;align-items: flex-start;text-align: center; }
  .product-details-page .product-badges { justify-content: center; }
  .product-details-page .header-actions { width: 100%; }
  .product-details-page .header-actions .button { display: block;width: 100%; }
}


/* --- PRODUCTS PAGE --- */
.products-page .category-quick-links { display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;margin-bottom: 60px; }
.products-page .quick-link-card { background: var(--bg-surface);border: 1px solid #e2e8f0;border-radius: var(--border-radius);padding: 25px;display: flex;align-items: center;gap: 20px;text-decoration: none;transition: all 0.3s ease;box-shadow: var(--shadow-sm); }
.products-page .quick-link-card:hover { transform: translateY(-3px);box-shadow: var(--shadow-md);border-color: var(--primary); }
.products-page .ql-content h4 { margin: 0 0 5px 0;font-size: 18px;color: var(--secondary); }
.products-page .ql-content p { margin: 0;font-size: 13px;color: var(--text-secondary); }
.products-page .type-row { display: flex;align-items: center;gap: 60px;padding: 50px 0;border-bottom: 1px solid #f1f5f9; }
.products-page .type-row:last-child { border-bottom: none; }
.products-page .type-row.reverse { flex-direction: row-reverse; }
.products-page .type-image { flex: 0 0 200px;display: flex;justify-content: center;align-items: center; }
.products-page .type-image img { max-width: 100%;height: auto;filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.05)); }
.products-page .type-content { flex: 1; }
.products-page .type-content h2 { font-size: 28px;color: var(--secondary);margin-bottom: 20px; }
.products-page .type-content p { color: var(--text-secondary);font-size: 16px;line-height: 1.8;margin-bottom: 25px; }
.products-page .type-content strong { color: var(--text-primary);font-weight: 600; }
.products-page .action-wrap { display: flex;gap: 15px; }
.products-page .support-links-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;padding-top: 40px;border-top: 2px solid #f1f5f9; }
.products-page .support-link-card { background: #f8fafc;border-radius: var(--border-radius);padding: 40px 30px;text-align: center;border: 1px solid #e2e8f0;transition: all 0.3s; }
.products-page .support-link-card:hover { background: #fff;box-shadow: var(--shadow-md);transform: translateY(-5px); }
.products-page .sl-icon { margin-bottom: 25px;display: flex;justify-content: center;align-items: center;height: 80px; }
.products-page .support-link-card h4 { font-size: 20px;color: var(--secondary);margin-bottom: 15px; }
.products-page .support-link-card p { color: var(--text-secondary);font-size: 15px;margin-bottom: 20px;line-height: 1.6; }
.products-page .text-link { color: var(--primary);font-weight: 700;text-decoration: none;font-size: 15px; }
.products-page .text-link:hover { color: var(--primary-hover);text-decoration: underline; }
@media (max-width: 992px) {
  .products-page .type-row, .products-page .type-row.reverse { flex-direction: column;text-align: center;gap: 30px;padding: 40px 0; }
  .products-page .type-image { flex: 0 0 auto; }
  .products-page .action-wrap { justify-content: center; }
}


/* --- PRODUCT TYPE PAGE --- */
.product-type-page .section-banner { background: linear-gradient(135deg, #29306c 0%, #3a4190 100%);color: #fff;padding: 40px 0; }
.product-type-page .bannertext span { font-size: 18px;text-transform: uppercase;letter-spacing: 2px; }
.product-type-page .bannertext p { font-size: 32px;margin-top: 10px; }
.product-type-page .breadcrum { padding: 20px 0; }
.product-type-page #breadcrumbs { list-style: none; }
.product-type-page #breadcrumbs li { display: inline;margin-right: 10px; }
.product-type-page #breadcrumbs li:after { margin-left: 10px;color: #999; }
.product-type-page #breadcrumbs li:last-child:after { content: ''; }
.product-type-page .breadcrumbhome { color: #f07725; }
.product-type-page .autowhite { background: #fff;margin-bottom: 20px; }
.product-type-page .padtopnone { padding: 30px 0; }
.product-type-page .mainheadh1 { font-size: 36px;color: #29306c;margin-bottom: 10px; }
.product-type-page .mainheadh2 { font-size: 16px;color: #666;font-weight: normal;line-height: 1.6; }
.product-type-page .type-info { padding: 20px 0; }
.product-type-page .info-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 30px; }
.product-type-page .info-item { padding: 25px;background: #f9f9f9;border-radius: 5px;border-top: 4px solid #f07725; }
.product-type-page .info-item h4 { color: #29306c;font-size: 18px;margin-bottom: 10px; }
.product-type-page .info-item p { font-size: 14px;color: #666;line-height: 1.6; }
.product-type-page .section-title { color: #29306c;font-size: 24px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 2px solid #eee; }
.product-type-page .prodtable { width: 100%; }
.product-type-page .prow { display: flex;border-bottom: 1px solid #eee;padding: 20px 0;align-items: center; }
.product-type-page .prow-header { background: #f9f9f9;font-weight: bold;color: #29306c;padding: 15px 0;border-bottom: 2px solid #ddd; }
.product-type-page .pcell { padding: 0 10px; }
.product-type-page .pcell-product { flex: 3; }
.product-type-page .pcell-brand { flex: 1; }
.product-type-page .pcell-warranty { flex: 1; }
.product-type-page .pcell-issuance { flex: 1; }
.product-type-page .pcell-price { flex: 1.2; }
.product-type-page .pcell-action { flex: 1; }
.product-type-page .prodname a { font-size: 16px;font-weight: bold;color: #29306c;text-decoration: none; }
.product-type-page .prodname a:hover { color: #f07725; }
.product-type-page .prodshortdesc { font-size: 13px;color: #666;margin-top: 5px; }
.product-type-page .price { font-size: 20px;color: #f07725;font-weight: bold; }
.product-type-page .per-year { font-size: 14px;color: #666; }
.product-type-page .save-more { font-size: 11px;color: #2e7d32;margin-top: 5px; }
.product-type-page .btn-buy { display: inline-block;background: #f07725;color: #fff;padding: 10px 25px;border-radius: 3px;text-decoration: none;font-weight: bold; }
.product-type-page .btn-buy:hover { background: #e06615; }
.product-type-page .no-products { text-align: center;padding: 60px 20px; }
.product-type-page .no-products p { font-size: 18px;color: #666;margin-bottom: 20px; }
.product-type-page .btn-view-all { display: inline-block;background: #29306c;color: #fff;padding: 12px 30px;border-radius: 3px;text-decoration: none; }


/* --- REFUND POLICY PAGE --- */
.refund-policy-page .modern-page-hero { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.refund-policy-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0 0 15px 0; }
.refund-policy-page .modern-page-hero p { font-size: 18px;color: #94a3b8;margin: 0; }
.refund-policy-page .legal-container { max-width: 850px;margin: 0 auto 80px auto;background: white;padding: 60px;border-radius: 16px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0; }
@media (max-width: 768px) {
  .refund-policy-page .legal-container { padding: 40px 30px; }
}
@media (max-width: 480px) {
  .refund-policy-page .legal-container { padding: 30px 20px; }
}
.refund-policy-page .legal-content h3 { font-size: 22px;font-weight: 700;color: var(--secondary);margin-top: 40px;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #e2e8f0; }
.refund-policy-page .legal-content h3:first-child { margin-top: 0; }
.refund-policy-page .legal-content h4 { font-size: 18px;font-weight: 700;color: var(--primary);margin-top: 30px;margin-bottom: 15px; }
.refund-policy-page .legal-content p, .refund-policy-page .legal-content li { font-size: 16px;line-height: 1.8;color: var(--text-secondary);margin-bottom: 20px; }
.refund-policy-page .legal-content a { color: var(--primary);text-decoration: none;font-weight: 600;border-bottom: 1px solid transparent;transition: all 0.2s; }
.refund-policy-page .legal-content a:hover { color: #0256a3;border-bottom-color: #0256a3; }
.refund-policy-page .highlight-box { background: #f8fafc;border-left: 4px solid var(--primary);padding: 20px 25px;border-radius: 10px;margin: 30px 0; }
.refund-policy-page .highlight-box p:last-child { margin-bottom: 0; }
.refund-policy-page .highlight-box strong { color: var(--secondary); }
.refund-policy-page .policy-block { background: white;border: 1px solid #e2e8f0;border-radius: 12px;padding: 30px;margin-bottom: 20px; }
.refund-policy-page .policy-block h4 { margin-top: 0;color: var(--secondary);border-bottom: 1px solid #e2e8f0;padding-bottom: 15px;margin-bottom: 15px; }
.refund-policy-page .policy-block p:last-child { margin-bottom: 0; }


/* --- RESELLER PAGE --- */
.reseller-page .modern-page-hero { background: linear-gradient(135deg, #042f2e 0%, #115e59 100%);color: #ffffff;padding: 100px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.reseller-page .modern-page-hero span.badge { display: inline-block;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);padding: 8px 16px;border-radius: 20px;font-size: 14px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;color: #5eead4;margin-bottom: 25px; }
.reseller-page .modern-page-hero h1 { font-size: 48px;font-weight: 800;margin: 0 0 20px 0;line-height: 1.2; }
.reseller-page .modern-page-hero p { font-size: 20px;opacity: 0.9;max-width: 600px;margin: 0 auto 35px auto; }
.reseller-page .hero-cta { display: flex;gap: 20px;justify-content: center; }
.reseller-page .btn-primary-rs { background: #10b981;color: white;padding: 15px 35px;border-radius: 8px;font-weight: 700;font-size: 16px;text-decoration: none;transition: all 0.2s; }
.reseller-page .btn-primary-rs:hover { background: #059669;transform: translateY(-2px); }
.reseller-page .btn-secondary-rs { background: transparent;color: white;border: 2px solid rgba(255, 255, 255, 0.5);padding: 13px 35px;border-radius: 8px;font-weight: 700;font-size: 16px;text-decoration: none;transition: all 0.2s; }
.reseller-page .btn-secondary-rs:hover { background: rgba(255, 255, 255, 0.1);border-color: white; }
.reseller-page .modern-page-section { padding: 80px 0; }
.reseller-page .modern-page-section.light-bg { background-color: #f8fafc;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0; }
.reseller-page .section-header { text-align: center;margin-bottom: 60px;max-width: 800px;margin-left: auto;margin-right: auto; }
.reseller-page .section-header h2 { font-size: 36px;font-weight: 800;color: var(--secondary);margin-bottom: 20px; }
.reseller-page .section-header p { font-size: 18px;color: var(--text-secondary);line-height: 1.6; }
.reseller-page .grid-5 { display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px; }
@media (max-width: 1200px) {
  .reseller-page .grid-5 { grid-template-columns: repeat(3, 1fr);gap: 30px; }
}
@media (max-width: 768px) {
  .reseller-page .grid-5 { grid-template-columns: 1fr; }
}
.reseller-page .feature-box { background: white;padding: 30px 20px;border-radius: 16px;text-align: center;border: 1px solid #e2e8f0;box-shadow: var(--shadow-sm);transition: all 0.3s ease; }
.reseller-page .feature-box:hover { box-shadow: var(--shadow-md);transform: translateY(-5px);border-color: var(--primary); }
.reseller-page .feature-box img { height: 50px;margin-bottom: 20px; }
.reseller-page .feature-box h4 { font-size: 18px;font-weight: 800;color: var(--secondary);margin-bottom: 15px; }
.reseller-page .feature-box p { color: var(--text-secondary);font-size: 14px;line-height: 1.6;margin: 0; }
.reseller-page .cta-strip { background: var(--primary);padding: 60px 0;text-align: center;color: white;margin: 40px 0;border-radius: 16px; }
.reseller-page .cta-strip.green-bg { background: #10b981; }
.reseller-page .cta-strip p { font-size: 24px;font-weight: 700;margin-bottom: 30px; }
.reseller-page .grid-3 { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px; }
@media (max-width: 991px) {
  .reseller-page .grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .reseller-page .grid-3 { grid-template-columns: 1fr; }
}
.reseller-page .solution-card { background: white;border-radius: 16px;padding: 40px 30px;text-align: center;border: 1px solid #e2e8f0;box-shadow: var(--shadow-sm);display: flex;flex-direction: column;justify-content: space-between; }
.reseller-page .solution-card h3 { font-size: 22px;font-weight: 800;color: var(--secondary);margin-bottom: 25px; }
.reseller-page .solution-card .btn-outline { display: inline-block;padding: 12px 30px;border: 2px solid var(--primary);color: var(--primary);border-radius: 8px;font-weight: 700;text-decoration: none;transition: all 0.2s;margin-top: 25px; }
.reseller-page .solution-card .btn-outline:hover { background: var(--primary);color: white; }
.reseller-page .features-list { display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px; }
@media (max-width: 991px) {
  .reseller-page .features-list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .reseller-page .features-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .reseller-page .features-list { grid-template-columns: 1fr; }
}
.reseller-page .check-item { display: flex;align-items: center;padding: 15px;background: white;border-radius: 10px;border: 1px solid #e2e8f0; }
.reseller-page .check-item img { width: 24px;height: 24px;margin-right: 15px; }
.reseller-page .check-item span { font-size: 14px;font-weight: 600;color: var(--secondary);line-height: 1.4; }


/* --- SECTIGO BRAND PAGE --- */
.sectigo-brand-page .modern-page-hero { background: linear-gradient(135deg, #1e3a8a 0%, #312e81 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.sectigo-brand-page .modern-page-hero span { font-size: 14px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #93c5fd;display: block;margin-bottom: 15px; }
.sectigo-brand-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0; }
.sectigo-brand-page .modern-page-section { padding: 60px 0; }
.sectigo-brand-page .modern-page-section.light-bg { background-color: #f8fafc;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0; }
.sectigo-brand-page .section-header { text-align: center;margin-bottom: 50px;max-width: 800px;margin-left: auto;margin-right: auto; }
.sectigo-brand-page .section-header h2 { font-size: 32px;font-weight: 800;color: var(--secondary);margin-bottom: 20px; }
.sectigo-brand-page .section-header p { font-size: 18px;color: var(--text-secondary);line-height: 1.6; }
.sectigo-brand-page .modern-products-grid { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px; }
@media (max-width: 991px) {
  .sectigo-brand-page .modern-products-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .sectigo-brand-page .modern-products-grid { grid-template-columns: 1fr; }
}
.sectigo-brand-page .modern-product-card { background: white;border-radius: 16px;border: 1px solid #e2e8f0;padding: 30px;box-shadow: var(--shadow-sm);transition: all 0.3s ease;display: flex;flex-direction: column; }
.sectigo-brand-page .modern-product-card:hover { box-shadow: var(--shadow-lg);border-color: #cbd5e1;transform: translateY(-5px); }
.sectigo-brand-page .product-name { font-size: 20px;font-weight: 800;color: var(--secondary);margin-bottom: 10px; }
.sectigo-brand-page .product-desc { font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin-bottom: 20px;flex: 1; }
.sectigo-brand-page .product-badges { display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 20px; }
.sectigo-brand-page .badge-modern { padding: 6px 12px;border-radius: 8px;font-size: 12px;font-weight: 700;text-transform: uppercase; }
.sectigo-brand-page .badge-dv { background: #e0f2fe;color: #0284c7; }
.sectigo-brand-page .badge-ov { background: #fef3c7;color: #d97706; }
.sectigo-brand-page .badge-ev { background: #dcfce7;color: #16a34a; }
.sectigo-brand-page .badge-wildcard { background: #f3e8ff;color: #9333ea; }
.sectigo-brand-page .product-price-box { background: #f8fafc;border-radius: 12px;padding: 20px;text-align: center;margin-bottom: 25px; }
.sectigo-brand-page .product-price { font-size: 28px;font-weight: 800;color: var(--primary);margin-bottom: 5px; }
.sectigo-brand-page .product-price small { font-size: 14px;color: var(--text-secondary);font-weight: normal; }
.sectigo-brand-page .product-price-save { font-size: 13px;color: #10b981;font-weight: 600; }
.sectigo-brand-page .product-action a { display: block;width: 100%;padding: 14px;background: var(--primary);color: white;text-align: center;border-radius: 8px;font-weight: 600;text-decoration: none;transition: background 0.2s; }
.sectigo-brand-page .product-action a:hover { background: #0256a3; }
.sectigo-brand-page .why-grid { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px; }
@media (max-width: 991px) {
  .sectigo-brand-page .why-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .sectigo-brand-page .why-grid { grid-template-columns: 1fr; }
}
.sectigo-brand-page .why-item { background: white;padding: 30px;border-radius: 12px;border-left: 4px solid var(--primary);box-shadow: var(--shadow-sm); }
.sectigo-brand-page .why-item h4 { font-size: 18px;color: var(--secondary);font-weight: 700;margin-bottom: 12px; }
.sectigo-brand-page .why-item p { color: var(--text-secondary);line-height: 1.6;font-size: 15px;margin: 0; }


/* --- SSL CERTIFICATES PAGE --- */
.ssl-certificates-page .ssl-types-modern-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 30px;padding: 20px 0; }
.ssl-certificates-page .ssl-type-modern-card { background: var(--bg-surface);border: 1px solid #e2e8f0;border-radius: var(--border-radius);padding: 35px 30px;text-align: center;position: relative;transition: all 0.3s ease;display: flex;flex-direction: column;box-shadow: var(--shadow-sm); }
.ssl-certificates-page .ssl-type-modern-card:hover { box-shadow: var(--shadow-md);transform: translateY(-5px);border-color: var(--primary); }
.ssl-certificates-page .featured-card { border: 2px solid var(--accent); }
.ssl-certificates-page .featured-card:hover { border-color: var(--accent); }
.ssl-certificates-page .premium-card { border: 2px solid var(--secondary); }
.ssl-certificates-page .premium-card:hover { border-color: var(--secondary); }
.ssl-certificates-page .featured-badge { position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: var(--accent);color: #fff;padding: 6px 16px;font-size: 12px;font-weight: 700;text-transform: uppercase;border-radius: 20px;letter-spacing: 1px; }
.ssl-certificates-page .type-icon { margin-bottom: 25px;height: 60px;display: flex;align-items: center;justify-content: center; }
.ssl-certificates-page .ssl-type-modern-card h4 { color: var(--secondary);font-size: 20px;margin-bottom: 12px; }
.ssl-certificates-page .ssl-type-modern-card>p { font-size: 14px;color: var(--text-secondary);margin-bottom: 25px;line-height: 1.6; }
.ssl-certificates-page .type-features { list-style: none;text-align: left;padding: 20px;background: var(--bg-main);border-radius: var(--border-radius-sm);margin: 0 0 25px 0;flex-grow: 1; }
.ssl-certificates-page .type-features li { padding: 6px 0 6px 28px;font-size: 14px;color: var(--text-secondary);position: relative; }
.ssl-certificates-page .type-features li::before { content: '✓';position: absolute;left: 8px;color: var(--success);font-weight: bold; }
.ssl-certificates-page .featured-products-section { margin-bottom: 50px; }
.ssl-certificates-page .featured-products-section:last-child { margin-bottom: 0; }
.ssl-certificates-page .section-title { color: var(--secondary);font-size: 22px;margin-bottom: 25px;border-bottom: 2px solid #e2e8f0;padding-bottom: 15px;display: inline-block; }
.ssl-certificates-page .modern-mini-products { display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 25px; }
.ssl-certificates-page .modern-mini-card { background: #fff;border: 1px solid #e2e8f0;border-radius: var(--border-radius);padding: 25px;transition: all 0.3s ease;display: flex;flex-direction: column; }
.ssl-certificates-page .modern-mini-card:hover { box-shadow: var(--shadow-md);border-color: #cbd5e1; }
.ssl-certificates-page .mini-brand { height: 40px;margin-bottom: 15px;display: flex;align-items: center; }
.ssl-certificates-page .modern-mini-card h5 { color: var(--secondary);font-size: 16px;margin-bottom: 15px;line-height: 1.4;flex-grow: 1; }
.ssl-certificates-page .mini-price { font-size: 24px;color: var(--primary);font-weight: 800;margin-bottom: 20px;display: flex;align-items: baseline;gap: 5px; }
.ssl-certificates-page .mini-price span { font-size: 14px;color: var(--text-secondary);font-weight: 500; }
.ssl-certificates-page .btn-mini-view { display: block;text-align: center;padding: 10px 0;background: var(--bg-main);color: var(--secondary);text-decoration: none;border-radius: var(--border-radius-sm);font-weight: 600;font-size: 14px;transition: all 0.2s;border: 1px solid #e2e8f0; }
.ssl-certificates-page .btn-mini-view:hover { background: var(--primary);color: #fff;border-color: var(--primary); }


/* --- SSL CHECKER PAGE --- */
.ssl-checker-page .tool-content-wrapper { max-width: 800px;margin: 0 auto 80px auto; }
.ssl-checker-page .tool-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);border: 1px solid #e2e8f0;padding: 40px;margin-bottom: 30px; }
.ssl-checker-page .tool-title { font-size: 24px;font-weight: 700;color: var(--secondary);margin: 0 0 10px 0;text-align: center; }
.ssl-checker-page .tool-desc { color: var(--text-secondary);font-size: 15px;text-align: center;margin-bottom: 30px; }
.ssl-checker-page .input-group { display: flex;gap: 15px;background: #f8fafc;padding: 10px;border-radius: 12px;border: 1px solid #e2e8f0; }
.ssl-checker-page .input-group input { flex: 1;padding: 15px 20px;border: none;background: transparent;font-size: 16px;color: var(--text-primary);font-family: var(--font-body);outline: none; }
.ssl-checker-page .input-group input::placeholder { color: #94a3b8; }
.ssl-checker-page .action-btn-main { background: var(--primary);color: white;border: none;padding: 15px 35px;font-size: 16px;font-weight: 600;border-radius: 8px;cursor: pointer;transition: all 0.2s;white-space: nowrap;font-family: var(--font-heading); }
.ssl-checker-page .action-btn-main:hover { background: var(--primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md); }
.ssl-checker-page .security-note { font-size: 11px;color: var(--text-muted);letter-spacing: 1px;text-transform: uppercase;margin-top: 25px;text-align: center;margin-bottom: 0;font-weight: 600; }
.ssl-checker-page .error-container { padding: 20px 25px;background: #fef2f2;border: 1px solid #fee2e2;border-left: 4px solid #ef4444;color: #b91c1c;border-radius: 8px;font-size: 15px;margin-bottom: 30px;display: flex;align-items: center;gap: 10px;box-shadow: var(--shadow-sm); }
.ssl-checker-page .result-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);overflow: hidden;border: 1px solid #e2e8f0;animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn {
from {opacity: 0;transform: translateY(10px);} to {opacity: 1;transform: translateY(0);}
}
.ssl-checker-page .result-header { padding: 30px;text-align: center;color: white;position: relative; }
.ssl-checker-page .result-header.valid { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.ssl-checker-page .result-header.invalid { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.ssl-checker-page .status-icon { font-size: 48px;margin-bottom: 15px;opacity: 0.9; }
.ssl-checker-page .result-header h2 { margin: 0;font-size: 26px;font-weight: 700;color: white !important; }
.ssl-checker-page .result-header p { margin: 5px 0 0;font-size: 16px;opacity: 0.9;color: white !important; }
.ssl-checker-page .result-body { padding: 35px; }
.ssl-checker-page .result-grid { display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px; }
.ssl-checker-page .result-item { background: #f8fafc;padding: 15px 20px;border-radius: 10px;border: 1px solid #e2e8f0; }
.ssl-checker-page .result-item label { display: block;font-size: 12px;font-weight: 700;color: var(--text-muted);text-transform: uppercase;margin-bottom: 5px;letter-spacing: 0.5px; }
.ssl-checker-page .result-item span { font-size: 15px;font-weight: 600;color: var(--secondary);word-break: break-all; }
.ssl-checker-page .warning-text { color: #f59e0b !important; }
.ssl-checker-page .error-text { color: #ef4444 !important; }
.ssl-checker-page .result-summary { margin-top: 30px;padding: 20px;background: #f0f7ff;border-radius: 10px;border: 1px solid #e0f2fe; }
.ssl-checker-page .result-summary h4 { margin: 0 0 10px;font-size: 16px;color: var(--primary);display: flex;align-items: center;gap: 8px; }
.ssl-checker-page .result-summary p { color: var(--text-secondary);font-size: 14px;margin: 0;line-height: 1.6; }
@media (max-width: 768px) {
  .ssl-checker-page .input-group { flex-direction: column;background: transparent;border: none;padding: 0; }
  .ssl-checker-page .input-group input { background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 8px; }
  .ssl-checker-page .action-btn-main { width: 100%; }
  .ssl-checker-page .result-grid { grid-template-columns: 1fr; }
}


/* --- SSL CONVERTER PAGE --- */
.ssl-converter-page .tool-content-wrapper { max-width: 800px;margin: 0 auto 80px auto; }
.ssl-converter-page .tool-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);border: 1px solid #e2e8f0;padding: 40px;margin-bottom: 30px; }
.ssl-converter-page .tool-title { font-size: 24px;font-weight: 700;color: var(--secondary);margin: 0 0 10px 0;text-align: center; }
.ssl-converter-page .tool-desc { color: var(--text-secondary);font-size: 15px;text-align: center;margin-bottom: 40px; }
.ssl-converter-page .conversion-settings { display: flex;justify-content: center;align-items: center;gap: 30px;margin-bottom: 40px;padding-bottom: 30px;border-bottom: 1px solid #e2e8f0; }
.ssl-converter-page .setting-group { display: flex;flex-direction: column;gap: 8px;width: 200px; }
.ssl-converter-page .setting-group label { font-size: 12px;font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px; }
.ssl-converter-page .select-wrapper { position: relative; }
.ssl-converter-page .select-wrapper i { position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: var(--text-muted);pointer-events: none;font-size: 14px; }
.ssl-converter-page .format-select { width: 100%;padding: 12px 15px;border: 2px solid #e2e8f0;border-radius: 8px;font-size: 15px;color: var(--secondary);background: #f8fafc;cursor: pointer;outline: none;transition: all 0.2s;appearance: none;-webkit-appearance: none;font-weight: 600;font-family: var(--font-body); }
.ssl-converter-page .format-select:focus { border-color: var(--primary);background: #ffffff;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); }
.ssl-converter-page .arrow-separator { color: #cbd5e1;font-size: 24px;padding-top: 20px; }
.ssl-converter-page .input-grid { display: grid;grid-template-columns: 1fr 1fr;gap: 25px;margin-bottom: 40px; }
.ssl-converter-page .input-box { display: flex;flex-direction: column;gap: 8px; }
.ssl-converter-page .input-box label { font-size: 13px;font-weight: 700;color: var(--text-secondary);display: flex;align-items: center;gap: 8px; }
.ssl-converter-page .input-box label i { color: var(--primary); }
.ssl-converter-page .file-upload-box { position: relative; }
.ssl-converter-page .inputfile { width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1; }
.ssl-converter-page .file-label { display: flex !important;align-items: center;justify-content: center;gap: 10px;padding: 16px;background: #f8fafc;border: 2px dashed #cbd5e1;border-radius: 8px;color: var(--text-secondary);font-size: 14px;font-weight: 600 !important;cursor: pointer;transition: all 0.2s;text-align: center;margin: 0 !important; }
.ssl-converter-page .file-label i { font-size: 18px;color: var(--text-muted) !important;transition: color 0.2s; }
.ssl-converter-page .file-label:hover { background: #f1f5f9;border-color: var(--primary);color: var(--primary); }
.ssl-converter-page .file-label:hover i { color: var(--primary) !important; }
.ssl-converter-page .text-input { padding: 16px;border: 2px solid #e2e8f0;border-radius: 8px;font-size: 14px;outline: none;transition: all 0.2s;background: #f8fafc;font-family: var(--font-body); }
.ssl-converter-page .text-input:focus { border-color: var(--primary);background: #ffffff;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); }
.ssl-converter-page .help-text { font-size: 12px;color: var(--text-muted); }
.ssl-converter-page .form-actions { padding: 10px 0; }
.ssl-converter-page .convert-btn { background: var(--primary);color: white;border: none;padding: 14px 40px;font-size: 16px;font-weight: 600;border-radius: 8px;cursor: pointer;transition: all 0.2s;box-shadow: var(--shadow-sm);font-family: var(--font-heading); }
.ssl-converter-page .convert-btn:hover { background: var(--primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md); }
.ssl-converter-page .convert-btn i { margin-left: 8px; }
.ssl-converter-page .security-note { font-size: 11px;color: var(--text-muted);letter-spacing: 1px;text-transform: uppercase;margin-top: 25px;margin-bottom: 0;text-align: center;font-weight: 600; }
.ssl-converter-page .error-container { padding: 20px 25px;background: #fef2f2;border: 1px solid #fee2e2;border-left: 4px solid #ef4444;color: #b91c1c;border-radius: 8px;font-size: 15px;margin-bottom: 30px;display: flex;align-items: center;gap: 10px;box-shadow: var(--shadow-sm); }
.ssl-converter-page .result-card { background: var(--bg-surface);border-radius: 16px;box-shadow: var(--shadow-md);overflow: hidden;border: 1px solid #e2e8f0;animation: fadeIn 0.4s ease-out;max-width: 600px;margin: 0 auto; }
@keyframes fadeIn {
from {opacity: 0;transform: translateY(10px);} to {opacity: 1;transform: translateY(0);}
}
.ssl-converter-page .result-header { padding: 40px 30px;text-align: center;color: white;background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.ssl-converter-page .status-icon { font-size: 56px;margin-bottom: 20px;opacity: 0.9; }
.ssl-converter-page .result-header h2 { margin: 0;font-size: 28px;font-weight: 700;color: white !important; }
.ssl-converter-page .result-header p { margin: 10px 0 0;font-size: 16px;opacity: 0.95;color: white !important; }
.ssl-converter-page .result-body { padding: 40px 30px;background: #ffffff; }
.ssl-converter-page .download-btn { display: inline-block;background: var(--secondary);color: white !important;padding: 14px 35px;border-radius: 8px;text-decoration: none;font-weight: 600;transition: all 0.2s;box-shadow: var(--shadow-sm);font-family: var(--font-heading); }
.ssl-converter-page .download-btn:hover { background: #0f172a;transform: translateY(-1px);box-shadow: var(--shadow-md); }
@media (max-width: 768px) {
  .ssl-converter-page .conversion-settings { flex-direction: column;gap: 15px; }
  .ssl-converter-page .setting-group { width: 100%; }
  .ssl-converter-page .arrow-separator { transform: rotate(90deg);padding: 5px 0; }
  .ssl-converter-page .input-grid { grid-template-columns: 1fr; }
}


/* --- SSL TOOLS PAGE --- */
.ssl-tools-page .tools-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 30px;margin-bottom: 80px; }
.ssl-tools-page .tool-card-modern { background: var(--bg-surface);border-radius: 16px;padding: 40px 30px;text-align: center;border: 1px solid #e2e8f0;box-shadow: var(--shadow-sm);transition: all 0.3s ease;text-decoration: none !important;display: flex;flex-direction: column;align-items: center; }
.ssl-tools-page .tool-card-modern:hover { transform: translateY(-5px);box-shadow: var(--shadow-lg);border-color: #cbd5e1; }
.ssl-tools-page .tool-icon-wrapper { width: 70px;height: 70px;background: #f0f7ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;transition: all 0.3s ease; }
.ssl-tools-page .tool-card-modern:hover .tool-icon-wrapper { background: var(--primary); }
.ssl-tools-page .tool-card-modern:hover .tool-icon-wrapper i { color: white !important; }
.ssl-tools-page .tool-card-modern h3 { font-size: 20px;font-weight: 700;color: var(--secondary);margin-bottom: 15px;transition: color 0.3s ease; }
.ssl-tools-page .tool-card-modern:hover h3 { color: var(--primary); }
.ssl-tools-page .tool-card-modern p { color: var(--text-secondary);font-size: 15px;line-height: 1.6;margin-bottom: 25px;flex-grow: 1; }
.ssl-tools-page .tool-action { color: var(--primary);font-weight: 600;font-size: 15px;display: flex;align-items: center;gap: 8px; }
.ssl-tools-page .tool-action i { transition: transform 0.2s; }
.ssl-tools-page .tool-card-modern:hover .tool-action i { transform: translateX(4px); }


/* --- SUPPORT PAGE --- */
.support-page .contact-methods-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px; }
.support-page .contact-card-modern { background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--border-radius-lg);padding: 40px 30px;text-align: center;box-shadow: var(--shadow-sm);display: flex;flex-direction: column;align-items: center;transition: all 0.3s ease; }
.support-page .contact-card-modern:hover { transform: translateY(-5px);box-shadow: var(--shadow-md);border-color: #cbd5e1; }
.support-page .contact-icon { width: 72px;height: 72px;background: #f0f7ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px; }
.support-page .contact-icon i { font-size: 32px;color: var(--primary); }
.support-page .contact-card-modern h3 { font-size: 20px;color: var(--primary);margin-bottom: 15px;font-weight: 700; }
.support-page .contact-card-modern p { color: var(--text-secondary);font-size: 15px;line-height: 1.6;margin-bottom: 30px;flex-grow: 1; }
.support-page .login-cta-banner { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border: 1px solid #e2e8f0;border-radius: var(--border-radius-lg);padding: 40px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;flex-wrap: wrap;gap: 20px; }
.support-page .login-cta-content h3 { margin: 0 0 10px 0;color: var(--primary);font-size: 22px; }
.support-page .login-cta-content p { margin: 0;color: var(--text-secondary);font-size: 16px; }
.support-page .btn-outline { display: inline-block;padding: 12px 24px;border: 1px solid var(--border-color);background: white;color: var(--text-primary);border-radius: var(--border-radius);font-weight: 600;font-size: 15px;text-decoration: none;transition: all 0.2s; }
.support-page .btn-outline:hover { background: #f8fafc;border-color: #cbd5e1; }


/* --- TERMS PAGE --- */
.terms-page .modern-page-hero { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);color: #ffffff;padding: 80px 0;text-align: center;border-radius: 0 0 24px 24px;margin-bottom: 60px; }
.terms-page .modern-page-hero h1 { font-size: 42px;font-weight: 800;margin: 0 0 15px 0; }
.terms-page .modern-page-hero p { font-size: 18px;color: #94a3b8;margin: 0; }
.terms-page .legal-container { max-width: 850px;margin: 0 auto 80px auto;background: white;padding: 60px;border-radius: 16px;box-shadow: var(--shadow-sm);border: 1px solid #e2e8f0; }
@media (max-width: 768px) {
  .terms-page .legal-container { padding: 40px 30px; }
}
@media (max-width: 480px) {
  .terms-page .legal-container { padding: 30px 20px; }
}
.terms-page .legal-content h3 { font-size: 22px;font-weight: 700;color: var(--secondary);margin-top: 40px;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #e2e8f0; }
.terms-page .legal-content h3:first-child { margin-top: 0; }
.terms-page .legal-content p, .terms-page .legal-content li { font-size: 16px;line-height: 1.8;color: var(--text-secondary);margin-bottom: 20px; }
.terms-page .legal-content ul { margin-bottom: 25px;padding-left: 20px; }
.terms-page .legal-content li { margin-bottom: 10px; }
.terms-page .legal-content a { color: var(--primary);text-decoration: none;font-weight: 600;border-bottom: 1px solid transparent;transition: all 0.2s; }
.terms-page .legal-content a:hover { color: #0256a3;border-bottom-color: #0256a3; }


/* --- WEBSITE SECURITY PAGE --- */
.website-security-page .modern-solutions-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px; }
.website-security-page .solution-modern-card { background: var(--bg-surface);border: 1px solid #e2e8f0;border-radius: var(--border-radius);padding: 35px 30px;transition: all 0.3s ease;display: flex;flex-direction: column; }
.website-security-page .solution-modern-card:hover { transform: translateY(-5px);box-shadow: var(--shadow-sm);border-color: #cbd5e1; }
.website-security-page .solution-icon { margin-bottom: 25px;height: 60px;display: flex;align-items: center; }
.website-security-page .solution-modern-card h4 { color: var(--secondary);font-size: 20px;margin-bottom: 15px; }
.website-security-page .solution-modern-card>p { font-size: 14px;color: var(--text-secondary);margin-bottom: 25px;line-height: 1.6; }
.website-security-page .solution-features { list-style: none;padding: 20px;background: #f8fafc;border-radius: var(--border-radius-sm);margin: 0;flex-grow: 1; }
.website-security-page .solution-features li { padding: 6px 0 6px 28px;font-size: 14px;color: var(--text-secondary);position: relative; }
.website-security-page .solution-features li::before { content: '✓';position: absolute;left: 8px;color: var(--success);font-weight: bold; }
.website-security-page .modern-table-container { background: #fff;border-radius: var(--border-radius);border: 1px solid #e2e8f0;overflow-x: auto;box-shadow: var(--shadow-sm); }
.website-security-page .modern-table { width: 100%;border-collapse: collapse; }
.website-security-page .modern-table th { background: #f8fafc;color: var(--text-secondary);font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;padding: 16px 20px;text-align: left;border-bottom: 1px solid #e2e8f0; }
.website-security-page .modern-table td { padding: 20px;border-bottom: 1px solid #f1f5f9;vertical-align: middle;color: var(--text-primary);font-size: 15px; }
.website-security-page .modern-table tbody tr:last-child td { border-bottom: none; }
.website-security-page .modern-table tbody tr:hover td { background: #f8fafc; }
.website-security-page .prodname a { font-size: 16px;font-weight: 600;color: var(--secondary);text-decoration: none; }
.website-security-page .prodname a:hover { color: var(--primary); }
.website-security-page .prodshortdesc { font-size: 13px;color: var(--text-secondary);margin-top: 6px; }
.website-security-page .modern-badge { display: inline-block;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 600; }
.website-security-page .modern-badge.badge-orange { background: #ffedd5;color: #c2410c; }
.website-security-page .price-text { font-size: 18px;color: var(--primary);font-weight: 700; }
.website-security-page .button-sm { padding: 8px 16px !important;font-size: 13px !important; }
.website-security-page .text-right { text-align: right !important; }
.website-security-page .no-products-box { text-align: center;padding: 60px 20px;background: var(--bg-surface);border-radius: var(--border-radius);border: 1px dashed #cbd5e1;color: var(--text-secondary); }
.website-security-page .importance-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px; }
.website-security-page .importance-modern-item { background: #fff;padding: 30px;border-left: 4px solid var(--accent);border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;box-shadow: var(--shadow-sm);transition: transform 0.2s; }
.website-security-page .importance-modern-item:hover { transform: translateX(5px); }
.website-security-page .importance-modern-item h4 { color: var(--secondary);font-size: 18px;margin-bottom: 12px; }
.website-security-page .importance-modern-item p { font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin: 0; }
@media (max-width: 768px) {
  .website-security-page .modern-table th, .website-security-page .modern-table td { padding: 12px 10px;font-size: 14px; }
}


/* --- DASHBOARD PAGE --- */
.dashboard-page .dashboard-container { display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px; }
.dashboard-page .dashboard-card { background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--border-radius-lg);padding: 20px;box-shadow: var(--shadow-sm); }
.dashboard-page .dashboard-card.full-width { grid-column: 1 / -1; }
.dashboard-page .dashboard-card.alert-card { border-left: 4px solid var(--accent);background: #fff8f3; }
.dashboard-page .dashboard-card.warning-card { border-left: 4px solid #ffc107;background: #fffbeb; }
.dashboard-page .dashboard-card h3 { margin: 0 0 15px 0;color: var(--primary);font-size: 18px;border-bottom: 1px solid var(--border-color);padding-bottom: 10px; }
.dashboard-page .stats-card { padding: 15px; }
.dashboard-page .stat-item { display: flex;align-items: center;gap: 15px; }
.dashboard-page .stat-icon { font-size: 24px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: #f1f5f9;border-radius: var(--border-radius-lg); }
.dashboard-page .stat-info { display: flex;flex-direction: column; }
.dashboard-page .stat-value { font-size: 24px;font-weight: 700;color: var(--primary);line-height: 1.2; }
.dashboard-page .stat-label { font-size: 13px;color: var(--text-secondary); }
.dashboard-page .user-info p { margin: 8px 0;color: var(--text-secondary);font-size: 14px; }
.dashboard-page .user-info strong { color: var(--primary);width: 110px;display: inline-block; }
.dashboard-page .orders-summary { text-align: center;padding: 30px;color: var(--text-secondary); }
.dashboard-page .recent-orders-list { display: flex;flex-direction: column;gap: 12px; }
.dashboard-page .recent-order-item { display: flex;justify-content: space-between;align-items: center;padding: 15px;background: #f8fafc;border-radius: var(--border-radius);border: 1px solid var(--border-color); }
.dashboard-page .order-number { font-weight: 600;color: var(--primary); }
.dashboard-page .order-date { font-size: 12px;color: var(--text-secondary); }
.dashboard-page .order-status-badge { padding: 2px 8px;border-radius: var(--border-radius);font-size: 11px;font-weight: 600; }
.dashboard-page .order-status-badge.pending { background: #fff7ed;color: #c2410c; }
.dashboard-page .order-status-badge.processing { background: #eff6ff;color: #1d4ed8; }
.dashboard-page .order-status-badge.completed { background: #f0fdf4;color: #15803d; }
.dashboard-page .order-status-badge.cancelled { background: #fef2f2;color: #b91c1c; }
.dashboard-page .action-link { font-size: 13px;color: #0284c7;text-decoration: none;font-weight: 500; }
.dashboard-page .action-link:hover { text-decoration: underline; }
@media (max-width: 768px) {
  .dashboard-page .dashboard-container { grid-template-columns: 1fr; }
  .dashboard-page .recent-order-item { flex-direction: column;align-items: flex-start;gap: 10px; }
}


/* --- FORGOTPASSWORD PAGE --- */
.forgotpassword-page .auth-page-wrapper { min-height: calc(100vh - 200px);display: flex;align-items: center;justify-content: center;background-color: var(--bg-body);padding: 60px 20px; }
.forgotpassword-page .auth-card { background: var(--bg-surface);width: 100%;max-width: 450px;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);padding: 40px;border: 1px solid var(--border-color); }
.forgotpassword-page .auth-header { text-align: center;margin-bottom: 30px; }
.forgotpassword-page .auth-header h1 { color: var(--primary);font-family: var(--font-heading);margin-bottom: 10px; }
.forgotpassword-page .auth-header p { color: var(--text-secondary); }
.forgotpassword-page .form-group { margin-bottom: 25px; }
.forgotpassword-page .form-group label { display: block;font-size: 14px;font-weight: 500;color: var(--text-primary);margin-bottom: 8px; }
.forgotpassword-page .form-group label .required { color: #dc3545; }
.forgotpassword-page .modern-input { width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 15px;transition: all 0.3s ease;background: var(--bg-surface);color: var(--text-primary); }
.forgotpassword-page .modern-input:focus { outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(240, 119, 37, 0.1); }
.forgotpassword-page .auth-submit-btn { width: 100%;padding: 14px;background: var(--accent);color: #fff;border: none;border-radius: var(--border-radius);font-size: 16px;font-weight: 600;cursor: pointer;transition: background 0.3s; }
.forgotpassword-page .auth-submit-btn:hover { background: var(--accent-hover); }
.forgotpassword-page .auth-footer { text-align: center;margin-top: 25px;font-size: 14px;color: var(--text-secondary); }
.forgotpassword-page .auth-footer a { color: var(--accent);text-decoration: none;font-weight: 600; }
.forgotpassword-page .auth-footer a:hover { text-decoration: underline; }
.forgotpassword-page .alert-message { padding: 12px 15px;border-radius: var(--border-radius);margin-bottom: 20px;font-size: 14px; }
.forgotpassword-page .alert-message.error { background: #fef2f2;color: #b91c1c;border: 1px solid #fecaca; }
.forgotpassword-page .alert-message.success { background: #f0fdf4;color: #15803d;border: 1px solid #bbf7d0; }
@media (max-width: 576px) {
  .forgotpassword-page .auth-card { padding: 30px 20px; }
}


/* --- LOGIN PAGE --- */
.login-page .auth-page-wrapper { min-height: calc(100vh - 200px);display: flex;align-items: center;justify-content: center;background-color: var(--bg-body);padding: 60px 20px; }
.login-page .auth-card { background: var(--bg-surface);width: 100%;max-width: 480px;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);padding: 40px;border: 1px solid var(--border-color); }
.login-page .auth-header { text-align: center;margin-bottom: 30px; }
.login-page .auth-header h1 { font-size: 28px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 10px; }
.login-page .auth-header p { color: var(--text-secondary);font-size: 15px; }
.login-page .form-group { margin-bottom: 20px; }
.login-page .form-group label { display: block;font-size: 14px;font-weight: 500;color: var(--text-primary);margin-bottom: 8px; }
.login-page .form-group label .required { color: #dc3545; }
.login-page .modern-input { width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 15px;transition: all 0.3s ease;background: var(--bg-surface);color: var(--text-primary); }
.login-page .modern-input:focus { outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(240, 119, 37, 0.1); }
.login-page .form-options { display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;font-size: 14px; }
.login-page .checkbox-container { display: flex;align-items: center;gap: 8px;cursor: pointer;color: var(--text-secondary); }
.login-page .forgot-link { color: var(--accent);text-decoration: none;font-weight: 500; }
.login-page .forgot-link:hover { text-decoration: underline; }
.login-page .auth-submit-btn { width: 100%;padding: 14px;background: var(--accent);color: #fff;border: none;border-radius: var(--border-radius);font-size: 16px;font-weight: 600;cursor: pointer;transition: background 0.3s; }
.login-page .auth-submit-btn:hover { background: var(--accent-hover); }
.login-page .auth-footer { text-align: center;margin-top: 25px;font-size: 14px;color: var(--text-secondary); }
.login-page .auth-footer a { color: var(--accent);text-decoration: none;font-weight: 600; }
.login-page .auth-footer a:hover { text-decoration: underline; }
.login-page .alert-message { padding: 12px 15px;border-radius: var(--border-radius);margin-bottom: 20px;font-size: 14px; }
.login-page .alert-message.error { background: #fef2f2;color: #b91c1c;border: 1px solid #fecaca; }
@media (max-width: 576px) {
  .login-page .auth-card { padding: 30px 20px; }
}


/* --- PROFILE PAGE --- */
.profile-page .alert { padding: 15px 20px;border-radius: var(--border-radius);margin-bottom: 25px;display: flex;align-items: center;gap: 12px;font-size: 14px; }
.profile-page .alert-success { background: #d1fae5;color: #065f46;border: 1px solid #6ee7b7; }
.profile-page .alert-error { background: #fee2e2;color: #991b1b;border: 1px solid #fca5a5; }
.profile-page .alert i { font-size: 18px; }
.profile-page .profile-content { display: flex;flex-direction: column;gap: 30px; }
.profile-page .profile-section { padding: 30px; }
.profile-page .subsection-title { font-size: 16px;color: var(--primary);margin: 0 0 20px 0;font-weight: 600; }
.profile-page .profile-form { display: flex;flex-direction: column;gap: 20px; }
.profile-page .form-input:disabled { background: var(--bg-body);color: var(--text-muted);cursor: not-allowed; }
@media (max-width: 768px) {
  .profile-page .profile-section { padding: 20px; }
}


/* --- SIGNUP PAGE --- */
.signup-page .auth-page-wrapper { min-height: calc(100vh - 200px);display: flex;align-items: center;justify-content: center;background-color: var(--bg-body);padding: 60px 20px; }
.signup-page .auth-card { background: var(--bg-surface);width: 100%;max-width: 480px;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-sm);padding: 40px;border: 1px solid var(--border-color); }
.signup-page .auth-card.signup-card { max-width: 540px; }
.signup-page .auth-header { text-align: center;margin-bottom: 30px; }
.signup-page .auth-header h1 { font-size: 28px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 10px; }
.signup-page .auth-header p { color: var(--text-secondary);font-size: 15px; }
.signup-page .form-row { display: flex;gap: 15px; }
.signup-page .form-group.half-width { flex: 1; }
.signup-page .form-group { margin-bottom: 20px; }
.signup-page .form-group label { display: block;font-size: 14px;font-weight: 500;color: var(--text-primary);margin-bottom: 8px; }
.signup-page .form-group label .required { color: #dc3545; }
.signup-page .modern-input { width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 15px;transition: all 0.3s ease;background: var(--bg-surface);color: var(--text-primary); }
.signup-page .modern-input:focus { outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(240, 119, 37, 0.1); }
.signup-page .form-options { display: flex;justify-content: flex-start;align-items: center;margin-bottom: 25px;font-size: 14px; }
.signup-page .checkbox-container { display: flex;align-items: center;gap: 8px;cursor: pointer;color: var(--text-secondary); }
.signup-page .auth-submit-btn { width: 100%;padding: 14px;background: var(--accent);color: #fff;border: none;border-radius: var(--border-radius);font-size: 16px;font-weight: 600;cursor: pointer;transition: background 0.3s; }
.signup-page .auth-submit-btn:hover { background: var(--accent-hover); }
.signup-page .auth-submit-btn:disabled { opacity: 0.7;cursor: not-allowed; }
.signup-page .auth-footer { text-align: center;margin-top: 25px;font-size: 14px;color: var(--text-secondary); }
.signup-page .auth-footer a { color: var(--accent);text-decoration: none;font-weight: 600; }
.signup-page .auth-footer a:hover { text-decoration: underline; }
.signup-page .alert-message { padding: 12px 15px;border-radius: var(--border-radius);margin-bottom: 20px;font-size: 14px; }
.signup-page .alert-message.error { background: #fef2f2;color: #b91c1c;border: 1px solid #fecaca; }
.signup-page .alert-message.success { background: #f0fdf4;color: #15803d;border: 1px solid #bbf7d0; }
@media (max-width: 576px) {
  .signup-page .auth-card { padding: 30px 20px; }
  .signup-page .form-row { flex-direction: column;gap: 0; }
}


/* --- DASHBOARD SSL TOOLS PAGE --- */
.dashboard-ssl-tools-page .tools-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;margin-top: 10px; }
.dashboard-ssl-tools-page .tool-card-modern { background: var(--bg-surface);border-radius: var(--border-radius-lg);padding: 30px 20px;text-align: center;border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);transition: all 0.3s ease;text-decoration: none !important;display: flex;flex-direction: column;align-items: center; }
.dashboard-ssl-tools-page .tool-card-modern:hover { transform: translateY(-3px);box-shadow: var(--shadow-md);border-color: #cbd5e1; }
.dashboard-ssl-tools-page .tool-icon-wrapper { width: 64px;height: 64px;background: #f0f7ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: all 0.3s ease; }
.dashboard-ssl-tools-page .tool-card-modern:hover .tool-icon-wrapper { background: var(--primary); }
.dashboard-ssl-tools-page .tool-card-modern:hover .tool-icon-wrapper i { color: white !important; }
.dashboard-ssl-tools-page .tool-card-modern h3 { font-size: 18px;font-weight: 700;color: var(--primary);margin-bottom: 12px;transition: color 0.3s ease; }
.dashboard-ssl-tools-page .tool-card-modern:hover h3 { color: var(--accent); }
.dashboard-ssl-tools-page .tool-card-modern p { color: var(--text-secondary);font-size: 14px;line-height: 1.5;margin-bottom: 20px;flex-grow: 1; }
.dashboard-ssl-tools-page .tool-action { color: var(--accent);font-weight: 600;font-size: 14px;display: flex;align-items: center;gap: 6px; }
.dashboard-ssl-tools-page .tool-action i { transition: transform 0.2s; }
.dashboard-ssl-tools-page .tool-card-modern:hover .tool-action i { transform: translateX(4px); }


/* --- DASHBOARD SUPPORT PAGE --- */
.dashboard-support-page .support-container { display: flex;flex-direction: column;gap: 25px; }
.dashboard-support-page .support-pin-card { background: linear-gradient(135deg, var(--primary) 0%, #0369a1 100%);color: white;border-radius: var(--border-radius-lg);padding: 30px;display: flex;justify-content: space-between;align-items: center;box-shadow: var(--shadow-md);flex-wrap: wrap;gap: 20px; }
.dashboard-support-page .pin-info h3 { color: white;margin: 0 0 10px 0;font-size: 20px;border-bottom: none;padding: 0; }
.dashboard-support-page .pin-info p { margin: 0;color: #e0f2fe;font-size: 14px;max-width: 500px; }
.dashboard-support-page .pin-display { background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);padding: 15px 25px;border-radius: var(--border-radius);display: flex;align-items: center;gap: 15px;backdrop-filter: blur(5px); }
.dashboard-support-page .pin-number { font-size: 32px;font-weight: 700;letter-spacing: 4px;font-family: monospace; }
.dashboard-support-page .copy-btn { background: none;border: none;color: white;cursor: pointer;padding: 8px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: background 0.2s; }
.dashboard-support-page .copy-btn:hover { background: rgba(255, 255, 255, 0.2); }
.dashboard-support-page .contact-methods-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px; }
.dashboard-support-page .contact-card { background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--border-radius-lg);padding: 30px 20px;text-align: center;box-shadow: var(--shadow-sm);display: flex;flex-direction: column;align-items: center; }
.dashboard-support-page .contact-icon { width: 64px;height: 64px;background: #f0f7ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px; }
.dashboard-support-page .contact-icon i { font-size: 28px;color: var(--primary); }
.dashboard-support-page .contact-card h3 { font-size: 18px;color: var(--primary);margin-bottom: 12px;font-weight: 600; }
.dashboard-support-page .contact-card p { color: var(--text-secondary);font-size: 14px;line-height: 1.5;margin-bottom: 25px;flex-grow: 1; }
.dashboard-support-page .btn-outline { display: inline-block;padding: 10px 20px;border: 1px solid var(--border-color);background: white;color: var(--text-primary);border-radius: var(--border-radius);font-weight: 600;font-size: 14px;text-decoration: none;transition: all 0.2s; }
.dashboard-support-page .btn-outline:hover { background: #f8fafc;border-color: #cbd5e1; }
.dashboard-support-page .help-links-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 15px;margin-top: 15px; }
.dashboard-support-page .help-link { display: flex;align-items: center;gap: 10px;padding: 15px;background: #f8fafc;border: 1px solid var(--border-color);border-radius: var(--border-radius);color: var(--text-primary);text-decoration: none;font-weight: 500;transition: all 0.2s; }
.dashboard-support-page .help-link i { color: var(--accent); }
.dashboard-support-page .help-link:hover { background: white;border-color: var(--accent);color: var(--primary);transform: translateY(-2px);box-shadow: var(--shadow-sm); }


/* --- CERTIFICATES PAGE --- */
.certificates-page .certificates-page-wrapper { padding-bottom: 40px; }
.certificates-page .page-header { display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;padding-bottom: 15px;border-bottom: 2px solid var(--border-color); }
.certificates-page .page-header h1 { margin: 0 0 5px 0;font-size: 28px;color: var(--primary);font-family: var(--font-heading); }
.certificates-page .page-header p { margin: 0;color: var(--text-secondary);font-size: 14px; }
.certificates-page .stats-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-bottom: 25px; }
.certificates-page .stat-card { display: flex;align-items: center;gap: 15px;padding: 20px;background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);transition: transform 0.2s; }
.certificates-page .stat-card:hover { transform: translateY(-2px);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.certificates-page .stat-card.warning { border-left: 4px solid #ffc107; }
.certificates-page .stat-icon { font-size: 28px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #f8fafc;border-radius: 10px; }
.certificates-page .stat-icon.total { background: #e3f2fd; }
.certificates-page .stat-icon.active { background: #dcfce7; }
.certificates-page .stat-icon.pending { background: #fefce8; }
.certificates-page .stat-icon.expiry { background: #fef2f2; }
.certificates-page .stat-card.warning .stat-icon.expiry { background: #fffbeb; }
.certificates-page .stat-content { display: flex;flex-direction: column; }
.certificates-page .stat-number { font-size: 24px;font-weight: bold;color: var(--primary);font-family: var(--font-heading); }
.certificates-page .stat-label { font-size: 13px;color: var(--text-secondary); }
.certificates-page .filters-section { background: var(--bg-surface);padding: 20px;border-radius: var(--border-radius-lg);margin-bottom: 20px;border: 1px solid var(--border-color);box-shadow: var(--shadow-sm); }
.certificates-page .filters-form { display: flex;gap: 15px;align-items: center;flex-wrap: wrap; }
.certificates-page .filter-group { display: flex;align-items: center; }
.certificates-page .search-group { flex: 1;min-width: 250px;position: relative; }
.certificates-page .search-input { width: 100%;padding: 10px 40px 10px 15px;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 14px; }
.certificates-page .search-btn { position: absolute;right: 5px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;font-size: 16px;padding: 5px 10px; }
.certificates-page .filter-select { padding: 6px 15px;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 14px;background: var(--bg-surface);min-width: 180px;cursor: pointer; }
.certificates-page .reset-filters { color: #dc2626;text-decoration: none;font-size: 14px;padding: 10px 15px;border: 1px solid #dc2626;border-radius: var(--border-radius);transition: all 0.2s; }
.certificates-page .reset-filters:hover { background: #dc2626;color: #fff; }
.certificates-page .certificates-section { background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);overflow: hidden;margin-bottom: 25px; }
.certificates-page .certificates-table { width: 100%;border-collapse: collapse; }
.certificates-page .certificates-table th { background: #f8fafc;padding: 15px;text-align: left;font-weight: 600;color: #475569;border-bottom: 1px solid var(--border-color);font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px; }
.certificates-page .certificates-table td { padding: 15px;border-bottom: 1px solid #f1f5f9; }
.certificates-page .certificates-table tr:hover { background: #f8fafc; }
.certificates-page .certificates-table tr.status-issued:hover { background: #f0fdf4; }
.certificates-page .certificates-table tr.status-validation:hover, .certificates-page .certificates-table tr.status-pending:hover { background: #fffbeb; }
.certificates-page .domain-cell strong { color: var(--primary);font-size: 14px; }
.certificates-page .status-badge { display: inline-block;padding: 4px 10px;border-radius: var(--border-radius);font-size: 11px;font-weight: 600;cursor: help; }
.certificates-page .status-pending { background: #fefce8;color: #854d0e;border: 1px solid #fef08a; }
.certificates-page .status-processing { background: #eff6ff;color: #1e3a8a;border: 1px solid #bfdbfe; }
.certificates-page .status-validation { background: #fff7ed;color: #9a3412;border: 1px dashed #fdba74; }
.certificates-page .status-issued { background: #f0fdf4;color: #166534;border: 1px solid #bbf7d0; }
.certificates-page .status-failed { background: #fef2f2;color: #991b1b;border: 1px solid #fecaca; }
.certificates-page .status-refunded { background: #f8fafc;color: #475569;border: 1px solid var(--border-color); }
.certificates-page .status-expired { background: #fff5f5;color: #9b2c2c;border: 1px solid #fed7d7; }
.certificates-page .days-badge { display: block;font-size: 10px;margin-top: 2px; }
.certificates-page .actions-cell .btn { margin-right: 5px;padding: 6px 12px;font-size: 12px;border-radius: var(--border-radius);text-decoration: none;display: inline-block;font-family: var(--font-heading); }
.certificates-page .btn-primary { background: var(--accent);color: #fff;border: 1px solid var(--accent); }
.certificates-page .btn-primary:hover { background: var(--accent-hover);color: var(--accent); }
.certificates-page .btn-success { background: #22c55e;color: #fff;border: 1px solid #22c55e; }
.certificates-page .btn-success:hover { background: #16a34a; }
.certificates-page .btn-secondary { background: var(--bg-surface);color: #475569;padding: 8px 16px;border-radius: var(--border-radius);text-decoration: none;display: inline-block;border: 1px solid var(--border-color); }
.certificates-page .empty-state { text-align: center;padding: 60px 20px; }
.certificates-page .empty-icon { font-size: 64px;margin-bottom: 20px; }
.certificates-page .empty-state h3 { margin: 0 0 10px 0;color: var(--primary); }
.certificates-page .empty-state p { color: var(--text-secondary);margin-bottom: 25px; }
.certificates-page .status-legend { margin-top: 30px;padding: 20px;background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm); }
.certificates-page .status-legend h4 { margin: 0 0 15px 0;font-size: 15px;color: var(--primary);font-family: var(--font-heading); }
.certificates-page .legend-items { display: flex;flex-wrap: wrap;gap: 20px; }
.certificates-page .legend-item { display: flex;align-items: center;gap: 8px; }
.certificates-page .legend-item span:last-child { color: var(--text-secondary);font-size: 13px; }
.certificates-page .alert { padding: 15px;border-radius: var(--border-radius);margin-bottom: 20px; }
.certificates-page .alert-success { background: #f0fdf4;color: #166534;border: 1px solid #bbf7d0; }
.certificates-page .alert-error { background: #fef2f2;color: #991b1b;border: 1px solid #fecaca; }
.certificates-page .text-success { color: #16a34a; }
.certificates-page .text-warning { color: #d97706;font-weight: bold; }
.certificates-page .text-danger { color: #dc2626;font-weight: bold; }
.certificates-page .text-muted { color: #94a3b8; }
@media (max-width: 900px) {
  .certificates-page .page-header { flex-direction: column;text-align: center;gap: 15px; }
  .certificates-page .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .certificates-page .filters-form { flex-direction: column; }
  .certificates-page .search-group { width: 100%; }
  .certificates-page .certificates-table { font-size: 14px; }
  .certificates-page .certificates-table th, .certificates-page .certificates-table td { padding: 10px; }
  .certificates-page .actions-cell { display: flex;flex-direction: column;gap: 5px; }
  .certificates-page .actions-cell .btn { margin: 0;text-align: center; }
  .certificates-page .legend-items { flex-direction: column;gap: 10px; }
}
@media (max-width: 480px) {
  .certificates-page .stats-grid { grid-template-columns: 1fr; }
  .certificates-page .certificates-table { display: block;overflow-x: auto; }
}


/* --- REISSUE PAGE --- */
.reissue-page .certificate-reissue-page-wrapper { padding: 30px 0;background: #f8f9fa;min-height: 600px; }
.reissue-page .breadcrumb { margin-bottom: 20px;font-size: 14px; }
.reissue-page .breadcrumb a { color: #2c5282;text-decoration: none; }
.reissue-page .breadcrumb a:hover { text-decoration: underline; }
.reissue-page .breadcrumb .separator { margin: 0 10px;color: var(--text-muted); }
.reissue-page .page-header { margin-bottom: 30px; }
.reissue-page .page-header h1 { margin: 0 0 10px 0;font-size: 28px;color: var(--text-primary); }
.reissue-page .page-header .subtitle { margin: 0;color: var(--text-secondary); }
.reissue-page .form-card { background: var(--bg-surface);border-radius: var(--border-radius-lg);padding: 30px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.reissue-page .info-box { background: #fff3cd;border: 1px solid #ffc107;border-radius: var(--border-radius);padding: 20px;margin-bottom: 30px; }
.reissue-page .info-box h4 { margin: 0 0 15px 0;color: #856404; }
.reissue-page .info-box ul { margin: 0;padding-left: 20px; }
.reissue-page .info-box li { margin-bottom: 8px;color: #856404; }
.reissue-page .form-section { margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #e0e0e0; }
.reissue-page .form-section:last-of-type { border-bottom: none; }
.reissue-page .form-section h3 { margin: 0 0 20px 0;font-size: 18px;color: var(--text-primary); }
.reissue-page .form-section h4 { margin: 20px 0 15px 0;font-size: 16px;color: #555; }
.reissue-page .radio-group { display: flex;flex-direction: column;gap: 15px; }
.reissue-page .radio-label { display: flex;align-items: flex-start;gap: 15px;padding: 20px;border: 2px solid #e0e0e0;border-radius: var(--border-radius-lg);cursor: pointer;transition: all 0.2s; }
.reissue-page .radio-label:hover { border-color: #007bff;background: #f8f9ff; }
.reissue-page .radio-label input[type="radio"] { margin-top: 3px; }
.reissue-page .radio-label input[type="radio"]:checked+.radio-text { color: #007bff; }
.reissue-page .radio-label:has(input[type="radio"]:checked) { border-color: #007bff;background: #f8f9ff; }
.reissue-page .radio-text { display: flex;flex-direction: column; }
.reissue-page .radio-text strong { font-size: 16px;margin-bottom: 5px; }
.reissue-page .radio-text small { color: var(--text-secondary);font-size: 14px; }
.reissue-page .form-row { display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 20px; }
.reissue-page .form-group { display: flex;flex-direction: column; }
.reissue-page .form-group label { font-weight: 600;margin-bottom: 8px;color: var(--text-primary); }
.reissue-page .form-control { padding: 12px;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 14px;transition: border-color 0.2s; }
.reissue-page .form-control:focus { outline: none;border-color: #007bff;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); }
.reissue-page textarea.form-control { font-family: monospace;resize: vertical; }
.reissue-page .form-group small { margin-top: 5px;color: var(--text-secondary);font-size: 12px; }
.reissue-page .notice-box { background: #e7f3ff;border-left: 4px solid #007bff;padding: 15px;margin-top: 20px;border-radius: var(--border-radius); }
.reissue-page .form-actions { display: flex;gap: 15px;margin-top: 30px;padding-top: 30px;border-top: 2px solid #e0e0e0; }
.reissue-page .btn { display: inline-flex;align-items: center;justify-content: center;padding: 12px 24px;border-radius: var(--border-radius);font-size: 14px;font-weight: 600;text-decoration: none;cursor: pointer;border: none;transition: all 0.2s; }
.reissue-page .btn:hover { transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.reissue-page .btn-primary { background: #28a745;color: #fff; }
.reissue-page .btn-primary:hover { background: #218838; }
.reissue-page .btn-secondary { background: #6c757d;color: #fff; }
.reissue-page .btn-secondary:hover { background: #5a6268; }
.reissue-page .btn-lg { padding: 15px 30px;font-size: 16px; }
.reissue-page .alert { padding: 15px;border-radius: var(--border-radius);margin-bottom: 20px; }
.reissue-page .alert-error { background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb; }
.reissue-page .hidden { display: none; }
@media (max-width: 768px) {
  .reissue-page .form-row { grid-template-columns: 1fr; }
  .reissue-page .form-actions { flex-direction: column; }
  .reissue-page .radio-label { padding: 15px; }
}


/* --- SETUP PAGE --- */
.setup-page .certificate-setup-page-wrapper { padding-bottom: 40px; }
.setup-page .setup-header-section { margin-bottom: 25px; }
.setup-page .back-link { display: inline-block;color: var(--text-secondary);text-decoration: none;font-size: 14px;margin-bottom: 10px;transition: color 0.2s; }
.setup-page .back-link:hover { color: var(--accent); }
.setup-page .setup-header-section h1 { font-size: 28px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 5px; }
.setup-page .setup-subtitle { font-size: 14px;color: var(--text-secondary); }
.setup-page .alert { display: flex;align-items: flex-start;gap: 12px;padding: 15px 20px;border-radius: var(--border-radius-lg);margin-bottom: 20px; }
.setup-page .alert-error { background: #ffebee;border: 1px solid #ef9a9a;color: #c62828; }
.setup-page .alert .material-icons { font-size: 24px;flex-shrink: 0; }
.setup-page .alert ul { margin: 5px 0 0 0;padding-left: 20px; }
.setup-page .setup-content { display: flex;gap: 25px; }
.setup-page .setup-main-section { flex: 1; }
.setup-page .setup-sidebar { width: 320px;flex-shrink: 0; }
.setup-page .setup-card { background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);margin-bottom: 20px;overflow: hidden; }
.setup-page .card-header { display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;background: #f8fafc;border-bottom: 1px solid var(--border-color); }
.setup-page .card-header h2 { font-size: 16px;color: var(--primary);font-family: var(--font-heading);margin: 0; }
.setup-page .required-note { font-size: 12px;color: var(--text-secondary); }
.setup-page .card-body { padding: 20px; }
.setup-page .product-details-grid { display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px; }
.setup-page .detail-item { display: flex;flex-direction: column;gap: 4px; }
.setup-page .detail-item .label { font-size: 12px;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px; }
.setup-page .detail-item .value { font-size: 14px;color: var(--primary);font-weight: 600; }
.setup-page .status-badge { display: inline-block;padding: 4px 10px;border-radius: var(--border-radius);font-size: 11px;font-weight: 600;text-transform: uppercase; }
.setup-page .status-badge.pending { background: #fff7ed;color: #c2410c; }
.setup-page .form-group { margin-bottom: 20px; }
.setup-page .form-group label { display: block;font-size: 14px;color: var(--text-primary);margin-bottom: 8px;font-weight: 600; }
.setup-page .form-group .required { color: #dc2626; }
.setup-page .form-input, .setup-page .form-select, .setup-page .form-textarea { width: 100%;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 14px;transition: border-color 0.2s, box-shadow 0.2s;background: var(--bg-surface); }
.setup-page .form-input:focus, .setup-page .form-select:focus, .setup-page .form-textarea:focus { outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(240, 119, 37, 0.1); }
.setup-page .form-input.error, .setup-page .form-select.error, .setup-page .form-textarea.error { border-color: #dc2626; }
.setup-page .form-textarea { font-family: 'Courier New', monospace;font-size: 12px;resize: vertical; }
.setup-page .form-hint { display: block;font-size: 12px;color: var(--text-secondary);margin-top: 6px; }
.setup-page .error-message { display: block;font-size: 12px;color: #dc2626;margin-top: 6px; }
.setup-page .csr-options { display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 12px;margin-bottom: 20px; }
.setup-page .csr-option { display: flex;align-items: flex-start;padding: 15px;border: 2px solid var(--border-color);border-radius: var(--border-radius-lg);cursor: pointer;transition: all 0.2s; }
.setup-page .csr-option:hover { border-color: var(--accent); }
.setup-page .csr-option.selected { border-color: var(--accent);background: #fff7ed; }
.setup-page .csr-option input[type="radio"] { margin-right: 12px;margin-top: 2px; }
.setup-page .option-content { display: flex;flex-direction: column; }
.setup-page .option-title { font-weight: 600;color: var(--primary);font-size: 14px;margin-bottom: 4px; }
.setup-page .option-desc { font-size: 12px;color: var(--text-secondary); }
.setup-page .csr-panel { margin-top: 20px; }
.setup-page .parse-csr-btn { display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: var(--primary);color: #fff;border: none;border-radius: var(--border-radius);font-size: 14px;font-weight: 600;cursor: pointer;transition: background 0.2s; }
.setup-page .parse-csr-btn:hover { background: #1a1f4b; }
.setup-page .csr-details { margin-top: 20px;padding: 15px;background: #f8fafc;border-radius: var(--border-radius);border: 1px solid var(--border-color); }
.setup-page .csr-details h4 { font-size: 14px;color: var(--primary);margin-bottom: 12px; }
.setup-page .generate-csr-grid { display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px; }
.setup-page .generate-csr-btn { margin-top: 16px;background: var(--accent) !important; }
.setup-page .generate-csr-btn:hover { background: #d4620e !important; }
.setup-page .generate-csr-spinner { display: flex;align-items: center;gap: 8px;margin-top: 16px;color: var(--accent);font-weight: 600;font-size: 14px; }
.setup-page .spinning { animation: spin 1s linear infinite; }
@keyframes spin {
from {transform: rotate(0deg);} to {transform: rotate(360deg);}
}
.setup-page .generate-csr-result-header { display: flex;align-items: center;gap: 8px;padding: 12px 16px;background: #f0fdf4;border: 1px solid #86efac;border-radius: var(--border-radius);margin-bottom: 16px;color: #166534; }
.setup-page .generate-csr-result-header .material-icons { font-size: 20px;color: #16a34a; }
.setup-page .private-key-warning { margin-top: 20px;padding: 16px;background: #fef3c7;border: 2px solid #f59e0b;border-radius: var(--border-radius-lg); }
.setup-page .private-key-warning-header { display: flex;align-items: center;gap: 8px;margin-bottom: 8px;color: #92400e; }
.setup-page .private-key-warning-header .material-icons { font-size: 20px;color: #d97706; }
.setup-page .private-key-warning p { font-size: 13px;color: #78350f;margin-bottom: 12px;line-height: 1.5; }
.setup-page .private-key-textarea { background: #fffbeb; }
.setup-page .private-key-actions { display: flex;gap: 10px;margin-top: 4px;flex-wrap: wrap; }
.setup-page .btn-copy-key { background: #6b7280 !important; }
.setup-page .btn-copy-key:hover { background: #4b5563 !important; }
.setup-page .csr-info-grid { display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px; }
.setup-page .csr-info-item { display: flex;flex-direction: column;gap: 2px; }
.setup-page .csr-info-item .label { font-size: 11px;color: var(--text-secondary);text-transform: uppercase; }
.setup-page .csr-info-item .value { font-size: 13px;color: var(--primary); }
.setup-page .csr-help { margin-top: 20px;padding: 15px;background: #f0f9ff;border-radius: var(--border-radius);border: 1px solid #bae6fd; }
.setup-page .csr-help h4 { font-size: 14px;color: #0369a1;margin-bottom: 8px; }
.setup-page .csr-help p { font-size: 13px;color: #0c4a6e;margin-bottom: 12px; }
.setup-page .help-links { display: flex;gap: 15px; }
.setup-page .help-link { font-size: 12px;color: #0369a1;text-decoration: underline; }
.setup-page .help-link:hover { color: #0284c7; }
.setup-page .dcv-intro { font-size: 14px;color: var(--text-secondary);margin-bottom: 20px; }
.setup-page .dcv-options { display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;margin-bottom: 20px; }
.setup-page .dcv-option { display: flex;align-items: flex-start;padding: 15px;border: 2px solid var(--border-color);border-radius: var(--border-radius-lg);cursor: pointer;transition: all 0.2s; }
.setup-page .dcv-option:hover { border-color: var(--accent); }
.setup-page .dcv-option.selected { border-color: var(--accent);background: #fff7ed; }
.setup-page .dcv-option input[type="radio"] { margin-right: 12px;margin-top: 2px; }
.setup-page .dcv-email-section { margin-top: 20px;padding: 15px;background: #f8fafc;border-radius: var(--border-radius);border: 1px solid var(--border-color); }
.setup-page .email-input-wrapper { display: flex;gap: 10px; }
.setup-page .email-input-wrapper .form-select { flex: 1; }
.setup-page .refresh-emails-btn { padding: 10px 15px;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--border-radius);cursor: pointer;transition: all 0.2s; }
.setup-page .refresh-emails-btn:hover { background: #f8fafc;border-color: #cbd5e1; }
.setup-page .server-type-group { margin-top: 20px; }
.setup-page .terms-checkbox { display: flex;align-items: flex-start;cursor: pointer; }
.setup-page .terms-checkbox input[type="checkbox"] { display: none; }
.setup-page .terms-checkbox input[type="checkbox"]:checked+.checkmark { background: var(--accent);border-color: var(--accent); }
.setup-page .terms-checkbox input[type="checkbox"]:checked+.checkmark:after { display: block; }
.setup-page .checkmark { width: 22px;height: 22px;border: 2px solid var(--border-color);border-radius: var(--border-radius);margin-right: 12px;position: relative;flex-shrink: 0;margin-top: 2px;transition: all 0.2s; }
.setup-page .checkmark:after { content: '';display: none;width: 6px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;position: absolute;top: 3px;left: 6px;transform: rotate(45deg); }
.setup-page .terms-text { font-size: 13px;color: var(--text-secondary);line-height: 1.5; }
.setup-page .terms-text a { color: var(--accent);text-decoration: underline; }
.setup-page .form-actions { text-align: center;padding: 20px;background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color); }
.setup-page .submit-btn { display: inline-flex;align-items: center;gap: 10px;padding: 15px 40px;background: var(--accent);color: #fff;border: none;border-radius: var(--border-radius-lg);font-size: 16px;font-weight: 600;cursor: pointer;font-family: var(--font-heading);transition: background 0.2s; }
.setup-page .submit-btn:hover { background: var(--accent-hover); }
.setup-page .submit-hint { font-size: 12px;color: var(--text-secondary);margin-top: 10px; }
.setup-page .sidebar-card { background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);margin-bottom: 20px;overflow: hidden; }
.setup-page .sidebar-card h3 { font-size: 16px;color: var(--primary);font-family: var(--font-heading);padding: 15px 20px;margin: 0;border-bottom: 1px solid var(--border-color);background: #f8fafc; }
.setup-page .order-summary-card .summary-item { display: flex;justify-content: space-between;padding: 12px 20px;border-bottom: 1px solid #f1f5f9; }
.setup-page .order-summary-card .summary-item:last-child { border-bottom: none; }
.setup-page .order-summary-card .label { font-size: 13px;color: var(--text-secondary); }
.setup-page .order-summary-card .value { font-size: 13px;color: var(--primary);font-weight: 600; }
.setup-page .help-card p { padding: 0 20px;font-size: 13px;color: var(--text-secondary);margin: 15px 0; }
.setup-page .help-options { list-style: none;padding: 0 20px 15px;margin: 0; }
.setup-page .help-options li { margin-bottom: 8px; }
.setup-page .help-option-link { display: flex;align-items: center;gap: 10px;padding: 10px;background: #f8fafc;border-radius: var(--border-radius);text-decoration: none;color: var(--text-primary);font-size: 13px;transition: all 0.2s; }
.setup-page .help-option-link:hover { background: var(--border-color);color: var(--accent); }
.setup-page .help-option-link .icon { font-size: 16px; }
.setup-page .validation-steps { list-style: none;padding: 15px 20px;margin: 0;counter-reset: step; }
.setup-page .validation-steps li { display: flex;align-items: center;gap: 12px;padding: 10px 0;border-bottom: 1px dashed var(--border-color);color: #94a3b8; }
.setup-page .validation-steps li:last-child { border-bottom: none; }
.setup-page .validation-steps li.completed { color: #15803d; }
.setup-page .validation-steps li.current { color: var(--accent);font-weight: 600; }
.setup-page .step-number { width: 24px;height: 24px;border-radius: 50%;background: var(--border-color);display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 600; }
.setup-page .validation-steps li.completed .step-number { background: #15803d;color: #fff; }
.setup-page .validation-steps li.current .step-number { background: var(--accent);color: #fff; }
.setup-page .step-text { font-size: 13px; }
.setup-page .badge { display: inline-block;padding: 4px 12px;border-radius: var(--border-radius);font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px; }
.setup-page .ov-badge { background: #dbeafe;color: #1e40af; }
.setup-page .ev-badge { background: #fef3c7;color: #92400e; }
.setup-page .form-row { display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-bottom: 0; }
.setup-page .form-row .form-group { margin-bottom: 20px; }
.setup-page .form-row.three-col { grid-template-columns: repeat(3, 1fr); }
.setup-page .form-col-4 { grid-column: span 1; }
.setup-page .form-col-6 { grid-column: span 1; }
.setup-page .section-divider { border: none;border-top: 1px solid var(--border-color);margin: 25px 0 15px; }
.setup-page .subsection-title { font-size: 14px;color: var(--primary);font-family: var(--font-heading);margin: 0 0 15px; }
.setup-page .section-intro { font-size: 13px;color: var(--text-secondary);margin-bottom: 20px;line-height: 1.5; }
.setup-page .copy-org-hint { margin-top: 15px; }
.setup-page .copy-org-btn { display: inline-flex;align-items: center;gap: 6px;padding: 8px 16px;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 13px;color: var(--text-primary);cursor: pointer;transition: all 0.2s; }
.setup-page .copy-org-btn:hover { background: #f8fafc;border-color: #cbd5e1;color: var(--accent); }
.setup-page .copy-org-btn .material-icons { font-size: 16px; }
.setup-page .callback-options { display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px; }
.setup-page .callback-option { display: flex;align-items: flex-start;padding: 15px;border: 2px solid var(--border-color);border-radius: var(--border-radius-lg);cursor: pointer;transition: all 0.2s; }
.setup-page .callback-option:hover { border-color: var(--accent); }
.setup-page .callback-option.selected { border-color: var(--accent);background: #fff7ed; }
.setup-page .callback-option input[type="radio"] { display: none; }
.setup-page .callback-option .option-content { display: flex;align-items: center;gap: 12px; }
.setup-page .callback-option .option-content .material-icons { font-size: 24px;color: var(--text-secondary); }
.setup-page .callback-option.selected .option-content .material-icons { color: var(--accent); }
.setup-page .callback-option .option-text { display: flex;flex-direction: column; }
.setup-page .callback-option .option-title { font-weight: 600;color: var(--primary);font-size: 14px; }
.setup-page .callback-option .option-desc { font-size: 12px;color: var(--text-secondary); }
.setup-page .dcv-method-panel { margin-top: 15px;animation: fadeIn 0.2s ease; }
@keyframes fadeIn {
from {opacity: 0;transform: translateY(4px);} to {opacity: 1;transform: translateY(0);}
}
.setup-page .dcv-instructions { background: #f8fafc;border: 1px solid var(--border-color);border-left: 3px solid var(--accent);border-radius: var(--border-radius-lg);padding: 18px 20px; }
.setup-page .dcv-instructions-title { font-size: 14px;font-weight: 600;color: var(--primary);margin: 0 0 14px;display: flex;align-items: center;gap: 6px; }
.setup-page .dcv-steps-list { margin: 0 0 12px;padding-left: 22px;font-size: 13px;color: #475569;line-height: 1.7; }
.setup-page .dcv-steps-list li { margin-bottom: 4px; }
.setup-page .dcv-code-block { background: #1e293b;color: var(--border-color);font-family: 'Courier New', monospace;font-size: 12px;line-height: 1.6;padding: 12px 16px;border-radius: var(--border-radius);margin: 10px 0 16px;white-space: pre-wrap;word-break: break-all;min-height: 52px; }
.setup-page .dcv-code-placeholder { color: var(--text-secondary);font-style: italic;font-family: inherit; }
.setup-page .dcv-url-display { display: inline-block;background: #f1f5f9;border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 4px 10px;font-size: 12px;color: var(--text-primary);margin-top: 4px;word-break: break-all; }
.setup-page .dcv-dns-table { overflow-x: auto;margin: 10px 0 16px; }
.setup-page .dcv-dns-table table { width: 100%;border-collapse: collapse;font-size: 12px; }
.setup-page .dcv-dns-table th { background: var(--border-color);color: var(--text-primary);font-weight: 600;padding: 8px 12px;text-align: left;border: 1px solid #cbd5e1; }
.setup-page .dcv-dns-table td { padding: 8px 12px;border: 1px solid var(--border-color);color: #475569;background: var(--bg-surface);word-break: break-all;font-family: 'Courier New', monospace; }
.setup-page .dcv-dns-table td em, .setup-page .dcv-placeholder { font-style: italic;color: #94a3b8;font-family: inherit; }
.setup-page .dcv-note { display: flex;align-items: flex-start;gap: 8px;background: #fff7ed;border: 1px solid #fed7aa;border-radius: var(--border-radius);padding: 10px 14px;font-size: 12px;color: #9a3412;margin-top: 12px; }
.setup-page .dcv-note .material-icons { font-size: 16px;flex-shrink: 0;margin-top: 1px; }
.setup-page .advanced-card .card-header { cursor: pointer; }
.setup-page .toggle-btn { background: none;border: none;padding: 5px;cursor: pointer;color: var(--text-secondary);transition: color 0.2s; }
.setup-page .toggle-btn:hover { color: var(--accent); }
.setup-page .toggle-btn .material-icons { font-size: 24px;transition: transform 0.2s; }
.setup-page .toggle-btn.expanded .material-icons { transform: rotate(180deg); }
.setup-page .checkbox-group { display: flex;flex-direction: column;gap: 15px;margin-top: 20px; }
.setup-page .checkbox-option { display: flex;align-items: flex-start;cursor: pointer;padding: 10px;border-radius: var(--border-radius);transition: background 0.2s; }
.setup-page .checkbox-option:hover { background: #f8fafc; }
.setup-page .checkbox-option input[type="checkbox"] { display: none; }
.setup-page .checkbox-option .checkmark { width: 20px;height: 20px;border: 2px solid var(--border-color);border-radius: var(--border-radius);margin-right: 12px;position: relative;flex-shrink: 0;margin-top: 2px;transition: all 0.2s; }
.setup-page .checkbox-option input[type="checkbox"]:checked+.checkmark { background: var(--accent);border-color: var(--accent); }
.setup-page .checkbox-option input[type="checkbox"]:checked+.checkmark:after { content: '';display: block;width: 5px;height: 9px;border: solid #fff;border-width: 0 2px 2px 0;position: absolute;top: 2px;left: 5px;transform: rotate(45deg); }
.setup-page .checkbox-text { display: flex;flex-direction: column; }
.setup-page .checkbox-text strong { font-size: 14px;color: var(--text-primary);font-weight: 600; }
.setup-page .checkbox-desc { font-size: 12px;color: var(--text-secondary);margin-top: 2px; }
@media (max-width: 991px) {
  .setup-page .setup-content { flex-direction: column; }
  .setup-page .setup-sidebar { width: 100%; }
  .setup-page .product-details-grid { grid-template-columns: 1fr; }
  .setup-page .dcv-options { grid-template-columns: 1fr; }
  .setup-page .csr-options { grid-template-columns: 1fr; }
  .setup-page .form-row { grid-template-columns: 1fr; }
  .setup-page .form-row.three-col { grid-template-columns: 1fr; }
  .setup-page .callback-options { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .setup-page .setup-header-section h1 { font-size: 24px; }
  .setup-page .card-header { flex-direction: column;align-items: flex-start;gap: 8px; }
  .setup-page .form-actions { padding: 15px; }
  .setup-page .submit-btn { width: 100%;justify-content: center; }
  .setup-page .cert-type-options { flex-direction: column; }
  .setup-page .wizard-steps-bar { flex-wrap: wrap; }
}
.setup-page .wizard-steps-bar { display: flex;align-items: center;justify-content: center;padding: 28px 20px 20px;gap: 8px; }
.setup-page .wizard-step { display: flex;align-items: center;gap: 8px;color: #94a3b8;font-size: 13px;font-weight: 600;transition: color 0.3s; }
.setup-page .wizard-step.active { color: var(--accent); }
.setup-page .wizard-step.completed { color: #16a34a; }
.setup-page .step-bubble { width: 32px;height: 32px;border-radius: 50%;background: var(--border-color);color: #94a3b8;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 700;transition: background 0.3s, color 0.3s;flex-shrink: 0; }
.setup-page .wizard-step.active .step-bubble { background: var(--accent);color: #fff; }
.setup-page .wizard-step.completed .step-bubble { background: #16a34a;color: #fff; }
.setup-page .wizard-step-line { flex: 1;height: 2px;background: var(--border-color);min-width: 30px;max-width: 80px; }
.setup-page .wizard-nav { display: flex;justify-content: space-between;align-items: center;padding: 20px 0 6px; }
.setup-page .btn-next { display: flex;align-items: center;gap: 6px;background: var(--accent);color: #fff;border: none;padding: 12px 24px;border-radius: var(--border-radius-lg);font-size: 15px;font-weight: 600;cursor: pointer;transition: background 0.2s, transform 0.15s; }
.setup-page .btn-next:hover { background: #d96a1a;transform: translateY(-1px); }
.setup-page .btn-back { display: flex;align-items: center;gap: 6px;background: #f1f5f9;color: #475569;border: none;padding: 12px 20px;border-radius: var(--border-radius-lg);font-size: 15px;font-weight: 600;cursor: pointer;transition: background 0.2s; }
.setup-page .btn-back:hover { background: var(--border-color); }
.setup-page .cert-type-options { display: flex;gap: 16px;margin-top: 4px; }
.setup-page .cert-type-option { flex: 1;display: flex;align-items: center;gap: 14px;padding: 20px;border: 2px solid var(--border-color);border-radius: 12px;cursor: pointer;transition: border-color 0.2s, background 0.2s, box-shadow 0.2s; }
.setup-page .cert-type-option input[type="radio"] { display: none; }
.setup-page .cert-type-option:hover { border-color: var(--accent);background: #fff8f4; }
.setup-page .cert-type-option.selected { border-color: var(--accent);background: #fff8f4;box-shadow: 0 0 0 3px rgba(240, 119, 37, 0.15); }
.setup-page .cert-type-icon { font-size: 28px; }
.setup-page .cert-type-content { display: flex;flex-direction: column;gap: 4px; }
.setup-page .cert-type-title { font-size: 15px;font-weight: 700;color: var(--primary); }
.setup-page .cert-type-desc { font-size: 13px;color: var(--text-secondary); }
.setup-page .dcv-intro { font-size: 14px;color: var(--text-secondary);margin-bottom: 18px;line-height: 1.6; }


/* --- UPDATE DCV PAGE --- */
.update-dcv-page .certificate-setup-page-wrapper { padding-bottom: 40px; }
.update-dcv-page .setup-header-section { margin-bottom: 25px; }
.update-dcv-page .back-link { display: inline-block;color: var(--text-secondary);text-decoration: none;font-size: 14px;margin-bottom: 10px;transition: color 0.2s; }
.update-dcv-page .back-link:hover { color: var(--accent); }
.update-dcv-page .setup-header-section h1 { font-size: 28px;color: var(--primary);font-family: var(--font-heading);margin-bottom: 5px; }
.update-dcv-page .setup-subtitle { font-size: 14px;color: var(--text-secondary); }
.update-dcv-page .alert { display: flex;align-items: flex-start;gap: 12px;padding: 15px 20px;border-radius: var(--border-radius-lg);margin-bottom: 20px; }
.update-dcv-page .alert-success { background: #d1fae5;border: 1px solid #a7f3d0;color: #065f46; }
.update-dcv-page .alert-error { background: #ffebee;border: 1px solid #ef9a9a;color: #c62828; }
.update-dcv-page .alert .material-icons { font-size: 24px;flex-shrink: 0; }
.update-dcv-page .alert ul { margin: 5px 0 0 0;padding-left: 20px; }
.update-dcv-page .setup-content { display: flex;gap: 25px; }
.update-dcv-page .setup-main-section { flex: 1; }
.update-dcv-page .setup-sidebar { width: 320px;flex-shrink: 0; }
.update-dcv-page .setup-card { background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);margin-bottom: 20px;overflow: hidden; }
.update-dcv-page .card-header { display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;background: #f8fafc;border-bottom: 1px solid var(--border-color); }
.update-dcv-page .card-header h2 { font-size: 16px;color: var(--primary);font-family: var(--font-heading);margin: 0; }
.update-dcv-page .required-note { font-size: 12px;color: var(--text-secondary); }
.update-dcv-page .card-body { padding: 20px; }
.update-dcv-page .product-details-grid { display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px; }
.update-dcv-page .detail-item { display: flex;flex-direction: column;gap: 4px; }
.update-dcv-page .detail-item .label { font-size: 12px;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px; }
.update-dcv-page .detail-item .value { font-size: 14px;color: var(--primary);font-weight: 600; }
.update-dcv-page .status-badge { display: inline-block;padding: 4px 10px;border-radius: var(--border-radius);font-size: 11px;font-weight: 600;text-transform: uppercase; }
.update-dcv-page .status-badge.pending { background: #fff7ed;color: #c2410c; }
.update-dcv-page .form-group { margin-bottom: 20px; }
.update-dcv-page .form-group label { display: block;font-size: 14px;color: var(--text-primary);margin-bottom: 8px;font-weight: 600; }
.update-dcv-page .form-group .required { color: #dc2626; }
.update-dcv-page .form-input, .update-dcv-page .form-select, .update-dcv-page .form-textarea { width: 100%;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 14px;transition: border-color 0.2s, box-shadow 0.2s;background: var(--bg-surface); }
.update-dcv-page .form-input:focus, .update-dcv-page .form-select:focus, .update-dcv-page .form-textarea:focus { outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(240, 119, 37, 0.1); }
.update-dcv-page .form-input.error, .update-dcv-page .form-select.error, .update-dcv-page .form-textarea.error { border-color: #dc2626; }
.update-dcv-page .form-textarea { font-family: 'Courier New', monospace;font-size: 12px;resize: vertical; }
.update-dcv-page .form-hint { display: block;font-size: 12px;color: var(--text-secondary);margin-top: 6px; }
.update-dcv-page .error-message { display: block;font-size: 12px;color: #dc2626;margin-top: 6px; }
.update-dcv-page .form-actions { text-align: center;padding: 20px;background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color); }
.update-dcv-page .submit-btn { display: inline-flex;align-items: center;gap: 10px;padding: 15px 40px;background: var(--accent);color: #fff;border: none;border-radius: var(--border-radius-lg);font-size: 16px;font-weight: 600;cursor: pointer;font-family: var(--font-heading);transition: background 0.2s; }
.update-dcv-page .submit-btn:hover { background: var(--accent-hover); }
.update-dcv-page .submit-hint { font-size: 12px;color: var(--text-secondary);margin-top: 10px; }
.update-dcv-page .sidebar-card { background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);margin-bottom: 20px;overflow: hidden; }
.update-dcv-page .sidebar-card h3 { font-size: 16px;color: var(--primary);font-family: var(--font-heading);padding: 15px 20px;margin: 0;border-bottom: 1px solid var(--border-color);background: #f8fafc; }
.update-dcv-page .order-summary-card .summary-item { display: flex;justify-content: space-between;padding: 12px 20px;border-bottom: 1px solid #f1f5f9; }
.update-dcv-page .order-summary-card .summary-item:last-child { border-bottom: none; }
.update-dcv-page .order-summary-card .label { font-size: 13px;color: var(--text-secondary); }
.update-dcv-page .order-summary-card .value { font-size: 13px;color: var(--primary);font-weight: 600; }
.update-dcv-page .help-card p { padding: 0 20px;font-size: 13px;color: var(--text-secondary);margin: 15px 0; }
.update-dcv-page .help-options { list-style: none;padding: 0 20px 15px;margin: 0; }
.update-dcv-page .help-options li { margin-bottom: 8px; }
.update-dcv-page .help-link { display: block;margin: 0 20px 15px;text-align: center;padding: 10px;background: #f8fafc;border-radius: var(--border-radius);text-decoration: none;color: var(--accent);font-size: 13px;font-weight: 600;transition: all 0.2s; }
.update-dcv-page .help-link:hover { background: #f1f5f9; }
@media (max-width: 991px) {
  .update-dcv-page .setup-content { flex-direction: column; }
  .update-dcv-page .setup-sidebar { width: 100%; }
}
.update-dcv-page .dcv-option { display: flex;align-items: flex-start;padding: 15px;border: 2px solid var(--border-color);border-radius: var(--border-radius-lg);cursor: pointer;transition: all 0.2s;position: relative; }
.update-dcv-page .dcv-option:hover { border-color: var(--accent); }
.update-dcv-page .dcv-option.selected { border-color: var(--accent);background: #fff7ed; }
.update-dcv-page .dcv-option input[type="radio"] { position: absolute;opacity: 0; }
.update-dcv-page .dcv-option .option-content { display: flex;align-items: flex-start;gap: 12px;width: 100%; }
.update-dcv-page .dcv-option .option-icon { display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #f1f5f9;border-radius: var(--border-radius-lg);flex-shrink: 0; }
.update-dcv-page .dcv-option.selected .option-icon { background: var(--accent);color: #fff; }
.update-dcv-page .dcv-option .option-icon .material-icons { font-size: 20px; }
.update-dcv-page .dcv-option .option-text { display: flex;flex-direction: column;flex: 1; }
.update-dcv-page .dcv-option .option-title { font-weight: 600;color: var(--primary);font-size: 14px;margin-bottom: 4px; }
.update-dcv-page .dcv-option .option-desc { font-size: 12px;color: var(--text-secondary); }
.update-dcv-page .email-help-box { margin-top: 20px;padding: 20px;background: #f0f9ff;border: 1px solid #bae6fd;border-radius: var(--border-radius-lg); }
.update-dcv-page .email-help-box h4 { display: flex;align-items: center;gap: 8px;margin: 0 0 12px 0;font-size: 14px;color: #0369a1; }
.update-dcv-page .email-help-box h4 .material-icons { font-size: 18px; }
.update-dcv-page .email-help-box p { font-size: 13px;color: var(--text-primary);margin: 0 0 12px 0; }
.update-dcv-page .email-help-box .email-list { display: flex;flex-direction: column;gap: 8px;margin-bottom: 12px; }
.update-dcv-page .email-help-box .email-list code { display: inline-block;padding: 6px 10px;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 13px;color: var(--primary);font-family: 'Consolas', 'Monaco', 'Courier New', monospace; }
.update-dcv-page .email-help-box .email-note { font-size: 12px;color: var(--text-secondary);font-style: italic;margin: 0; }
.update-dcv-page .dcv-instructions { margin-top: 20px; }
.update-dcv-page .instruction-box { padding: 20px;background: #f8fafc;border: 1px solid var(--border-color);border-radius: var(--border-radius-lg); }
.update-dcv-page .instruction-box h4 { display: flex;align-items: center;gap: 8px;margin: 0 0 12px 0;font-size: 14px;color: var(--primary); }
.update-dcv-page .instruction-box h4 .material-icons { font-size: 18px;color: var(--accent); }
.update-dcv-page .instruction-box ol { margin: 0 0 12px 0;padding-left: 20px; }
.update-dcv-page .instruction-box li { font-size: 13px;color: var(--text-primary);margin-bottom: 8px;line-height: 1.5; }
.update-dcv-page .instruction-box code { background: var(--bg-surface);padding: 2px 6px;border: 1px solid var(--border-color);border-radius: 3px;font-family: 'Consolas', 'Monaco', 'Courier New', monospace;font-size: 12px;color: var(--accent); }
.update-dcv-page .instruction-box .instruction-note { font-size: 12px;color: var(--text-secondary);font-style: italic;margin: 0;padding-top: 12px;border-top: 1px dashed var(--border-color); }
.update-dcv-page .instruction-box .instruction-desc { font-size: 13px;color: var(--text-primary);margin-bottom: 16px;line-height: 1.5; }
.update-dcv-page .instruction-box pre { background: #1e293b;color: #e2e8f0;padding: 12px 16px;border-radius: 6px;overflow-x: auto;margin: 8px 0;font-size: 12px;line-height: 1.6; }
.update-dcv-page .instruction-box pre code { background: transparent;padding: 0;border: none;color: inherit;font-size: inherit; }
.update-dcv-page .instruction-box .file-detail { font-size: 12px;color: var(--text-secondary);margin: 4px 0; }
.update-dcv-page .instruction-box .file-detail code { font-size: 12px; }
.update-dcv-page .dns-record-table { width: 100%;border-collapse: collapse;margin: 8px 0;border: 1px solid var(--border-color);border-radius: 6px;overflow: hidden; }
.update-dcv-page .dns-record-table tr { border-bottom: 1px solid var(--border-color); }
.update-dcv-page .dns-record-table tr:last-child { border-bottom: none; }
.update-dcv-page .dns-record-table td { padding: 8px 12px;font-size: 13px; }
.update-dcv-page .dns-record-table .dns-label { font-weight: 600;color: var(--text-secondary);width: 140px;background: #f1f5f9; }
.update-dcv-page .dns-record-table .dns-value code { font-size: 13px; }
.update-dcv-page .cancel-btn { display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 30px;background: var(--bg-surface);color: var(--text-secondary);border: 1px solid var(--border-color);border-radius: var(--border-radius-lg);font-size: 14px;font-weight: 600;text-decoration: none;margin-left: 10px;transition: all 0.2s; }
.update-dcv-page .cancel-btn:hover { background: #f8fafc;border-color: #cbd5e1;color: var(--text-primary); }
.update-dcv-page .warning-card { background: #fffbeb;border: 1px solid #fcd34d; }
.update-dcv-page .warning-card h3 { display: flex;align-items: center;gap: 8px;color: #92400e;background: transparent;border: none;padding-bottom: 5px; }
.update-dcv-page .warning-card h3 .material-icons { font-size: 20px; }
.update-dcv-page .warning-card p { font-size: 13px;color: #78350f;margin: 0;line-height: 1.5; }
.update-dcv-page .detail-item.full-width { grid-column: span 2; }
@media (max-width: 991px) {
  .update-dcv-page .detail-item.full-width { grid-column: span 1; }
  .update-dcv-page .cancel-btn { margin-left: 0;margin-top: 10px;width: 100%; }
}


/* --- CERTIFICATE VIEW PAGE --- */
.certificate-view-page .certificate-details-page-wrapper { padding: 30px 0;background: #f8f9fa;min-height: 600px; }
.certificate-view-page .breadcrumb { margin-bottom: 20px;font-size: 14px; }
.certificate-view-page .breadcrumb a { color: #2c5282;text-decoration: none; }
.certificate-view-page .breadcrumb a:hover { text-decoration: underline; }
.certificate-view-page .breadcrumb .separator { margin: 0 10px;color: var(--text-muted); }
.certificate-view-page .page-header { display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #e0e0e0; }
.certificate-view-page .header-content { display: flex;align-items: center;gap: 15px; }
.certificate-view-page .page-header h1 { margin: 0;font-size: 24px;color: var(--text-primary); }
.certificate-view-page .status-badge { display: inline-block;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 500; }
.certificate-view-page .status-pending { background: #fff3cd;color: #856404; }
.certificate-view-page .status-processing { background: #cce5ff;color: #004085; }
.certificate-view-page .status-validation { background: #fff3cd;color: #856404;border: 1px dashed #ffc107; }
.certificate-view-page .status-issued { background: #d4edda;color: #155724; }
.certificate-view-page .status-failed { background: #f8d7da;color: #721c24; }
.certificate-view-page .progress-section { background: var(--bg-surface);padding: 30px;border-radius: var(--border-radius-lg);margin-bottom: 30px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.certificate-view-page .progress-bar-container { height: 8px;background: #e0e0e0;border-radius: var(--border-radius);overflow: hidden;margin-bottom: 20px; }
.certificate-view-page .progress-bar { height: 100%;background: linear-gradient(90deg, #28a745 0%, #20c997 100%);border-radius: var(--border-radius);transition: width 0.5s ease; }
.certificate-view-page .progress-steps { display: flex;justify-content: space-between;position: relative; }
.certificate-view-page .step { display: flex;flex-direction: column;align-items: center;flex: 1; }
.certificate-view-page .step-icon { width: 30px;height: 30px;border-radius: 50%;background: #e0e0e0;color: var(--text-secondary);display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 600;margin-bottom: 8px; }
.certificate-view-page .step.completed .step-icon { background: #28a745;color: #fff; }
.certificate-view-page .step.current .step-icon { background: #007bff;color: #fff;animation: pulse 2s infinite; }
@keyframes pulse {
0%, 100% {transform: scale(1);} 50% {transform: scale(1.1);}
}
.certificate-view-page .step-label { font-size: 12px;color: var(--text-secondary);text-align: center; }
.certificate-view-page .step.completed .step-label { color: #28a745;font-weight: 500; }
.certificate-view-page .step.current .step-label { color: #007bff;font-weight: 600; }
.certificate-view-page .content-grid { display: grid;grid-template-columns: 2fr 1fr;gap: 30px; }
.certificate-view-page .card { background: var(--bg-surface);border-radius: var(--border-radius-lg);padding: 25px;margin-bottom: 20px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.certificate-view-page .card h3 { margin: 0 0 20px 0;font-size: 18px;color: var(--text-primary);display: flex;align-items: center;gap: 10px; }
.certificate-view-page .card h3 .icon { font-size: 20px; }
.certificate-view-page .card-warning { border-left: 4px solid #ffc107;background: #fffbf0; }
.certificate-view-page .card-error { border-left: 4px solid #dc3545;background: #fff5f5; }
.certificate-view-page .card-help {  }
.certificate-view-page .card-help h3 { margin: 0; }
.certificate-view-page .card-help p { margin-bottom: 20px; }
.certificate-view-page .info-grid { display: grid;gap: 12px; }
.certificate-view-page .info-row { display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #f0f0f0; }
.certificate-view-page .info-row:last-child { border-bottom: none; }
.certificate-view-page .info-row .label { color: var(--text-secondary);font-weight: 500; }
.certificate-view-page .info-row .value { color: var(--text-primary);font-weight: 400; }
.certificate-view-page .info-row .value.font-mono { font-family: monospace;font-size: 13px; }
.certificate-view-page .text-warning { color: #ff9800;font-weight: 600; }
.certificate-view-page .text-muted { color: var(--text-muted); }
.certificate-view-page .steps-list { margin-top: 15px; }
.certificate-view-page .step-item { display: flex;align-items: flex-start;gap: 10px;padding: 8px 0;color: #555; }
.certificate-view-page .step-number { color: #ffc107;font-weight: bold; }
.certificate-view-page .error-details { margin-top: 15px;padding: 15px;background: #ffe0e0;border-radius: var(--border-radius);font-family: monospace;font-size: 13px; }
.certificate-view-page .actions-list { display: flex;flex-direction: column;gap: 10px; }
.certificate-view-page .action-btn { display: flex;align-items: center;gap: 10px;padding: 12px 15px;border-radius: var(--border-radius);text-decoration: none;font-weight: 500;transition: all 0.2s;cursor: pointer;border: none;font-size: 14px; }
.certificate-view-page .action-btn:hover { transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.certificate-view-page .action-btn:disabled { opacity: 0.6;cursor: not-allowed;transform: none; }
.certificate-view-page .btn-primary { background: #28a745;color: #fff; }
.certificate-view-page .btn-primary:hover { background: #218838; }
.certificate-view-page .btn-secondary { background: #6c757d;color: #fff;padding: 8px 12px;border-radius: 12px;text-decoration: none; }
.certificate-view-page .btn-secondary:hover { background: #5a6268; }
.certificate-view-page .action-btn .icon { font-size: 16px; }
.certificate-view-page .alert { padding: 15px;border-radius: var(--border-radius);margin-bottom: 20px; }
.certificate-view-page .alert-success { background: #d4edda;color: #155724;border: 1px solid #c3e6cb; }
.certificate-view-page .alert-error { background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb; }
@media (max-width: 768px) {
  .certificate-view-page .content-grid { grid-template-columns: 1fr; }
  .certificate-view-page .page-header { flex-direction: column;text-align: center;gap: 15px; }
  .certificate-view-page .header-content { flex-direction: column; }
  .certificate-view-page .progress-steps { flex-wrap: wrap;gap: 15px; }
  .certificate-view-page .step { flex: 0 0 30%; }
  .certificate-view-page .info-row { flex-direction: column;gap: 5px; }
}
.certificate-view-page .card-caas { border-left: 4px solid #6f42c1;background: #f8f5ff; }
.certificate-view-page .caas-badge { background: #6f42c1 !important;color: #fff !important; }
.certificate-view-page .caas-credentials { margin: 20px 0;background: var(--bg-surface);border: 1px solid #d6c6f5;border-radius: var(--border-radius-lg);overflow: hidden; }
.certificate-view-page .credential-row { display: flex;align-items: center;padding: 14px 18px;border-bottom: 1px solid #e8dff5;gap: 15px; }
.certificate-view-page .credential-row:last-child { border-bottom: none; }
.certificate-view-page .credential-label { font-size: 13px;font-weight: 600;color: #555;min-width: 180px;flex-shrink: 0; }
.certificate-view-page .credential-value { flex: 1;display: flex;align-items: center;gap: 8px; }
.certificate-view-page .credential-value code { font-family: 'Consolas', 'Monaco', 'Courier New', monospace;font-size: 13px;background: #f0ebf8;padding: 6px 10px;border-radius: 4px;border: 1px solid #d6c6f5;word-break: break-all;flex: 1;color: #4a2d8a; }
.certificate-view-page .credential-value .eab-key-display { font-size: 12px; }
.certificate-view-page .validation-header { display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;flex-wrap: wrap;gap: 10px; }
.certificate-view-page .validation-header h3 { margin: 0;display: flex;align-items: center;gap: 10px; }
.certificate-view-page .icon-warning { color: #ffc107;font-size: 24px; }
.certificate-view-page .validation-method-badge { display: inline-block;padding: 4px 12px;background: #ffc107;color: var(--text-primary);border-radius: 20px;font-size: 12px;font-weight: 600;text-transform: uppercase; }
.certificate-view-page .validation-description { font-size: 15px;color: #555;margin-bottom: 20px;line-height: 1.5; }
.certificate-view-page .validation-steps { margin: 20px 0; }
.certificate-view-page .validation-step { margin-bottom: 20px;padding: 15px;background: var(--bg-surface);border-radius: var(--border-radius-lg);border: 1px solid #e0e0e0; }
.certificate-view-page .step-header { display: flex;align-items: center;gap: 12px;margin-bottom: 10px; }
.certificate-view-page .step-badge { width: 28px;height: 28px;background: #28a745;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 14px;flex-shrink: 0; }
.certificate-view-page .step-title { font-weight: 600;font-size: 16px;color: var(--text-primary); }
.certificate-view-page .step-content { margin-left: 40px; }
.certificate-view-page .step-content p { margin: 0 0 12px 0;color: #555;line-height: 1.5; }
.certificate-view-page .code-block { background: #f8f9fa;border: 1px solid #e0e0e0;border-radius: var(--border-radius);overflow: hidden;margin: 12px 0; }
.certificate-view-page .code-header { display: flex;justify-content: space-between;align-items: center;padding: 8px 12px;background: #e9ecef;border-bottom: 1px solid #e0e0e0;font-size: 13px;color: #555; }
.certificate-view-page .copy-btn { padding: 4px 10px;background: var(--bg-surface);border: 1px solid #ccc;border-radius: var(--border-radius);cursor: pointer;font-size: 12px;color: #555;transition: all 0.2s; }
.certificate-view-page .copy-btn:hover { background: #f0f0f0;border-color: var(--text-muted); }
.certificate-view-page .copy-btn.copied { background: #d4edda;border-color: #28a745;color: #155724; }
.certificate-view-page .code-block pre { margin: 0;padding: 12px;overflow-x: auto;background: var(--bg-surface); }
.certificate-view-page .code-block code { font-family: 'Consolas', 'Monaco', 'Courier New', monospace;font-size: 13px;color: var(--text-primary);line-height: 1.5; }
.certificate-view-page .dns-table-wrapper { margin: 12px 0;overflow-x: auto; }
.certificate-view-page .dns-table { width: 100%;border-collapse: collapse;font-size: 14px; }
.certificate-view-page .dns-table td { padding: 10px 12px;border: 1px solid #e0e0e0; }
.certificate-view-page .dns-label { background: #f8f9fa;font-weight: 500;color: #555;width: 30%; }
.certificate-view-page .dns-value { color: var(--text-primary); }
.certificate-view-page .dns-value code { font-family: 'Consolas', 'Monaco', 'Courier New', monospace;background: #f0f0f0;padding: 2px 6px;border-radius: 3px;font-size: 13px; }
.certificate-view-page .copy-btn-inline { margin-left: 8px;padding: 2px 6px;background: transparent;border: none;cursor: pointer;font-size: 12px;opacity: 0.6;transition: opacity 0.2s; }
.certificate-view-page .copy-btn-inline:hover { opacity: 1; }
.certificate-view-page .url-verify { margin-top: 12px; }
.certificate-view-page .verify-link { display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;background: #e3f2fd;color: #1976d2;text-decoration: none;border-radius: var(--border-radius);font-size: 14px;font-weight: 500;transition: background 0.2s; }
.certificate-view-page .verify-link:hover { background: #bbdefb; }
.certificate-view-page .available-emails-section { margin: 25px 0;padding: 20px;background: #f8f9fa;border-radius: var(--border-radius-lg);border: 1px solid #e0e0e0; }
.certificate-view-page .available-emails-section h4 { margin: 0 0 10px 0;font-size: 16px;color: var(--text-primary); }
.certificate-view-page .email-help { margin: 0 0 15px 0;color: var(--text-secondary);font-size: 14px; }
.certificate-view-page .email-list { display: flex;flex-wrap: wrap;gap: 10px; }
.certificate-view-page .email-item { display: flex;align-items: center;gap: 6px;padding: 8px 12px;background: var(--bg-surface);border: 1px solid #e0e0e0;border-radius: var(--border-radius); }
.certificate-view-page .email-item code { font-family: 'Consolas', 'Monaco', 'Courier New', monospace;font-size: 13px;color: var(--text-primary); }
.certificate-view-page .troubleshooting-section { margin: 25px 0;padding: 15px 20px;background: #fff3cd;border: 1px solid #ffc107;border-radius: var(--border-radius-lg); }
.certificate-view-page .troubleshooting-section h4 { margin: 0;font-size: 16px;color: #856404;cursor: pointer;display: flex;align-items: center;gap: 8px;user-select: none; }
.certificate-view-page .troubleshooting-section h4:hover { color: #5a4003; }
.certificate-view-page .toggle-icon { font-size: 12px;transition: transform 0.2s; }
.certificate-view-page .troubleshooting-section.expanded .toggle-icon { transform: rotate(90deg); }
.certificate-view-page .troubleshooting-content { margin-top: 15px;padding-top: 15px;border-top: 1px solid #ffc107; }
.certificate-view-page .tip-group { margin-bottom: 15px; }
.certificate-view-page .tip-group:last-child { margin-bottom: 0; }
.certificate-view-page .tip-group h5 { margin: 0 0 8px 0;font-size: 14px;color: #856404;font-weight: 600; }
.certificate-view-page .tip-group ul { margin: 0;padding-left: 20px; }
.certificate-view-page .tip-group li { margin-bottom: 6px;color: #555;font-size: 14px;line-height: 1.5; }
.certificate-view-page .validation-actions { margin-top: 25px;padding-top: 20px;border-top: 2px dashed #ffc107;text-align: center; }
.certificate-view-page .btn-lg { padding: 14px 28px;font-size: 16px;font-weight: 600; }
.certificate-view-page .btn-success { background: #28a745;color: #fff;border: none;border-radius: var(--border-radius);cursor: pointer;display: inline-flex;align-items: center;gap: 8px;transition: all 0.2s; }
.certificate-view-page .btn-success:hover { background: #218838;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); }
.certificate-view-page .btn-success:disabled { opacity: 0.6;cursor: not-allowed;transform: none;box-shadow: none; }
.certificate-view-page .validation-help-text { margin: 12px 0 0 0;font-size: 13px;color: var(--text-secondary);font-style: italic; }
.certificate-view-page .card-ev-pending { border-left: 4px solid #28a745;background: #f0fff4;margin-bottom: 30px; }
.certificate-view-page .ev-agreement-section h4 { margin: 0 0 15px 0;font-size: 16px;display: flex;align-items: center;gap: 8px; }
.certificate-view-page .ev-steps { display: flex;flex-direction: column;gap: 12px;margin-top: 15px; }
.certificate-view-page .ev-step { display: flex;align-items: center;gap: 12px;padding: 10px 15px;background: var(--bg-surface);border-radius: var(--border-radius);border: 1px solid #e0e0e0;font-size: 14px;color: var(--text-primary); }
.certificate-view-page .ev-step-icon { width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 700;flex-shrink: 0; }
.certificate-view-page .ev-step-icon.completed { background: #28a745;color: #fff; }
.certificate-view-page .ev-step-icon.pending { background: #ffc107;color: #856404; }
@media (max-width: 768px) {
  .certificate-view-page .validation-header { flex-direction: column;align-items: flex-start; }
  .certificate-view-page .step-content { margin-left: 0;margin-top: 10px; }
  .certificate-view-page .email-list { flex-direction: column; }
  .certificate-view-page .email-item { width: 100%;justify-content: space-between; }
  .certificate-view-page .dns-table { font-size: 12px; }
  .certificate-view-page .dns-label { width: 40%; }
}

  
    #slidemarzero {
      margin: 0 !important
    }

    .goforgreen {
      background: #81ba78
    }

    .slide-content {
      width: 960px;
      margin: 0 auto;
      position: relative
    }

    .slide-content-left {
      float: left;
      position: relative;
      width: 705px
    }

    .slide-image {
      float: left
    }

    .slide-decp {
      float: right;
      text-align: right
    }

    .slide-decp .banbigtxt {
      font-family: yantramanavbold;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 10px;
      letter-spacing: -.011em
    }

    .slide-decp p {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 15px
    }

    .bannersealbox {
      float: right;
      margin-right: 8px;
      position: relative;
      background: url(../images/homecwatch-slide-fixbg.svg) no-repeat;
      height: 155px;
      width: 200px
    }

    .slidedcseal {
      position: relative
    }

    .secured-icon {
      display: block;
      text-align: center;
      padding-top: 23px
    }

    .secured-icon a {
      display: block;
    }

    .leftsidebutton {
      position: fixed;
      top: 445px;
      height: 228px;
      width: 25px;
      z-index: 9999
    }

    .leftsidebutton a {
      display: block
    }

    .expandcontent {
      margin: 0 0 0
    }

    .expandcontent p {
      margin: 0 0 15px
    }

    .expandcontent h2 {
      color: #29306c;
      font-size: 30px;
      line-height: 38px;
      padding-bottom: 0
    }

    .expandcontent h3 {
      font-size: 26px;
      line-height: 38px;
      padding-bottom: 0
    }

    .resp-tabs-list li .brand-name {
      display: none
    }

    .resp-tabs-list li img {
      height: 32px;
      opacity: .5;
      display: block;
      width: 125px
    }

    .resp-tabs-list .resp-tab-active img {
      opacity: 1;
      margin-top: -1px
    }

    h2.resp-accordion img {
      height: 30px
    }

    .prodctlisthead {
      padding: 40px
    }

    .prodctlistheadlt {
      float: left;
      width: 65%
    }

    .prodctlistheadlt h2 {
      line-height: 34px;
      padding-bottom: 5px;
      color: #29306c;
      font-size: 36px
    }

    .prodctlistheadlt span {
      float: right;
      margin-top: 10px
    }

    .prodctlistheadlt span {
      font-size: 24px;
      font-family: yantramanavbold;
      line-height: 24px;
      display: block;
      float: none;
      margin-top: 0
    }

    .prodctlistheadlt span label {
      color: #54a447;
      cursor: auto
    }

    .hometabbndicon img {
      height: 178px
    }

    .prodctlisthead p {
      font-size: 18px;
      line-height: 24px;
      margin-top: 40px
    }
  

/* ============================================================
   HEADER, NAVIGATION & GLOBAL RESET (from layout.php)
   ============================================================ */

*,
::after,
::before {
  box-sizing: border-box
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-size-adjust: 100%;
  overflow-x: hidden
}

body {
  overflow-x: hidden
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: none
}

body {
  font-family: Arial, Tahoma, "Times New Roman";
  font-size: 15px;
  line-height: normal;
  color: #4f4f4f;
  margin: 0;
  padding: 0
}

img {
  border: 0;
  vertical-align: middle
}

a {
  color: #f07725
}

.handle {
  margin-top: 20px
}

p {
  line-height: 24px
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  font-weight: 400;
  font-family: yantramanavbold
}

h1 {
  font-size: 46px;
  color: #29306c
}

h2 {
  font-size: 32px
}

h3 {
  font-size: 36px;
  color: #29306c
}

p a {
  font-weight: 700;
  text-decoration: underline
}

input,
select {
  vertical-align: middle
}

button,
input {
  line-height: 1
}

.displaynone {
  display: none !important
}

.masterdivback {
  opacity: .7;
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 99999
}

.masterdivinner {
  position: fixed;
  margin-top: -42px;
  margin-left: -52px;
  top: 50%;
  left: 50%;
  z-index: 99999;
  height: 85px;
  width: 105px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block
}

.headercover {
  background: #29306c;
  height: 40px;
  padding: 8px 0
}

.cntwrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative
}

.headercover .phn {
  color: #fff;
  float: left;
  font-family: yantramanavbold;
  font-size: 26px;
  font-weight: 400;
  margin-right: 20px;
  line-height: 1
}

.headercover .phn a {
  color: #fff;
  text-decoration: none
}

.headercover .btn-group {
  float: left
}

.headercover .btn {
  padding: 6px 21px 6px 5px;
  vertical-align: middle;
  cursor: pointer;
  background: url(../images/falglist-icon.svg) right 6px center no-repeat;
  display: block;
  height: 28px;
}

#imgFlag {
  vertical-align: top;
  display: block
}

.search {
  position: relative;
  width: 220px
}

.headercover .search {
  float: left;
  margin: 0 0 0 30px
}

.search .go {
  background: url(../images/icon-searching.svg) 0 center no-repeat;
  height: 24px;
  width: 20px;
  float: left;
  cursor: pointer;
  margin-left: 10px
}

.search .searchbox {
  background: none;
  height: 24px;
  width: 190px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-radius: 0;
  border-bottom: 1px solid #979dc6;
  color: #979dc6;
  font-family: Arial, Tahoma, "Times New Roman";
  font-style: italic;
  padding: 5px 5px 5px 0;
  font-size: 12px;
  float: left;
  margin-left: -15px;
  left: 20px;
  opacity: 1;
  transition: all .5s ease
}

.headertop-rt {
  float: right
}

.socialbar {
  float: left;
  margin: 0 20px 0 0
}

.socialbar a {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/header_soical_icons.svg) no-repeat;
  text-indent: -9999em;
  float: left
}

.socialbar a+a {
  margin-left: 4px
}

.socialbar .twitter {
  background-position: -31px 0
}

.socialbar .linkedin {
  background-position: -93px 0
}

.loginfo {
  color: #fff;
  float: left;
  position: relative
}

ul,
ul li,
ol,
ol li {
  list-style: none
}

.loginfo ul {
  z-index: 9002;
  float: left
}

.loginfo>ul>li {
  position: relative;
  float: left;
  padding-left: 18px
}

.loginfo>ul>li:first-child {
  padding-left: 0
}

.loginfo>ul>li.blog {
  margin-right: 15px
}

.loginfo>ul>li>a {
  color: #fff;
  display: block;
  text-decoration: none;
  line-height: 1;
  font-size: 18px;
  font-family: yantramanavbold
}

.loginfo>ul>li.blog a {
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 5px 15px 5px 30px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase
}

.loginfo>ul>li+li {
  margin: 4px 0 0 20px
}

.loginfo>ul>li+li a {
  padding-bottom: 5px
}

.loginfo ul li .arrow {
  display: none;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 9999;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e2e4ef;
  margin: -5px 0 0 21px
}

.loginfo li ul {
  width: 140px;
  background: #e2e4ef;
  display: none;
  left: -25px;
  top: 23px;
  position: absolute;
  overflow: hidden;
  box-shadow: rgba(67, 67, 67, .6) 0 0 4px 0
}

.loginfo ul ul li {
  float: none;
  background: none
}

.loginfo ul ul li a {
  color: #2a326b;
  font-size: 12px;
  padding: 8px 10px;
  line-height: 21px;
  display: block;
  text-decoration: none
}

.loginfo ul ul li+li {
  background: url(../images/topddsept.svg) center 0 no-repeat
}

.loginfo ul ul li+li a {
  min-width: 120px;
  display: block
}

.cartlogin {
  float: right;
  margin-left: 25px
}

.mycart {
  float: left;
  margin: -8px 28px 0 0
}

.mycart a {
  background: url(../images/checkout-header-icon.svg) 8px center no-repeat #f07725;
  position: relative;
  display: block;
  height: 40px;
  padding: 12px 10px 10px 42px
}

.mycart span {
  font-size: 18px;
  font-family: yantramanavbold;
  line-height: 1;
  color: #fff;
  display: block;
  min-width: 24px;
  box-sizing: border-box;
}

.login {
  float: right;
  position: relative
}

.login #login-link {
  padding: 4px 0 2px 25px;
  text-decoration: none;
  font-family: yantramanavbold;
  background: url(../images/login-header-icon.svg) 0 center no-repeat;
  display: block;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1
}

#login-panel {
  font-family: yantramanavbold;
  position: absolute;
  z-index: 99999;
  top: 21px;
  right: 0;
  width: 220px;
  padding: 15px;
  background: #e2e4ef;
  display: none
}

.loginclose {
  position: absolute;
  top: 10px;
  right: 15px
}

.loginformraw label {
  display: block;
  color: #29306c;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 3px
}

.loginformraw .inputsml {
  border: 1px solid #9497b5;
  background: #fff;
  padding: 3px 10px;
  font-size: 12px;
  width: 100%;
  height: 35px;
  border-radius: 0
}

.loginformraw+.loginformraw {
  margin-top: 10px
}

.loginlink a {
  float: left;
  font-size: 12px;
  color: #989898;
  font-style: italic;
  text-decoration: underline;
  line-height: 24px
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}

.loginformraw .smlbtn {
  background: #f07725;
  border: 1px solid #f07725;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  float: right;
  font-family: yantramanavbold;
  font-size: 12px;
  padding: 5px 15px
}

.clear {
  clear: both;
  float: none
}

.mobile-menu {
  display: none;
  float: right
}

#showmobmenu {
  position: absolute;
  top: 0;
  font-size: 1.3em;
  color: #ed7732;
  transition: all .3s ease;
  right: 0;
  height: 50px;
  width: 50px;
  background: url(../images/mobmenuicon.svg) no-repeat center center;
  margin: 14px 10px 0 0
}

.left {
  right: -280px
}

#mobmenu {
  position: fixed;
  background: #2a326b;
  height: 100%;
  z-index: 9999;
  width: 280px;
  color: #bbb;
  top: 0;
  transition: all .3s ease;
  opacity: 1;
  overflow: auto;
  margin: 0 !important
}

#mobmenu ul {
  list-style: none;
  margin-top: 0;
  padding: 0
}

#mobmenu ul li {
  border-bottom: 1px solid #151940
}

#hidemobmenu {
  background: url(../images/momenu-close.svg) center center no-repeat #f07725;
  height: 40px
}

#mobmenu ul li a {
  display: block;
  padding: 8px 0 8px 7px;
  text-decoration: none;
  transition: all .3s ease;
  border-left: 8px solid #2a326b;
  color: #fff;
  font-weight: 400
}

#mobmenu ul li.mobmnuicon a {
  border-left: 4px solid #f07725
}

#mobmenu ul a i {
  position: relative
}

#mobmenu ul a i[class*="fa-caret"] {
  float: right
}

#mobmenu ul li ul {
  margin-top: 0;
  display: none;
  background: #242a53
}

#mobmenu ul li ul li {
  border-bottom: none
}

#mobmenu ul li ul li a {
  padding-left: 30px;
  color: #fff;
  border-left: 8px solid #242a53
}

.stickyfixdiv {
  height: 100%;
  display: none
}

.headbar {
  height: 100%
}

.headbar .logo {
  margin: 20px 0 15px;
  float: left
}

.headbar .logo a {
  cursor: pointer
}

.headbar nav {
  float: right;
  margin: 0
}

.products-link {
  margin: 0;
  z-index: 9000
}

.navimain ul li {
  word-spacing: -.04em;
  font-size: 20px;
  float: left;
  position: relative
}

.navimain ul li a {
  text-decoration: none;
  outline: none
}

.navimain ul li a.main-link {
  color: #525252;
  display: block;
  text-decoration: none;
  padding: 20px 34px;
  position: relative;
  line-height: 1
}

.navimain ul li a .nav-link {
  font-family: yantramanavbold;
  font-size: 22px;
  display: block
}

.navimain ul li .nav-link-help {
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-weight: 400;
  font-stretch: normal;
  font-size: 11px;
  line-height: normal;
  display: none;
  padding: 5px 0 0;
  color: #999
}

.navimain ul li .nav-level-2 {
  display: none;
  position: absolute;
  z-index: 8888
}

#products-nav {
  width: 450px;
  left: 0;
  padding-bottom: 37px;
  background: #eeeeef
}

.productsbox .prbox {
  width: 33.30%;
  border-bottom: 1px solid #d8d5d6;
  border-right: 1px solid #d8d5d6
}

.productsbox .prbox a {
  padding: 20px;
  display: block;
  min-height: 74px;
}

.mnu-brand-icon img {
  height: 30px
}

.productsbox .prbox a span {
  font-size: 11px;
  line-height: 12px;
  margin: 5px 0 0;
  display: block;
  color: #969595;
  font-weight: 700
}

.productsbox .prbox:nth-child(3n) {
  border-right: none
}

#products-nav .navcta {
  position: absolute;
  left: -7px;
  bottom: 0
}

#products-nav .menu-more {
  border: 1px solid #f07725;
  border-radius: 2px;
  font-family: yantramanavbold;
  font-size: 11px;
  color: #f07725;
  width: 68px;
  text-align: center;
  padding: 0;
  float: right;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 16px;
  line-height: 18px
}

#navssltype {
  width: 574px;
  padding-bottom: 0;
  left: -190px
}

.brandtabul {
  float: left;
  width: 190px;
  background: #fff;
  border-left: 1px solid #eeeeef;
  border-bottom: 1px solid #eeeeef;
  margin: 0
}

.brandtabul li {
  width: 100%;
  position: relative;
  height: 70px;
  border-top: 1px solid #eeeeef
}

.brandtabul .ui-state-default {
  background: none
}

.productmenu .brandtabul li {
  height: 58px
}

.brandtabul li a {
  padding: 10px 15px;
  display: block;
  position: relative
}

.brandtabul li.ui-tabs-active a {
  background: #eeeeef;
  position: absolute;
  left: 0;
  width: 100%;
  height: 70px;
  top: 0;
}

.productmenu .brandtabul li a {
  color: #b0b0b0;
  font-size: 14px;
  text-align: right;
  display: block;
  font-family: yantramanavbold;
  padding: 20px 14px
}

.productmenu .brandtabul li.ui-tabs-active a {
  height: 58px;
  color: #4f4f4f;
  font-size: 16px
}

.productmenu .mnuproductdecp {
  background: #eeeeef;
  float: left;
  min-height: 330px;
}

.esclist .promenubox:nth-child(3n) {
  border-bottom: none;
}

.promenubox {
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #d7d4d5;
  position: relative
}

.promenubox a {
  padding: 15px;
  display: block;
  min-height: 116px;
  height: 100%;
}

.promenubox span {
  display: block;
  font-size: 12px;
  color: #4f4f4f;
  margin-top: 8px;
  font-weight: 700
}

.promenubox .ribbon-mosttrust {
  background: #53a446;
  position: absolute;
  font-family: yantramanavbold;
  color: #fff;
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
  right: 0;
  top: 20px;
  padding: 12px 7px 12px 16px;
  width: 62px
}

.promenubox:nth-child(2n+1) {
  border-right: 1px solid #d7d4d5
}

.csclist .promenubox img {
  margin: 2px 0 5px
}

.promenubox .ribbon-smart {
  background: #53a446;
  font-family: yantramanavbold;
  color: #fff;
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
  padding: 7px 10px 7px 16px;
  position: absolute;
  right: 0;
  bottom: 10px
}

.menu-platform {
  padding: 18px
}

.weslist .promenubox a {
  padding: 13px 15px
}

.weslist .promenubox:first-child a {
  padding: 13px 7px
}

.cmlist .promenubox a {
  padding: 15px 7px
}

.promenubox p {
  font-size: 10px;
  color: #848484;
  line-height: 12px;
  padding-top: 3px
}

.tab-img {
  position: absolute;
  right: 0;
  bottom: -2px
}

.tab-img.website-security {
  position: absolute;
  right: 0;
  bottom: -4px
}

.menu-img {
  position: relative;
  display: inline-block
}

.menu-img object {
  pointer-events: none
}

.tab-img .menu-img-btn.download-btn {
  border: 1px solid #f07725;
  border-radius: 2px;
  font-family: yantramanavbold;
  text-align: center;
  padding: 1px 3px;
  background-color: #f07725;
  color: #fff;
  font-size: 11px;
  position: absolute;
  margin: 5px;
  right: 5px;
  top: 7px
}

.tab-img .menu-img-btn.download-btn:hover {
  border: 1px solid #f07725;
  background-color: #fff;
  color: #f07725
}

.promenubox .ribbon-new {
  background: #53a446;
  position: absolute;
  font-family: yantramanavbold;
  color: #fff;
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
  right: 0;
  top: 0;
  padding: 5px 7px 5px 16px;
  width: 45px
}

.promenubox .ribbon-beftvalue {
  background: #53a446;
  position: absolute;
  font-family: yantramanavbold;
  color: #fff;
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
  right: 0;
  top: 10px;
  padding: 10px 7px 10px 16px;
  width: 55px
}

#navssltype .navcta {
  position: absolute;
  right: 0;
  bottom: 0
}

#navssltype .navcta-link {
  position: relative;
  z-index: 0;
  padding: 0
}

#navssltype .menu-more {
  border: 1px solid #f07725;
  border-radius: 2px;
  font-family: yantramanavbold;
  font-size: 10px;
  color: #f07725;
  width: 60px;
  text-align: center;
  height: 17px;
  padding: 0;
  background: #fff;
  position: absolute;
  right: 6px;
  top: 6px;
  line-height: 16px
}

#navssltype .stickproducts {
  display: none
}

.menusslbox {
  width: 50%;
  border-bottom: 1px solid #d8d5d6;
  height: 100%
}

.menusslbox a {
  display: block;
  padding: 17px;
  text-align: center
}

.menusslbox a span {
  display: block;
  font-size: 12px;
  color: #4f4f4f;
  font-weight: 700;
  margin-top: 12px
}

.menusslbox:nth-child(2n) {
  border-left: 1px solid #d8d5d6
}

.menusslbox:last-child,
.menusslbox:nth-child(5n) {
  border-bottom: none
}

#partner-nav {
  width: 532px;
  right: 0;
  background: #eeeeef
}

#tools-nav {
  right: 0;
  background: #eeeeef
}

.parbox {
  width: 323px;
}

.parbox ul li {
  border-bottom: 1px solid #d8d5d6;
  float: none;
}

#partner-nav .parbox ul li:first-child a {
  position: relative;
  padding-top: 25px;
}

.parbox ul li a {
  padding: 20px;
}

.mnu-partner-img {
  margin-right: 10px;
  height: 50px;
  width: 46px
}

.parbox ul li .mnupartner-decp strong {
  font-size: 12px;
  color: #4f4f4f;
  display: block;
  margin: 0 0 3px;
  font-weight: 700
}

.parbox ul li .mnupartner-decp span {
  display: block;
  font-size: 10px;
  color: #969595;
  line-height: 12px;
  font-weight: 700
}

.bdrbotnone {
  border-bottom: none !important
}

.partnermnu-right {
  padding: 20px;
  border-left: 1px solid #d8d5d6;
  width: 209px
}

.support-link,
.headbar .mycart {
  display: none;
  margin: 0
}

#buynow-nav {
  width: 661px;
  right: 0
}

.buynow-link .ui-widget-header {
  margin: 0
}

.brandtabul li span {
  height: 50px;
  opacity: .45;
  width: 159px;
  display: flex;
  align-items: center;
  text-align: right
}

.brandtabul li.ui-tabs-active span {
  opacity: 1;
  width: 100%
}

.brandtabul li.ui-tabs-active span img {
  width: 100%;
  height: auto;
}

#mnutabs .mnubranddecp {
  float: left;
  width: 471px;
  background: #eeeeef;
  padding-bottom: 33px
}

.branddtl {
  margin-bottom: 10px;
  float: left;
  width: 100%
}

.branddtl-left {
  float: left;
  width: 235px;
  padding-top: 15px
}

.branddtl-left .branddtl-logo {
  display: block;
  margin: 12px 0 12px 20px;
  width: 144px
}

.branddtl-right ul li,
.branddtl-left ul li {
  line-height: 22px;
  width: 100%;
  float: none;
}

.branddtl-right ul li a,
.branddtl-left ul li a {
  display: block;
  font-size: 11px;
  color: #969595;
  padding: 0 14px;
  font-weight: 700;
  letter-spacing: -0.0380em
}

.branddtl-right {
  float: left;
  padding: 20px;
  border-left: 1px solid #d8d5d6;
  width: 235px;
  min-height: 485px
}

.branddtl-right.dcmenuright {
  min-height: 410px;
  padding: 81px 0 20px;
}

.mnuboostroi {
  background: #d8d5d6;
  padding: 20px;
  text-align: center;
  height: 430px
}

.mnucwatch {
  background: url(../images/cwatch-bg.png) no-repeat;
  padding: 23px 20px;
  text-align: center;
  height: 430px
}

.mnucwatch p {
  font-size: 12px;
  color: #4f4f4f;
  line-height: 15px;
  font-weight: 700;
  text-align: center
}

.mnucwatch .cwlogospan {
  display: block;
  margin: 0 auto;
  width: 117px;
  margin-bottom: 215px
}

.mnucwatch .button {
  font-family: Arial, Tahoma, Verdana;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 25px;
  padding: 5px 15px 4px;
  color: #fff
}

.mnucwatch .comodo-tagline {
  display: block;
  margin-top: 20px;
  text-align: center
}

.filterby {
  position: absolute;
  margin: 10px 20px 0;
  clear: both;
  bottom: 20px
}

.filterby span {
  position: absolute;
  background: #e5e3e3;
  font-size: 10px;
  padding: 5px 10px;
  left: 0;
  top: -24px;
  line-height: 14px
}

.filterby ul {
  float: left;
  background: #e5e3e3
}

.filterby ul li a {
  padding: 0 10px;
  display: block;
  line-height: 30px;
  font-size: 12px;
  color: #2b3469;
  letter-spacing: -.01em;
  font-weight: 700
}

.filterby ul li+li a {
  background: url(../images/filtermnu-sept.svg) 0 center no-repeat
}

.filterby ul li.ui-state-active a,
.filterby ul li a:hover {
  background: #2b3469;
  color: #fff
}

.filterby ul li:last-child a {
  padding: 0 8px
}

#comodotab .branddtl-logo {
  margin-top: 0
}

.digihdtxt {
  color: #29306c;
  font-family: "yantramanavbold";
  font-size: 14px !important;
  padding: 0 14px;
}

.digihdtxt a {
  text-decoration: none;
  color: #29306c;
  font-weight: normal;
}

.digihdtxt a:hover {
  text-decoration: underline;
}

#sectigotab .branddtl-logo {
  margin-top: 0px;
}

.branddtl-left p {
  font-size: 12px;
  font-weight: 700;
  color: #797979;
  text-transform: uppercase;
  padding: 0 14px
}

#buynow-nav #secalltab {
  margin-bottom: 37px;
  border-bottom: 1px solid rgb(216, 213, 214);
  background: #eeeeef;
}

#buynow-nav #alltab {
  margin-bottom: 37px;
  border-bottom: 1px solid #d8d5d6
}

.branddtl-right.padzero {
  padding: 0;
  width: 235px;
  height: 485px
}

.comodo-list {
  float: left;
  width: 100%
}

.comodo-list span {
  padding: 17px 0 17px 20px;
  cursor: pointer;
  background: url(../images/gray-arrow-right.svg) right 20px center no-repeat #e5e3e3;
  display: block !important
}

.comodo-list span.active {
  background: url(../images/gray-arrow-down.svg) right 20px center no-repeat #e5e3e3
}

.comodo-list ul {
  margin: 10px 0
}

.comodo-list+.comodo-list {
  border-top: 1px solid #d8d5d6
}

.comodo-list:last-child {
  padding-bottom: 0
}

#buynow-nav .navcta {
  position: absolute;
  right: 0;
  bottom: 0
}

#buynow-nav .navcta-link {
  position: relative;
  z-index: 0;
  padding: 0
}

#buynow-nav .menu-more {
  border: 1px solid #f07725;
  border-radius: 2px;
  font-family: yantramanavbold;
  font-size: 10px;
  color: #f07725;
  width: 60px;
  text-align: center;
  height: 19px;
  padding: 0;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 7px;
  line-height: 18px
}

#ent-nav {
  width: 578px;
  right: 0;
  padding-bottom: 34px;
  background: #eeeeef
}

#ent-nav .parbox {
  width: 100%
}

#ent-nav .parbox ul li {
  width: 50%
}

#ent-nav .parbox ul li .mnupartner-decp {
  width: 192px
}

#ent-nav .parbox ul li:nth-child(2n) {
  border-left: 1px solid #d8d5d6
}

#ent-nav .parbox ul li a {
  padding: 15px 20px;
}

#ent-nav .navcta {
  position: absolute;
  left: -7px;
  bottom: 0
}

#ent-nav .navcta-link {
  position: relative;
  z-index: 0;
  padding: 0
}

#ent-nav .menu-more {
  border: 1px solid #f07725;
  border-radius: 2px;
  font-size: 11px;
  width: 68px;
  text-align: center;
  padding: 0;
  float: right;
  position: absolute;
  right: 10px;
  top: 14px;
  line-height: 18px
}

/* ============================================================
   FLASH MESSAGES
   ============================================================ */
.flash-message {
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
}

.flash-success {
    background: #e8f5e9;
    color: #2e7d32;
    border-bottom: 1px solid #c8e6c9;
}

.flash-error {
    background: #ffebee;
    color: #c62828;
    border-bottom: 1px solid #ffcdd2;
}

.flash-message .cntwrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flash-close {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: inherit;
    opacity: 0.5;
}

.flash-close:hover {
    opacity: 1;
}

/* ============================================================
   DASHBOARD LAYOUT
   ============================================================ */
.dashboard-layout .dashboard-wrapper {
    display: flex;
    min-height: 600px;
    background-color: var(--bg-body);
    margin-top: 8px;
}

.dashboard-layout .dashboard-sidebar {
    width: 280px;
    background: var(--bg-surface);
    border-right: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    z-index: 100;
}

.dashboard-layout .sidebar-header {
    padding: 25px 20px;
    border-bottom: 1px solid var(--border-color);
}

.dashboard-layout .user-profile-summary {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dashboard-layout .user-avatar {
    width: 40px;
    height: 40px;
    background: #e3f2fd;
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

.dashboard-layout .user-details {
    display: flex;
    flex-direction: column;
}

.dashboard-layout .user-name {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

.dashboard-layout .user-role {
    font-size: 12px;
    color: var(--text-secondary);
    text-transform: capitalize;
}

.dashboard-layout .sidebar-menu {
    padding: 20px 0;
    flex: 1;
    overflow-y: auto;
}

.dashboard-layout .menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 25px;
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.2s;
    border-left: 3px solid transparent;
    font-weight: 500;
}

.dashboard-layout .menu-item:hover {
    background: var(--bg-body);
    color: var(--primary);
}

.dashboard-layout .menu-item.active {
    background: #f0f9ff;
    color: var(--accent);
    border-left-color: var(--accent);
}

.dashboard-layout .menu-item i {
    width: 20px;
    text-align: center;
    font-size: 16px;
}

.dashboard-layout .feature-badge {
    background: #ef4444;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    margin-left: auto;
}

.dashboard-layout .dashboard-main {
    flex: 1;
    padding: 30px;
    width: 100%;
    overflow-x: hidden;
}

.dashboard-layout .dashboard-page-header {
    margin-bottom: 25px;
}

.dashboard-layout .page-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary);
    margin: 0;
}

.dashboard-layout .page-subtitle {
    color: var(--text-secondary);
    font-size: 14px;
    margin-top: 5px;
}

.dashboard-layout .sidebar-toggle {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--primary);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-md);
    z-index: 1000;
    cursor: pointer;
    border: none;
    font-size: 20px;
}

@media (max-width: 991px) {
    .dashboard-layout .dashboard-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        transform: translateX(-100%);
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    }

    .dashboard-layout .dashboard-sidebar.open {
        transform: translateX(0);
    }

    .dashboard-layout .sidebar-toggle {
        display: flex;
    }

    .dashboard-layout .dashboard-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 90;
    }

    .dashboard-layout .dashboard-overlay.open {
        display: block;
    }

    .dashboard-layout .dashboard-main {
        padding: 20px;
    }
}