.reffer-wrapper {
    margin-top: 6rem;
    position: relative;
}

.reffer-wrapper:after {
    position: absolute;
    content: "";
    inset-inline-start: 0;
    top: -3rem;
    background-color: var(--border-color);
    height: 1px;
    width: 100%;
}

.apply_step_box {
    display: grid;
    grid-template-columns: 40% 1fr;
}

.apply_step_box .custom_steps ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
}

.apply_step_box .formArea {
    width: 100%;
}

.apply_step_box .custom_steps {
    align-items: flex-start;
}

.apply_step_head .circleBox {
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    width: 10rem;
    background-color: #CCCCCC;
    transform: translateY(50%);
}

.apply_step_head .circleBox .percent {
    height: 3px;
    background-color: #FF6724;
}

.apply_step_head .circleBox .percent_bar {
    height: 3px;
    background-color: #CCCCCC;
}

.apply_step_head .circleBox .per_ {
    position: absolute;
    inset-inline-end: 0;
    bottom: .5rem;
    font-size: calc(26 / var(--gfs) * 1rem);
}

.apply_step_head .circleBox .per_text {
    position: absolute;
    inset-inline-start: 0;
    bottom: .5rem;
    font-size: calc(26 / var(--gfs) * 1rem);
}

.apply_step_box .step_wrapper {
    background-color: #FF67240D;
    padding: 4rem 2rem;
    display: flex;
    gap: 4rem;
    flex-direction: column;
    border-radius: 1rem;
}

.apply_step_box .custom_steps ul li {
    position: relative;
    width: 100%;
    display: flex;
    padding-inline-start: 3rem;
    border-bottom: 1px solid #CCCCCC;
}

.apply_step_box .custom_steps ul li.current {
    border-color: #FF6724;
}

.apply_step_box .custom_steps ul li p {
    margin: 0;
    transform: none;
    font-weight: 600;
}

.apply_step_box .custom_steps ul li.current:after {
    border-color: #FF6724;
}

.apply_step_box .custom_steps ul li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #CCCCCC;
    transform: translateY(-20%);
    top: 0;
    inset-inline-start: 0;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    background: transparent;
    border: 1px solid #CCCCCC;
}

.apply_step_box .custom_steps ul {
    counter-reset: item;
}

.apply_step_box .custom_steps ul li {
    counter-increment: item;
    padding-bottom: 1rem;
}

.apply_step_box .custom_steps ul li::before {
    content: counter(item);
    font-weight: bold;
    position: absolute;
    inset-inline-start: calc(0% + 0.6rem);
    transform: translateX(50%);
    top: 0;

}

.apply_step_box .custom_steps ul li::before {
    opacity: .25;
}

.apply_step_box .custom_steps ul li.current:before {
    opacity: 1;
}

/* .step_wrapper svg path{
    transform-origin: 50%;
    transform: rotate(360deg);
    transition: all 5s;
}
.step_wrapper svg path:nth-child(1){
    transition-delay: .5s;
}
.step_wrapper svg path:nth-child(2){
    transition-delay: 1.5s;
}
.step_wrapper svg path:nth-child(3){
    transition-delay: 2s;
}
.step_wrapper svg path:nth-child(4){
    transition-delay: 2.5s;
} */
/*
 @keyframes float {
  0%   { transform: translateY(0px) scale(1) rotate(0deg); }
  25%  { transform: translateY(-6px) scale(1.01) rotate(0.3deg); }
  50%  { transform: translateY(0px) scale(1.02) rotate(0deg); }
  75%  { transform: translateY(6px) scale(1.01) rotate(-0.3deg); }
  100% { transform: translateY(0px) scale(1) rotate(0deg); }
}

svg {
  animation: float 6s ease-in-out infinite;
  transform-origin: center;
}

@keyframes slowFloat {
  0%   { transform: translateY(0px) rotate(0deg); }
  50%  { transform: translateY(-8px) rotate(0.4deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

@keyframes fastFloat {
  0%   { transform: translateY(0px) rotate(0deg); }
  50%  { transform: translateY(6px) rotate(-0.4deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

g path[stroke="#101820"] {
  animation: slowFloat 7s ease-in-out infinite;
  transform-origin: center;
}

g path[stroke="#FF6724"],
g path[stroke="#BB5529"] {
  animation: fastFloat 5s ease-in-out infinite;
  transform-origin: center;
}*/
.apply_step_box .step_wrapper svg {
    max-width: 100%;
    animation: baseFloat 6s ease-in-out infinite;
    transform-origin: center;
    transition: transform 0.4s ease;
}

