/* RESET */
body {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  background: linear-gradient(to bottom, #f8f6fb, #f1eef7);
}

.preparingYourTest{
    /*font-family: ;*/
}

/* Background */
/*.start-wrapper {*/
/*  height: 100vh;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/

/*  background: linear-gradient(to bottom, #ffffff, #efe9d8);*/
/*}*/

/* Card */
.start-card {
  background: #f7f7f7;
  padding: 40px 35px;
  border-radius: 10px;
  width: 420px;
  text-align: center;

  /* Soft glow like your design */
  /*box-shadow: */
  /*  0 0 0 6px rgba(0, 200, 255, 0.1),*/
  /*  0 20px 40px rgba(0,0,0,0.08);*/
}

/* Icon */
.top-icon {
  margin-bottom: 10px;
}

/* Title */
.start-card h2 {
  margin: 10px 0 5px;
  font-size: 22px;
}

/* Subtitle */
.subtitle {
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}

/* Info Box */
.info-box {
  background: #FFFFFF;
  padding: 20px;
  border-radius: 0px;
  margin-bottom: 25px;
}

/* Info Items */
.info-item {
  margin: 12px 0;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

/* Button */
.start-btn {
  background: linear-gradient(90deg, #0995BA 20.56%, #00DDFF 100%);
  color: white;
  border: none;
  padding: 12px 28px;
  border-radius: 25px;
  font-size: 16px;
  cursor: pointer;

  box-shadow: 0 8px 20px rgba(23, 193, 214, 0.4);
  transition: 0.3s;
}

.start-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(23, 193, 214, 0.6);
}

/* APP */
.app-container {
  height: 100vh;
  overflow: hidden;
}

/* PROGRESS (FIXED) */
.progress-wrapper {
  position: sticky;
  top: 0;
  background: #fff;
  /*padding: 15px;*/
  z-index: 100;
}

.progress-top {
  display: flex;
  justify-content: space-between;
  /*margin-bottom: 6px;*/
  font-size: 14px;
  font-weight: 600;
}

.progress-bar {
  width: 100%;
  height: 8px;
  background: #f0f0f0;
  border-radius: 20px;
  overflow: hidden;
}

.progress-fill {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #03c4e7, #03c4e7);
  transition: width 0.4s ease;
}

.progress-fill-after-start-screen, .progress-fill-generating-result{
    width: 0%;
  height: 100%;
  background: #03c4e7;
  transition: width 0.4s ease;
}

/* SCROLLABLE QUESTIONS */
.q-container {
    max-width: 900px;
    margin: auto;
    /* padding: 40px 20px 0px; */
    height: 399px;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.q-container::-webkit-scrollbar {
  display: none;                   /* Chrome, Safari */
}

/* CARD */
.q-card {
  background: #f3f0f7;
  border-radius: 4px;
  padding: 40px;
  margin-bottom: 30px;
  text-align: center;
  transition: 0.3s;
}


/* BADGE */
.q-badge {
  background: #e6ddf7;
  color: #7a5af8;
  padding: 6px 14px;
  border-radius: 20px;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 20px;
}

/* TEXT */
.q-text {
  font-size: 16px;
  font-weight: 400;
}

/* SCALE */
/*.scale {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  gap: 18px;*/
/*  margin: 35px 0 15px;*/
/*}*/

/*.scale-item {*/
/*  border-radius: 50%;*/
/*  cursor: pointer;*/
/*  border: 3px solid;*/
/*  transition: 0.3s;*/
/*}*/

/*.scale-item:nth-child(1) { width:40px; height:40px; border-color:#8e24aa; }*/
/*.scale-item:nth-child(2) { width:30px; height:30px; border-color:#ab47bc; }*/
/*.scale-item:nth-child(3) { width:22px; height:22px; border-color:#bbb; }*/
/*.scale-item:nth-child(4) { width:30px; height:30px; border-color:#5c6bc0; }*/
/*.scale-item:nth-child(5) { width:40px; height:40px; border-color:#3949ab; }*/

/*.scale-item.active {*/
/*  background: currentColor;*/
/*}*/

/* LABELS */
/*.scale-labels {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  max-width: 250px;*/
/*  margin: auto;*/
/*  color: #777;*/
/*  font-weight: 600;*/
/*  font-size: 13px;*/
/*}*/

/* STATES */
.q-card.current {
  /*border: 2px solid #7a5af8;*/
  transform: scale(1.02);
}

.q-card.blur {
  filter: blur(3px);
  opacity: 0.5;
  pointer-events: none;
}

/* BUTTON */
/*.submit-btn {*/
/*  display: block;*/
/*  margin: 10px auto;*/
/*  padding: 10px 20px;*/
/*  border: none;*/
/*  border-radius: 25px;*/
/*  background: #7a5af8;*/
/*  color: #fff;*/
/*  font-size: 16px;*/
/*  cursor: pointer;*/
/*}*/






/* MAIN CARD- Form */
.card {
  width: 900px;
  height: 500px;
  margin: 40px auto;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* LEFT PANEL */
.left {
  width: 40%;
  background: linear-gradient(135deg, #6a5acd, #8e44ad);
  color: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.left h2 {
  font-size: 28px;
  margin-bottom: 10px;
}

.left p {
  opacity: 0.8;
  margin-bottom: 30px;
}

.steps {
  list-style: none;
  padding: 0;
}

.steps li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.steps li span {
  margin-left: 10px;
}

/* RIGHT PANEL */
.right {
  width: 60%;
  padding: 40px;
}

.form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  font-size: 14px;
}

input:focus {
  border-color: #6a5acd;
}

/* BUTTON */
button {
    margin-top: 20px;
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(90deg, #03c4e7, #03c4e7) !important;
    /* color: #fff; */
    /* font-size: 16px; */
    /* cursor: pointer; */
    /* width: 220px; */
}

button:hover {
  opacity: 0.9;
}

 /*Result */
/*.result-wrapper {*/
/*  display: flex;*/
/*  max-height: 500px;*/
/*  gap: 30px;*/
/*  padding: 30px;*/
/*  flex-wrap: wrap;*/
  
/*  overflow: auto;*/
/*}*/

/* LEFT SIDE */
/*.result-left {*/
/*  flex: 1;*/
/*  min-width: 280px;*/
/*}*/

/*.result-left h1 {*/
/*  color: #7b4dff;*/
/*}*/

/*.result-left h2 {*/
/*  margin-top: 10px;*/
/*}*/

/*.badge {*/
/*  display: flex;*/
/*  gap: 10px;*/
/*  align-items: center;*/
/*  background: #f3f0ff;*/
/*  padding: 12px;*/
/*  border-radius: 12px;*/
/*  margin-top: 15px;*/
/*}*/

/* RIGHT SIDE */
/*.result-right {*/
/*  flex: 1;*/
/*  min-width: 320px;*/
/*}*/

/*.progress-card {*/
/*  background: #fff;*/
/*  padding: 15px;*/
/*  border-radius: 12px;*/
/*  margin-bottom: 15px;*/
/*  box-shadow: 0 5px 15px rgba(0,0,0,0.05);*/
/*}*/

/*.progress-title {*/
/*  margin-bottom: 8px;*/
/*  font-weight: 600;*/
/*}*/

/*.progress-bar {*/
/*  height: 8px;*/
/*  background: #eee;*/
/*  border-radius: 10px;*/
/*  overflow: hidden;*/
/*}*/

/*.fill {*/
/*  height: 100%;*/
/*  border-radius: 10px;*/
/*  transition: width 0.5s ease;*/
/*}*/

/* COURSES */
/*.courses {*/
/*  margin-top: 20px;*/
/*}*/

/* WRAPPER */
.result-wrapper {
  display: flex;
  gap: 40px;
  padding: 40px;
  background: #f6f7fb;
  min-height: 100vh;
  box-sizing: border-box;
}

/* LEFT SIDE */
.result-left {
  flex: 1;
}

.result-left h1 {
  color: #7b4dff;
  margin-bottom: 10px;
}

.result-left h2 {
  margin-bottom: 15px;
}

.desc {
  color: #666;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* INFO CARDS */
.info-card {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  margin-bottom: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.icon {
  font-size: 20px;
  padding: 10px;
  border-radius: 50%;
}

.icon.green {
  background: #e6f7ed;
  color: #2e7d32;
}

.icon.yellow {
  background: #fff4e5;
  color: #ff9800;
}

/* RIGHT SIDE */
.result-right {
  flex: 1;
  background: #fff;
  padding: 25px;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* TITLE */
.title {
  margin-bottom: 20px;
}

/* BAR CARD */
.bar-card {
  margin-bottom: 20px;
}

.bar-header {
  font-weight: 600;
  margin-bottom: 8px;
}

/* BAR */
.bar-bg {
  width: 100%;
  height: 8px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}

.bar-fill {
  height: 100%;
  border-radius: 10px;
  transition: width 0.5s ease;
}

/* COURSES */
.courses {
  margin-top: 30px;
}

.courses h3 {
  margin-bottom: 10px;
}


/*Question render */



/*.q-wrapper {*/
/*  height: 100vh;*/
/*  padding: 40px;*/
/*  background: linear-gradient(to bottom, #ffffff, #f3efe4);*/
/*  text-align: center;*/
/*}*/

/* Header */
/*.q-header {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  margin-bottom: 40px;*/
/*}*/

/*.q-tag {*/
/*  background: #d9eef2;*/
/*  padding: 6px 14px;*/
/*  border-radius: 20px;*/
/*  color: #1fa4b6;*/
/*  font-weight: 600;*/
/*}*/

/*.q-count {*/
/*  color: #777;*/
/*}*/

/* Question */
/*.q-text {*/
/*  font-size: 24px;*/
/*  margin-bottom: 40px;*/
/*}*/

/* Options Row */
/*.options {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  gap: 20px;*/
/*  margin-bottom: 20px;*/
/*}*/

/* Circle Options */
/*.option {*/
/*  width: 22px;*/
/*  height: 22px;*/
/*  border-radius: 50%;*/
/*  cursor: pointer;*/
/*  border: 3px solid #ccc;*/
/*  transition: 0.3s;*/
/*}*/

/* Sizes (Left → Right) */
/*.option:nth-child(1) {*/
/*  width: 40px;*/
/*  height: 40px;*/
/*  border-color: #1fa4b6;*/
/*}*/

/*.option:nth-child(2) {*/
/*  width: 32px;*/
/*  height: 32px;*/
/*  border-color: #4db6c6;*/
/*}*/

/*.option:nth-child(3) {*/
/*  width: 26px;*/
/*  height: 26px;*/
/*  border-color: #999;*/
/*}*/

/*.option:nth-child(4) {*/
/*  width: 32px;*/
/*  height: 32px;*/
/*  border-color: #4cd964;*/
/*}*/

/*.option:nth-child(5) {*/
/*  width: 40px;*/
/*  height: 40px;*/
/*  border-color: #2ecc71;*/
/*}*/

/* Active */
/*.option.active {*/
/*  background: currentColor;*/
/*}*/

/* Labels */
/*.labels {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  max-width: 300px;*/
/*  margin: auto;*/
/*  color: #666;*/
/*}*/



/* ================= START SCREEN FIX LALITA================= */

/* FIX FULL HEIGHT  */
#pts-test .start-wrapper {
height: calc(100vh - 120px); /* exact fit */
display: flex;
justify-content: center;
align-items: center;

padding: 20px; /* reduce padding */

background: linear-gradient(4deg, #FEFAE7, #ffffff);
}



/* CARD SIZE CONTROL */
#pts-test .start-card {
max-width: 600px;
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 40px;
    text-align: center;
    width: 100%;
    max-height: 90vh;
    overflow: auto;
}
#pts-test {
  overflow: hidden;
}



/* ICON */
#pts-test .start-card img {
width: 60px;
margin-bottom: 10px;
}

/* TITLE */
#pts-test .start-card p:first-of-type {
font-size: 24px !important;
font-weight: 600;
color: #222;
margin-bottom: 5px;
}

/* SUBTITLE */
#pts-test .subtitle {
color: #777;
font-size: 15px;
margin-bottom: 20px;
}

/* INFO BOX */
#pts-test .info-box {
background: #f8f6ff;
padding: 20px;
border-radius: 14px;
margin-bottom: 25px;
}

/* INFO ITEM */
#pts-test .info-item {
margin: 12px 0;
font-size: 14px;
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-start;
color: #444;
}

/* ICON SIZE */
#pts-test .info-item img {
width: 16px;
}

/* BUTTON */
#pts-test .start-btn {
background: linear-gradient(90deg, #03c4e7, #03c4e7);
color: white;
border: none;
padding: 14px 30px;
border-radius: 30px;
font-size: 15px;
cursor: pointer;

box-shadow: 0 10px 25px rgba(122,90,248,0.3);
transition: 0.3s;
}

#pts-test .start-btn:hover {
transform: translateY(-2px);
box-shadow: 0 15px 35px rgba(122,90,248,0.4);
}


