:root{
  --erenewal-navy:#212B5D;
  --erenewal-orange:#f26f00;
  --erenewal-orange-dark:#E85E00;
  --erenewal-blue-accent:#6d88ff;
  --erenewal-blue-dark:#212B5D;
  --erenewal-text:#6F6F6F;
  --erenewal-dark:#4a4a4a;
  --erenewal-line:#dddddd;
  --erenewal-bg:#f5f5f5;
  --erenewal-white:#ffffff;
  --erenewal-shadow:0 10px 18px rgba(0,0,0,.12);
}


@font-face {
  font-family: "Zalando";
  src: url("../../font/ZalandoSansExpanded-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Zalando";
  src: url("../../font/ZalandoSansExpanded-Black.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Zalando";
  src: url("../../font/ZalandoSansExpanded-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

html,body{
  background:var(--erenewal-bg);
  color:var(--erenewal-dark);
  font-family: 'Prompt', sans-serif;
  margin:0;
  padding:0;
}

body{
  min-height:100vh;
  font-family: 'Prompt', sans-serif;
}

a{
  text-decoration:none;
}

.site-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.page-wrap{
  flex:1;
}

.hero{
  position:relative;
  background:var(--erenewal-navy);
  min-height:218px;
  overflow:hidden;
}

.hero .container{
  min-height:255px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:2;
}

.hero img.hero-logo {
  width:min(348px, calc(100vw - 48px));
  max-width:100%;
  height:auto;
  margin-top:80px;
  position:relative;
  z-index:2;
}

.left-back {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.right-back {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}


.brand{
  text-align:center;
  color:var(--erenewal-orange);
}

.brand .logo{
  font-size:78px;
  line-height:1;
  font-weight:900;
  letter-spacing:-2px;
  margin:0;
}

.brand .tagline{
  margin-top:8px;
  font-size:13px;
  font-weight:800;
  letter-spacing:4px;
}

.erenewal-main{
  padding:10px 0 42px;
}

.content-shell{
  max-width:980px;
  margin:0 auto;
}

.lang-tabs{
  display:flex;
  justify-content:flex-end;
  border-bottom:1px solid var(--erenewal-line);
  margin-bottom:18px;
}

.lang-tab{
  background:none;
  border:none;
  border-bottom:3px solid transparent;
  color:#b4b4b4;
  font-size:14px;
  font-weight:500;
  padding:14px 16px 10px;
  cursor:pointer;
}

.lang-tabs .lang-tab:last-child{
  border-left:1px solid var(--erenewal-line);
}

.lang-tab.active{
  color:var(--erenewal-orange);
  font-weight:800;
  text-decoration: underline;
  /* border-bottom-color:var(--erenewal-orange); */
}

.page-section{
  /* border-top:1px solid var(--erenewal-line); */
  padding-top:4px;
}

.home-page{
  padding-bottom:10px;
}

.home-title{
  color:var(--erenewal-orange);
  font-size:28px;
  font-family: "Zalando", sans-serif;
  font-weight: 600;
  line-height:1.15;
  border-bottom: 1px solid var(--erenewal-line);
  padding-bottom: 38px;
  padding-top: 20px;
}

.home-copy{
  max-width:860px;
  color:var(--erenewal-text);
  font-size:14px;
  line-height:1.5;
  font-weight:400;
}

.home-copy p{
  margin-bottom:22px;
}

.home-copy b{
  color:var(--erenewal-orange);
}

.text-orange{
  color:var(--erenewal-orange);
}

.home-feature-card{
  max-width:860px;
  margin-top:28px;
  margin-bottom:30px;
  background:var(--erenewal-orange-dark);
  color:#fff;
  border-radius:16px;
  box-shadow:var(--erenewal-shadow);
  position:relative;
  overflow:hidden;
}


.home-feature-inner{
  position:relative;
  z-index:2;
  padding:28px 54px 30px;
}

.feature-main{
  font-size:14px;
  line-height:1.5;
  font-weight:500;
}

.feature-except{
  font-size:14px;
  font-weight:900;
  margin-bottom:12px;
}

.feature-list{
  font-size:14px;
  line-height:1.8;
  font-weight:700;
}

.numbered{
  width:18px;
  height:18px;
  border-radius:50%;
  color:#fff;
  background:var(--erenewal-blue-dark);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  margin-right:6px;
  font-size:12px;
}

.steps-heading{
  color:#6d6d6d;
  font-size:15px;
  font-weight:500;
  margin:6px 0 26px;
}

.steps-flow{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:36px;
}

.step-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  min-width:92px;
}

.step-circle{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid var(--erenewal-orange);
  color:var(--erenewal-orange);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:20px;
}

.step-label{
  color:#7a7a7a;
  text-align:center;
  font-size:14px;
  line-height:1.2;
  font-weight:400;
}

.step-arrow{
  color:var(--erenewal-orange);
  font-size:34px;
  font-weight:900;
  line-height:1;
}

.review-copy{
  color: var(--erenewal-text);
  font-size:14px;
  line-height:1.5;
  margin:12px 0 22px;
}

.review-link{
  color:var(--erenewal-orange);
  font-weight:900;
}

.proceed-row{
  display:flex;
  justify-content:flex-end;
  padding-top:24px;
  border-top:1px solid var(--erenewal-line);
  margin-top:6px;
  position: relative;
}

.proceed-row .right-back{
  pointer-events:none;
}

.btn-erenewal{
  background:var(--erenewal-orange-dark);
  color:#fff;
  border:none;
  border-radius:10px;
  box-shadow:var(--erenewal-shadow);
  font-weight:800;
  padding:14px 28px;
  min-width:190px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn-erenewal:hover{
  background:var(--erenewal-orange-dark);
  color:#fff;
}

.btn-home-proceed{
  min-width:100px;
  font-size: 12px;
  position: relative;
}

.home-legal{
  max-width:900px;
  text-align:center;
  color: var(--erenewal-text);
  font-size:14px;
  line-height:1.75;
  font-weight:400;
  margin-top:38px;
}

.home-legal p{
  margin-bottom:14px;
}

.footer{
  margin:auto;
  background:var(--erenewal-orange-dark);
  color:#fff;
  min-height: 96px;
  position:relative;
  overflow:hidden;
}

.footer .container{
  height: 100%;
  min-height: 96px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-items: center;
}
/*
.footer::before,
.footer::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.28;
}

.footer::before{
  width:120px;
  height:90px;
  left:0;
  bottom:0;
  background:
    linear-gradient(45deg, transparent 40%, #ffc291 41% 58%, transparent 59%) 0 0/58% 100% no-repeat,
    linear-gradient(45deg, transparent 40%, #ffc291 41% 58%, transparent 59%) 52% 0/58% 100% no-repeat;
}

.footer::after{
  width:170px;
  height:170px;
  right:-10px;
  bottom:-34px;
  border:18px solid #ffba7e;
  border-left-color:transparent;
  border-top-color:transparent;
  border-radius:50%;
} */

.real-slider{
  width:100%;
  appearance:none;
  height:6px;
  border-radius:10px;
  background:#e5e5e5; /* fallback */
  outline:none;
  margin:20px 0 10px;
}

/* Thumb */
.real-slider::-webkit-slider-thumb{
  appearance:none;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--erenewal-orange);
  cursor:pointer;
  margin-top:0px;
}

.real-slider::-moz-range-thumb{
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--erenewal-orange);
  cursor:pointer;
}

.slider-current{
  text-align:center;
  font-size:20px;
  font-weight:900;
  color:var(--erenewal-orange);
  margin-top:8px;
}

.footer p{
  position:relative;
  z-index:2;
  margin:0;
  text-align:center;
  font-size:11px;
  font-weight:700;
  line-height:1.6;
  width: 100%;
}

.footer a{
  color:#0a318e;
  font-weight:900;
}

.jpj-shared-footer .jpj-footer-content{
  position:relative;
  z-index:2;
  width:100%;
  padding:18px 0;
}

.jpj-shared-footer .jpj-footer-declaration{
  margin-bottom:12px;
}

.erenewal-field{
  margin-bottom:18px;
}

.erenewal-field label{
  display:block;
  color:#767676;
  font-weight:800;
  text-transform:uppercase;
  font-size:13px;
  margin-bottom:8px;
}

.erenewal-input,
.erenewal-select{
  width:100%;
  min-height:56px;
  border:1px solid #d9d9d9;
  background:#f8f8f8;
  border-radius:12px;
  padding:12px 16px;
  color:#666;
}

.erenewal-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:44px;
}

.select-wrap{
  position:relative;
}

.select-wrap::after{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid #777;
  border-bottom:2px solid #777;
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
}

@media (max-width: 991px){
  .brand .logo{
    font-size:62px;
  }

  .home-title{
    font-size:32px;
  }

  .home-copy,
  .feature-main,
  .feature-list{
    font-size:20px;
  }
}

@media (max-width: 767px){
  .hero,
  .hero .container{
    min-height:185px;
  }

  .hero img.hero-logo{
    width:min(280px, calc(100vw - 40px));
    margin-top:54px;
  }

  .hero::before,
  .hero::after{
    width:110px;
    height:110px;
  }

  .brand .logo{
    font-size:42px;
  }

  .brand .tagline{
    font-size:10px;
    letter-spacing:2px;
  }

  .lang-tabs{
    justify-content:center;
  }

  .home-title{
    font-size:26px;
  }

  .home-copy{
    font-size:17px;
  }

  .feature-main{
    font-size:22px;
  }

  .feature-list{
    font-size:20px;
    line-height:1.6;
  }

  .steps-heading,
  .review-copy{
    font-size:17px;
  }

  .step-arrow{
    display:none;
  }

  .proceed-row{
    justify-content:center;
  }

  .proceed-row .right-back{
    right:max(6px, calc(50% - 140px + 6px)) !important;
    bottom:11px !important;
  }

  .btn-home-proceed{
    width:100%;
    max-width:280px;
  }

  .home-legal{
    font-size:14px;
  }
}

.form-page{
  padding-bottom: 18px;
}

.form-page-title{
  font-family: "Zalando", sans-serif;
  color: var(--erenewal-orange);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 8px 0 8px;
}

.form-page-subtitle{
  color: #7c7c7c;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 22px;
}

.form-block{
  border-top: 1px solid var(--erenewal-line);
  padding-top: 30px;
}

.form-cta{
  margin-top: 48px;
  border-top: 1px solid var(--erenewal-line);
  text-align: center;
}

.btn-check-vehicle{
  min-width: 320px;
  margin-top: -28px;
}

.fake-slider{position:relative;height:12px;border-radius:999px;background:#ececec;overflow:visible}

.fake-slider .fill{position:absolute;left:0;top:0;bottom:0;width:50%;border-radius:999px;background:var(--erenewal-navy)}.fake-slider .thumb{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50%;background:var(--erenewal-orange-2);transform:translate(-50%,-50%)}.slider-labels{display:flex;justify-content:space-between;color:#8d8d8d;font-size:.86rem;font-weight:700;margin-top:.85rem}.slider-current{text-align:center;color:#8d8d8d;font-size:1.8rem;font-weight:800;margin-top:-.15rem}

.lang-btn{
  background: none;
  border: 0;
  color: #b4b4b4;
  font-size: 14px;
  font-weight: 800;
  margin-left: 10px;
}

@media (max-width: 767px){
  .form-page-title{
    font-size: 26px;
  }

  .form-page-subtitle{
    font-size: 16px;
  }

  .btn-check-vehicle{
    width: 100%;
    min-width: 0;
    max-width: 320px;
  }
}

.coverage-page{
  padding-bottom: 24px;
}

.coverage-section{
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid var(--erenewal-line);
}

.sum-box-wrap{
  padding-top: 6px;
}

.sum-label{
  color: #6f6f6f;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.sum-value{
  color: #8b8b8b;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}

.selected-sum-block{
  margin-top: 26px;
  margin-bottom: 22px;
}

.selected-sum-label{
  color: #6f6f6f;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 14px;
}

.addon-section{
  border-top: 1px solid var(--erenewal-line);
  margin-top: 30px;
  padding-top: 24px;
}

.addon-title{
  color: #6f6f6f;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.erenewal-check{
  margin-bottom: 18px;
}

.erenewal-check .form-check-label{
  color: #6e6e6e;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}

.erenewal-check .form-check-input{
  margin-top: 0.2rem;
}

.btn-erenewal-green {
  background: #07BE00;
}

.coverage-cta{
  margin-top: 48px;
}

@media (max-width: 767px){
  .sum-value{
    font-size: 28px;
  }

  .selected-sum-label,
  .addon-title{
    font-size: 13px;
  }
}

.quotes-page{
  padding-bottom: 24px;
}

.quotes-header-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}

.quotes-title{
  color:var(--erenewal-orange);
  font-size:34px;
  font-weight:800;
  line-height:1.2;
  margin:8px 0 0;
}

.quotes-sort-wrap{
  min-width:280px;
}

.quotes-sort-select{
  min-height:52px;
}

.quote-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--erenewal-line);
  border-bottom:1px solid var(--erenewal-line);
  margin-bottom:28px;
}

.quote-meta-cell{
  padding:18px 18px 16px;
  border-bottom:1px solid var(--erenewal-line);
}

.quote-meta-cell:nth-child(odd){
  border-right:1px solid var(--erenewal-line);
}

.quote-meta-label{
  color:#777;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:8px;
}

.quote-meta-value{
  color:#666;
  font-size:15px;
  font-weight:700;
}

.quotes-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.quote-option-card{
  background:#fff;
  border:1px solid #dfd3c9;
  border-radius:3px;
  overflow:hidden;
}

.quote-option-head{
  background:#f3e5d9;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.quote-option-brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.quote-option-logo{
  color:var(--erenewal-navy);
  font-size:28px;
  font-weight:900;
  line-height:1;
}

.quote-option-name{
  color:var(--erenewal-orange);
  font-size:16px;
  font-weight:900;
  line-height:1.2;
}

.quote-option-badge{
  background:var(--erenewal-orange);
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:6px 12px;
  border-radius:999px;
  line-height:1;
}

.quote-option-body{
  padding:20px 20px 18px;
}

.quote-info-label{
  color:#777;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:8px;
}

.quote-price-main{
  color:var(--erenewal-orange);
  font-size:36px;
  font-weight:900;
  line-height:1;
}

.quote-price-old{
  color:#9a9a9a;
  font-size:13px;
  font-weight:700;
  margin-top:6px;
}

.quote-price-save{
  color:var(--erenewal-orange);
  font-size:13px;
  font-weight:900;
  margin-top:10px;
}

.quote-agreed-value{
  color:var(--erenewal-navy);
  font-size:32px;
  font-weight:900;
  line-height:1.1;
}

.quote-promo-box{
  background:var(--erenewal-orange);
  color:#fff;
  border-radius:12px;
  padding:14px 16px;
  font-size:12px;
  line-height:1.6;
  font-weight:700;
  min-height:100%;
}

.quote-option-actions{
  border-top:1px solid #edd6c5;
  padding:18px 20px 20px;
}

.quotes-back-row{
  display:flex;
  justify-content:center;
  margin-top:28px;
}

.btn-back-page{
  min-width:170px;
}

@media (max-width: 991px){
  .quotes-header-row{
    flex-direction:column;
    align-items:stretch;
  }

  .quotes-sort-wrap{
    min-width:0;
    max-width:320px;
  }

  .quote-price-main{
    font-size:30px;
  }

  .quote-agreed-value{
    font-size:26px;
  }
}

@media (max-width: 767px){
  .quotes-title{
    font-size:26px;
  }

  .quote-meta-grid{
    grid-template-columns:1fr;
  }

  .quote-meta-cell:nth-child(odd){
    border-right:none;
  }

  .quote-option-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .quote-price-main{
    font-size:26px;
  }

  .quote-agreed-value{
    font-size:24px;
  }
}

.premium-modal-content{
  border:0;
  border-radius:18px;
  overflow:hidden;
}

.premium-modal-header{
  padding:22px 24px 14px;
  border-bottom:1px solid #eee;
}

.premium-modal-title{
  color:var(--erenewal-orange);
  font-size:28px;
  font-weight:900;
  margin:0;
}

.premium-modal-company{
  color:#777;
  font-size:14px;
  font-weight:800;
  margin-top:6px;
  text-transform:uppercase;
}

.premium-table td{
  font-size:15px;
  font-weight:600;
  color:#555;
  padding:12px 0;
}

.premium-table .total-row td{
  border-top:2px solid #ddd;
  font-weight:900;
  color:var(--erenewal-orange);
  padding-top:16px;
}

.policy-page{
  padding-bottom: 24px;
}

.policy-card{
  background:#fff;
  border:1px solid #ead5c6;
  border-radius:16px;
  overflow:hidden;
  margin-top:22px;
}

.policy-card-head{
  background:#f3e5d9;
  color:var(--erenewal-orange);
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
}

.policy-card-arrow{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--erenewal-orange);
  color:#fff;
  display:flex;
  padding-bottom: 8px;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:900;
  line-height:1;
}

.policy-page-upper {
  border-bottom: 1px solid var(--erenewal-line);
  padding-bottom: 18px;
}

.policy-card-body{
  padding:24px 22px 22px;
}

.policy-search-btn{
  min-height:56px;
  margin-bottom:18px;
}

.policy-actions-row{
  display:flex;
  justify-content:center;
  gap:24px;
  margin-top:28px;
  flex-wrap:wrap;
}

.btn-policy-nav{
  min-width:180px;
}

.policy-note{
  color:#757575;
  font-size:12px;
  line-height:1.7;
  text-align:center;
  font-weight:400;
  max-width:900px;
  margin:48px auto 0;
}

@media (max-width: 767px){
  .policy-card-head{
    padding:16px 18px;
    font-size:14px;
  }

  .policy-card-body{
    padding:20px 18px 18px;
  }

  .policy-actions-row{
    gap:14px;
  }

  .btn-policy-nav{
    width:100%;
    max-width:280px;
  }

  .policy-note{
    font-size:14px;
  }
}

.addon-confirm-modal-content{
  border:0;
  border-radius:18px;
  overflow:hidden;
}

.addon-confirm-modal-header{
  padding:22px 24px 14px;
  border-bottom:1px solid #eee;
}

.addon-confirm-modal-title{
  color:var(--erenewal-orange);
  font-size:24px;
  font-weight:900;
  margin:0;
}

.addon-confirm-modal-desc{
  color:#777;
  font-size:16px;
  font-weight:600;
  margin:10px 0 36px;
}

.addon-confirm-modal-actions{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:24px;
}

.btn-addon-yes{
  min-width:160px;
}

.btn-addon-no{
  min-width:160px;
  border:2px solid var(--erenewal-orange);
  color:var(--erenewal-orange);
  background:#fff;
  font-weight:800;
  border-radius:10px;
  padding:12px 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn-addon-no:hover{
  background:var(--erenewal-orange);
  color:#fff;
}

@media (max-width: 767px){
  .addon-confirm-modal-title{
    font-size:22px;
  }

  .addon-confirm-modal-desc{
    font-size:16px;
  }

  .btn-addon-yes,
  .btn-addon-no{
    width:100%;
  }
}
.addon-page{
  padding-bottom:24px;
}

.addon-company-card,
.addon-main-card{
  background:#fff;
  border:1px solid #ead5c6;
  border-radius:16px;
  overflow:hidden;
  margin-top:22px;
}

.addon-company-head,
.addon-main-head{
  background:#f3e5d9;
  color:var(--erenewal-orange);
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
}

.addon-company-body{
  padding:22px;
}

.addon-company-label{
  color:#777;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:8px;
}

.addon-company-value{
  color:#666;
  font-size:16px;
  font-weight:700;
}

.addon-main-arrow{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--erenewal-orange);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom: 8px;
  font-size:18px;
  font-weight:900;
  line-height:1;
}

.addon-main-body{
  padding:24px 22px 22px;
}

.addon-check{
  margin-bottom:18px;
}

.addon-check .form-check-label{
  color:#6e6e6e;
  font-size:15px;
  line-height:1.45;
  font-weight:400;
}

.addon-check .form-check-input{
  margin-top:0.22rem;
}

.addon-input-wrap{
  margin:4px 0 18px;
}

.addon-inline-inputs{
  margin:4px 0 18px;
}

.addon-actions-row{
  display:flex;
  justify-content:center;
  gap:24px;
  margin-top:28px;
  flex-wrap:wrap;
}

.btn-addon-nav{
  min-width:180px;
}

.addon-note{
  color:#757575;
  font-size:12px;
  line-height:1.7;
  text-align:center;
  font-weight:400;
  max-width:900px;
  margin:48px auto 0;
}

@media (max-width: 767px){
  .addon-company-head,
  .addon-main-head{
    padding:16px 18px;
    font-size:14px;
  }

  .addon-company-body,
  .addon-main-body{
    padding:20px 18px 18px;
  }

  .addon-actions-row{
    gap:14px;
  }

  .btn-addon-nav{
    width:100%;
    max-width:280px;
  }

  .addon-note{
    font-size:14px;
  }
}

.addon-radio-group{
  max-width:720px;
}

.addon-radio{
  padding:4px 0;
}

.addon-radio .form-check-input{
  margin-top:0.28rem;
}

.addon-radio .form-check-label{
  font-size:16px;
  line-height:1.5;
}

.summary-page{
  padding-bottom:24px;
}

.summary-title{
  color:var(--erenewal-orange);
  font-size:22px;
  font-weight:900;
  margin:8px 0 24px;
}

.summary-subtitle{
  color:#666;
  font-size:24px;
  font-weight:800;
  margin-bottom:16px;
}

.summary-company-box{
  border:1px solid #d8d8d8;
  border-radius:10px 10px 0 0;
  overflow:hidden;
  background:#fff;
  margin-bottom:18px;
}

.summary-company-head{
  background:#f8e7d9;
  color:var(--erenewal-orange);
  padding:18px 34px;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
}

.summary-company-body{
  background:#fff;
  padding:18px 34px;
  color:#666;
  font-size:14px;
  font-weight:800;
  border-top:1px solid #d8d8d8;
}

.summary-company-bodydesc{
  background:#fff;
  padding:0px 34px 18px;
  color:var(--erenewal-text);
  font-size:12px;
  font-weight:400;
}

.summary-amount-bar{
  background:#f8e7d9;
  border-radius:10px;
  padding:24px 34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:18px 0 20px;
}

.summary-amount-label{
  color:var(--erenewal-navy);
  font-size:24px;
  font-weight:900;
}

.summary-amount-value{
  color:var(--erenewal-navy);
  font-size:20px;
  font-weight:900;
}

.summary-accordion-group{
  border-radius:10px;
  overflow:hidden;
  margin-bottom:18px;
}

.summary-accordion-item{
  background:#f8e7d9;
  border-bottom:1px solid #f0c7aa;
}

.summary-accordion-item:last-child{
  border-bottom:0;
}

.summary-accordion-head{
  width:100%;
  min-height:70px;
  border:0;
  background:#f8e7d9;
  color:var(--erenewal-orange);
  padding:0 34px;
  font-weight:900;
  text-transform:uppercase;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
}

.summary-accordion-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--erenewal-orange);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom: 8px;
  font-size:18px;
  font-weight:900;
  line-height:1;
}

