@font-face {
    font-family: 'HelveticaCustom';
    src: url("../fonts/helvetica/Helvetica.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --text-primary: #003366;
    --uniranks-primary-color: #003366;
    --uniranks-feature-uni-visit-primary-color: #9E2C87;
    --uniranks-choose-your-destination-primary-color: #98CB00;
    --uniranks-post-school-options-btn-color: #98CB00;
    --uniranks-spatial-visualization-test-primary-color: #ED756C;
    --uniranks-associative-memory-test-primary-color: #ED756C;
    --uniranks-inductive-reasoning-test-primary-color: #ED756C;
    --uniranks-cognitive-ability-sharpen-your-mind-color: #98C21D;
    --uniranks-btn-outline-post-school-options-color: #9E2C87;
    --uniranks-btn-english-vocabulary-color: #9E2C87;
    --uniranks-choose-your-major-primary-color: #ED756C;
    --uniranks-choose-your-institution-primary-color: #20B4B0;
    --uniranks-psychometric-assessments-tests-primary-color: #20B4B0;
    --uniranks-start-numerical-computation-test-primary-color: #20B4B0;
    --uniranks-choose-your-institution-selection-primary-bg: rgb(21 156 156 / 11%);
    --uniranks-choose-your-institution-selection-primary-color: #20B4B0;
    --uniranks-choose-your-hobbies-primary-color: #6A67CE;
    --uniranks-great-job-page-primary-color: #634DB3;
    --uniranks-core-skills-and-memory-strengthen-your-core-color: #6A67CE;
    --uniranks-choose-your-talents-primary-color: #FF6B7C;
    --uniranks-choose-your-talents-btn-color: #FF9875;
    --uniranks-choose-your-skills-primary-color: #FF9875;
    --uniranks-choose-your-skills-btn-color: #8ddf9c;
    --uniranks-choose-your-preferences-btn-color: #26B1E6;
    --uniranks-choose-your-grades-btn-color: #003366;
    --uniranks-choose-your-destination-btn-color: #ED756C;
    --uniranks-choose-your-hobbies-btn-color: #FF6B7C;
    --uniranks-primary-bg: #f5f5f5;
    --uniranks-bs-border-radius: 0.575rem;
    --uniranks-font-family: 'Helvetica', sans-serif;
    --uniranks-choose-your-prefrences-inputs-primary-color: #8ddf9c;
    --uniranks-choose-your-preferences-inputs-border-color: #d4d4d4;
    --uniranks-choose-your-prefrences-inputs-bg-color: #ffffff;

    --uniranks-pagination-padding-x: 0.55rem;
    --uniranks-pagination-padding-y: 0.25rem;
}

h1, h2, h3, h4, h5, h6 {
    color: #1C345A;
}

.border-98CB00 {
    border: 4px solid #98CB00;
}

.border-red {
    border: 4px solid rgb(220, 53, 69);
}

.border-green {
    border: 4px solid rgb(25, 135, 84);
}

.border-light-gray {
    border: 4px solid rgb(0 0 0 / 4%);
}

.new-section-fonts,
.new-section-fonts > *,
.new-section-fonts h1,
.new-section-fonts h2,
.new-section-fonts h3,
.new-section-fonts h4,
.new-section-fonts h5,
.new-section-fonts h6,
.new-section-fonts p {
    font-family: var(--uniranks-font-family), sans-serif;
    color: #003366 !important;
}

.custom-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
}


.left-fields .mb-3.align-items-center .save-btn {
    border-radius: 14px;
    padding: 12px 30px 12px 30px;
}

.left-fields .mb-3.align-items-center .form-control {
    border-radius: 5px;
}

.left-fields .mb-3.align-items-center .custom-flex label {
    font-weight: 700;
}

.step-custom-image {
    max-width: 64px;
    object-fit: inherit;
    max-height: 64px;
    height: 64px;
}

.steps-button-custom-div {
    display: flex;
    justify-content: center;
    align-content: center;
}

.steps-button-custom-div2 {
    display: flex;
    justify-content: center;
    align-content: center;
}

.new-section-fonts .left-fields .mb-3.align-items-center {
    padding-bottom: 20px;
}

.custom-breadcrums-a {
    text-decoration: none;
}

.custom-breadcrums-a:hover {
    text-decoration: underline;
    /*color: #07b6f7;*/
}