@keyframes baseFloat {
    0% {
        transform: translateY(0px) scale(1) rotate(0deg);
    }

    25% {
        transform: translateY(-10px) scale(1.03) rotate(0.6deg);
    }

    50% {
        transform: translateY(0px) scale(1.05) rotate(0deg);
    }

    75% {
        transform: translateY(10px) scale(1.03) rotate(-0.6deg);
    }

    100% {
        transform: translateY(0px) scale(1) rotate(0deg);
    }
}

/* Black waves — heavier motion */
.apply_step_box .step_wrapper svg g path[stroke="#101820"] {
    animation: waveA 13.5s linear infinite;
    transform-origin: center;
}

/* Orange waves — faster, energetic */
.apply_step_box .step_wrapper svg g path[stroke="#FF6724"],
.apply_step_box .step_wrapper svg g path[stroke="#BB5529"] {
    animation: waveB 12.5s linear infinite;
    transform-origin: center;
}

@keyframes waveA {

    /* from { transform: translateX(-6px) rotate(-0.4deg); }
  to   { transform: translateX(6px) rotate(0.4deg); } */
    0% {
        transform: translateX(-6px) rotate(0deg) scale(1);
    }

    50% {
        transform: translateX(6px) rotate(-180deg) scale(1.4)
    }

    100% {
        transform: translateX(-6px) rotate(-360deg) scale(1);
    }
}

@keyframes waveB {

    /* from { transform: translateX(8px) rotate(0.8deg); }
  to   { transform: translateX(-8px) rotate(-0.8deg); } */
    0% {
        transform: translateX(8px) rotate(0deg) scale(1);
    }

    50% {
        transform: translateX(-8px) rotate(180deg) scale(.8);
    }

    100% {
        transform: translateX(8px) rotate(360deg) scale(1);
    }
}

.apply_step_box .wizard>.actions {
    padding-inline-start: 0;
    padding-inline: 10%;
}

.apply_step_box .wizard>.actions ul {
    width: 100%;
}

.custom_steps .step_wrapper {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .apply_step_box {
        grid-template-columns: 100%;
    }

    .apply_step_head .circleBox {

        position: relative;
        width: 10rem;
        margin: 1rem;
        margin-inline-end: 0;
        margin-inline-start: auto;
    }
}

.apply_step_box .wizard>.content {
    margin-top: 0;
}

.apply_step_box .formArea {

    padding-inline-end: 0;
}

.apply_step_head .circleBox {
    inset-inline-end: 15px;
}

.apply_step_box .custom_steps ul li.current:after {
    border-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    background-color: var(--primary-color);
}

.apply_step_box .custom_steps ul li.current:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-color: transparent #fff #fff transparent;
    border-style: solid;
    border-width: 2px;
    transform: rotate(37deg) translateX(0%) translateY(50%);
    transform-origin: 100% 100%;
    z-index: 1;
    content: "";
    left: 1.2rem;
    transform-origin: 100% 50%;
}


.apply_step_box [type=radio]:checked+span:after {
    background-color: #f0f0f0;
}

.apply_step_box [type=radio]:checked+span:before {
    background-color: var(--primary-color);
    z-index: 2;
    transform: scale(.6);
}

.apply_step_box .wizard>.actions {
    padding-inline-end: 0;
}

.apply_step_box .input-field>ul>li:before {

    background: transparent;

    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid var(--primary-color);
    border-radius: 30%;
    /* overflow: hidden; */
}

.icon.info {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16V12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8H12.01' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1rem;
    height: 1rem;
}

.form_phase_4 .input-field>label {
    display: flex;
}