.summary-accordion-body{
  background:#fff;
  padding:0;
}

.summary-pricing-table{
  margin:0;
}

.summary-pricing-table th{
  color:var(--erenewal-navy);
  font-size:13px;
  font-weight:900;
  padding:12px 34px;
  border-bottom:1px solid #ddd;
}

.summary-pricing-table td{
  color:#666;
  font-size:13px;
  font-weight:700;
  padding:11px 34px;
  border-bottom:1px solid #ddd;
}

.summary-highlight-row td{
  background:#f8e7d9;
}

.summary-total-row td{
  color:var(--erenewal-orange);
  font-weight:900;
}

.summary-detail-table{
  margin:0;
  table-layout:fixed;
}

.summary-detail-table th,
.summary-detail-table td{
  border:1px solid #ddd;
  color:#666;
  font-size:12px;
  font-weight:700;
  padding:10px 14px;
  vertical-align:middle;
}

.summary-detail-table th{
  width:22%;
  background:#fff;
}

.summary-detail-table td{
  width:28%;
  background:#fff;
}

.summary-declaration-box{
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius:10px 10px 0 0;
  overflow:hidden;
  margin-top:18px;
}

.summary-declaration-head{
  background:#f8e7d9;
  color:var(--erenewal-orange);
  padding:18px 34px;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
}

