.priCalSection{ max-width:1050px; margin:0 auto; padding:30px 15px; } 
.pcTitle{text-align:center;}
.pcBoxOuter{ padding-top:30px; display:flex; flex-wrap:wrap;align-items:flex-start;-webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; max-width: 100%; width: 100%; }
.pcLeftBox { width:65%; padding:32px; border-radius: 3px; background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 227, 235); }
.pcRightBox{ position: -webkit-sticky; position: sticky; top: 5px; width:35%; padding:32px; border-radius: 3px; background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 227, 235); border-left:0; border-top: 3px solid #912C8E; }
.pcHubTitle{ padding:40px 0 14px; display:flex;align-items:flex-start;-webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content:space-between; max-width: 100%; width: 100%;}
.pcHubHeading h3 { font-size:32px; font-weight:400; color:#33475B; line-height: 1.15; margin-bottom:0; }
.pcFeatures{ font-size:14px; color: #0091AE; line-height: 1.7;}
.pcHubContent, .pcHubContent p{ color: #33475B; font-size:14px; line-height: 1.7; }
.pcHubTypes{ padding-top:37px; padding-bottom:44px; border-bottom:1px solid #CBD6E2; display:flex; flex-wrap:wrap;align-items:flex-start;-webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; max-width: 100%; width: 100%;}
.productType{ padding:10px 5px; text-align:center; color: #33475B; font-size:14px; line-height: 1.7; max-width:33.33%; width:100%;border:1px solid #912C8E; cursor:pointer; }
.ptPrice{ text-align:center; color: #33475B; font-size:12px; line-height: 1.7; }

.typeFeatures{display:none;}
.typeFeatures.activeFeature{display:block; cursor:pointer;}
.productType.activeType{ background: rgba(145, 44, 142, 0.12); }

.overlay { display: none;  position: fixed; z-index: 10000; top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  background-color: rgba(0,0,0,0.3);}
body.modalActive{overflow:hidden;}
.modal { display: none; overflow:auto; position: fixed;  top: 0;  left: 0;  right: 0; bottom:0; padding: 100px ;  max-width: 100%; width:100%;   background: none;   z-index: 100000; }
.modalContent { color: #33475B; font-size:14px; line-height: 1.7; position: relative;    max-width: 50%; width:100%; margin: 0 auto;  padding: 30px;  background: #fff;  border-radius: 4px;  box-shadow: 0 3px 10px rgba(0,0,0,0.3); z-index: 100000; }
.modal-close-btn { position: absolute; right: 5px; top: 0px; line-height: 1; font-size: 40px; color:#912C8E;}

.pcQA{ padding:30px 0; display:flex; flex-wrap:wrap; align-items:flex-start;-webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: space-between; max-width: 100%; width: 100%;}
.pcQAtext { color: #33475B; font-size:15px; line-height: 1.2; }
.pcQAContent{  color: #33475B; font-size:12px; line-height: 1.66; }


.numberInput input[type="number"]{ width:100px; height:40px !important; padding:10px;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  opacity: 1; }
.switch {    display: inline-block;  position: relative;  width: 100px; height:40px; border-radius: 4px; background: rgba(145, 44, 142, 0.65);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; cursor: pointer;}

.switch::before { content: ''; position: absolute; top: 0px; left: 0px; width: 50px; height: 40px;background: #fafafa; border:0.5px solid rgba(145, 44, 142, 0.65);
    border-radius: 4px;    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);}
.switch:active::before {    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);}
input:checked + .switch {background: rgba(145, 44, 142, 1);}
input:checked + .switch::before { left: 50px;background: #fff;}
input:checked + .switch:active::before {box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);}

.selectInput select {width:176px; height:40px; }

.contentBox{ text-align:center; border:1px solid #DFE3EB; padding:12px; margin:45px 0; color: #33475B; font-size:12px; line-height: 1.66; }
hr { background-color:#DFE3EB;}

.addonOuter{ padding:40px 0;}
.addonInner{ border:1px solid #912C8E; border-radius: 3px; width:100%; padding:23px 53px; display:block; cursor:pointer; margin-bottom:8px; }
.addonInner input[type="checkbox"] {  display:none }
.addonInner input[type="checkbox"]+span {  position:relative; display:block; cursor:pointer }
.addonInner input[type="checkbox"]+span:before {  content:"✔";  color:#000;position:absolute; left:-33px; top:5px; font-size:0; width:18px; height:18px; display:block; border: 2px solid #CBD6E2;
    transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px; border-radius:3px; }
.addonInner input[type="checkbox"]:checked+span:before {  font-size:12px; background:#fff ; color:#000; letter-spacing:0; font-weight:bold; }
.addOnName{ color: #33475B; font-size:14px; line-height: 1.7;}
.addOnText{color: #33475B; font-size:12px; line-height: 1.5; padding-top:5px;}


/* Right Sidebar */

.pcRightBox{margin-top:50px;}
.payMethod{ background-color:  rgba(145, 44, 142, 0.12); border: 1px solid #912C8E; width: 100%; border-radius: 30000px; padding: 6px 10px; display: flex;  position: relative; cursor: pointer; }
.payInner{ width: calc(50% - 10px); font-weight: 400; font-size: 11px; line-height: 1.18; text-align: center; color: #33475B; position:relative; z-index:2;  }
.paySpace{ width:20px;}
.paySlide{ position: absolute; left:calc(50% - 3px);  height: calc(100% + 6px); width: calc(50% + 6px); background: rgb(255, 255, 255); border-radius: 3000px; top: -3px; border: 1px solid #912C8E; transition: all 0.2s ease-in-out 0s;}

.payPriceInner{ font-weight: 400; font-size: 38px; line-height: 1.15; text-align: center; color: #33475B; display:none; padding:20px 0; border-bottom:1px solid #CBD6E2; }
.activePrice{display:block;}

.pbTitle{ padding:14px 0 10px 0;}
.productBox{background: #F5F8FA;padding:16px 24px; margin-bottom:8px; }
.pbType{ font-size:14px; color: #33475B; line-height: 1.7;} 
.pbSelect{ font-size:13px; color: #33475B; line-height: 1.7; }

.priceButton,.dataForm form input[type=submit]{ background: #912C8E; border: 1px solid #912C8E; border-radius: 3px; padding:15px; width:100%; color:#fff; font-size:14px; font-weight:700;   }

@media(max-width:767px){
  .pcLeftBox,.pcRightBox{ width:100%; }
  .modal{ padding:15px;}
  .modalContent{max-width:90%;  padding:15px;}
  .productType{max-width:100%; margin-bottom:5px; }

  .pcLeftBox{ padding:10px;}
  .pcQAValue { padding-top:15px; }

  .pcHubTitle{ flex-wrap:wrap;}
  .pcFeatures{ padding-top:10px;}
  .addonInner{ padding:15px 15px 15px 30px; }
  .addonInner input[type=checkbox]+span:before{left:-22.5px; }
}