/* ================= LOADER SCREEN FIX ================= */

#pts-test .loader-wrapper {
min-height: calc(100vh - 120px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

text-align: center;
padding: 20px;
}

/* TITLE */
#pts-test .loader-wrapper p {
font-size: 24px;
font-weight: 600;
margin: 20px 0;
color: #222;
}

/* PROGRESS BAR WRAPPER */
#pts-test .progress-bar {
width: 420px;
height: 14px;
background: #e5e5e5;
border-radius: 20px;
overflow: hidden;
}

/* PROGRESS FILL */
#pts-test .progress-fill-after-start-screen {
height: 100%;
background: linear-gradient(90deg, ##03c4e7, #03c4e7);
border-radius: 20px;
transition: width 0.4s ease;
}

/* LOGO */
#pts-test .loader-wrapper img {
height: 80px;
margin-bottom: 10px;
}

/* ================= PROGRESS BAR ================= */

#pts-test .progress-wrapper {
max-width: 800px;
margin: 30px auto 20px;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

#pts-test .progress-top {
display: flex;
justify-content: space-between;
font-size: 14px;
color: #666;
margin-bottom: 8px;
}

#pts-test .progress-bar {
width: 100%;
height: 8px;
background: #eee;
border-radius: 10px;
overflow: hidden;
}

