/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

/*button,*/
/*[type='button'],*/
/*[type='reset'],*/
/*[type='submit'] {*/
/*    -webkit-appearance: button;*/
/*    !* 1 *!*/
/*    background-color: transparent;*/
/*    !* 2 *!*/
/*    background-image: none;*/
/*    !* 2 *!*/
/*}*/

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
    display: none;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
    #sec-apply-yourself .flex-col{
        width:33%;
    }
    #sec-apply-yourself .flex-col .w-full h3{
        white-space:nowrap;
    }
    
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1360px;
    }
    
}

@media (min-width: 1536px) {
    /*.container {*/
    /*    max-width: 1536px;*/
    /*}*/
}
@media (max-width:768px){
    #sec-apply-yourself main > .flex,#page main > .flex{
        flex-direction:column;
    }
    #page .container{
        max-width:100%;
    }
    #sec-apply-yourself main,#page main{
        width:90%;
    }
    /*.ham-menu-container h4.logo{*/
    /*    display:none;*/
    /*}*/
    /*.nkh_header-right-side{*/
    /*    padding-left:40px;*/
    /*}*/
    .ham-menu-container .nkh_header-right-side .button{
        flex-wrap:wrap;
    }
    .nkh_att_left_side-bar .tab_header{
        margin:1rem 1.5rem;
    }
    .nkh_header_cta{
        display:none;
    }
    .nkh_header_cta .cta_aplly{
        margin-right:8px !important;
    }
    .nkh_header_cta .cta_upgrade{
        margin-right:0 !important;
    }
    #dashboard .grid-cols-2,#dashboard .w-2\/3{
        width:100%;
    }
    #dashboard .w-2\/3 img{
        object-fit:cover;
    }
    #profile,.nkh_tab-contents > div{
        padding:0 !important;
        overflow:hidden !important;
    }
    #my-account {
        padding:0 !important;
    }
    #my-account .wrapper .submit-row{
        bottom:-72px;
    }
    #find_school_page{
        padding-top:0;
    }
    .have-sidebar-filter{
        width:100%;
    }
    .have-sidebar-filter .mobile-filter-nav{
        z-index:99;
        position:relative;
    }
    .program-card footer a{
        width: calc(60% - 4px);
    }
    #create-cv,#sop-page,#recommendation-page{
        padding-left:0 !important;
        padding-bottom:50px;
    }
    #recommendation-page{
        border-top:0;
    }
    .flex.justify-end.w-5\/6.mx-auto.align-items-center{
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-left: 0 !important;
        font-size: 13px;
        margin-right: 0 !important;
    }
    #choose-your-program-page table th,#choose-your-program-page table td{
        white-space:nowrap;
    }
    #choose-your-program-page form .w-5\/6{
        width:100%;
    }
    #choose-your-program-page .bg-white h2.font-bold{
        /*width: 100%;*/
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*justify-content: flex-end;*/
    }
    #my_professors main table thead{
        position: sticky;
        top: 10px;
        left: 0;
        background: #fff;
        box-shadow: 0 2px 30px -7px rgba(0,0,0,0.2);
        z-index: 99999999999;
    }
    #my_professors main table thead th,#my_professors main table tbody td{
        white-space: nowrap;
        padding-bottom: 10px;
        padding-left: 5px;
        width: auto;
        padding-top: 10px;
        text-align: center;
    }
    #ticket_submission_form .pl-6rem{
        padding-left:0;
    }
    #referral_page .w-2\/3{
        width:100%;
    }
    

}
#choose-your-program-page .bg-white > .btn-fill.btn-small{
    display:none;
}
.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.bottom-3 {
    bottom: 0.75rem;
}

.end-2 {
    inset-inline-end: 0.5rem;
}

.end-20 {
    inset-inline-end: 5rem;
}

.top-3 {
    top: 0.75rem;
}

.m-2 {
    margin: 0.5rem;
}

.m-4 {
    margin: 1rem;
}

.m-8 {
    margin: 2rem;
}

.mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.-ml-\[10\%\] {
    margin-left: -10%;
}

.-mt-1 {
    margin-top: -0.25rem;
}

.-mt-10 {
    margin-top: -2.5rem;
}