.new-section-fonts .page-link {
    padding: var(--uniranks-pagination-padding-y) var(--uniranks-pagination-padding-x);
}

.new-section-fonts .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
    color: var(--uniranks-primary-color) !important;
}

.new-section-fonts .owl-theme .owl-nav [class*=owl-]:hover button {
    background: white !important;
    color: var(--uniranks-primary-color) !important;
    text-decoration: none;
    border-radius: 100%;
}

.form-control {
    border: 1.5px solid #cacaca;
    color: var(--uniranks-primary-color);
    border-radius: 12px;
    max-width: 420px;
    height: 44px;
}

.form-check-input:checked {
    background-color: var(--uniranks-primary-color);
    border-color: var(--uniranks-primary-color);
}

.form-switch .form-check-input {
    width: 2.2em;
    height: 1.2rem;
}

.form-floating .custom-form-control-label {
    z-index: unset;
}

.form-control.custom-form-control-floating-input {
    border: 1.5px solid #cacaca;
    border-radius: 5px;
}

.form-select {
    border: 2px solid #cacaca;
    color: var(--uniranks-primary-color);
    border-radius: 12px;
    max-width: 420px;
    height: 44px;
}

.form-select.major {
    border: 2px solid #cacaca;
    color: #ababab;
    border-radius: 12px;
    max-width: 420px;
    height: 44px;
}

.choose-your-destination-picker {
    border: 2px dashed var(--uniranks-choose-your-destination-primary-color);
    border-radius: 14px;
    max-width: 420px;
}

.choose-your-destination-picker .labdisn {
    color: var(--uniranks-choose-your-destination-primary-color);
    font-size: 18px;
    font-weight: 500;
}

.choose-your-major-picker {
    border: 2px dashed var(--uniranks-choose-your-major-primary-color);
    border-radius: 14px;
    max-width: 420px;
}

.choose-your-major-picker .labdisn {
    color: var(--uniranks-choose-your-major-primary-color);
    font-size: 18px;
    font-weight: 500;
}

.choose-your-hobbies-picker {
    border: 2px dashed var(--uniranks-choose-your-hobbies-primary-color);
    border-radius: 14px;
    max-width: 420px;
}

.choose-your-hobbies-picker .labdisn {
    color: var(--uniranks-choose-your-hobbies-primary-color);
    font-size: 18px;
    font-weight: 500;
}

.form-select.curriculum-select {
    max-width: unset;
}

.choose-your-grades-picker {
    border: 2px dashed var(--uniranks-choose-your-skills-primary-color);
    border-radius: 14px;
}

.choose-your-grades-picker .labdisn {
    color: var(--uniranks-choose-your-skills-primary-color);
    border-radius: 14px;
    font-weight: 500;
    font-size: 18px;
}

.new-section-fonts .expand-profile .score-input {
    /*color: var(--uniranks-choose-your-skills-primary-color) !important;*/
}

.choose-your-talents-picker {
    border: 2px dashed var(--uniranks-choose-your-talents-primary-color);
    border-radius: 14px;
    max-width: 420px;
}

.choose-your-talents-picker .labdisn {
    color: var(--uniranks-choose-your-talents-primary-color);
    font-size: 18px;
    font-weight: 500;
}

.choose-your-skills-picker {
    border: 2px dashed var(--uniranks-choose-your-skills-primary-color);
    border-radius: 14px;
    max-width: 420px;
}

.choose-your-skills-picker .labdisn {
    color: var(--uniranks-choose-your-skills-primary-color);
    font-size: 18px;
    font-weight: 500;
}

.form-select.country.rbb, .form-select.rbb-major, .form-select.hobby, .form-select.talent, .form-select.skill {
    border: 2px solid #ababab;
    color: #ababab;
}

.form-select.select-without-city, .form-select.rbb-major, .form-select.rbb-talent, .form-select.rbb-skill {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: -2px;
}

.form-select.city.rbt, .form-select.major.rbt, .form-select.rbt-skill {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.biographyModal.step-by-step .mobile-button {
    border-color: var(--uniranks-feature-uni-visit-primary-color);
    background-color: var(--uniranks-feature-uni-visit-primary-color);
    color: #fff;
}

.choose-your-contact-details-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-feature-uni-visit-primary-color);
}

.step-by-step-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-feature-uni-visit-primary-color);
}