#pts-test .progress-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, #03c4e7, #03c4e7);
transition: width 0.3s ease;
}

/* ================= CONTAINER ================= */

#pts-test .q-container {
max-width: 850px;
margin: auto;
position: relative;
padding-bottom: 100px;
}

/* ================= CARD ================= */

#pts-test .q-card {
background: #fff;
border-radius: 20px;
padding: 40px;
text-align: center;
margin-bottom: 30px;

box-shadow: 0 20px 60px rgba(0,0,0,0.08);
transition: all 0.4s ease;
}

/* ACTIVE CARD */
#pts-test .q-card.current {
transform: scale(1);
opacity: 1;
z-index: 2;
}

/* BLUR CARDS */
#pts-test .q-card.blur {
filter: blur(6px);
opacity: 0.3;
transform: scale(0.95);
pointer-events: none;
}

/* ================= BADGE ================= */

#pts-test .q-badge {
display: inline-block;
background: #f1eaff;
color: #7a5af8;
padding: 6px 14px;
border-radius: 20px;
font-size: 13px;
margin-bottom: 15px;
}

/* ================= TEXT ================= */

#pts-test .q-text {
font-size: 22px;
font-weight: 500;
margin-bottom: 30px;
color: #222;
}

/* ================= SCALE ================= */