.-mt-2 {
    margin-top: -0.5rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-10 {
    margin-left: 2.5rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-20 {
    margin-left: 5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-6 {
    margin-left: 1.5rem;
}

.ml-8 {
    margin-left: 2rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-16 {
    margin-right: 4rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-32 {
    margin-top: 8rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-48 {
    margin-top: 12rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.h-24 {
    height: 6rem;
}

.h-28 {
    height: 7rem;
}

.h-32 {
    height: 8rem;
}

.h-40 {
    height: 10rem;
}

.h-6 {
    height: 1.5rem;
}

.h-96 {
    height: 24rem;
}

.h-screen {
    height: 100vh;
}

.w-1\/3 {
    width: 33.333333%;
}

.w-1\/4 {
    width: 25%;
}

.w-1\/5 {
    width: 20%;
}

.w-1\/6 {
    width: 16.666667%;
}

.w-10 {
    width: 2.5rem;
}

.w-11\/12 {
    width: 91.666667%;
}

.w-12 {
    width: 3rem;
}

.w-2\/3 {
    width: 66.666667%;
}

.w-2\/5 {
    width: 40%;
}

.w-28 {
    width: 7rem;
}

.w-3\/4 {
    width: 75%;
}

.w-3\/5 {
    width: 60%;
}

.w-32 {
    width: 8rem;
}

.w-40 {
    width: 10rem;
}

.w-44 {
    width: 11rem;
}

.w-48 {
    width: 12rem;
}

.w-5\/6 {
    width: 83.333333%;
}

.w-56 {
    width: 14rem;
}

.w-6 {
    width: 1.5rem;
}

.w-\[120\%\] {
    width: 120%;
}

.w-\[90\%\] {
    width: 90%;
}

.w-full {
    width: 100%;
}

.flex-grow {
    flex-grow: 1;
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

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

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.self-center {
    align-self: center;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-sm {
    border-radius: 0.125rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.border {
    border-width: 1px;
}

.border-2 {
    border-width: 2px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-r {
    border-right-width: 1px;
}

.border-t {
    border-top-width: 1px;
}

.border-dashed {
    border-style: dashed;
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.p-1 {
    padding: 0.25rem;
}

.p-10 {
    padding: 2.5rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-8 {
    padding: 2rem;
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.pl-12 {
    padding-left: 3rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-8 {
    padding-left: 2rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-start {
    text-align: start;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.text-5xl {
    font-size: 3rem;
    line-height: 1;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-extralight {
    font-weight: 200;
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity));
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity));
}

.placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(55 65 81 / var(--tw-placeholder-opacity));
}

.placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(55 65 81 / var(--tw-placeholder-opacity));
}

.shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 0 8px 30px rgb(0, 0, 0, 0.12);
    --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
    outline-style: solid;
}

.outline-1 {
    outline-width: 1px;
}

.outline-gray-300 {
    outline-color: #d1d5db;
}

.outline-gray-400 {
    outline-color: #9ca3af;
}

.outline-gray-500 {
    outline-color: #6b7280;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

table {
    border-collapse: collapse;
}

th.tdd,
td.tdd {
    padding-left: 15px;
    padding-right: 15px;
    height: 60px;
    margin-left: 30px;
    margin-right: 30px;
    vertical-align: middle;
}

.container-2 {
    width: 60%;
}

.text-200 {
    color: #824DEB;
}

.bg-100 {
    background-color: #f5eafd;
}

.bg-200 {
    background-color: #824DEB;
}

.bg-300 {
    background-color: #a9e7cf;
}

.bg-400 {
    background-color: #edebf0;
}

.bg-500 {
    background-color: #f7f6f9;
}

.bg-600 {
    background-color: #fefefe;
}

.bg-700 {
    background: rgb(242, 242, 242);
    background: linear-gradient(90deg, rgba(242, 242, 242, 1) 1%, rgba(252, 252, 252, 1) 30%, rgba(247, 247, 247, 1) 68%, rgba(240, 240, 240, 1) 100%);
}

.bg-800 {
    background: rgb(130, 77, 235);
    background: linear-gradient(90deg, rgba(130, 77, 235, 0.05928308823529416) 1%, rgba(252, 252, 252, 1) 30%, rgba(252, 252, 244, 1) 68%, rgba(130, 77, 235, 0.1377144607843137) 100%);
}

.bg-900 {
    background-color: #d1cbdd;
}

.bg-250 {
    background: rgb(130, 77, 235);
    background: linear-gradient(90deg, rgba(130, 77, 235, 0.04527748599439774) 1%, rgba(247, 247, 247, 1) 4%, rgba(252, 252, 244, 1) 66%, rgba(130, 77, 235, 0.1377144607843137) 100%);
}

.bg-3 {
    background: linear-gradient(219deg, rgba(200, 118, 64, 0.9192270658263305) 1%, rgba(233, 193, 176, 1) 72%, rgba(151, 100, 78, 1) 100%);
}

.bg-2 {
    background: linear-gradient(219deg, rgba(140, 133, 128, 0.9192270658263305) 1%, rgba(237, 231, 228, 1) 72%, rgba(137, 136, 136, 1) 100%);
}

.bg-1 {
    background: linear-gradient(219deg, rgba(255, 206, 68, 0.9192270658263305) 1%, rgba(255, 233, 161, 1) 72%, rgba(255, 184, 0, 1) 100%);
}

.hover\:text-200:hover {
    color: #824DEB;
}

.hover\:bg-200:hover {
    background-color: #824DEB;
}

.border-200 {
    border: #824DEB 2px solid;
}

.border-x-200 {
    border-color: #824DEB;
    border-style: solid;
}

.outline-200 {
    outline-color: #824DEB;
}

.placeholder-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: #824DEB;
}

.placeholder-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: #824DEB;
}

.hover-svg-200:hover {
    fill: #824DEB;
}

.w-112 {
    width: 28rem;
}

.h-116 {
    height: 29rem;
}

.my-0\.4 {
    margin-top: 0.06rem;
    margin-bottom: 0.06rem;
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\]:hover {
    --tw-shadow: 0 8px 30px rgb(0, 0, 0, 0.12);
    --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.highlighted-card {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.highlighted-card a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background-color: #824DEB;
}

span.self-center.mr-2.w-6.h-6.text-white.rounded-full.bg-200 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-1\/4.m-2.shadow-md.rounded-xl.bg-white .flex.justify-start.mx-8 > * {
    white-space: nowrap;
}

.find-school .find-school,
.find-program .find-program,
.create-cv .create-cv,
.create-email .create-email,
.find-your-professor .find-your-professor,
.send-email .send-email,
.sop .sop, .default-one .in_roadmap > *:nth-child(1),
.recommendation .recommendation,
.choose-your-programs .choose-your-programs,
.apply-now .apply-now {
    background-color: #7746d8 !important;
    color: #fff !important;
    animation: pulse-animation 2s infinite;
}
.find-school .find-school svg path,
.find-program .find-program svg path,
.create-cv .create-cv svg path,
.create-email .create-email svg path,
.find-your-professor .find-your-professor svg path,
.send-email .send-email svg path,
.sop .sop svg path, .default-one .in_roadmap > *:nth-child(1) svg path,
.recommendation .recommendation svg path,
.choose-your-programs .choose-your-programs svg path,
.apply-now .apply-now svg path{
    fill: #fff;
}

.find-school .find-school .bg-200,
.find-program .find-program .bg-200,
.create-cv .create-cv .bg-200,
.create-email .create-email .bg-200,
.find-your-professor .find-your-professor .bg-200,
.send-email .send-email .bg-200,
.sop .sop .bg-200, .default-one .in_roadmap > *:nth-child(1) .bg-200,
.recommendation .recommendation .bg-200,
.choose-your-programs .choose-your-programs .bg-200,
.apply-now .apply-now .bg-200 {
    background-color: white !important;
    color: #824DEB;
}
.default-one > *:nth-child(1) .bg-200 svg path{
    fill:#824DEB;
}


@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgb(104, 62, 189);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.flex.py-2.px-3.text-sm.rounded-3xl.text-black.font-bold.border.border-gray-300 {
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    min-width: 147px;
}

.ham-menu {
    display: flex;
    gap: .25rem;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.5rem 1rem;
    margin: 0.25rem 1rem;
    cursor:pointer;
}

.ham-menu > span {
    width: 1.5rem;
    height: .25rem;
    background-color: #cbcbcb;
    transition:all ease 400ms;
}
.ham-menu:hover span,.ham-menu.open > span{
    background-color:#7746d8;
}

.nkh_att_left_side-bar .tab_header > span:nth-child(1) {

}

.nkh_att_left_side-bar .tab_header > span:nth-child(2) {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: opacity 200ms ease-in-out, width 150ms linear , left 250ms ease-in-out;
    position: absolute;
    left: 0;
}

.nkh_att_left_side-bar.open .tab_header > span:nth-child(2) {
    opacity: 1;
    width: 153px;
    text-align: left;
    left: 89px;
}

.nkh_att_left_side-bar {
    white-space: nowrap;
    position: fixed;
    top: 0;
    padding-top:3.15rem;
    left: -0.5rem;
    z-index: -2;
    display: flex;
    flex-direction: column;
    width: 6rem;
    transition: all ease 400ms;
    background-color: transparent;
    background: unset;
    margin: 0;
    border-radius: 0;
    opacity:0;
    width:0;
    box-shadow : 0 4px 10px rgba(0,0,0,0.1);
    height:100vh;
    justify-content:space-between;
}

.nkh_att_left_side-bar.hide-all {
    left: -7rem;
}

.nkh_att_fixed .tab_header, .nkh_att_left_side-bar .tab_header {
    gap: 1rem;
    padding: 0;
    margin: .3rem 1.3rem;
    width: fit-content;
}

.tab_header > span:nth-child(1) {
    display: flex;
    width: 48px !important;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.nkh_att_left_side-bar.open {
    left: 0;
    width: 16.5rem;
    background-color: #fff;
    opacity:1;
    z-index:1000;
    /*height: calc(100vh - 55px);*/
    /*overflow-y: scroll;*/
}


.pl-6rem {
    padding-left: 6rem;
}

.have-sidebar-filter:has(.nkh_att_left_side-bar.open)::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #0000005c;
    z-index: 1000;
}

.ham-menu-container:has(.ham-menu.open) {
    z-index: 10000;
    border-color: white;
}

.ham-menu-container:has(.ham-menu.open) .logo,
.ham-menu-container:has(.ham-menu.open) .ham-menu {
    z-index: 10000;
}
.ham-menu.open span:first-child{
    display:none;
}
.ham-menu.open span:nth-child(2){
    transform: rotate(45deg) translate(6px, 6px);
    width: 1.6rem;
}
.ham-menu.open span:last-child{
    transform: rotate(-45deg) translate(-1px,0px);
    width: 1.7rem;
}
.ham-menu-container h4.logo {
    margin-left: -1.1rem;
}

.nkh_att_left_side-bar.open::before {
    content: "";
    position: absolute;
    left: 0;
    top: -5rem;
    z-index: -1;
    background-color: white;
    width: 100%;
    height: 5rem;
}


.nkh_filter-btn > button {
    margin: 0;
    padding: 10px 20px;
    border-radius: .5rem;
    font-weight: 900;
    text-align: center;
    display: flex;
    justify-content: center;
}

.nkh_filter-btn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    white-space: nowrap;
}

.nkh_roadmap-container .text-sm {
    padding: 0.75rem 0.5rem;
    border-radius: .5rem;
    font-weight: 500;
    white-space: nowrap;
    font-size: 13px;
    background-color: #7746d826;
    border: 0;
    position: relative;
}
.nkh_roadmap-container .text-sm .road_number{
    position: absolute;
    left: 0px;
    top: 9px;
    width: 32px;
    height: 25px;
    background: #7746d8;
    border-radius: 0 7px 7px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
}
.find-school .find-school .road_number, .find-program .find-program .road_number,
.create-cv .create-cv .road_number, .create-email .create-email .road_number,
.find-your-professor .find-your-professor .road_number, .send-email .send-email .road_number,
.sop .sop .road_number, .default-one .in_roadmap > *:nth-child(1) .road_number,
.recommendation .recommendation .road_number,
.choose-your-programs .choose-your-programs .road_number, .apply-now .apply-now .road_number{
    background: #fff;
    color: #7746d8;
}


.hide-scrollbar::-webkit-scrollbar {
    display: none;
}


.page-template-page-desc span.arrow svg path {
    fill: black;
}

.btn-wrap .btn-fill.btn-small {
    width: 160px;
}

/*.not-logged-in .school_lists > div:nth-child(n+9),*/
/*.not-logged-in .program_rel_lists > div:nth-child(n+9),*/
/*.not-logged-in .faculty_lists > div:nth-child(n+19) > .faculty_card {*/
/*    filter: blur(5px) !important;*/
/*    pointer-events: none !important;*/
/*    opacity: .5 !important;*/
/*}*/

a.faculty_profie_btn.btn-gray:hover {
    background-color: #824deb;
    color: white;
}

div#profile > * {
    width: 100%;
    padding-top: 1rem;
}

.user-panel-side .bgcolore {
    color: white;
}

.nkh_favorite {
    padding: 1rem;
}

.nkh_favorite > div {
    width: 100%;
}

.default-one .out_roadmap > *:nth-child(1) path,.find-school .out_roadmap > *:nth-child(3) path { 
    fill: #7746d8;
}

.nkh_cyp-action {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-content: flex-start;
}

.nkh_cyp-action > * {
    align-items: end;
}

.fill-width {
    height: fit-content;
    width: calc(100% - 230px);
    padding: 1rem 2.5rem;
}

.exclude-collapse {
    background-color: white;
    padding: 1rem 1rem 2rem;
    display: grid;
    gap: 0.75rem;
}

.exclude-collapse a {
    padding: 0.75rem 1.5rem !important;
    font-size: 1.25rem !important;
}

.exclude-collapse a.px-2 {
    padding: .75rem .5rem !important;
}

.nkh_nmt > *:nth-child(n+4) {
    filter: blur(0.1rem) !important;
    opacity: 0.5;
    pointer-events: none;
}

ul.recommendation-menu.exclude-collapse a {
    border-radius: 2rem !important;
}

a.bgcoloreing > span:first-child path {
    fill: white;
}
.nkh_att_left_side-bar.open a.bgcoloreing ,
a.bgcoloreing > span:first-child {
    background-color: #7A48DB;
    /*color: white;*/
    animation: pulse-animation 2s infinite;
}


.items-center:has(.ham-menu.open)::before {
}

ul.cv-menu.exclude-collapse .active {
    background: var(--theme-color-3);
    color: white;
    border-radius: 30px;
}

.userplan{
    font-size:12px;
}
.nkh_header_cta .cta_aplly{
    background: #7746d8;
    color: #fff;
    margin-right: 15px;
    border: 2px solid #7746d8;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
}
.nkh_header_cta .cta_aplly:hover{
    box-shadow:0 0 10px rgba(0,0,0,0.15);
}
.nkh_header_cta .cta_upgrade{
    border: 2px solid #7746d8;
    border-radius: 7px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7746d8;
    position:relative;
}
.nkh_header_cta .cta_upgrade:hover{
    box-shadow:0 0 10px rgba(0,0,0,0.15);
}
.nkh_header_cta .tool{
    /*position: absolute;*/
    padding: 5px 10px;
    background: #7746d8;
    color: #fff;
    bottom: -39px;
    right: auto;
    left: auto;
    margin: auto;
    width: fit-content;
    white-space: nowrap;
    font-size: 12px;
    border-radius: 7px;
    font-weight: 500;
    z-index: 999;
    /*display:none;*/
    transition:all ease 300ms;
}
.nkh_header_cta .cta_upgrade .tool{
    background:#7746d8;
}
.nkh_header_cta .tool::after{
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #7746d8 transparent;
    transform: rotate(0deg);
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display:none;
}
.nkh_header_cta .cta_upgrade .tool::after{
    border-color: transparent transparent #7746d8 transparent;
}
.nkh_header_cta a:hover .tool{
    display:block;
}
#find_school_page{
    padding-top:0;
    margin-top:0;
    background:var(--theme-color-2);
}
#find_school_page.not-logged-in,
#program_rel_page.not-logged-in,
#faculty_page.not-logged-in{
    padding-top: 4rem;
}
/* Documents page styles */
#all_document .doc_item{
    border: 1px solid #ddd;
    box-shadow: 4px 4px 0 #eee;
    margin-bottom: 20px;
    padding: 20px;
}
#all_document .doc_item .file-icon{
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block;
}
#all_document .doc_item .dl-btn{
    font-size: 15px;
    color: white;
    padding: 10px 20px;
    background: var(--theme-color-3);
    margin-left:5px;
}
.transaction_table{
    box-shadow:0 0 30px -7px rgba(0,0,0,0.1);
    border-radius:10px;
    margin:0;
}
.transaction_table td,.transaction_table th{
    padding:15px;
    text-align:left;
}
.transaction_table th{
    border-bottom:2px solid #eee;
}
.transaction_table td{
    border-bottom:1px solid #eee;
}
.transaction_table td .show_order{
    background: #7746d8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}
.transaction_table .success,.transaction_table .inprogress,.transaction_table .failed {
    color:#028302;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.transaction_table .inprogress{
    color:#ffc107;
}
.transaction_table .failed {
    color:#f44336;
}
.transaction_table .success svg,.transaction_table .inprogress svg,.transaction_table .failed svg{
    margin-right:3px;
}
.my-payments .show_detail{
    background: #fff;
    width:320px;
    max-width:95%;
    height:fit-content;
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin: auto;
    box-shadow: 0 0 30px -7px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding:15px 20px;
    display:none;
}
.my-payments .show_detail .order_title{
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
}
.my-payments .show_detail .order_title .close_order{
    cursor:pointer;
    color:gray;
}
.my-payments .show_detail .order_title .close_order:hover{
    color:orange;
}
.my-payments .show_detail .price{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.my-payments .show_detail .item{
    font-size:13px;
    margin-bottom:10px;
}
.my-payments .show_detail .order_details .item:last-child{
    margin-bottom:0;
}
.my-payments .show_detail .item .name{
    color:#636363;
}
.my-payments .show_detail .item .value{
    font-weight: 500;
    color: #7746d8;
}
.wpspsc_error_message{
    color:#ffffff !important;
    font-weight: 400 !important;
    font-size: 13px;
}
@media(max-width:768px){
    .transaction_table{
        width: 100% !important;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        display: block;
    }
    
.hide-scrollbar {
    overflow-x: scroll;
}
}
/* Create SOP styles */
.section_sop{
    padding:10px;
    border-radius:6px;
    display: none;
}
.section_sop.active{
    background:#f5f5f5;
    margin-bottom:10px;
    display: block;
}
.section_sop .section_sop_title{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    cursor: pointer;
    color: #7746d8;
    font-weight: 500;
    margin-bottom:10px;
    position:relative;
}
.section_sop .section_sop_title .required,
.section_sop .section_sop_title .optional{
    position: absolute;
    right: 0;
    color: red;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: normal;
}
.section_sop .section_sop_title .optional{
    color:green;
}
.section_sop .add_row{
    padding: 7px 45px;
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
    background:#7746d8;
    cursor: pointer;
}
.section_sop .add_row:hover{
    box-shadow: 0 0 10px -6px rgba(0,0,0,0.1);
}
.section_sop.active .section_sop_title{
    border-color:#7746d8;
}
.section_sop .section_sop_title .circle{
    width: 16px;
    height: 16px;
    border: 2px solid #7746d8;
    border-radius: 50%;
    margin-right: 10px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.section_sop .section_sop_title .circle.pass{
    background: #7746d8;
}
.section_sop .section_sop_title .circle.pass::after{
    content: "\f00c";
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
}
.section_sop .section_sop_title i{
    margin-right: 10px;
    transition:all ease 200ms;
}
.section_sop .section_sop_title i.active{
    transform:rotate(90deg);
}
/* .section_sop .section_sop_content{
    display:none;
} */
.section_sop .section_sop_content .save_sop_q{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 11px;
}
.section_sop .section_sop_content .save_sop_q a{
    background: #7746d8;
    color: #fff;
    padding: 7px 25px;
    border-radius: 4px;
    margin-left:5px;
}
.section_sop .section_sop_content .save_sop_q .msg{
    color: green;
    display: none;
}
.section_sop .section_sop_content .save_sop_q a:hover{
    background:#542f9d;
}
.section_sop .section_sop_content .section_sop_q{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:10px;
}
.section_sop .section_sop_content .section_sop_q:last-child{
    margin-bottom:0;
}
.section_sop .section_sop_content .section_sop_q label{
    margin-right: 10px;
    font-weight:600;
}
.section_sop .section_sop_content .section_sop_q .select2{
    flex:auto;
}
.section_sop .section_sop_content .section_sop_q.need_row{
    flex-wrap:wrap;   
}
.section_sop .section_sop_content .section_sop_q.need_row .select2{
    flex:100%;
    margin-top:10px;
}
.section_sop_q .sop_inline_select{
    width:100%;
    display:flex;
    align-items:center;
    justify-content: flex-start;
    margin-top:10px;
    margin-bottom:10px;
}
.section_sop_q .sop_inline_select .sop_inline_title{
    margin-right:10px;
}
.section_sop_q .select2{
    flex:auto !important;
    margin-top:0 !important;
    width: fit-content !important;
}
.form_option_item{
    display:flex;
    align-items:center;
    justify-content: flex-start;
}
.form_option_item label{
    flex: 0 0 auto;
    margin-right: 20px;
}
.form_option_item input{
    flex:auto;
    height:38px;
    font-size:14px;
}
.section_sop .section_sop_content .form_options{
    display:none;
    margin: 20px 0;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}
.section_sop_content .form_options.show{
    display:block;
}
.section_sop_content .academic_q {
    border: 1px dashed #cbcbcb;
    padding: 10px;
    border-radius: 6px;
    margin-bottom:10px;
}
.section_sop_content .academic_q h4{
    font-weight: bold;
    font-size: 16px;
    cursor:pointer;
}
.section_sop_content .academic_q.open h4{
    margin-bottom:10px;
}
.section_sop_content .academic_q h4:hover{
    color:#7746d8;
}
.section_sop_content .academic_q .section_sop_q{
    display:none;
}
.section_sop_content .academic_q.open .section_sop_q{
    display:flex;
} 
.section_sop .need_repeat{
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 0;
    margin-right: 0;
    margin-left: 0;
}
.section_sop .need_repeat:first-child .remove_row{
    display: none;
}
.nkh_roadmap-container::-webkit-scrollbar, html:has(.nkh_att_left_side-bar) main::-webkit-scrollbar{
    width: 5px !important;
}
.section_sop .section_sop_content .next_select{
    display:none;
}
.section_sop .section_sop_content .next_select.show{
    display: flex;
}
.nkh_sop-form .submit-btn{
    background: var(--theme-color-3);
    border-radius: 8px;
    border: 0;
    padding: 12px 32px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    display: block;
    transition: all .2s;
}
.nkh_sop-form .select2-container .select2-selection--single{
    height: 35px;
}
.nkh_sop-form .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 33px;
}
.nkh_sop-form .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 33px;
}
.lor_q{
    margin: 20px 0;
}
.lor_q h3{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}
.lor_q .lor_example{
    font-size: 12px;
    color: #636363;
}
.lor_q input{
    height: 38px;
}
.lor_q .other_select{
    display: none;
}
.lor_q .select2-container .select2-selection--single{
    height: 38px;
}
.lor_q .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 37px;
}
.lor_q .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 36px;
}
.in_row_com .select2-container{
    width: 300px !important;
    margin-right: 5px;
}
.in_row_com span.select2-container:nth-of-type(1){
    width: 250px !important;
}
/* .in_row_com .select2-container:last-child{
    width: 100% !important;
    margin-right:0;
    margin-top: 5px;
} */

/* Resume select template style */
.template_resume{
    border:5px solid transparent;
    transition:all ease 300ms;
}
.template_resume.active,.template_resume:hover{
    border:5px solid #7746d8;
}
.template_resume input{
    display:none;
}
.template_resume .syt-item{
    cursor:pointer;
}
.bg-info{
    background: #fff3cd;
    padding: 1rem;
    text-align: left;
    line-height: 1.7;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0.375rem;
}
.file-upload-status{
    position: absolute;
    left: 68px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 7px 10px rgba(0,0,0,0.1);
    border-radius: 0 0 6px 6px;
    color: #824deb;
    top: -100px;
    transition: all ease 400ms;
    z-index:999;
}
.upload-progress{
    position: absolute;
    left: 9px;
    bottom: 5px;
    width: 50%;
    border-radius: 10px;
    overflow: hidden;
    height: 7px;
    display:none;
}

.upload-progress::-webkit-progress-bar { background-color: #ccc; }
.upload-progress::-webkit-progress-value{background-color: #824DEB;}
.upload-progress::-moz-progress-bar { background-color: #ccc; }
.upload-progress::-moz-progress-value{background-color: #824DEB;}

.account-area .avatar{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7746d8;
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    border: 1px solid #7746d8;
}
.account-area .avatar.open{
    background: #ffa500;
    border: 1px solid #ffa500;
}
.account-area .button .avatar:hover{
    background: #ffa500;
    border: 1px solid #ffa500; 
}
.has_help{
    position:realtive;
}
.show_help{
    position:fixed;
    width:max-content;
    height:auto;
    padding:10px;
    background:#ffffff;
    border-radius:7px;
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    display:none;
    max-width:350px;
    z-index:999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width:350px; 
}
.show_help .close_help {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.show_help .close_help i{
    cursor: pointer;
}
.show_help .close_help i:hover{
    color:#824DEB;
}
.layer{
    position:fixed;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999;
    background:rgba(0,0,0,0.4);
    filter:blur(4px);
    display:none;
}
.typing{
    animation: blink 0.7s step-end infinite;
    white-space: nowrap;
}
@keyframes blink {
    50% { border-color: transparent; }
}
  
/* Mini Account menu styles */
.logout-menu {
    position: absolute;
    top: 39px;
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 100;
    padding: 15px;
    border-radius: 5px;
    width: 285px;
    display:none;
    cursor: auto;
}
.logout-menu .header_mini_menu{
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.logout-menu .header_mini_menu .info{
    width: calc(100% - 40px);
}
.logout-menu .header_mini_menu .info p{
    margin-top:3px;
    color: #636363;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.logout-menu .header_mini_menu .info a{
    font-weight: 500;
    color: #7746d8;
}
/*.account-area:hover .logout-menu {*/
/*    display: block;*/
/*}*/
.logout-menu li {
    list-style-type: none;
    width:100%;
}
.logout-menu li a { 
    display: block;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    width:100%;
}
.logout-menu .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; /* فاصله از سمت راست */
}
.logout-menu .text {
    display: inline-block;
    vertical-align: middle;
}
.logout-menu li {
    list-style-type: none;
    display: flex;
    align-items: center; /* تراز کردن آیتم‌ها به افقی */
    margin-bottom: 10px; /* فاصله بین آیتم‌ها */
}
.logout-menu li a {
    display: flex;
    align-items: center; /* تراز کردن آیتم‌ها به افقی */
    text-decoration: none;
    color: #333;
    padding: 10px 20px;
}
.logout-menu .icon {
    margin-right: 10px; /* فاصله از سمت راست آیکون */
}
.logout-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #484849; /* Adjust color as needed */
}
.logout-menu .upgrade_now a,.logout-menu .apply_with_us a{
    background: #7746d8;
    display: block;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    border-radius: 7px;
    font-weight: 500;
    transition:all ease 300ms;
    margin-bottom:10px;
}
.logout-menu .upgrade_now a:hover{
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.logout-menu .apply_with_us {
    display:none;
}
.logout-menu .mini_list_menu li{
    position:relative;
}
.logout-menu .mini_list_menu li a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.logout-menu .mini_list_menu li:hover .title,.logout-menu .mini_list_menu li:hover .right_list i{
    color: #7746d8;
}
/* My devices page styles */
.my_devices .my_device{
    box-shadow:0 0 10px rgba(0,0,0,0.15);
    border-radius:7px;
    padding:15px;
}
.my_devices .my_device span{
    width:24%;
    text-align:left;
}
.my_devices .title_my_devices span{
    font-weight:600;
}
.my_devices .my_device span.current{
    color:#7746d8;
}
.my_devices .my_device span.previous{
    color:#b1afaf;
}
.my_notif:hover svg{
    fill: #ffa500;
}
.header_panel_set #find-school-mh{
    right: 0;
    margin: 0 auto;
}
#find-school-mh a.signup{
    width: 100px;
}
@media (max-width: 768px) {
    .header_panel_set{
        padding-top: 0 !important;
    }
    .header_panel_set .ham-menu{
        height: 100%;
        padding: 0;
        width: 24px;
        position: static;
        margin:0;
    }
    .ham-menu-container{
        display: flex;
        align-items: center;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        justify-content: space-between;
    }

    .ham-menu-container h4.logo {
        margin-left: 0 !important;
        width: 190px;
    }
    .header_panel_set .ham-menu-container .right_header{
        align-items:center;
        width: calc(100% - 40px);
        margin: 0;
    }
    .log svg{
        width:18px !important;
        height:18px !important;
    }
    #page.page-pricing .tabs::after{
        top:4px !important;
    }
    #page.page-pricing .tabs::before{
        top:20px !important;
    }
    #sec-apply-width-us h3.text-3xl,#page h3.text-3xl {
        max-width: 100% !important;
        margin: 0 auto;
    }
    .cta_header{
        flex-direction:row;
    }

    #intro {
        height: auto !important;
    }
    .form_index_login input{
        max-width:60%;
    }
    #information > svg{
        height: 110px !important;
        bottom: 33px !important;
    }

    .infohh {
        font-size: 14px !important;
    }

    .infoh {
        font-size: 16px !important;
    }

    .home-post-slider-card img {
        height: auto;
        max-height: 109px;
        object-fit: cover;
    }
    .article_section .ct_swiper{
        bottom:-5px !important;
    }

    .dfact .young2 {
        display: none;
    }

    .dfact {
        width: 95% !important;
        left: 2% !important;
    }

    .dfact .w-50 {
        width: 100%;
    }

    .tith3 {
        padding: 20px 0 !important;
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .titlf {
        font-size: 17px !important;
        margin: 18px 0 !important;
        font-weight: 400 !important;
        color: #fff !important;
        padding-bottom: 0 !important;
        width: 100% !important;
        line-height: 24px !important;
    }

    #find-tools .sec-titleei {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 24px;
    }

    #find-tools .container {
        width: 100% !important;
    }

    section#find-tools {
        position: relative;
    }

    section#find-tools .d-flex {
        flex-direction: column;
        margin-top: 2.5rem;
        gap: 1.5rem;
    }

    section#find-tools .d-flex > div {
        margin: 0;
    }

    section#find-tools .btntolog {
        top: 130px !important;
    }

    section#find-tools .btnpartner, section#find-tools .btnstudent {
        margin: 2rem 20px;
    }

    section#find-tools .btnstudent {
        background-color: #824DEB;
        border-radius: 30px;
        padding: 10px 15px;
        color: #fff;
        border: 0;
        display: inline-flex;
        width: 90%;
        margin: 8px auto !important;
        white-space: nowrap;
    }

    .have-sidebar-filter {
        margin-right: unset;
        margin-left: auto;
        flex-direction: column;
    }

    .have-sidebar-filter:has(.nkh_top-55) {
        width: 100%;
    }

    .side-filter .mobile-logo {
        display: none !important;
    }

    .have-sidebar-filter .side-filter {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        visibility: visible;
        background: #fff;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 50000;
        position: static;
        justify-content: center;
        display: none;
        margin-bottom: 10px;
    }

    .faculty_card {
        flex-direction: column;
    }

    .fc-col {
        width: 100% !important;
    }

    .fc-col .action-link,
    .fcc-full-w {
        margin-top: 8px;
    }

    .fc-col:nth-child(4) {
        max-height: 90px;
    }

    main#recommendation-page .row.mx-0,
    main#sop-page .row.mx-0,
    main#create-cv .row.mx-0 {
        flex-direction: column;
    }

    main#recommendation-page .fill-width,
    main#sop-page .fill-width,
    main#create-cv .fill-width {
        width: 100%;
        padding: 0 .5rem;
    }

    main#recommendation-page .menu-col,
    main#sop-page .menu-col,
    main#create-cv .menu-col {
        margin: auto;
        width:100%;
    }
    #sop-page .guidence, #sop-page .secttion-sample,#sop-page .section-format{
        margin-top:13px;
    }
    .section_sop .section_sop_title .required, .section_sop .section_sop_title .optional{
        top:-20px;
    }
    #sop-page .content-col,#recommendation-page .content-col{
        width:100%;
    }
    .section_sop .section_sop_title{
        font-size:14px;
    }
    .section_sop .section_sop_content .section_sop_q{
        flex-direction: column;
        align-items: flex-start;
    }
    .section_sop .section_sop_content .section_sop_q .select2{
        width:100% !important;
    }
    .section_sop{
        padding-top:27px !important;
    }
    .section_sop_q .sop_inline_select,.form_option_item{
        flex-wrap:wrap;
    }
    .section_sop .section_sop_content .section_sop_q label{
        margin-right:0 !important;
        width:100%;
        text-align: left;
    }
    .in_roadmap{
        gap:0 5px;
    }
    .review_sop{
        max-width: 94%;
        max-height: 94%;
    }
    .back_review .col-6 {
        width:100% !important;
        justify-content: space-between;
        display: flex;
        margin-top: 20px;
    }
    .back_review a{
        margin:0;
    }
    .content-col .section-field .clear, .content-col .section-field .back-btn{
        display:flex;
        align-items:center
    }
    #recommendation-page .lor_q .in_row_com .select2-container{
        width:100% !important;
    }
    .filter_apply_list{
        flex-wrap: wrap;
    }
    .filter_apply_list strong{
        width: 100%;
        margin-bottom: 13px;
    }
    .filter_apply_list #form-order-table{
        display:flex;
    }
    .filter_apply_list #form-order-table select{
        font-size: 14px;
        margin: 0;
        padding: 10px;
        margin-right:11px;
    }
    .filter_apply_list #form-order-table select:last-child{ 
        margin-right:0;
    }
    .logout-menu .apply_with_us {
        display:block !important;
    }
    .application_list{
        overflow-x: scroll;
        padding:13px;
    }
    .application_list .app_titles{
        display: inline-flex;
    }
    .application_list .application{
        display: inline-flex;
    }
    .application_list .application .program_name{
        width: 300px !important;
    }
    .application_list .application .deadline{
        width:165px !important;
    }
    .application_list .application .fee{
        width:200px !important;
        padding-left:30px !important;
    }
    .application_list .application .min_req{
        width:186px !important;
    }
    .application_list .application .chance{
        width: 133px !important;
    }
    .application_list .application .status{
        width: 188px !important;
    }
    .application_list .application .action{
        width: 170px !important;
    }
    .application_list .app_titles .action_title{
        width:168px !important;
    }
    div#fpc-main{
        padding:0;
    }
    button.roadmap-next-step-btn.nkh_modification{
        display:none;
    }
    .pys{
        margin-top: 1rem;
        font-size: 20px;
    }
    #acceptApplyContainer .m-4{
        font-size: 18px !important;
    }
    #acceptApplyContainer .nkh_primary-btn{
        display: block;
        margin-bottom: 19px;
    }
    .nkh_tab-header-container{
        margin-top:10px;
    }
    .nkh_tab-items-container{
        display:inline-flex;
    }
    main#recommendation-page .row.align-items-center,
    main#sop-page .row.align-items-center,
    main#create-cv .row.align-items-center {
        flex-direction: column;
        gap: 1.5rem;
        width:100%;
        margin-right:0;
        margin-left:0;
    }
    main#create-cv .row.align-items-center .col-4,main#create-cv .row.align-items-center .col-6,main#create-cv .row.align-items-center .col-8{
        width:100%;
    }
    #print-wrapper{
        width:100% !important;
        overflow:hidden;
    }

    main#choose-your-program-page form {
        flex-direction: column;
        padding-left: 0;
    }
    .app_list_filter .app_list_filter_orderby{
        flex-wrap: wrap;
        border-right: 0;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-right: 0;
        margin-right: 0;
        row-gap: 15px;
        justify-content: space-between;
        column-gap: 0;
        margin-left: 0;
    }
    .app_list_filter .app_list_filter_orderby .filter_orderby_item, .app_list_filter .filter_order_item{
        width: 47%;
        margin-left: 0 !important;
    }
    .app_list_filter .app_list_filter_order{
        border-right: 0;
        justify-content: space-between;
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .flex.justify-end.w-5\/6.mx-auto.align-items-center {
        margin-left: 3.75rem !important;
    }

    .w-100.pl-6rem {
        padding-left: 3.5rem;
    }

    #my-account .wrapper .steps {
        width: 100%;
        padding: 1rem 0;
        position:static;
    }
    #my-account .start_page_title{
        margin:15px 0;
    }
    .repeat-row .form-group{
        width:100% !important;
    }
    #typing-text{
        white-space: normal;
    }
    .school-card header,.program-card header{
        flex-direction: column;
    }
    .school-card header .title,.program-card header .title{
        width:100%;
        align-items: flex-start !important;
    }
    #my-account .wrapper .application-form .panel-form-field:not(.gre-container>.panel-form-field), #my-account .wrapper .application-form .panel_form_selectbox, #my-account .wrapper .personal-form .panel-form-field, #my-account .wrapper .personal-form .panel_form_selectbox{
        width:100% !important;
    }

    #my-account .wrapper .educational-form .form-group,
    #my-account .wrapper .personal-form .submit-row,
    #my-account .wrapper .steps a {
        width: 100% !important;
    }

    #my-account .wrapper .application-form .submit-row .submit-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg-white.mx-auto .mx-auto.w-2\/3.px-4.mt-10 {
        width: 100%;
    }

    .bg-white.mx-auto .mx-auto.w-2\/3.px-4.mt-10 .w-full.flex.justify-around {
        flex-direction: column;
        gap: 2.5rem;
    }

    p.mx-auto.w-2\/3.p-10.text-xl,
    .bg-white.mx-auto .mx-auto.w-2\/3.px-4.mt-10 .w-full.flex.justify-around > div {
        width: 100%;
    }

    .w-full.flex.justify-center {
        flex-direction: column;
        width: 100%;
    }

    #login-signup-page .login-wrapper .form, #login-signup-page .signup-wrapper .form,
    .w-full.flex.justify-center > div {
        width: 100%;
    }

    .login-wrapper.signup-wrapper .banner {
        display: none !important;
    }

    #login-signup-page .login-wrapper, #login-signup-page .signup-wrapper {
        justify-content: center;
        margin: 130px 1rem !important;
        flex-direction:column;
    }
    #login-signup-page .login-wrapper .banner, #login-signup-page .signup-wrapper .banner{
        width:100%;
    }

    main.flex.container-2.bg-white.mx-auto.rounded-2xl.mt-32 {
        width: calc(100% - 2rem);
        flex-direction: column-reverse;
        margin: 128px 1rem;
        gap: 1.5rem;
    }

    h2.self-center.text-4xl.mt-2.font-extrabold {
        font-size: 24px;
        line-height: 28px;
    }

    main#single-school {
        /*padding-left: 4.5rem;*/
    }
    #single-school .header .hwrapper .school-name .right .rank-wrap{
        flex-wrap:wrap;
    }
    #single-school #content-wrapper .tab-nav{
        margin-top:70px;
    } 


    #single-school .header .hwrapper {
        flex-direction: column;
        align-items: center;
    }

    #single-school .header .hwrapper .school-name {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    #single-school #content-wrapper {
        padding-top: 220px;
    }

    main#single-program {
        padding-left: 4.5rem;
    }

    #single-program #program-header {
        width: 99%;
    }

    header#program-header .row.align-items-start .col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #single-program #program-header .action-links {
        padding: 0;
        margin: 1.5rem 0;
        align-items: center;
    }

    #single-program #program-header .action-links .btn-outline {
        padding: .5rem 22px;
        align-items: center;
        height: 50px;
    }

    .col-manual.right-area {
        width: 100%;
    }

    .english-row > .english-sec,
    .title.row.text-center.py-4 > .col-9 {
        width: 65%;
    }

    .english-row > .english-sec {

    }

    .english-row > .english-sec > .item {
        width: fit-content;
    }

    .nkh_d-flex-col .item {
        width: 100%;
    }

    .nkh_d-flex-col .row.justify-content-center {
        flex-direction: column;
    }

    .nkh_d-flex-col .row.justify-content-center .col-6 {
        width: 100%;
    }

    .col-3:has(h3.sec-heading.tooltip-description) {
        display: none;
    }
    .col-9:has(h3.sec-heading.tooltip-description) {
        width: 100%;
    }

    .nkh_d-flex-col .d-flex {
        flex-wrap: wrap;
    }
    .our-service .col-sm-6{
        margin-bottom:15px;
    }
    .home-posts-swiper h3{
        font-size:14px;
    }
    #main-header .account-area .button .name{
        white-space: nowrap;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .my_fav_prof .fav_prof_head,.prof_list .prof{
        display:inline-flex;
    }
    .prof_list .prof .proffesors{
        width:242px !important;
    }
    .prof_list .prof .research{
        width:197px !important;
    }
    .prof_list .prof .response{
        width:214px !important;
    }
    .prof_list .prof .status{
        width: 155px;
        padding-left: 3px;
    }
    .prof_list .prof .program{
        width:278px !important;
    }
    .my_fav_prof .fav_prof_head li:last-child{
        width:166px;
    }
    #all_document .doc_item .dl-btn{
        margin-bottom:10px;
        width:100%;
    }
    #all_document .doc_item .row .col{
        flex-wrap:wrap;
    }
    .ticket_details{
        flex-wrap: wrap;
        gap: 8px;
    }
    #ticket_submission_form .right_ticket .ticket_details li{
        width: 48%;
    }
    .mobile_menu_new{
        width: 0;
        height: 100%;
        position: fixed;
        display: flex;
        left: 0;
        top: 0;
        background: #fff;
        z-index: -1;
        box-shadow: 0 4px 9px rgba(0,0,0,0.15);
        align-items:center;
        justify-content:center;
        transition: all ease 300ms;
        opacity:0;
    }
    .mobile_menu_new nav{
        color:#333333 !important;
    }
    .mobile_menu_new nav .blog{
        margin-bottom:25px;
    }
    .mobile_menu_new.open{
        z-index:9999;
        opacity:1;
        width:80%;
    }
    
    .open-mobile-menu.open{
        position:relative;
        z-index:999999;
        width: 22px;
        height: 22px;
    }
    /* .open-mobile-menu.open svg path{
        transition:all ease 300ms;
    }
    .open-mobile-menu.open svg path:nth-child(2){
        display:none;
    }
    .open-mobile-menu.open svg path:first-child{
        transform: rotate(45deg) translate(4px, -11px);
    }
    .open-mobile-menu.open svg path:last-child{
        transform: rotate(-45deg) translate(-9px, 13px);
    } */
    #find-school-mh .header-menu{
        width: 71%;
    }
    .guest_header .mobile_menu_new .blog{
        text-align: center;
        font-weight: 500;
    }
}