.info-popup ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
}

.info-popup h2 {
    color: var(--primary-color);
}

.info-popup h3 {
    margin: 0;
    margin-bottom: .4rem;
}

.info-popup ul li p:nth-child(2) {
    margin-top: 0
}

.info-popup ul li p:last-child {
    margin-bottom: 0;
}

.info-popup ul {
    counter-reset: item;
    padding: 0;
}

.info-popup ul li {
    counter-increment: item;
    padding-bottom: 1rem;
    padding-inline-start: 3rem;
    position: relative;
}

.info-popup ul li::before {
    content: counters(item, ".", decimal-leading-zero);
    font-weight: bold;
    position: absolute;
    inset-inline-start: calc(0% + 0.6rem);
    transform: translateX(50%);
    top: 0;
}

.form_phase_4 .multiple_choice.input-field>label {
    display: flex;
    padding: 0;
    gap: .4rem;
    padding-bottom: .5rem;
    position: relative;
    padding-top: .4rem;
}

.multiple_choice {
    counter-increment: item;
    padding-inline-start: 2rem;
    margin-bottom: 1rem;

}

@media screen and (max-width: 767px) {
    .multiple_choice_wrapper {
        margin-top: 3rem;
    }
}

.multiple_choice>label::before {
    content: counters(item, ".", decimal-leading-zero);
    font-weight: bold;
    position: absolute;
    inset-inline-end: calc(100% + 1.7rem);


    transform: translateX(50%) translateY(-50%);
    top: 50%;
    z-index: 2;
    top: 1.2rem;
}

.multiple_choice>label::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;

    top: 0;
    inset-inline-end: calc(100% + .5rem);
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    z-index: 1;
    opacity: .1;

}

[type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: #cbcbcb;
    border: 2px solid #cbcbcb;
    top: 0;
    z-index: 0;
}

[type=checkbox]+span:not(.lever) {

    font-weight: 400;
}