.btn-outline-post-school-options {
    font-size: 1rem;
    font-weight: 500;
    max-width: 120px;
    --bs-btn-color: var(--uniranks-btn-outline-post-school-options-color);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--uniranks-btn-outline-post-school-options-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-btn-outline-post-school-options-color);
    --bs-btn-hover-border-color: var(--uniranks-btn-outline-post-school-options-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--uniranks-btn-outline-post-school-options-color);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: var(--uniranks-btn-outline-post-school-options-color);
    --bs-btn-active-shadow: inset 0 3px 5px calc(E2C87FF / 10);
    --bs-btn-disabled-color: #003366;
    --bs-btn-disabled-bg: lightgray;
    --bs-btn-disabled-border-color: gray;
}

.post-school-options-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-post-school-options-btn-color);
    --bs-btn-border-color: var(--uniranks-post-school-options-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-post-school-options-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-post-school-options-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-post-school-options-btn-color);
    --bs-btn-active-border-color: var(--uniranks-post-school-options-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-post-school-options-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-post-school-options-btn-color);
}

.choose-your-destination-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-destination-btn-color);
    --bs-btn-border-color: var(--uniranks-choose-your-destination-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-destination-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-destination-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-destination-btn-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-destination-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-destination-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-destination-btn-color);
}

.choose-your-institution-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-institution-primary-color);
    --bs-btn-border-color: var(--uniranks-choose-your-institution-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-institution-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-institution-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-institution-primary-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-institution-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-institution-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-institution-primary-color);
}

.great-job-page-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-great-job-page-primary-color);
    --bs-btn-border-color: var(--uniranks-great-job-page-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-great-job-page-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-great-job-page-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-great-job-page-primary-color);
    --bs-btn-active-border-color: var(--uniranks-great-job-page-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-great-job-page-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-great-job-page-primary-color);
}

.choose-your-institution-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-border-color: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-hobbies-primary-color);
}

.start-the-iq-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-border-color: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-hobbies-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-hobbies-primary-color);
}

.start-career-appetite-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-psychometric-assessments-tests-primary-color);
    --bs-btn-border-color: var(--uniranks-psychometric-assessments-tests-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-psychometric-assessments-tests-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-psychometric-assessments-tests-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-psychometric-assessments-tests-primary-color);
    --bs-btn-active-border-color: var(--uniranks-psychometric-assessments-tests-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-psychometric-assessments-tests-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-psychometric-assessments-tests-primary-color);
}

.start-spatial-visualization-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-spatial-visualization-test-primary-color);
    --bs-btn-border-color: var(--uniranks-spatial-visualization-test-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-spatial-visualization-test-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-spatial-visualization-test-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-spatial-visualization-test-primary-color);
    --bs-btn-active-border-color: var(--uniranks-spatial-visualization-test-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-spatial-visualization-test-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-spatial-visualization-test-primary-color);
}

.start-english-vocabulary-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-btn-english-vocabulary-color);
    --bs-btn-border-color: var(--uniranks-btn-english-vocabulary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-btn-english-vocabulary-color);
    --bs-btn-hover-border-color: var(--uniranks-btn-english-vocabulary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-btn-english-vocabulary-color);
    --bs-btn-active-border-color: var(--uniranks-btn-english-vocabulary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-btn-english-vocabulary-color);
    --bs-btn-disabled-border-color: var(--uniranks-btn-english-vocabulary-color);
}

.start-numerical-computation-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-start-numerical-computation-test-primary-color);
    --bs-btn-border-color: var(--uniranks-start-numerical-computation-test-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-start-numerical-computation-test-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-start-numerical-computation-test-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-start-numerical-computation-test-primary-color);
    --bs-btn-active-border-color: var(--uniranks-start-numerical-computation-test-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-start-numerical-computation-test-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-start-numerical-computation-test-primary-color);
}

.start-associative-memory-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-associative-memory-test-primary-color);
    --bs-btn-border-color: var(--uniranks-associative-memory-test-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-associative-memory-test-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-associative-memory-test-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-associative-memory-test-primary-color);
    --bs-btn-active-border-color: var(--uniranks-associative-memory-test-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-associative-memory-test-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-associative-memory-test-primary-color);
}

