.check,.signbtn,.toggle,.toggler.left,.toggler.right{cursor:pointer}a:focus,a:hover{text-decoration:none}.d-flex-center{display:flex!important;align-items:center!important;justify-content:center!important}.contactslesbtn{background-color:var(--color-primary);border-radius:7px;color:#fff;font-weight:400;font-size:16px;line-height:1;letter-spacing:.05em;width:127px;height:47px;transition:none;padding:0}.inner h1{font-size:2.5rem;text-align:center;font-weight:600}p{font-size:1rem;line-height:1.7}header .container{padding-top:4%;padding-bottom:4%}section{padding:60px 0}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1300px}}.toggle,.toggler{display:inline-block;vertical-align:middle;margin:6px}.b,.check,.faqRow button .arrowDown{display:block}.toggler{color:#222C3D;transition:.2s;font-weight:500;position:absolute}.check:checked~.switch,.switch{transition:.25s cubic-bezier(.785, .135, .15, .86)}.signbtn a,.toggler--is-active{color:#fff}.toggle{position:relative;width:205px;height:40px;border-radius:100px;background-color:#fff;overflow:hidden;border:1px solid #217AA6}.check,.switch{position:absolute}.toggler.left{left:10px}.toggler.right{right:16px}.check{top:0;left:0;width:100%;height:100%;opacity:0;z-index:6}.check:checked~.switch{right:2px;left:57.5%;transition-property:left,right;transition-delay:80ms,0s}.switch{left:2px;top:2px;bottom:3px;background-color:var(--color-primary);border-radius:36px;z-index:1;transition-property:left,right;transition-delay:0s,80ms;box-shadow:0 1px 2px rgba(0,0,0,.2);right:47.5%}.hide{display:none}.monthclr{color:#ff3572}.onepc{width:23%;margin:0 1%;-webkit-box-shadow:0 8px 26px 0 rgb(0 63 130 / 10%);-moz-box-shadow:0 8px 26px 0 rgb(0 63 130 / 10%);box-shadow:0 8px 26px 0 rgb(0 63 130 / 10%);padding:0 20px 20px;border:1px solid #e9edf5;border-radius:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.onepc:hover{transform:translateY(-4px);box-shadow:0 14px 34px 0 rgb(0 63 130 / 18%);border-color:#d7e0f0}.onepc h3{font-size:2.5rem;font-weight:500;letter-spacing:-.2px}.signbtn{border-radius:12px;color:#fff;text-align:center;padding:10px 0;width:100%;border:0;margin-top:1rem;font-weight:600;letter-spacing:.2px}.onepc ul,.planFeatures ul{list-style-type:none;padding:0;line-height:2}.onepc ul li svg{flex-shrink:0}.topbrdra{border-top:4px solid #384d78}.topbrdrb{border-top:4px solid #5973de}.topbrdrc{border-top:4px solid #6dac9d}.topbrdrd{border-top:4px solid #e6a600}.topbrdra .signbtn{background-color:#384d78}.topbrdrb .signbtn{background-color:#5873de}.topbrdrc .signbtn{background-color:#6cac9c}.topbrdrd .signbtn{background-color:#e4a701}.topbrdre .signbtn{background-color:#e36b77}.monthsz{font-size:1.1rem;font-weight:300;color:#707070}.onepc img{max-height:60px;float:right;margin-top:-1px;margin-right:-20px}.enterprisebg{background-color:#fff;color:#1e1f21;border:1px solid #b6c4de;border-radius:20px;padding:1.5rem;min-height:230px;-webkit-box-shadow:0 4px 3px 0 rgba(0,0,0,.1);-moz-box-shadow:0 4px 3px 0 rgba(0,0,0,.1);box-shadow:0 4px 3px 0 rgba(0,0,0,.1)}.bynwbtn,.ctbtnwht{font-size:22px;border-radius:0;width:80%;padding:10px 20px}.extrabg{background-color:#ffd6b8;border-right:10px solid #fff;border-top:10px solid #fff;border-bottom:10px solid #fff}.ctbtnwht{background-color:#fff;color:#273240}.bynwbtn{background-color:#273240;color:#fff}.card,.card-header{background-color:transparent}.card.faqRow,.faqRow button:focus{border:none!important}.enterprisebg h2{font-size:30px;color:#1e1f21;margin-bottom:1rem}.enterprisebg h3{font-size:20px;color:#1e1f21;font-weight:500}.extrabg h2{font-size:25px;color:#273240;margin-bottom:2rem}.extrabg h3{font-size:20px;color:#273240}.ctbtnwht:hover{background-color:#ff8933;color:#fff}.bynwbtn:hover{background-color:#1e1f21;color:#fff}.card{border:0;border-bottom:1px solid #999!important}.card-header{padding:.75rem .05rem}.homesec h2{font-size:3.5rem;color:#1e1f21}.calltoaction h2{font-weight:500}.calltoaction .contactslesbtn{padding:10px 30px 12px;box-shadow:0 10px 23px 4px rgb(0 63 130 / 12%)}.onepc h3,.priceHighlight{color:#003f82}.onepc{display:flex;flex-direction:column;justify-content:space-evenly;row-gap:15px;background-color:#fff}.billedText,.onepc .signbtn,.onepc h2,.planHeader h2,.onepc h3,.onepc ul, .planFeatures ul{margin:0!important;font-family:'Open Sans',sans-serif!important}.onepc h2,.planHeader h2{color:#1f1f1f;font-size:1.238rem;line-height:22px;font-weight:700;letter-spacing:-.2px}.billedText{font-size:.8125rem;color:#323338}.onepc ul li,.planFeatures ul li{display:flex;align-items:center;column-gap:5px}.toggler.left,.toggler.right{z-index:10}.pricingContainer .toggle{width:270px!important}.signbtn:hover{background-color:#003f82;color:#fff;box-shadow:0 10px 23px 4px rgb(0 63 130 / 20%);filter:brightness(.95)}.priceCompCard button:hover{background-color:rgba(0,0,0,.02)}.faqContainer .faqRow .card-header{padding:0;border-bottom:1px solid #e1e1e1!important}.faqContainer .faqRow button{display:flex;justify-content:space-between;text-decoration:none;color:var(--color-primary);width:100%;padding:0 10px;height:50px;align-items:center;border:none!important;font-weight:600}.faqRow button:focus{box-shadow:none}.faqRow button:focus-within{background-color:#eaf1fd8e}.faqContainer .faqRow button:hover{background-color:#eaf1fd8e;cursor:pointer}.faqRow .card-body{display:flex;justify-content:flex-start;text-align:left}.icon-tabler-circle-check-filled{width:20px;height:20px;color:var(--color-primary)}.pricing-comparison{display:flex;flex-direction:column;align-items:center}.pricing-comparison .pricingCollapsedBtn{display:flex;justify-content:center;align-items:center;width:100%;gap:12px}.gridCompBox{height:0;width:1200px;display:none}.gridCompBox.expanded{height:auto;display:block;transition:height .3s cubic-bezier(.075, .82, .165, 1)}.gridCompBox tbody td,.gridCompBox tbody tr{height:50px}.featureRowGrid,.priceCompHeader{display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center;padding:10px 0}.priceCompHeader{position:sticky;top:70px;z-index:2;background-color:#fff;align-items:end;padding-bottom:var(--20px);border-bottom:1px solid #e9edf5}.featureRowGrid{border-bottom:1px solid #f1f4f9}.featureRowGrid:nth-child(odd){}.featureHeading{font-size:var(--16px);font-weight:600;text-transform:capitalize;border-bottom:1px solid #e9edf5}.featureName,.featureValue{font-size:var(--14px);font-weight:300;text-transform:capitalize}.compPlanName,.featureHeaderHeading{font-size:var(--20px)}.featureName span{display:flex;justify-content:space-between;align-items:center}.featureName{padding-right:0}.featureValue{display:flex;justify-content:center}.featureValue span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:500;color:#273240}.compPlanName{font-weight:600}.priceCompCard{gap:var(--8px)}.priceCompCard1 .compPlanName{color:#384e79}.priceCompCard2 .compPlanName{color:#5973de}.priceCompCard3 .compPlanName{color:#6dac9d}.priceCompCard4 .compPlanName{color:#e6a600}.priceCompCard button{border-radius:var(--8px);height:36px;padding:0 var(--12px);display:flex;justify-content:center;align-items:center;font-size:var(--16px)}.priceCompCard1 button{border:var(--1px) solid #384e79;color:#384e79!important}.priceCompCard2 button{border:var(--1px) solid #5973de;color:#5973de!important}.priceCompCard3 button{border:var(--1px) solid #6dac9d;color:#6dac9d!important}.priceCompCard4 button{border:var(--1px) solid #e6a600;color:#e6a600!important}.featureCategoryHeader{border-bottom:var(--1px) solid #e1e1e1}@media only screen and (min-device-width:1024px) and (max-device-width:1199px){.gridCompBox{width:100%}}@media only screen and (min-device-width:320px) and (max-device-width:1023px){.pricing-comparison{display:none}}@media (max-width:1199px){.onepc{width:22%}}@media (max-width:991px){.onepc{width:30%;margin-bottom:20px}}@media (max-width:767px){.onepc{width:46%}}@media (max-width:575px){.onepc{width:100%}}
/* plan hover border (masked ring) */.onepc{position:relative;overflow:hidden}.onepc:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:conic-gradient(from 0deg,rgba(89,115,222,0) 0deg,rgba(89,115,222,0) 280deg,rgba(89,115,222,.95) 315deg,rgba(89,115,222,.35) 330deg,rgba(89,115,222,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:rotate(0turn);transition:opacity .28s ease}.onepc:hover:before{opacity:1;animation:spinBorder 1.6s linear infinite}@keyframes spinBorder{to{transform:rotate(1turn)}}
/* flowing gradient border */.onepc{position:relative;overflow:hidden}.onepc:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:4px;background:conic-gradient(#5973DE,#6DAC9D,#E6A600,#384D78,#5973DE);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;transform:rotate(0turn);animation:spinBorder 6s linear infinite}@keyframes spinBorder{to{transform:rotate(1turn)}}
/* hover-only gradient border (no spin) */.onepc{position:relative;overflow:hidden}.onepc:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:4px;background:#0860e2;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:none;transition:opacity .2s ease}.onepc:hover:before{opacity:1}.onepc:hover{border-radius:20px}
/* disable any rotating animations */.onepc:before{animation:none!important;transform:none!important}
/* comparison table polish */.pricing-comparison{width:100%;padding:12px 0 24px}.pricing-comparison .pricingCollapsedBtn h2{font-weight:700;letter-spacing:-.2px}.gridCompBox.expanded{border:1px solid #e9edf5;border-radius:14px;overflow:visible;background:#fff;box-shadow:0 12px 32px rgba(0,63,130,.08)}.priceCompHeader{padding:16px;backdrop-filter:saturate(140%) blur(6px)}.priceCompHeader .compPlanName{font-size:20px;font-weight:700}.priceCompHeader .btn{border:1px solid #217AA6;padding:6px 20px;border-radius:10px;font-size:16px}.featureRowGrid{padding:10px 16px;transition:background-color .15s ease}.featureRowGrid:hover{background-color:#fafcff}.featureName{position:sticky;left:0;z-index:1}.featureValue span strong{font-weight:600}@media (max-width:1279px){.gridCompBox.expanded{width:100%;border-radius:10px}}@media (max-width:991px){.priceCompHeader{top:60px}}
/* avoid sticky header overlap */.gridCompBox.expanded{padding-top:0!important}.priceCompHeader+.featureCategoryHeader{margin-top:0px}.priceCompHeader+.featureRowGrid{margin-top:68px}
/* remove zebra rows; highlight only headers */
.featureCategoryHeader{background-color:#eef3fbd6;padding:12px 16px;border-top:1px solid #e9edf5}.featureCategoryHeader .featureHeading{border-bottom:none}
/* tick icon bg */.featureValue svg.icon-tabler-check{background-color:#71ba03;border-radius:12px;padding:2px;box-sizing:content-box;width:15px;height:15px;color:#fff;stroke:#fff;stroke-width:2.2}
/* Calculator Modal Width Enhancement */
#priceCalcModal .modal-dialog{max-width:500px;width:90%}@media (min-width:768px){#priceCalcModal .modal-dialog{max-width:600px}}@media (min-width:992px){#priceCalcModal .modal-dialog{max-width:700px}}
/* ------ Pricing Calculator Modal ------ */
.modal-content{ border-radius: 14px; border: 1px solid #e9edf5; box-shadow: 0 20px 60px rgba(0,63,130,0.16); }
.modal-header{ border-bottom: 1px solid #e9edf5; }
.modal-footer{ border-top: 1px solid #e9edf5; }
.priceCalcResults{ margin-top: 12px; }
.calcControls{ display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.calcInput{ display: flex; gap: 8px; }
.calcInput input{ max-width: 200px; }
.calcToggle{ display: flex; align-items: center; gap: 10px; }
.calcToggleLabel{ font-size: 12px; color: #64748b; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.calcGrid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.calcCard{
  border: 1px solid #e1e7f0;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,63,130,0.06);
}
.calcPlanName{ font-weight: 700; color: #0f172a; margin-bottom: 6px; letter-spacing: -.2px; }
.calcTotal{ font-size: 24px; font-weight: 800; color: #0f172a; }
.calcMeta{ font-size: 13px; font-weight: 600; color: #64748b; margin-left: 4px; }
.calcSub{ font-size: 13px; color: #64748b; margin-top: 2px; }
@media (max-width: 575px){ .calcGrid{ grid-template-columns: 1fr; } }
.plan-text-alert{
    font-size: 12px;
    font-weight: 400;
    color: #d70000;
}
.ai-calling-pricing{background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%);border-top:1px solid #e9edf5}.ai-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.ai-pricing-card{background:#fff;border:1px solid #e9edf5;border-radius:16px;padding:24px;box-shadow:0 8px 26px 0 rgb(0 63 130 / 10%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.ai-pricing-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px 0 rgb(0 63 130 / 18%);border-color:#d7e0f0}.ai-pricing-featured{border-color:#6DAC9D;box-shadow:0 12px 32px rgba(109,172,156,.15)}.ai-pricing-featured:hover{border-color:#5a9a8a;box-shadow:0 16px 40px rgba(109,172,156,.25)}.ai-pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#6DAC9D 0%,#8CD0C2 100%);color:#0b2b23;font-size:11px;font-weight:700;letter-spacing:.3px;padding:6px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(15,23,42,.12)}.ai-pricing-header{text-align:center;margin-bottom:20px}.ai-pricing-header h3{font-size:clamp(28px,3vw,36px);font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.3px}.ai-pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:4px}.ai-currency-symbol{font-size:1.5rem;font-weight:600;color:#64748b}.ai-amount{font-size:2.5rem;font-weight:800;color:#0f172a;line-height:1}.ai-period{font-size:1rem;font-weight:500;color:#222C3D}.ai-pricing-features ul{list-style:none;padding:0;margin:0}.ai-pricing-features li{display:flex;align-items:center;padding:8px 0;font-size:14px;color:#222C3D;line-height:1.6}.ai-pricing-features li:before{content:"✓";color:#0860e2;font-weight:bold;margin-right:12px;font-size:12px}.ai-pricing-card .btn{font-weight:700;letter-spacing:.1px}@media (max-width:768px){.ai-pricing-grid{grid-template-columns:1fr;gap:20px}.ai-pricing-card{padding:20px}.ai-amount{font-size:2rem}}
/* Total Amount Display Styles */
.total-amount-display{background:#f8f9fa;border-radius:6px;text-align:left}
.total-amount-display .total-amount{font-size:18px;font-weight:600;color:#333}
.total-amount-display .billing-period{font-size:12px;color:#666;margin-top:4px}
/* Team Size Input Styles */
.team-size-label{font-weight:500;color:#333}
.team-size-input{height:40px;width:80px;padding-left:12px!important;border:1px solid #b6b9be;border-radius:4px}
.team-size-h4{font-weight: 800;font-size: 30px;}
.total-amount-display{
  font-size: 16px;
  font-weight: bold;
}
/* AI Calling Pricing Styles */
.ai-per-minute{text-align:center;margin-top:8px}
.per-minute-text{font-size:14px;color:#222C3D;font-weight:500;background:#f1f5f9;padding:4px 8px;border-radius:6px;display:inline-block}
.voicePlanCard .planHeader{margin-bottom:20px}
.voicePlanCard .ai-pricing-amount{margin-bottom:8px}
.voicePlanCard .planFeatures li{display:flex;align-items:center;font-size:14px;color:#222C3D;line-height:1.4}
.voicePlanCard .planFeatures li:before{content:"✓";color:#0860e2;font-weight:bold;margin-right:10px;font-size:12px;width:16px;flex-shrink:0}
.voicePlanCard .planButton{background:var(--color-primary);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;display:inline-block;font-weight:600;transition:all 0.2s ease;width:100%;text-align:center}
.voicePlanCard .planButton:hover{background:var(--color-primary);color:#fff;text-decoration:none;transform:translateY(-1px)}
.voicePlanCard.featured .planButton{background:var(--color-primary);box-shadow:0 4px 12px rgba(60, 121, 232, 0.4)}
.voicePlanCard.featured .planButton:hover{background:var(--color-primary);box-shadow:0 6px 16px rgba(60, 121, 232, 0.4)}
/* AI Comparison Table Checkmark Styles */
.featureRowGrid .checkmark{color:#6DAC9D;font-weight:bold;font-size:16px}
.featureRowGrid .featureValue svg{color:#6DAC9D;display:inline-block;vertical-align:middle}
/* Info Icon Tooltip Styles */
.info-icon-container{position:relative;display:inline-block;margin-left:8px}
.info-icon{cursor:pointer;color:#64748b;transition:color 0.2s ease}
.info-icon:hover{color:#3b82f6}
.tooltip{position:absolute;z-index:9999;top:100%;left:50%;transform:translateX(-82%);margin-top:8px;max-width:300px;min-width:200px;pointer-events:none}
.tooltip-content{background:#03264c;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;box-shadow:0 8px 25px rgba(0,0,0,0.25);word-wrap:break-word;position:relative;z-index:10000}
.tooltip-arrow{position:absolute;top:-6px;left:50%;transform:translateX(470%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2937;z-index:10001}
.tooltip.show{display:block!important;pointer-events:auto}
/* Ensure tooltip doesn't overlap with table rows */
.featureRowGrid:hover{z-index:2}
.featureRowGrid .info-icon-container{z-index:10}
.featureRowGrid .info-icon-container .tooltip{z-index:9999}
@media (max-width:768px){.tooltip{max-width:250px;min-width:180px}}
.pricing-subheader-handle {
  font-size: 2.5rem !important;
  text-align: center !important;
  font-weight: 600 !important;
}
.planFeatures{
  font-size:14px;
}
.planFeatures ul{
  list-style-type: none !important;
  padding: 0 !important;
  line-height: 2 !important;
}

/* Team Size Dropdown Styling */
.team-size-container {
  position: relative;
  z-index: 1000;
  gap: 8px;
  display: flex;
  align-items: center;
  isolation: isolate;
}

.team-size-label {
  font-weight: 500;
  color: #495057;
  font-size: 20px;
  white-space: nowrap;
  margin-right: 8px;
}

.is-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}

.custom-dropdown{position:relative;min-width:150px}
.custom-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:150px;min-height:38px;padding:6px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;color:#495057;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.custom-dropdown-toggle:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}
.custom-dropdown[aria-expanded="true"] .custom-dropdown-toggle{border-color:#80bdff}
.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow:auto;background:#fff;border:1px solid #ced4da;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:6px 0;z-index:2000;display:none}
.custom-dropdown[aria-expanded="true"] .custom-dropdown-menu{display:block}
.custom-dropdown-menu li{list-style:none;padding:8px 12px;cursor:pointer;color:#273240}
.custom-dropdown-menu li[aria-selected="true"],.custom-dropdown-menu li:hover{background:#f8f9fa}
.custom-dropdown-menu li:focus{outline:none;background:#eef6ff}

.team-size-select {
  border: 1px solid #ced4da;
  border-radius: 6px;
  background-color: #fff;
  min-height: 38px;
  padding: 6px 32px 6px 12px;
  font-size: 14px;
  color: #495057;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;
  z-index: 1001;
  width: 150px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px;
  cursor: pointer;
  transform: translateZ(0);
  will-change: auto;
}

.team-size-select:hover {
  border-color: #80bdff;
  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.team-size-select:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: 0;
  z-index: 1002;
  transform: translateZ(0);
}

.team-size-select option {
  padding: 8px 12px;
  color: #495057;
  font-size: 14px;
  background-color: #fff;
  border: none;
}

/* Fix dropdown positioning issues */
.pricingContainer {
  position: relative;
  z-index: 1;
  isolation: auto;
}

.pricingContainer .row.mb-4 {
  position: relative;
  z-index: 1;
  overflow: visible;
  isolation: auto;
}

/* Ensure dropdown appears above other elements */
.pricingContainer .team-size-container {
  z-index: 1000;
  isolation: isolate;
}

/* Fix any overflow issues */
.pricingContainer .row {
  overflow: visible;
}

/* Ensure no parent elements create stacking context issues */
.pricingContainer .row.mb-4 > .col-12 {
  position: relative;
  z-index: auto;
  isolation: auto;
}

/* Force proper stacking context for dropdown */
.team-size-container {
  contain: layout style;
}

/* Ensure dropdown always opens in correct position */
.team-size-select {
  position: relative !important;
  z-index: 1001 !important;
}

.team-size-select:focus {
  position: relative !important;
  z-index: 1002 !important;
}

/* Enhanced dropdown styling */
.team-size-select:active,
.team-size-select:focus {
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Custom dropdown arrow animation */
.team-size-select:focus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Ensure dropdown options are properly styled */
.team-size-select option:checked {
  background-color: #007bff;
  color: white;
}

.team-size-select option:hover {
  background-color: #f8f9fa;
}

/* Additional responsive improvements */
@media (max-width: 768px) {
  .team-size-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  
  .team-size-select {
    width: 120px;
    min-height: 36px;
  }
  
  .team-size-label {
    font-size: 20px;
  }
  
  .pricingContainer .row.mb-4 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

@media (max-width: 576px) {
  .team-size-container {
    width: 100%;
    margin-bottom: 16px;
  }
  
  .team-size-select {
    width: 100%;
    max-width: 200px;
  }
  
  .pricingContainer .row.mb-4 {
    gap: 20px;
  }
}

/* Ensure proper stacking for all browsers */
.team-size-select {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Fix for Safari dropdown positioning */
@supports (-webkit-appearance: none) {
  .team-size-select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  }
}

/* USD connector layout */
.usd-connector{position:relative;display:flex;flex-direction:column;align-items:center;margin:10px 0 30px 0}
.usd-connector .usd-label{
  border: 1px solid var(--color-primary);
  border-radius: 10px;
  padding: 5px;
  font-size:34px;font-weight:800;letter-spacing:.5px;background:var(--color-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.usd-connector .usd-lines{position:relative;width:100%;max-width:1200px;height:15px;z-index:0;pointer-events:none}
.usd-line-vertical-main{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:50px;background:var(--color-primary)}
.usd-line-horizontal{
  position: absolute;
  top: 50px;
  left: 10%;
  right: 10%;
  height: 4px;
  background: var(--color-primary);
  width: 697px;
  transform: translate(-42%, 4%);
}
.usd-branch{position:absolute;top:50px;width:4px;background:var(--color-primary);height:60px;transform:translateX(-50%)}
@media(max-width:991px){.usd-connector .usd-lines{max-width:900px}.usd-line-horizontal{left:6%;right:6%}}
@media(max-width:575px){.usd-connector .usd-lines{height:110px}.usd-line-vertical-main{height:40px}.usd-line-horizontal{top:40px;left:8%;right:8%}.usd-connector .usd-label{font-size:28px}}
/* Highlight for AI calling minutes */
.ai-minutes-highlight{font-weight:800;color:#0f172a}


/* ========== Mobile Pricing Comparison Table ========== */
/* Base styles - mobile visible by default */
.pricing-comparison-mobile {
  display: block;
}

/* Hide mobile view on desktop */
@media (min-width: 768px) {
  .pricing-comparison-mobile {
      display: none !important;
  }
}

/* Hide desktop view on mobile */
@media (max-width: 767px) {
  section.pricing-comparison .pricing-comparison-desktop,
  .pricing-comparison-desktop {
      display: none !important;
  }
  
  section.pricing-comparison,
  .pricing-comparison {
      display: block !important;
      flex-direction: column !important;
      padding: 20px 0 !important;
      width: 100% !important;
      visibility: visible !important;
  }
  
  section.pricing-comparison .pricing-comparison-mobile,
  .pricing-comparison-mobile {
      display: block !important;
      width: 100% !important;
      visibility: visible !important;
      opacity: 1 !important;
  }
  
  /* Sticky Plan Names Header */
  .mobile-plans-header-sticky {
      display: flex;
      justify-content: center;
      align-items: center;
      position: sticky;
      z-index: 100;
      background: #fff;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  
  .mobile-plans-bar {
      display: flex;
      flex-direction: row;
      column-gap: 45px;
      border-bottom: 1px solid #e9edf5;
      background: #fff;
  }
  
  .mobile-plan-name {
      flex: 1;
      padding: 14px 8px;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
      color: #1f2937;
      white-space: nowrap;
      min-width: 0;
  }
  
  .mobile-plan-name:nth-child(1) {
      color: #384E79;
  }
  
  .mobile-plan-name:nth-child(2) {
      color: #5973DE;
  }
  
  .mobile-plan-name:nth-child(3) {
      color: #6DAC9D;
  }
  
  .mobile-plan-name:nth-child(4) {
      color: #E6A600;
  }
  
  .mobile-plan-name:nth-child(5) {
      color: #8B5CF6;
  }
  
  /* Hide tooltips and info icons in mobile */
  .pricing-comparison-mobile .info-icon-container,
  .pricing-comparison-mobile .tooltip,
  .pricing-comparison-mobile .info-icon {
      display: none !important;
  }
  
  /* Mobile Features Container */
  .mobile-features-container {
      background: #f7faff;
      padding: 0;
  }
  
  /* Section Heading - Full Row, Centered */
  .mobile-feature-section {
      padding: 10px 16px;
      background: #ffffff;
      text-align: center;
      border-bottom: 1px solid #000000;
  }
  
  .mobile-section-heading {
      font-size: 18px;
      font-weight: 700;
      color: #1f2937;
      margin: 0;
      text-transform: capitalize;
      letter-spacing: -0.2px;
  }
  
  /* Feature Row */
  .mobile-feature-row {
      padding: 16px;
      border-bottom: 1px solid #f1f4f9;
      background: #fff;
  }
  
  /* Alternate feature rows get a subtle background */
  .mobile-feature-row:nth-child(even) {
      background: #f7faff;
  }
  
  .mobile-feature-row:last-child {
      border-bottom: none;
  }
  
  .mobile-feature-name {
      font-size: 15px;
      font-weight: 700;
      color: var(--text-primary);
      line-height: 1.4;
  }
  
  .mobile-feature-description {
      font-size: 12px;
      color: var(--text-primary);
      line-height: 1.6;
  }
  
  /* Checkmarks Row - Aligned with Plan Names Above */
  .mobile-feature-values {
      display: flex;
      gap: 0;
      align-items: center;
      padding-top: 12px;
      margin-top: 0;
      display: flex;
      flex-direction: row;
      column-gap: 50px;
      justify-content: center;
  }
  
  .mobile-feature-value {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 32px;
  }
  
  .mobile-check-icon {
      width: 20px;
      height: 20px;
      display: block;
  }
  
  .mobile-feature-value svg {
      width: 25px;
      height: 25px;
      display: block;
  }
  
  .mobile-feature-text {
      font-size: 13px;
      color: #273240;
      font-weight: 500;
      text-align: center;
      line-height: 1.4;
  }
  
  /* First section after sticky header */
  .mobile-features-container > .mobile-feature-section:first-child {
      border-top: none;
  }
  
  .mobile-feature-section + .mobile-feature-row {
      border-top: none;
  }
}