/*#pts-test .scale {*/
/*display: flex;*/
/*justify-content: center;*/
/*gap: 15px;*/
/*margin-bottom: 15px;*/
/*}*/

/* CIRCLE BUTTON */
/*#pts-test .scale-item {*/
/*width: 26px;*/
/*height: 26px;*/
/*border-radius: 50%;*/
/*border: 3px solid #ccc;*/
/*cursor: pointer;*/
/*transition: all 0.3s ease;*/
/*}*/

/* LEFT SIDE (AGREE) */
/*#pts-test .scale-item:nth-child(1),*/
/*#pts-test .scale-item:nth-child(2) {*/
/*border-color: #a855f7;*/
/*}*/

/* RIGHT SIDE (DISAGREE) */
/*#pts-test .scale-item:nth-child(4),*/
/*#pts-test .scale-item:nth-child(5) {*/
/*border-color: #4f46e5;*/
/*}*/

/* HOVER EFFECT */
/*#pts-test .scale-item:hover {*/
/*transform: scale(1.2);*/
/*}*/

/* ACTIVE SELECT */
/*#pts-test .scale-item.active {*/
/*background: linear-gradient(135deg, #7a5af8, #6a5acd);*/
/*border-color: transparent;*/
/*}*/

/* ================= LABEL ================= */

#pts-test .scale-labels {
display: flex;
justify-content: space-between;
max-width: 300px;
margin: auto;
font-size: 13px;
color: #777;
}