.summary-declaration-body{
  padding:20px 34px;
}

.summary-check{
  color:#666;
  font-size:13px;
  font-weight:600;
  line-height:1.55;
}

.summary-actions{
  display:flex;
  justify-content:center;
  gap:44px;
  margin-top:28px;
  flex-wrap:wrap;
}

.btn-summary-nav{
  min-width:220px;
}

.summary-error{
  color:#d9534f;
  font-weight:800;
  text-align:center;
  margin-top:16px;
}

.summary-pidm-note{
  color:#757575;
  font-size:13px;
  line-height:1.8;
  text-align:center;
  font-weight:600;
  max-width:1050px;
  margin:42px auto 0;
}

@media (max-width:767px){
  .summary-title{
    font-size:20px;
  }

  .summary-subtitle{
    font-size:20px;
  }

  .summary-amount-bar{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding:20px;
  }

  .summary-amount-label{
    font-size:20px;
  }

  .summary-accordion-head,
  .summary-company-head,
  .summary-company-body,
  .summary-declaration-head,
  .summary-declaration-body{
    padding-left:18px;
    padding-right:18px;
  }

  .summary-pricing-table th,
  .summary-pricing-table td{
    padding-left:14px;
    padding-right:14px;
    font-size:12px;
  }

  .summary-detail-table{
    min-width:760px;
  }

  .summary-actions{
    gap:14px;
  }

  .btn-summary-nav{
    width:100%;
    max-width:280px;
  }
}
.payment-page{
  padding-bottom:24px;
}