.start-inductive-reasoning-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-inductive-reasoning-test-primary-color);
    --bs-btn-border-color: var(--uniranks-inductive-reasoning-test-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-inductive-reasoning-test-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-inductive-reasoning-test-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-inductive-reasoning-test-primary-color);
    --bs-btn-active-border-color: var(--uniranks-inductive-reasoning-test-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-inductive-reasoning-test-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-inductive-reasoning-test-primary-color);
}

.start-cognitive-ability-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
    --bs-btn-border-color: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
    --bs-btn-hover-border-color: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
    --bs-btn-active-border-color: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
    --bs-btn-disabled-border-color: var(--uniranks-cognitive-ability-sharpen-your-mind-color);
}

.choose-your-hobbies-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-border-color: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-hobbies-btn-color);
}

.start-the-interpersonal-test-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-border-color: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-hobbies-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-hobbies-btn-color);
}

.choose-your-talent-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-talents-btn-color);
    --bs-btn-border-color: var(--uniranks-choose-your-talents-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-talents-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-talents-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-talents-btn-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-talents-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-talents-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-talents-btn-color);
}

.choose-your-skills-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-skills-btn-color);
    --bs-btn-border-color: var(--uniranks-choose-your-skills-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-skills-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-skills-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-skills-btn-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-skills-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-skills-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-skills-btn-color);
}

.choose-your-preferences-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-preferences-btn-color);
    --bs-btn-border-color: var(--uniranks-choose-your-preferences-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-preferences-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-preferences-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-preferences-btn-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-preferences-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-preferences-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-preferences-btn-color);
}

.choose-your-enter-grades-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-choose-your-grades-btn-color);
    --bs-btn-border-color: var(--uniranks-choose-your-grades-btn-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-choose-your-grades-btn-color);
    --bs-btn-hover-border-color: var(--uniranks-choose-your-grades-btn-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-choose-your-grades-btn-color);
    --bs-btn-active-border-color: var(--uniranks-choose-your-grades-btn-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-choose-your-grades-btn-color);
    --bs-btn-disabled-border-color: var(--uniranks-choose-your-grades-btn-color);
}

.steps-button-custom-div button {
    height: 56px;
    font-size: 22px;
    border-radius: 14px;
    min-width: 360px;
}

.steps-button-custom-div2 button {
    height: 56px;
    font-size: 20px;
    border-radius: 14px;
    min-width: 300px;
}

.form-label-onepath {
    font-weight: 700;
    font-size: 0.9rem;
    font-family: var(--uniranks-font-family), serif;
    color: var(--uniranks-primary-color);
}

.card-custom-uniranks {
    --bs-card-inner-border-radius: calc(var(--uniranks-bs-border-radius) - (var(--bs-border-width)));
    border-radius: var(--uniranks-bs-border-radius);
}

.unirank-btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--uniranks-primary-color);
    --bs-btn-border-color: var(--uniranks-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--uniranks-primary-color);
    --bs-btn-hover-border-color: var(--uniranks-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--uniranks-primary-color);
    --bs-btn-active-border-color: var(--uniranks-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--uniranks-primary-color);
    --bs-btn-disabled-border-color: var(--uniranks-primary-color);
}

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

.how-it-works-title {
    font-size: 24px;
    font-weight: bolder;
    color: var(--uniranks-primary-color);
}

.how-it-works-description {
    font-size: 20px;
    color: var(--uniranks-primary-color);
    margin-bottom: 20px;
}

.featured-universities-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    padding: 0 10px;
    pointer-events: none;
}

.featured-universities-slider .owl-nav .custom-owl-nav-btn {
    border: 1px solid #fff;
    width: 36px;
    height: 36px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff !important;
    border-radius: 100%;
    color: var(--uniranks-primary-color);
}

.featured-universities-slider .owl-nav.custom-owl-nav-btn:hover {
    background-color: #fff !important;
    color: var(--uniranks-primary-color);
    border-radius: 100%;
}

.featured-universities-slider {
    position: relative;
}

.featured-universities-slider img.fixed-img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.featured-universities-slider img.logo-img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.featured-universities-slider .featured-universities-slider-image-block {
    min-height: 200px;
}

.featured-universities-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.featured-universities-carousel .owl-item {
    display: flex;
    height: auto !important;
}