body.ove{
    overflow:visible !important;
}

/* Demo page styles */
#demo_page .video_list{
    padding:15px;
    box-shadow:0 0 10px rgba(0,0,0,0.15);
    border-radius:7px;
    background:#ffffff;
    margin-bottom:15px;
}
#demo_page .video_list h2{
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 10px;
}
#demo_page .video_list ul{
    list-style:none;
}
#demo_page .video_list ul li{
    margin-bottom:15px;
}
#demo_page .video_list ul li:last-child{
    margin-bottom:0;
}
#demo_page .video_list ul li a svg{
    background: #7746d8;
    border-radius: 50%;
    padding: 5px;
    margin-right: 7px;
}
#demo_page .video_list ul li a{
    color: #607D8B;
    font-size: 14px;
    padding: 5px 15px 5px 5px;
    border-radius: 7px;
}
#demo_page .video_list ul li a:hover,#demo_page .video_list ul li a.active{
    color: #fff;
    background: #7746d8;
}
#demo_page .video_content .plyr{
    border-radius:7px;
    box-shadow:0 0 10px rgba(0,0,0,0.15);
    margin-bottom:15px;
    max-height:515px;
}
#demo_page .video_content video{
    min-width:100%;
}
.show_tooltip{
    position: absolute;
    left: 15px;
    top: 138px;
    z-index: 99999;
    background: #7746d8;
    padding: 15px;
    width: 402px;
    border-radius: 7px;
    box-shadow: 0 0 30px -7px rgba(0,0,0,0.2);
    display:none;
    max-width:91%;
}
.show_tooltip h3{
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}
.show_tooltip h3 i {
    cursor:pointer;
}
.show_tooltip .text_tooltip{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
.show_tooltip .cta_tooltip{
    text-align:right;
}
.show_tooltip .cta_tooltip a{
    background: #fff;
    padding: 7px 20px;
    border-radius: 7px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.show_tooltip::after{
    content: " ";
    position: absolute;
    left: 17px;
    top: -13px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10.5px 13px 10.5px;
    border-color: transparent transparent #7746D8 transparent;
    transform: rotate(0deg);
}
.show_tooltip.show{
    display:block;
}
.page-template-page-desc .transition-all .flex,#sec-apply-yourself .transition-all .flex{
    align-items:center;
}
.page-template-page-desc .transition-all .flex img,#sec-apply-yourself .transition-all .flex img{
    width:22px;
    height:22px;
    display:block;
}
.page-template-page-desc .transition-all .flex h3,#sec-apply-yourself .transition-all .flex h3{
    text-align:left;
}
#my-account .step_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 2%;
    justify-content: space-between;
    border: 1px solid #eee;
    background: #fff;
    border-radius:7px;
}
#my-account .step_box .panel-form-field,#my-account .step_box .panel_form_selectbox{
    margin-bottom: 20px;
}
#my-account .personal-form .step_box div:last-child{
    margin-bottom: 0;
}
#my-account .step_box .step_box_title{
    padding:20px 20px 20px 20px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    cursor: pointer;
}
#my-account .step_box .step_box_title:hover{
    background: #efeded8c;
}
#my-account .step_box .step_box_title.open i{
    transform: rotate(180deg);
}
#my-account .step_box .step_box_content{
    padding:20px;
    display:flex;
}
#questionnaire-popup h2{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.3rem;
}
#questionnaire-popup .info{
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    color: #636363;
}
#questionnaire-popup .adds{
    color: #7746d8;
    font-weight: 500;
}
#questionnaire-popup ul{
    list-style-position: inside;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    list-style-type: disclosure-closed;
}
#questionnaire-popup .close_p{
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 16px;
}
.popup_q,.questionnaire_popup{
    position: fixed;
    width: 700px;
    padding: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    background: #fff;
    z-index: 999999;
    border-radius: 15px;
    box-shadow: 0 0 30px -7px rgba(0,0,0,0.2);
    display: none;
    max-width: 95%;
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}
.popup_q h3,.questionnaire_popup h3{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
}
.popup_q > p{
    margin-bottom: 10px;
    color: #636363;
    font-weight: 400;
}
.popup_q .popup_q_details{
    background: #ebe3f9;
    padding: 10px;
    border-radius: 15px;
    line-height: 1.7;
    margin-bottom: 10px;
}
.popup_q .popup_q_cta{
    margin: 20px 0 0 0;
}
.popup_q .popup_q_cta a,.questionnaire_popup a.close_survey{
    color: #fff;
    padding: 10px;
    background: #7746d8;
    border-radius: 7px;
    width: 30%;
    text-align: center;
}
.popup_q .popup_q_cta a:hover{
    background: orange;
}
.popup_q .popup_q_cta a.popup_q_close,.questionnaire_popup a.close_survey{
    background: #555;
    color: #fff;
}
.questionnaire_popup .q_item_popup{
    margin-bottom: 10px;
    background: #ebe3f9;
    padding: 10px;
    border-radius: 7px;
}