/* ================= SUBMIT ================= */


/* FULL SECTION FIX (background + center) */
div#pts-test {
    
   
 background: linear-gradient(4deg, #FEFAE7, #ffffff);

}

/* OUTER BACKGROUND */
.elementor-element-7e4c37c {
  background: #f6f3ff;
  padding: 40px 0 80px !important;
}

/* REMOVE TOP GAP */
.progress-wrapper {
  margin-top: 0 !important;
}

/* PROGRESS BAR ALIGN */
.progress-wrapper {
  margin-bottom: 25px !important;
}

.progress-bar {
  border-radius: 20px;
  overflow: hidden;
}




/* DISABLED STATE */
#pts-test .submit-btn.disabled {
  background: linear-gradient(90deg, #03c4e7, #03c4e7);
    color: white;
    border: none;
    padding: 14px 30px;
    border-radius: 30px;
    font-size: 15px;
    box-shadow: 0 10px 25px rgba(122, 90, 248, 0.3);
    transition: 0.3s;
      cursor: not-allowed;
      position: sticky;
      top: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 260px;
    width: max-content !important;
}
#pts-test .q-container {
  text-align: center;
}
/* ACTIVE HOVER */
#pts-test .submit-btn:not(.disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(124, 77, 255, 0.35);
}
.progress-fill {
  background: linear-gradient(90deg, #7c4dff, #5f7cff);
  border-radius: 20px;
}

/* QUESTION CARD CENTER */
.q-container {
  margin-top: 0 !important;
}

/* CARD STYLE */
.q-card {
  background: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px rgba(124, 77, 255, 0.08);
  text-align: center;
}

/* QUESTION BADGE */
.q-badge {
  display: inline-block;
  background: #ede7ff;
  color: #7c4dff;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
  margin-bottom: 15px;
}

/* QUESTION TEXT */
.q-text {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 25px;
}

/* SCALE ALIGN */
.scale {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 15px;
}

/* SCALE DOT */
/*.scale-item {*/
/*  width: 18px;*/
/*  height: 18px;*/
/*  border-radius: 50%;*/
/*  border: 2px solid #cfcfe8;*/
/*  cursor: pointer;*/
/*  transition: 0.3s;*/
/*}*/

/* HOVER EFFECT */
/*.scale-item:hover {*/
/*  border-color: #7c4dff;*/
/*}*/

/* LABELS */
/*.scale-labels {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  font-size: 13px;*/
/*  color: #888;*/
/*  margin-top: 10px;*/
/*}*/

html, body {
  overflow-x: hidden !important;
}


/* MAIN CARD LAYOUT */
#pts-test .card {
  display: flex;
  max-width: 1000px;
  margin: 60px auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.1);
  background: #fff;
  height: auto !important;
  min-height: 520px;
}

/* LEFT PANEL */
#pts-test .left {
  width: 40%;
  padding: 50px 35px;
  color: #fff;

  background: linear-gradient(135deg, #7a5af8, #6a5acd);
  position: relative;
}

/* glow effect (like innerpersona) */
#pts-test .left::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.15), transparent 60%);
  pointer-events: none;
}

#pts-test .left h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
}

#pts-test .left p {
  font-size: 15px;
  opacity: 0.9;
  margin-bottom: 30px;
}

/* STEPS */
#pts-test .steps {
  list-style: none;
  padding: 0;
}

#pts-test .steps li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 15px;
  opacity: 0.9;
}

/* REMOVE EMOJI */
#pts-test .steps img {
  display: none;
}

/* custom icons circle */
#pts-test .steps li::before {
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  display: inline-block;
}

/* RIGHT SIDE */
#pts-test .right {
  width: 60%;
  padding: 50px 40px;
  background: #fff;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 14px;
}

/* FORM ROW */
#pts-test .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 0;
}

#pts-test .form-row input {
  width: 100%;
  min-height: 46px;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  outline: none;
  transition: 0.2s;
}

/* Prevent theme utility classes from collapsing form rows inside profile step */
#pts-test .right .form-row,
#pts-test .right #go {
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Profile form: fully namespaced to avoid theme CSS clashes */
#pts-test .pts-profile-card {
  overflow: visible !important;
}

#pts-test .pts-profile-right {
  width: 60%;
}