.multiple_choice .custom_checkbox>label {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.ai-wrapper {
    position: relative;
    z-index: 1;

}

.ai-wrapper:after {
    content: "";
    background-color: #939393;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .1;
}

.ai_interview .ai_top {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: -1;
    padding: 1rem;
    align-items: center;
}

.ai_interview .ai_top .box:nth-child(2) {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.ai_interview .ai_top h3 {
    text-transform: uppercase;
}

.ai_interview .box_wrapper .chat_box {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.ai_interview .box_wrapper .chat_box.reply {

    flex-direction: row-reverse;
}

.ai_interview .box_wrapper .chat_box img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.ai_interview .box_wrapper .chat_box .chat {
    background-color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    flex: 1;
    position: relative;
}

.ai_interview .box_wrapper .chat_box.message {
    align-items: center;
}

.ai_interview .box_wrapper .chat_box.message .chat {

    display: flex;
    gap: 1rem;
}

.ai_interview .box_wrapper .chat_box.query .chat {
    border-bottom-left-radius: 0;
}

.ai_interview .box_wrapper .chat_box.reply .chat {
    border-bottom-right-radius: 0;
}

.ai_interview .box_wrapper .chat_box .chat h3 {
    margin: 0;

}

.ai_interview .box_wrapper .chat_box .chat p {
    margin: 0;
}

.ai_interview .box_wrapper {
    padding: 2rem;
    padding-bottom: 4rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ai_interview .ai_top:after {
    content: "";
    background-color: #D9D9D9;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .5;
}

.chat_box.message .avatar {
    display: flex;
    align-items: center;
    position: relative;
}

.icon.mic {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1C11.2044 1 10.4413 1.31607 9.87868 1.87868C9.31607 2.44129 9 3.20435 9 4V12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12V4C15 3.20435 14.6839 2.44129 14.1213 1.87868C13.5587 1.31607 12.7956 1 12 1Z' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 10V12C19 13.8565 18.2625 15.637 16.9497 16.9497C15.637 18.2625 13.8565 19 12 19C10.1435 19 8.36301 18.2625 7.05025 16.9497C5.7375 15.637 5 13.8565 5 12V10' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 19V23' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 23H16' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;

    background-size: 57%;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
}

.chat_box.message .mic.hide {
    opacity: 0;
    transform: scale(0)
}

.chat_box.message .status {
    position: absolute;
    top: 100%;
    font-size: .5rem;
    margin-top: .5rem;
    opacity: .5;
}

.chat_box.message .avatar:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: "";
    border-radius: 50%;
}

.chat_box.message .stop-icon {
    position: absolute;
    fill: black;
    transition: .3s;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
}

.ai_interview .box_wrapper .chat_box.message .chat .error {
    position: absolute;
    top: 100%;
    color: red;
    font-size: .7rem;
    top: 100%;
    margin-top: .25rem;
}

.ai_interview .box_wrapper .chat_box.message .chat .btn-clear {
    position: absolute;
    inset-inline-end: 0;
    text-transform: none;
    top: 100%;
    margin-top: .5rem;
    border-radius: 1rem;
    font-size: .7rem;
}
.ai_interview .box_wrapper .chat_box.message .chat .btn-clear:hover {
    color: #fff;
}
.icon.send {

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 2L11 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
}

.chat_box.message .icon.mic {
    position: relative;
    z-index: 1;

}

.chat_box.message .icon.send {

    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--primary-color);
    /* padding: 0.5rem; */
    border-radius: 50%;
    background-size: 57%;
    background-position: center;
    flex-shrink: 0;
}

.ai_interview .box_wrapper .chat_box .chat textarea {
    border-radius: 1rem;
    border: none;
}

.ai_interview .box_wrapper .chat_box .chat textarea:focus-visible {
    outline: none;
}

.ai_interview .ai_top .icon.time {
    width: 1.5rem;
    height: 1.5rem;
}

.icon.time {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.9655 7.06125L26.6067 3.7025C26.1185 3.21431 25.3271 3.21431 24.839 3.7025C24.3508 4.19069 24.3508 4.98213 24.839 5.47025L25.6345 6.26575L24.0031 7.89712C21.8795 6.1255 19.2973 5.056 16.543 4.80706V2.5H17.668C18.3583 2.5 18.918 1.94037 18.918 1.25C18.918 0.559625 18.3583 0 17.668 0H12.918C12.2276 0 11.668 0.559625 11.668 1.25C11.668 1.94037 12.2276 2.5 12.918 2.5H14.043V4.80706C7.18522 5.42681 1.66797 11.1855 1.66797 18.375C1.66797 25.9051 7.76178 32 15.293 32C22.8231 32 28.918 25.9062 28.918 18.375C28.918 15.1556 27.8082 12.1071 25.7708 9.66488L27.4022 8.0335L28.1977 8.829C28.6858 9.31713 29.4773 9.31719 29.9655 8.829C30.4536 8.34088 30.4536 7.54944 29.9655 7.06125ZM15.293 29.5C9.15866 29.5 4.16797 24.5093 4.16797 18.375C4.16797 12.2407 9.15866 7.25 15.293 7.25C21.4273 7.25 26.418 12.2407 26.418 18.375C26.418 24.5093 21.4273 29.5 15.293 29.5ZM21.7882 18.375C21.7882 19.0654 21.2285 19.625 20.5382 19.625H15.293C14.6027 19.625 14.043 19.0654 14.043 18.375V11.0203C14.043 10.3299 14.6027 9.77031 15.293 9.77031C15.9834 9.77031 16.543 10.3299 16.543 11.0203V17.125H20.5382C21.2285 17.125 21.7882 17.6846 21.7882 18.375Z' fill='%23FF6724'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1rem;
    height: 1rem;
}

.step-svg .ai-image {
    border-radius: 1rem;
    overflow: hidden;
}

.step-svg .ai-image img {
    border-radius: 1rem;
}

.text-brand {
    color: var(--primary-color);
}

h3.text-brand {
    font-size: 1.7rem;
    margin: 0;
}

.stepperWraper ol {
    list-style: none;
    padding-inline-start: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.stepperWraper ol li {
    counter-increment: item;
    padding-inline-start: .2rem;

    margin-bottom: 1rem;
    position: relative;
}

.stepperWraper ol li:before {
    content: counters(item, ".", decimal-leading-zero);
    font-weight: bold;
    position: absolute;
    inset-inline-end: calc(100% + 1.7rem);
    transform: translateX(50%) translateY(-50%);
    top: 50%;
    z-index: 2;
    top: 1.2rem;
}

.stepperWraper ol li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    top: 0;
    inset-inline-end: calc(100% + .5rem);
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    z-index: 1;
    opacity: .1;
}

.stepperWraper ol li p {
    margin-top: .2rem;
}

.thanks_container {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    right: 0;
    left: 0;
}

.thank_wrapper {

    max-width: 900px;
}

.thank_wrapper h2 {
    color: var(--primary-color);
    font-size: 2.4rem;
    position: relative;
    margin: 2rem 0;
}

@media screen and (max-width: 767px) {
    .thank_wrapper h2 {
        font-size: 1.4rem;
    }
}

.thank_wrapper h2:after {
    position: absolute;
    content: "";
    inset-inline-start: 0;
    top: calc(100% + 1rem);
    background-color: var(--border-color);
    height: 1px;
    width: 80%;
    margin: auto;
    right: 0;
    left: 0;
}

.ai_chat_btn {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    background-size: 57%;
    background-position: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai_chat_btn button {
    background-color: transparent;
    border: none;
    color: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.ai_interview .chat_box .date_time {
    font-size: .7rem;
    opacity: .6;
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    margin-top: .3rem;
}

body {
    background-color: #F8F7F4;
}

.form_phase_4 input:not([type]),
.form_phase_4 input[type="date"]:not(.browser-default),
.form_phase_4 input[type="datetime-local"]:not(.browser-default),
.form_phase_4 input[type="datetime"]:not(.browser-default),
.form_phase_4 input[type="email"]:not(.browser-default),
.form_phase_4 input[type="number"]:not(.browser-default),
.form_phase_4 input[type="password"]:not(.browser-default),
.form_phase_4 input[type="search"]:not(.browser-default),
.form_phase_4 input[type="tel"]:not(.browser-default),
.form_phase_4 input[type="text"]:not(.browser-default),
.form_phase_4 input[type="time"]:not(.browser-default),
.form_phase_4 input[type="url"]:not(.browser-default),
.form_phase_4 textarea.materialize-textarea,
.selectric .label,
.selectric .button,
.form_phase_4 .selectric {
    box-shadow: inset 0 0 0 1px #E8E8E6;
    background: #E8E8E6;

}

footer .footer_newsletter {
    background: #E8E8E6;
}

.form-v3 [type=radio]+span:after,
.form-v3 [type=radio]+span:before {

    background-color: #E8E8E6;
    border-color: #E8E8E6;
}

.form-v3 [type=radio]:checked+span:after {
    transform: scale(.7);
    background-color: var(--primary-color);
    background-image: none;
}

form .input_parent input[type=file] {
    cursor: pointer;
}

.form-v3 .input_box .input-field>label.error {
    left: auto !important;
    right: 0 !important;
}

@media screen and (min-width: 767px) {
    .custom_steps .step_wrapper {
        position: sticky;
        top: 0;
    }
}

.form_phase_4 .addMore .inner_ {

    -webkit-box-shadow: inset 0 0 0 1px var(--grey-color);
    box-shadow: inset 0 0 0 1px #000000;

    color: #ffffff;

    background-color: #000000;
}

.mic-icon,
.stop-icon {
    position: absolute;
    fill: white;
    transition: .3s
}

.stop-icon {
    opacity: 0;
    transform: scale(0)
}

.stop-icon.show {
    opacity: 1;
    transform: scale(1)
}

.mic-icon.hide {
    opacity: 0;
    transform: scale(0)
}
.input-field>label.question-label{
        margin-bottom: 1rem;
    min-height: 2rem;
    align-items: center;
    display: flex;
}
.icon.stop{
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='stop-icon' id='stopIcon' width='24' viewBox='0 0 24 24'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
}
.image_.apply_image img,.image_.apply_image picture{
 border-radius: 1rem;
    margin-top: 1rem;
    object-fit: cover;
    width: 100%;
}

.impact-details{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.mcq-text strong {
     color: var(--primary-color);
}

.icon.time{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6V12L16 14' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: contain;
 width: 1.5rem;
    height: 1.5rem;
}
.icon.questition{
background-image: url("data:image/svg+xml,%0A%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cstyle%3E .s0 %7B fill: none;stroke: %23000000;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2 %7D .s1 %7B fill: %23000000 %7D %3C/style%3E%3Cpath class='s0' d='m12 22c5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10z'/%3E%3Cpath class='s1' d='m14.11 9.37q0 0.91-0.99 1.98-0.99 1.06-0.99 1.73v0.46h-1.52v-0.5q0-0.49 0.28-0.99 0.27-0.52 0.65-0.9 0.93-0.91 0.93-1.73 0-0.45-0.32-0.76-0.31-0.33-0.86-0.33-0.56 0-0.91 0.4-0.35 0.41-0.39 0.99l-1.47-0.21q0.21-1.23 1.01-1.92 0.81-0.69 1.89-0.69 1.23 0 1.95 0.7 0.74 0.68 0.74 1.77zm-1.98 5.16v1.47h-1.53v-1.47z'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
 
background-size: contain;
 width: 1.5rem;
    height: 1.5rem;
}
.imp-box{
   display: flex;
    align-items: center;
    gap: .5rem;
}
.imp-box-wrapper{
    display: flex;
    gap: 2rem;
 
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.imp-box-wrapper .imp-box{
    position: relative;
}
.imp-box-wrapper .imp-box:first-child:after{
    height: 80%;
    width: 2px;
    margin: auto;
    background-color: #ccc;
    inset-inline-start: calc(100% + 1rem);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
}
.imp-box-wrapper .imp-box p:nth-child(2){
    font-weight: 600;
}
.imp-box-wrapper .imp-box p:nth-child(3){
    color: var(--primary-color);
}
.imp-details{
    margin:2rem 0;
}
.imp-details h3{
    color: var(--primary-color);
}
.more-wrapper{
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.imp-box-details{
    margin: 4rem 0;
}
@media screen and (max-width: 1024px) {
    .imp-box-wrapper {
    
        /* flex-wrap: wrap; */
        flex-direction: column;
    }
    .imp-box-wrapper .imp-box:first-child:after {
        height:2px;
        width: 100%;
        margin: auto;
        background-color: #ccc;
        inset-inline-start:0;
        content: "";
        position: absolute;

        top: calc(100% + 1rem);
    }
}

body main {
    overflow: inherit;
}
@media screen and (min-width: 767px) {
    .custom_steps .step_wrapper {
        position: sticky;
        top: 0;
    }
}
.ai_interview .chat_box .avatar span{
        width: 2.2rem;
    height: 2.2rem;
    background: var(--primary-color);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
}

 
.ai_interview .ai_top:after {
    opacity: 1;
}
/* ------------------------------------------ */
@media screen and (max-width: 767px) {
    .multiple_choice_wrapper {
        margin-top: 2rem;
    }
    .timer-bar {
        margin-top: 3rem;
    }
}
.multiple_choice{
        padding-inline-start: 3rem;
}
.timer-bar {
    position: sticky;
    width: 100%;
    margin-bottom: 2rem; 
    height: 3rem;
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: .5rem;
    overflow: hidden;
    z-index: 9;
    gap: .5rem;
        top: var(--top_off);
    background: #fff;
}

.timer-bar::after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: .1;
    content: "";
    top: 0;
    left: 0;
}
.time-progress{
    position: absolute;
    height: 100%;
    background-color: var(--primary-color);
    opacity: .2;
    width: 10%;
    inset-inline-start: 0;
    z-index: -1;
        border-radius: .5rem;
}
.circleBox{
    display: none;
}
html.firefox header .barnd_box .navbar-brand {
  height: 3.5rem;
}
.form_phase_4 .addMore .inner_ .icon svg {
    height: 100%;
    width: 40px;
}