.questionnaire_popup .q_item_popup .q_other_input{
    display: none;
}
.questionnaire_popup .q_item_popup select:focus,
.questionnaire_popup .q_item_popup input:focus{
    outline: 0;
    border-color: #824deb;
}
.questionnaire_popup button{
    padding: 10px;
    border-radius: 7px;
    min-width: 30%;
    text-align: center;
    background: #824deb;
    color: #fff;
    font-weight: 500;
}
.questionnaire_popup button:hover{
    background: orange;
}
.questionnaire_popup button:focus{
    outline: 0;
}
.select2-container--open{
    z-index: 99999999;
}
.select2-container{
    width: 100% !important;
}
#progress-bar-container {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    /* margin-top: -72px; */
    margin-right: auto;
    margin-left: auto;
    gap: 0;
}
#progress-bar-container .level_bar{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-bottom: 22px;
    width: 85px;
}
#progress-bar-container .level_bar .level_circle{
    width: 40px;
    height: 40px;
    background: #7746d8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    border:2px solid transparent;
}
#progress-bar-container .level_bar .level_circle.not{
    background: #fff;
    border-color:#ccc;
    color: #636363;
}
#progress-bar-container .level_bar .level_title{
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
}
#progress-bar-container .level_line{
    height: 4px;
    background: #7746d8;
    border-radius: 10px;
    position: relative;
    margin-top: -18px;
    flex-grow: 1;
    min-width: 10px;
}
#progress-bar-container .level_line.not{
    background: #ccc;
}
.my_app .app_docs .app_docs_header{
    cursor: pointer;
}
.my_app .app_docs .app_docs_header:hover{
    color: #7746d8;
}
.my_app .app_docs.active .app_docs_header i::before{
    content: "\f106";
}
.my_app .app_docs_list{
    display: none;
}
.my_app .app_view a{
    display: block;
    width: 100%;
    padding: 12px 0;
    background: #7746D8;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    transition: all ease 300ms;
}
.my_app .app_view a:hover{
    box-shadow: 0 0 30px -7px rgba(0,0,0,0.1);
}
/* My Documents styles */
.my_doc_table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.my_doc_header, .my_doc_list {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 2fr 1fr;
    gap: 10px;
    padding: 10px;
    align-items: center;
}