#pts-test .pts-profile-row {
  display: flex !important;
  gap: 14px !important;
  width: 100%;
}

#pts-test .pts-profile-row-two .pts-profile-input {
  width: 50% !important;
}

#pts-test .pts-profile-input {
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  color: #222 !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
}

#pts-test .pts-profile-go {
  align-self: flex-start !important;
}

#pts-test .form-row input:focus {
  border-color: #7a5af8;
  box-shadow: 0 0 0 2px rgba(122,90,248,0.15);
}

/* FULL WIDTH INPUT */
#pts-test .form-row:has(input:only-child) input {
  flex: 1;
}

/* BUTTON */
#pts-test #go {
  display: inline-block;
  margin-top: 20px;

  padding: 14px 28px;
  border-radius: 30px;
  border: none;

  background: linear-gradient(90deg, #7a5af8, #6a5acd);
  color: #fff;
  font-size: 15px;
  font-weight: 500;

  box-shadow: 0 10px 25px rgba(122,90,248,0.3);
  cursor: pointer;
  transition: 0.3s;
}

#pts-test #go:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(122,90,248,0.4);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #pts-test .card {
    flex-direction: column;
  }

  #pts-test .left,
  #pts-test .right {
    width: 100%;
  }
}

/* ONLY psychometric test page */
.page-id-34 {
  overflow-x: hidden;
}

/* extra bottom space remove */
.page-id-34 #pts-test {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* agar koi hidden spacer aa raha hai */
.page-id-34 .elementor-widget-spacer {
  display: none;
}

/* last section ka extra gap hatao */
.page-id-34 .elementor-section:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* main wrapper fix */
.test-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden;
}

/* andar ka container center + no extra gap */
.test-wrapper .e-con,
.test-wrapper .elementor-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* last element ka gap hatao */
.test-wrapper .elementor-widget:last-child {
  margin-bottom: 0 !important;
}

/* STEP ITEM */
#pts-test .steps li {
  position: relative;
  padding-left: 45px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* HIDE EMOJI IMAGE */
#pts-test .steps li img {
  display: none !important;
}

/* CIRCLE */
#pts-test .steps li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
}

/* ICON INSIDE CIRCLE */
#pts-test .steps li::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  
  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 14px;
}

/* individual icons */
#pts-test .steps li:nth-child(1)::after {
  content: "✓";
}

#pts-test .steps li:nth-child(2)::after {
  content: "👤";
}

#pts-test .steps li:nth-child(3)::after {
  content: "🔒";
}

/* container */
#pts-test .courses {
  margin-top: 30px;
  padding: 25px;
  border-radius: 16px;
  background: #f8f7ff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* heading */
#pts-test .courses h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
}

/* course items wrapper feel */
#pts-test .course {
  display: inline-block;
  margin: 6px 8px 6px 0;
  padding: 8px 14px;

  border-radius: 20px;
  background: #fff;

  font-size: 14px;
  font-weight: 500;
  color: #333;

  border: 1px solid #e5e5e5;
  transition: 0.2s ease;
}

/* hover effect */
#pts-test .course:hover {
  background: linear-gradient(90deg, #7a5af8, #6a5acd);
  color: #fff;
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(122, 90, 248, 0.25);
}


/* main container */
#pts-test {
  min-height: auto !important;
  height: auto !important;
}

/* wrapper */
#pts-test .result-wrapper {
  display: flex;
  align-items: flex-start; /* important */
  gap: 30px;
  height: auto !important;
}

/* dono sides ko auto height */
#pts-test .result-left,
#pts-test .result-right {
  height: auto !important;
}

/* extra bottom space remove */
body.page-id-34 {
  overflow-x: hidden;
}

/* IMPORTANT: koi hidden height remove */
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
  height: auto !important;
  min-height: auto !important;
}

/* ========= Unified fixed-grid layout from start to end ========= */
#pts-test {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 18px 14px !important;
  box-sizing: border-box;
}

#pts-test .pts-shell {
    width: 70%;
    margin: 0 auto;
    background: #fff;
	
}

#pts-test .pts-shell-start .start-wrapper,
#pts-test .pts-shell-loader .loader-wrapper {
  min-height: 560px;
}