.payment-title{
  color:var(--erenewal-orange);
  font-size:22px;
  font-weight:900;
  margin:8px 0 24px;
}

.payment-method-box{
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius:10px 10px 0 0;
  overflow:hidden;
  margin-top:20px;
}

.payment-method-head{
  background:#f8e7d9;
  color:var(--erenewal-orange);
  padding:18px 34px;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
}

.payment-method-body{
  padding:20px 34px;
}

.payment-method-row{
  display:flex;
  align-items:center;
  gap:14px;
  color:#666;
  font-size:15px;
  font-weight:600;
}

.payment-card-logo{
  font-weight:900;
  font-size:22px;
  line-height:1;
}

.payment-card-logo.visa{
  color:#0057a8;
}

.payment-card-logo.mastercard{
  color:#f26f00;
  letter-spacing:-7px;
}

.payment-actions{
  display:flex;
  justify-content:center;
  gap:44px;
  margin-top:36px;
  flex-wrap:wrap;
}

.btn-payment-nav{
  min-width:220px;
}

.transaction-detail-body{
  background:#fff;
  padding:28px 34px;
  border-top:1px solid #d8d8d8;
}

.transaction-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px 70px;
}

.transaction-label{
  color:#555;
  font-size:14px;
  font-weight:900;
  margin-bottom:4px;
}