.my_doc_header {
    font-weight: bold;
    box-shadow: 0 0 30px -7px rgba(0,0,0,0.2);
    border-radius: 7px;
    margin-bottom: 15px;
}

.my_doc_body {
    width: 100%;
}
.my_doc_list {
    border: 1px solid #ccc;
    border-radius: 7px;
}
.my_doc_list .my_doc_item.cta{
    column-gap: 15px;
}
.my_doc_list .my_doc_item.cta a:hover{
    color: orange;
}
/* New Dashbaord styles */
#dashboard .ds_header{
    display: flex;
    flex-direction: column;
    row-gap: 17px;
    margin-bottom: 15px;
    background: #ffff;
    padding: 20px;
    border-radius: 7px;
    border: 1px solid #eee;
}
#dashboard .ds_header .user_name{
    font-size: 20px;
    font-weight: 500;
}
#dashboard .ds_header .user_name span{
    font-size: 25px;
    font-weight: 600;
}
#dashboard .ds_header .user_text{
    color: #636363;
    font-size: 14px;
}
#dashboard .ds_user_doc{
    column-gap: 10px;
}
#dashboard .ds_progress{
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    column-gap: 15px;
}
#dashboard .ds_progress .ds_progress_circle .progress-container {
    position: relative;
    width: 75px;
    height: 75px;
}
#dashboard .ds_progress .ds_progress_circle .progress-circle-bg {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 6;
}
#dashboard .ds_progress .ds_progress_circle .progress-circle {
    fill: none;
    stroke: #7746d8;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-dasharray: 188.4;
    stroke-dashoffset: calc(188.4 - (188.4 * var(--progress)) / 100);
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dashoffset 0.5s ease-in-out;
}
#dashboard .ds_progress .ds_progress_circle .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px; 
    color: #7746d8;
}
#dashboard .ds_progress .ds_progress_circle .progress_percent{
    font-size: 21px;
    font-weight: bold;
    color: #7746d8;
    margin-top: 15px;
    padding-left: 3px;
}
#dashboard .ds_progress .ds_progress_info{
    width: calc(100% - 75px);
}
#dashboard .ds_progress .ds_progress_info .ds_progress_title{
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
#dashboard .ds_progress .ds_progress_info .profile_item{
    font-size: 12px;
    color: #636363;
    margin-bottom: 3px;
    display: inline-block;
}
#dashboard .ds_progress .ds_progress_info .profile_item:last-of-type{
    margin-bottom: 10px;
}
#dashboard .ds_progress .ds_progress_info .profile_item .fa-check{
    color: green;
}
#dashboard .ds_progress .ds_progress_info .profile_item .fa-close{
    color: red;
}
#dashboard .ds_progress .ds_progress_info a{
    display: block;
    background: #7746d8;
    color: #fff;
    padding: 5px;
    border-radius: 7px;
    text-align: center;
    border: 2px solid transparent;
}
#dashboard .ds_progress .ds_progress_info a:hover{
    background: #fff;
    color: #7746D8;
    border-color: #7746D8;
}
#dashboard .ds_box{
    margin-bottom: 15px;
    background: #ffff;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid #eee;
}
#dashboard .ds_box .ds_avatar_image{
    position: relative;
    height: 100px;
}
#dashboard .ds_box .ds_avatar_image .user_plan{
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 0 0 30px -7px rgba(255,255,255,0.5);
    font-weight: 500;
    color: #7746d8;
    line-height: 1;
}
#dashboard .ds_box .ds_avatar_image img{
    display: block;
    border-radius: 7px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#dashboard .ds_box .ds_avatar_info{
    padding:0 20px;
}
#dashboard .ds_box .ds_avatar_info .avatar{
    box-shadow: 0 0 30px -7px rgba(0,0,0,0.2);
    border-radius: 7px;
    margin-top: -27px;
    z-index: 99;
    position: relative;
}
#dashboard .ds_box .ds_avatar_info .ds_avatar_info--hello{
    margin-top: 0.5rem;
    font-weight: bold;
    font-size: 24px;
}
#dashboard .ds_box .ds_avatar_info .ds_avatar_info--name{
    margin: 0.0 0 0.5rem 0;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}