.card.card-custom-uniranks {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card.card-custom-uniranks .card-body {
    flex: 1 1 auto;
}

.card.card-custom-uniranks .card-footer {
    flex-shrink: 0;
}

.featured-universities-slider-image-block img.card-img-top {
    height: 200px;
    object-fit: cover;
}

.featured-universities-slider .feature-uni-outline-primary {
    --bs-btn-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-disabled-bg: #808080;
    --bs-btn-disabled-border-color: var(--uniranks-feature-uni-visit-primary-color);
    border-radius: 30px;
}

.faculties-container .faculties-outline-primary {
    --bs-btn-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--uniranks-feature-uni-visit-primary-color);
    --bs-btn-disabled-bg: #808080;
    --bs-btn-disabled-border-color: var(--uniranks-feature-uni-visit-primary-color);
    border-radius: 30px;
}

.explore-destinations-carousel .item {
    height: 100%;
}

.destination-image {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

.explore-destinations-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.explore-destinations-carousel .owl-item {
    height: auto !important;
}

.explore-destinations-carousel .card {
    height: 100%;
}

.explore-destinations-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    padding: 0 10px;
    pointer-events: none;
}

.explore-destinations-carousel .owl-nav .custom-owl-nav-btn {
    border: 1px solid #ccc;
    width: 36px;
    height: 36px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff !important;
    color: var(--uniranks-primary-color);
    border-radius: 100%;
}

.explore-destinations-carousel .owl-nav .custom-owl-nav-btn:hover {
    background-color: #fff !important;
    color: var(--uniranks-primary-color);
    border-radius: 100%;
}

.custom-teardrop-shape {
    width: 240px;
    height: 240px;
    min-width: 240px;
    min-height: 240px;
    border-top-left-radius: 112px;
    border-bottom-left-radius: 112px;
    border-bottom: 8px solid;
    border-right: 8px solid;
    border-top-right-radius: 112px;
    overflow: hidden;
}

.custom-image-shape {
    min-width: 250px;
    min-height: 234px;
    overflow: hidden;
}

.custom-progress-bar-style {
    font-size: 16px;
    min-width: 250px
}

.quiz-section .quiz-category .iq-test-row .iq-test-icon.iq-test-option-active {
    border: 3px solid #00AEEF !important;
}

.step-5-form .sbmt-step-5 {
    background-color: var(--uniranks-choose-your-prefrences-inputs-primary-color);
    border: none;
    color: var(--uniranks-choose-your-prefrences-inputs-bg-color);
    padding: 4px 20px;
    border-radius: 11px;
    font-size: 16px;
}

.step-5-form .top-fee-range {
    /*border-top: 1px solid var(--uniranks-choose-your-preferences-inputs-border-color);*/
    padding-top: 10px !important;
}

.step-5-form .mdsection {
    /*padding: 0 0 15px 0;*/
    margin-bottom: 7px;
    /*border-bottom: 1px solid var(--uniranks-choose-your-preferences-inputs-border-color);*/
}

.step-5-form .noUi-base, .noUi-connects {
    position: unset;
}

.step-5-form .mdsection #feeRangeSlider-step-5 {
    /*padding: 0 25px 0 10px;*/
    color: var(--uniranks-choose-your-prefrences-inputs-primary-color);
    margin-bottom: 20px;
}

.step-5-form .mdsection .justify-content-between {
    margin-top: 10px;
}

.step-5-form .mdsection .justify-content-between input[type='text'] {
    height: 45px;
}

.step-5-form .mdsection .justify-content-between .fee-range-min label,
.step-5-form .mdsection .justify-content-between .fee-range-max label {
    margin-bottom: 0;
}

.step-5-form .mdsection.limit-width {
    max-width: 420px;
}

.step-5-form .mdsection h6 {
    color: var(--uniranks-primary-color) !important;
    font-size: 16px;
}

.step-5-form .filter-options {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    align-items: stretch;
    justify-items: start;
    flex-wrap: wrap;
}

.step-5-form .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.step-5-form .filter-option-btn {
    display: block;
    text-align: center;
    padding: 4px 6px;
    border-radius: 20px;
    background-color: var(--uniranks-choose-your-prefrences-inputs-bg-color) !important;
    /*color: var(--uniranks-choose-your-prefrences-inputs-primary-color);*/
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid var(--uniranks-choose-your-preferences-inputs-border-color);
    margin-right: 6px;
}