.transaction-value{
  color:#666;
  font-size:13px;
  font-weight:600;
}

@media (max-width:767px){
  .transaction-detail-body{
    padding:22px 18px;
  }

  .transaction-detail-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
}

@media (max-width:767px){
  .payment-method-head,
  .payment-method-body{
    padding-left:18px;
    padding-right:18px;
  }

  .payment-actions{
    gap:14px;
  }

  .btn-payment-nav{
    width:100%;
    max-width:280px;
  }
}
.success-page{
  padding:60px 0 40px;
}

.success-icon{
  width:80px;
  height:80px;
  margin:0 auto 20px;
  border-radius:50%;
  background:#28a745;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
  font-weight:900;
}

.success-title{
  color:var(--erenewal-orange);
  font-size:28px;
  font-weight:900;
}

.success-desc{
  color:#777;
  font-size:16px;
  font-weight:600;
  margin-bottom:24px;
}

.success-ref-box{
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  padding:20px;
  display:inline-block;
  min-width:260px;
}

.success-ref-label{
  color:#888;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:6px;
}

.success-ref-value{
  color:var(--erenewal-navy);
  font-size:20px;
  font-weight:900;
}

.success-actions{
  margin-top:28px;
}

.btn-success-action{
  min-width:220px;
}

.success-note{
  color:#888;
  font-size:14px;
  margin-top:30px;
  font-weight:600;
}