#dashboard .ds_box .ds_avatar_info .ds_avatar_info--country{
    color: #636363;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#dashboard .ds_box .ds_avatar_info .ds_avatar_info--country .fa-regular{
    color: orange;
}
#dashboard .ds_box .ds_avatar_program{
    margin-top:15px;
}
#dashboard .ds_box .ds_avatar_program .ds_avatar_program--item{
    flex-direction: column;
    padding: 15px;
    border-radius: 7px;
    width: 48%;
    background: #ebe3f9;
    display: flex;
}
#dashboard .ds_box .ds_avatar_program .ds_avatar_program--item .count{
    font-size: 1.6rem;
    font-weight: bold;
    color: #7746d8;
    text-align: center;
}
#dashboard .ds_box .ds_avatar_program .ds_avatar_program--item .name{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#dashboard .ds_reward{
    column-gap: 15px;
    align-items: stretch;
}
#dashboard .ds_reward .ds_reward_image{
    padding: 10px;
    background: #f5f5f5;
    border-radius: 7px;
}
#dashboard .ds_reward .ds_reward_info{
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#dashboard .ds_reward .ds_reward_info .ds_reward_info--title{
    font-size: 2.5rem;
    color: #7746d8;
    line-height: 1;
    font-weight: 700;
}
#dashboard .ds_reward .ds_reward_info .ds_reward_info--subtitle{
    font-size: 1rem;
    margin-left: 4px;
    margin-top: 7px;
}
#dashboard .ds_reward .ds_reward_info .ds_reward_info--link{
    background: #7746D8;
    padding: 10px 0;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    transition: all ease 300ms;
    display: block;
    width: 100%;
}
#dashboard .ds_reward .ds_reward_info .ds_reward_info--link:hover{
    box-shadow: 0 0 30px -7px rgba(0,0,0,0.2);
}
#dashboard .ds_bests_box{
    column-gap: 20px;
}
#dashboard .ds_bests_box .ds_best{
    position: relative;
}
#dashboard .ds_bests_box .ds_best_title,#dashboard .ds_cheap_box .ds_cheap_title,#dashboard .ds_deadline_box .ds_deadline_title,
#dashboard .ds_ticket_box .ds_ticket_title{
    font-size: 1rem;
    color: #636363;
    font-weight: 500;
}
#dashboard .ds_bests_box .ds_best_list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    padding-bottom: 30px;
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item{
    border-radius: 50%;
    background: #ebe3f9;
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: 60px;
    height: 60px;
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item img{
    width: 60px;
    height: 60px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #ebe3f9;
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(2){
    transform: translateX(-10px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(3){
    transform: translateX(-20px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(4){
    transform: translateX(-30px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(5){
    transform: translateX(-40px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(6){
    transform: translateX(-50px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(7){
    transform: translateX(-60px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(8){
    transform: translateX(-70px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(9){
    transform: translateX(-80px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(10){
    transform: translateX(-90px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(11){
    transform: translateX(-100px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(12){
    transform: translateX(-110px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(13){
    transform: translateX(-120px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(14){
    transform: translateX(-130px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:nth-child(15){
    transform: translateX(-140px);
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:last-child{
    transform: translateX(-150px);
    font-weight: bold;
}
#dashboard .ds_bests_box .ds_best_list .ds_best_item:hover{
    z-index: 3;
}
#dashboard .ds_bests_box .ds_best .ds_best_item_name{
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 13px;
    transition: all ease 300ms;
    white-space: nowrap;
    color: #7746d8;
    font-weight: 600;
    width: 93%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#dashboard .ds_cheap_box{
    position: relative;
}
#dashboard .ds_cheap_box .ds_cheap_chart{
    margin-top:10px;
}
#dashboard .ds_cheap_box .ds_cheap_loading{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #7746d8;
}
#dashboard .ds_notificattions .ds_notificattions_link{
    background: #ffa500;
    padding: 5px;
    display: block;
    margin-top: 9px;
    color: #fff;
    border-radius: 7px;
    font-weight: 500;
    padding-left: 10px;
    transition: all ease 300ms;
}
#dashboard .ds_notificattions .ds_notificattions_link:hover{
    padding-left: 15px;
}
#dashboard .ds_ticket_box .ticket_list{
    min-height: 167px;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item{
    border: 1px solid #eee;
    border-radius: 7px;
    padding: 5px;
    position: relative;
    column-gap: 5px;
    margin-bottom: 7px;
    transition: all ease 300ms;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item:hover{
    border-color: #7746D8;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item:last-child{
    margin-bottom: 0;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item p:nth-child(2){
    width: 50%;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item p:nth-child(3),
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item p:last-child{
    width: 25%;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item .ds_ticket_item--name{
    font-size: 12px;
    color: #636363;
}
#dashboard .ds_ticket_box .ticket_list .ds_ticket_item .ds_ticket_item--value{
    color: #555;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width:768px){
    .popup_q .popup_q_cta{
        flex-wrap: wrap;
    }
    .popup_q .popup_q_cta a, .questionnaire_popup a.close_survey{
        width: auto;
        min-width: 30%;
        margin-bottom: 10px;
    }
    #progress-bar-container{
        display: none;
    }
    #dashboard{
        margin-top: 20px;
    }
    #dashboard .ds_bests_box{
        flex-wrap: wrap;
    }
    #dashboard .ds_bests_box .ds_best_school{
        width: 100%;
    }
}