.step-5-form .filter-option-btn:hover,
.step-5-form .filter-option-btn:focus {
    background-color: var(--uniranks-choose-your-prefrences-inputs-primary-color) !important;
    color: var(--uniranks-choose-your-prefrences-inputs-bg-color);
}

.step-5-form .filter-option-btn:active,
.step-5-form .filter-option-btn.active {
    background-color: var(--uniranks-choose-your-prefrences-inputs-primary-color) !important;
    color: var(--uniranks-choose-your-prefrences-inputs-bg-color);
}

.step-5-form .noUi-connect, .step-5-form .noUi-touch-area {
    background: var(--uniranks-choose-your-prefrences-inputs-primary-color) !important;
}

.step-5-form .noUi-touch-area {
    border-radius: 20px !important;
}

.step-5-form .noUi-connects {
    background: var(--uniranks-choose-your-preferences-inputs-border-color) !important;
}

.step-5-form .noUi-target {
    height: 6px !important;
}

.top-63 {
    top: 63% !important;
}

.ps-1-7 {
    padding-left: 1.7rem !important;
}

.px-4-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.payment-dashboard-cards-image {
    width: 72px;
    height: 72px;
}

#resetPasswordModal .modal-dialog .modal-content .modal-body .rest-now-pass {
    border-radius: 14px;
}


.visual-comparison-practice .heading-text {
    color: #ffffff !important;
    font-size: 2.1rem;
    font-weight: bold;
}

.visual-comparison-practice .heading-text2 {
    font-size: 2.1rem;
    font-weight: bold;
}

.visual-comparison-practice .custom-pill-radio input[type="radio"] {
    display: none;
}

.visual-comparison-practice .pill-label {
    display: inline-block;
    padding: .25em 1.1em;
    border-radius: 7px;
    font-weight: 800;
    font-size: 1.5rem;
    background: #ffffff;
    color: #1a2556;
    border: 2px solid transparent;
    cursor: pointer;
    min-width: 48px;
    text-align: center;
    transition: all 0.13s;
}

.visual-comparison-practice .custom-pill-radio.selected .pill-label {
    background: #b30092 !important;
    color: #fff !important;
    border-color: #b30092;
    box-shadow: 0 0 0 2px #b3009211;
}

.visual-comparison-practice .custom-pill-radio.correct .pill-label {
    /*border-bottom: 3px solid #32cfa0; !* highlight correct if desired *!*/
}

.visual-comparison-practice .custom-pill-radio input[type="radio"]:disabled + .pill-label {
    opacity: 0.8;
    cursor: default;
}

.visual-comparison-practice tbody,
.visual-comparison-practice tfoot,
.visual-comparison-practice th,
.visual-comparison-practice thead,
.visual-comparison-practice tr {
    border: 4px #F5F5F5 solid !important;
}

.visual-comparison-practice tr:hover,
.visual-comparison-practice td:hover {
    background-color: #b3b3b3 !important;
}

.visual-comparison-practice tr[style*="#d98bd9"] td {
    background: #cc6fc2 !important;
    color: #fff !important;
}


.numerical-reasoning-div .option-label.bg-secondary {
    background-color: #b3b3b3 !important; /* Bootstrap's gray-200 or your custom */
    color: #1c345a !important;
    /* Optional: Add slight shadow or border */
    /* box-shadow: 0 2px 8px rgba(28,52,90,0.06); */
}

.numerical-reasoning-div .option-label.bg-light {
    background-color: #ededed !important;
    color: #1c345a !important;
}

.spatial-visualization-image-custom {
    min-width: 320px;
    max-width: 720px;
}

.spatial-visualization-image-options {
    cursor: pointer;
    min-width: 136px;
    max-width: 140px;
    transition: border 0.1s;
}

.spatial-visualization-options-images {
    min-width: 80px;
    max-width: 140px;
}