@media (max-width:767px){
  .success-title{
    font-size:22px;
  }

  .success-ref-box{
    width:100%;
  }

  .btn-success-action{
    width:100%;
    max-width:280px;
  }
}
.failed-page{
  padding:60px 0 40px;
}

.failed-icon{
  width:80px;
  height:80px;
  margin:0 auto 20px;
  border-radius:50%;
  background:#f26f00;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:42px;
  font-weight:900;
}

.failed-title{
  color:var(--erenewal-orange);
  font-size:28px;
  font-weight:900;
  margin-bottom:10px;
}

.failed-desc{
  color:#777;
  font-size:16px;
  font-weight:600;
  margin-bottom:24px;
}

.jpj-page{
  padding-bottom:24px;
}

.jpj-title{
  color:var(--erenewal-orange);
  font-size:22px;
  font-weight:900;
  margin:8px 0 24px;
}

/* SEARCH */
.jpj-search-box{
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius:10px;
  padding:24px;
  margin-bottom:20px;
}

.jpj-search-action{
  margin-top:32px;
  display:flex;
  justify-content:flex-end;
  border-top:1px solid var(--erenewal-line);
}
.jpj-note{
  padding: 36px 0px;
  padding-bottom: 24px;
  color:#666;
  font-size:13px;
  line-height:1.7;
  font-weight:400;
}
.btn-jpj-search{
  min-width:160px;
  margin-top: -28px;
}

/* TABLE */
.jpj-result-box{
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius:10px;
  overflow:hidden;
}

.jpj-table th{
  background:#f8e7d9;
  color:var(--erenewal-orange);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  padding:14px 16px;
  border-bottom:1px solid #ddd;
}

.jpj-table td{
  font-size:14px;
  font-weight:600;
  color:#666;
  padding:14px 16px;
  border-bottom:1px solid #eee;
}

/* STATUS */
.jpj-status{
  font-weight:900;
  font-size:12px;
  padding:6px 12px;
  border-radius:20px;
  display:inline-block;
}

.jpj-status.approved{
  background:#d4edda;
  color:#28a745;
}

/* ACTION BUTTON */
.btn-jpj-refresh{
  border:2px solid var(--erenewal-orange);
  color:var(--erenewal-orange);
  background:#fff;
  font-weight:800;
  border-radius:8px;
  padding:6px 12px;
}

.btn-jpj-refresh:hover{
  background:var(--erenewal-orange);
  color:#fff;
}

@media (max-width:767px){
  .jpj-search-box{
    padding:18px;
  }

  .jpj-table{
    min-width:600px;
  }
}