#pts-test .pts-shell-questions .progress-wrapper,
#pts-test .pts-shell-questions .q-container,
#pts-test .pts-shell-result .result-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#pts-test .pts-shell-result .result-wrapper {
  min-height: 560px !important;
  border-radius: 16px;
}

/* ========= Better question transition feel ========= */
#pts-test .q-card {
  transition: transform .28s ease, box-shadow .28s ease, opacity .24s ease, filter .24s ease;
}

#pts-test .q-card.answered {
  opacity: .95;
  box-shadow: 0 12px 28px rgba(122, 90, 248, 0.10);
}

#pts-test .q-card.focus-enter {
  animation: ptsCardFocusEnter .3s ease;
}

#pts-test .scale-item.just-selected {
  animation: ptsDotPop .22s ease;
}

@keyframes ptsCardFocusEnter {
  0% { transform: translateY(10px) scale(.985); opacity: .75; }
  100% { transform: translateY(0) scale(1.02); opacity: 1; }
}

@keyframes ptsDotPop {
  0% { transform: scale(1); }
  50% { transform: scale(1.18); }
  100% { transform: scale(1); }
}


/* SCALE CONTAINER */
/* SCALE CONTAINER */
.scale {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 25px 0;
}

/* 🔥 CONNECTING LINE */
.scale::before {
    content: "";
    position: absolute;
    width: 23%;
    left: 5%;
    top: 26px;
    right: 5%;
    height: 2px;
    background: linear-gradient(90deg, #00000085, #00000087);
    transform: translateY(-50%);
    z-index: 0;
    margin: 0 auto;
}


/* BASE CIRCLE */
.scale-item {
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
  background: transparent;
}

/* SIZE PATTERN */
.scale-item:nth-child(1) { width: 45px; height: 45px; }
.scale-item:nth-child(2) { width: 32px; height: 32px; }
.scale-item:nth-child(3) { width: 22px; height: 22px; }
.scale-item:nth-child(4) { width: 32px; height: 32px; }
.scale-item:nth-child(5) { width: 50px; height: 50px; }

/* DEFAULT (fallback) */
.scale-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 50%;

  background: linear-gradient(135deg, #ccc, #999);

  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

/* 🔥 DIFFERENT GRADIENTS */
.scale-item:nth-child(1)::before {
  background: linear-gradient(135deg, #4facfe, #00f2fe); /* purple */
}

.scale-item:nth-child(2)::before {
  background: linear-gradient(135deg, #4facfe, #00f2fe); /* blue */
}

.scale-item:nth-child(3)::before {
  background: linear-gradient(135deg, #bbb, #ddd); /* center neutral */
}

.scale-item:nth-child(4)::before {
  background: linear-gradient(135deg, #00FF37, #09BA0C);
}

.scale-item:nth-child(5)::before {
  background: linear-gradient(135deg, #00FF37, #09BA0C);
}

/* INNER */
.scale-item::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #fff;
}

/* ACTIVE STATE (same gradient fill as border) */
.scale-item:nth-child(1).active::after {
  background: linear-gradient(135deg, #00DDFF, #0995BA);
}

.scale-item:nth-child(2).active::after {
  background: linear-gradient(135deg, #00DDFF, #0995BA);
}

.scale-item:nth-child(3).active::after {
  background: linear-gradient(135deg, #7D7D7D, #B2B2B2);
}

.scale-item:nth-child(4).active::after {
  background: linear-gradient(135deg, #00FF37, #09BA0C);
}

.scale-item:nth-child(5).active::after {
  background: linear-gradient(135deg, #00FF37, #09BA0C);
}

/* HOVER */
.scale-item:hover {
  transform: scale(1.2);
}


.next-btn, .submit-btn {
    color: #fff !important;
    background: linear-gradient(180deg, #03A9F4 0%, #03A9F4 100%) !important;
    box-shadow: 0 2px 6px rgba(240, 40, 1, 0.3) !important;
}


@media only screen and (max-width: 767px) {
	#pts-test .pts-shell {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
 .progress-bar {
    width: 350px !important;
    height: 8px;
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
}
	.pts-profile-card {
    display: flex !important;
    flex-direction: column;
}
	#pts-test .pts-profile-right {
    width: 100% !important;
}
	#pts-test .left h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}
	#pts-test .left p {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 30px;
}
	div#pts-live-progress {
    display: none;
}
}

div#pts-live-progress {
    display: none;
}