.onepath-option-question-label {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    text-align: center;
    color: #555;
    font-weight: 500;
    letter-spacing: .5px;
    border-right: 2px solid #ededed;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onepath-option-question-space {
    height: 100%;
    background-color: #FFFFFF !important;
    width: 2px !important;
    min-width: 2px;
    max-width: 4px;
    text-align: center;
    border-right: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onepath-option-question-text {
    flex: 1;
    padding-left: 20px;
    color: #374151;
    font-weight: 700;
}

.memory-letter-tr-custom {
    height: 55.48px !important;
    align-content: center;
}

.memory-letter-input-custom {
    width: 38px;
    height: 38px;
    border-width: 3px;
    border-radius: 1px;
    box-shadow: none;
    font-weight: 600;
}

.memory-letter-input-custom:focus {
    border-color: #0079e0 !important;
    border-width: 3px !important;
    box-shadow: 0 0 0 .05rem rgba(0, 121, 224, 0.13) !important;
}

.great-job-page-text-heading {
    font-size: 2.3rem;
    font-weight: bold;
    margin-bottom: 0;
}

.great-job-page-text-description {
    color: #36425a;
    font-size: 1.05rem;
}

.custom-card-aptitude-analysis {
    background: #f8f7f8;
    border: 2px dashed #a14c99;
    border-radius: 16px;
    padding: 10px 22px 13px 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    width: -webkit-fill-available;
}

.custom-card-aptitude-analysis-logo {
    margin-right: 8px;
    width: 46px;
    height: 46px;
}

.custom-card-aptitude-analysis-heading {
    font-weight: bold;
    font-size: 1.16rem;
    color: #a14c99;
}

.custom-card-aptitude-analysis-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0;
}

.custom-card-aptitude-analysis-list-li {
    display: inline-block;
    min-width: 140px; /* adjust as needed for your width */
    margin: 6px 12px 2px 0;
    color: #a14c99;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.45;
}

.custom-aptitude-header-table {
    width: 100%;
}

.custom-aptitude-header {
    width: 100%;
    border-collapse: collapse;
}

.custom-aptitude-logo-cell {
    width: 54px;
    vertical-align: middle;
    padding: 0 8px 0 0;
}

.custom-aptitude-content-cell {
    vertical-align: middle;
    padding: 0;
}

.custom-card-aptitude-analysis-heading {
    display: block;
    color: #a14c99;
    font-weight: bold;
    margin: 16px 0 14px 0;
    font-size: 17px;
}

.custom-card-aptitude-analysis-underline {
    display: block;
    border-bottom: 2px dashed #a14c99;
    width: 99%;
    margin: 0;
    height: 0;
}


.custom-card-aptitude-analysis-list-li-full-w {
    display: inline-block;
    min-width: 400px; /* adjust as needed for your width */
    margin: 6px 12px 2px 0;
    color: #a14c99;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.45;
}

.custom-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.custom-card-icon {
    width: 42px;
    height: 42px;
    margin-right: 9px;
    vertical-align: middle;
}

.custom-card-heading-col {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.custom-card-heading {
    color: #a14c99;
    font-size: 1.28rem;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0.1rem;
    margin-bottom: 0.48rem;
}

.custom-card-heading-divider {
    display: block;
    border-bottom: 1.5px dashed #a14c99;
    width: 99%;
    margin: 0;
    min-height: 8px; /* to force some space below */
}

.uni-table-container {
    width: 100%;
    padding: 0;
}

.uni-list-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

.uni-row {
    vertical-align: top;
}

.uni-logo-cell {
    width: 86px;
    padding: 12px 0 12px 0;
    text-align: center;
}

.uni-logo {
    max-width: 80px;
    max-height: 80px;
    border-radius: 0;
    background: #f4f4f4;
    border: 1px solid #dfe6ed;
    display: block;
    margin: 0 auto;
}

.uni-info-cell {
    padding: 12px 16px 12px 18px;
    line-height: 1.6;
    border: none;
}

.uni-programs-link {
    font-weight: 600;
    color: #0996D1;
    font-size: 15px;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 4px;
}

.uni-name {
    font-size: 16px;
    font-weight: 700;
    color: #1C345A;
    margin: 3px 0 6px 0;
}

.uni-badges {
    margin-top: 3px;
}

.uni-badge {
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 400;
    margin-right: 6px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.uni-badge.country {
    background: #003366;
    color: #fff;
}

.uni-badge.region {
    background: #dfedfa;
    color: #0996D1;
}

.uni-badge.world-rank {
    background: #bfc7ce;
    color: #1C345A;
}

.uni-row-divider {
    border-bottom: 2px dashed #a14c99;
    height: 1px;
    padding: 0;
}

.uni-empty {
    text-align: center;
    color: #a14c99;
    font-size: 15px;
    padding: 22px 0;
}

.academic-summary-block {
    color: #a14c99;
    margin-left: 2px;
    margin-top: 12px;
    background: none;
}

.summary-header {
    line-height: 1.25;
    margin-bottom: 18px;
}

.general-score {
    margin-bottom: 10px;
    margin-top: 6px;
    color: #a14c99;
}

.general-score .score-num {
    font-weight: 700;
}

.subject-table {
    display: table;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.subject-col {
    display: table-cell;
    vertical-align: top;
    padding-right: 32px;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: 50%;
}

.subject-divider {
    display: table-cell;
    width: 40px;
    min-width: 18px;
    border-left: 2px dashed #a14c99;
    margin-left: 10px;
    margin-right: 10px;
    height: 90px;
}


.desktop-nav .navbar ul {
    padding-top: 0 !important;
}

.onepath-dropdown-toggle.dropdown-toggle {
    background-color: transparent !important;
    border-radius: 8px;
    width: fit-content;
    min-width: 220px;
    max-width: 300px !important;
}

.onepath-dropdown-toggle.dropdown-toggle::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 11px;
    background: url('../../assets/onepath_assets/images/dropdown.svg') no-repeat center center !important;
    background-size: contain;
    vertical-align: middle;
    border: none !important;
    margin-left: 8px;
}


@media (min-width: 992px) {
    .col-lg-2-5 {
        flex: 0 0 auto;
        width: 21.8333%; /* 2.5 / 12 */
    }

    .col-lg-3-5 {
        flex: 0 0 auto;
        width: 28.1667%; /* 3.5 / 12 */
    }

    .px-lg-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .px-lg-7 {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }

    .px-lg-8 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }
}

@media only screen and (max-width: 991px) {
    .display-5 {
        font-size: calc(1.125rem + 2vw);
        line-height: 1.1;
    }

    .fs-2 {
        font-size: calc(1rem + 1vw) !important;
    }

    .fs-3 {
        font-size: calc(1rem + .5vw) !important;
    }

    .fs-4 {
        font-size: calc(1rem + .25vw) !important;
    }

    .fs-5 {
        font-size: calc(1rem + .125vw) !important;
    }

    .fs-4 {
        font-size: 0.95rem !important;
    }

    .spatial-visualization-image-custom {
        min-width: 200px;
        max-width: 300px;
    }

    .steps-button-custom-div button {
        font-size: 16px;
        min-width: 300px;
    }

    .steps-button-custom-div2 button {
        font-size: 16px;
        min-width: 300px;
    }

    .spatial-visualization-image-options {
        min-width: 72px;
        max-width: 72px;
    }

    .spatial-visualization-options-images {
        min-width: 60px;
        max-width: 60px;
    }


    .visual-comparison-practice .heading-text {
        font-size: 1rem;
        font-weight: bold;
    }

    .visual-comparison-practice .heading-text2 {
        font-size: 1rem;
        font-weight: bold;
    }

    .custom-progress-bar-style {
        font-size: 14px;
        min-width: 150px
    }

    .step-5-form .mdsection.limit-width {
        max-width: 360px;
    }

    .step-5-form .noUi-target {
        height: 5px !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .custom-dropdown-menu {
        display: none;
        visibility: hidden;
    }

    .how-it-works-description {
        font-size: 18px;
    }

    .great-job-page-text-heading {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 0;
    }

    .great-job-page-text-description {
        color: #36425a;
        font-size: 1rem;
    }

    .uni-programs-link {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .uni-name {
        font-size: 12px;
        margin: 2px 0 4px 0;
    }

    .uni-info-cell {
        padding: 6px 8px 6px 8px;
        line-height: 1.2;
    }

    .uni-logo-cell {
        width: 70px;
    }

    .uni-logo {
        max-width: 64px;
        max-height: 64px;
    }
    .custom-card-aptitude-analysis-list-li-full-w {
        min-width: 300px; /* adjust as needed for your width */
    }

    .onepath-dropdown-toggle.dropdown-toggle::after {
        content: "";
        width: 0;
        height: 0;
        margin-left: 8px;
    }
}

@media (max-width: 575.98px) {
    .onepath-dropdown-toggle.dropdown-toggle {
        background-color: transparent !important;
        border-radius: 8px;
        width: fit-content;
        min-width: 100px !important;
        max-width: 105px !important;
    }
}