@import url(color.css);
@import url(reset.css);
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");

html {
    font-size: 13px;
    letter-spacing: 0.5px;
}
@font-face {
    font-family: "Raleway", sans-serif;
    src: url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap") format("woff2");
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: "Raleway", sans-serif;
    /* font-feature-settings: 'pnum' on, 'lnum' on, 'liga' off; */
    font-feature-settings: "pnum" on, "lnum" on, "ss09" on, "liga" off;
}

.blur-background {
    opacity: 0.2;
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    height: 100%;
    background-color: #000;
}

.backdrop.fade {
    opacity: 0;
    display: none;
}

.backdrop.fade.show {
    opacity: 0.5;
    display: block;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 60px;
    height: 60px;
}

.loader svg {
    width: 100%;
    height: 100%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.calendly-overlay {
    overflow: hidden;
    z-index: 9999 !important;
}

.calendly-popup-content.calendly-mobile {
    overflow: hidden !important;
}

#customBottomBtn {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--theme-yellow);
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    box-shadow: 0 0 20px -5px #ffb500;
}

#customBottomBtn:hover {
    background-color: var(--theme-yellow);
}

.newsletter-box span {
    border-radius: 50% !important;
    padding-top: 12px !important;
}

.newsleter-form input {
    background: var(--theme-white) !important;
    padding: 0 55px 0 10px;
    border-radius: 30px !important;
    border: 0;
    height: 60px !important;
    width: 100%;
}

.newsleter-form {
    border: none;
}

.custom-login-page-banner {
    display: block;
    padding: 15px 0px;
    position: relative;
    z-index: 1;
}

.custom-login-page-banner:before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #ffb500;
}

.breadcrumbs-area {
    position: relative;
}

.breadcrumbs-area ul li {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    padding-right: 5px;
    color: var(--theme-white);
    font-size: 22px;
}

.breadcrumbs-area ul li a {
    color: var(--theme-white);
}

.breadcrumbs-area ul li:before {
    display: none;
}

.breadcrumbs-area ul li:last-child:before {
    content: " ";
}

.breadcrumbs-area ul li:first-child {
    margin-right: 0;
    padding-right: 0;
    color: var(--theme-white);
    font-weight: 700;
}

.custom-login-card {
    background-color: var(--theme-white);
    border-radius: 40px;
    padding: 20px 30px;
    box-shadow: -1px 2px 17px 2px #00000017;
}

.custom-login-navtabs {
    border: 1px solid var(--theme-border);
    border-radius: 8px;
    background: var(--theme-white);
    width: 100%;
}

.custom-login-navtabs .nav-item {
    width: 50%;
    z-index: 1;
}

.nav-item.tab.active + .indicator {
    left: 1px;
}

.indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 7px;
    height: 100%;
    width: 50%;
    background-color: var(--theme-yellow) !important;
    transition: transform 0.3s ease;
}

.custom-login-navtabs .nav-link {
    width: 100% !important;
    padding: 5px !important;
    margin: 0px !important;
    height: 100%;
    color: var(--theme-blue);
    font-weight: 500 !important;
    font-size: 20px !important;
}

.custom-login-navtabs .nav-link.active {
    width: 100% !important;
    margin: 0px;
    height: 100%;
    color: var(--theme-white) !important;
    background-color: transparent !important;
}

.login-custom-form .login-title {
    color: var(--theme-yellow);
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.login-custom-form .login-info {
    color: var(--check-label);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
}

.custom-login-label {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 0;
}

.custom-login-input {
    border: 1px solid var(--input-border);
    border-radius: 10px;
    padding: 14px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
}

.reg-phnInput .custom-form-input {
    padding: 14px 15px 14px 120px;
    font-size: 16px;
    z-index: 1;
    position: relative;
}

.reg-phnInput.custom-Formphone-input .custom-select-box .select2-container--default .select2-selection--single {
    height: 49px;
        padding: 14px 35px 14px 15px;
}

.reg-phnInput.custom-Formphone-input .custom-select-box {
    position: absolute;
    top: 25px;
}

.regSelectInput .custom-select-box .select2-container--default .select2-selection--single {
    height: 49px;
    padding: 14px 35px 14px 15px;
}

.regSelectInput .custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    top: 13px;
}

.login-passwd-input .custom-login-input {
    padding: 14px 50px 14px 15px;
}

textarea.custom-login-input {
    height: auto;
}

.login-passwd-input {
    position: relative;
}

.login-passwd-input .passwd-eyes-icon {
    position: absolute;
    top: 30px;
    right: 16px;
}

input[type="text"] ~ .passwd-eyes-icon {
    position: absolute;
    top: 36px;
    right: 18px;
}

.custom-check-label {
    color: var(--check-label);
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    margin-top: 5px;
    margin-left: 10px;
}

.forgot-link,
.forgot-link:hover {
    color: var(--check-label);
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    text-decoration: underline;
}

.custom-login-checkbox .form-check-input {
    height: 20px;
    width: 20px;
}

.custom-login-checkbox .form-check-input:checked {
    background-color: var(--theme-yellow) !important;
    border-color: var(--theme-yellow);
}

.custom-login-checkbox .form-check-input:checked[type="checkbox"] {
    background-image: url(/main/assets/image/white-check.svg);
    background-size: 12px 12px;
}

.form-check-input:focus {
    box-shadow: none;
    border-color: inherit;
}

.custom-login-btn {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
    border: 1px solid transparent;
    border-radius: 10px;
    width: 100%;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 700;
}

#passwordResetForm .custom-login-btn {
    width: fit-content;
    padding-inline: 25px;
}

.reg-btn {
    background-color: transparent;
    color: #333333;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    font-size: 20px;
    font-weight: 600;
}

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

.whapp-btn a {
    color: #333333;
}

.sign-up-link {
    color: var(--check-label);
    font-size: 15px;
    margin: 15px 0px 10px;
    text-align: center;
    font-weight: 500;
}

.sign-up-link span,
.sign-up-link a {
    font-weight: 600;
    color: var(--theme-yellow);
}

.login-side-sec {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%), url(/main/assets/image/login-bg-slide.jpg);
    background-size: cover;
    height: 100%;
    border-radius: 40px;
    position: relative;
    background-position: center;
}
.bp-side-sec.login-side-sec {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%), url(/main/assets/image/bp_bg-slide.png);
}
.login-side-sec.university-side-sec {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%), url(/main/assets/image/uni-reg-bg.png);
        background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.custom-form-slider {
    padding: 10px;
    vertical-align: super;
    align-items: center;
    align-content: center;
    align-self: center;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.login-testimonial.owl-carousel .owl-stage-outer {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(37px);
    -webkit-backdrop-filter: blur(37px);
    border-radius: 30px;
}

.login-test-item {
    padding: 30px 50px;
    border-radius: 20px;
}

.login-test-item p {
    color: var(--theme-white);
    font-weight: 900;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 7px;
}

.login-test-item p span {
    font-weight: 700;
}

.login-test-item .info {
    color: var(--theme-white);
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    text-align: left;
}

.login-test-item {
    padding: 18px 15px 18px 50px;
}

.login-coma {
    position: absolute;
    height: 20px;
    width: 20px;
    transform: rotateY(160deg);
    top: 32px;
    left: 20px;
}

.login-testimonial .owl-nav {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 35px;
    right: 30px;
    width: fit-content;
    height: 1px;
}

.login-testimonial .owl-nav button.owl-prev span {
    background: #ffb500 url(/main/assets/image/white-right.svg) center center no-repeat;
    background-size: 22px;
    border: 1px solid var(--theme-yellow);
    width: 24px;
    height: 24px;
    float: left;
    font-size: 0 !important;
    border-radius: 50%;
}

.login-testimonial .owl-nav button.owl-next span {
    background: #ffb500 url(/main/assets/image/white-left.svg) center center no-repeat;
    background-size: 22px;
    margin-left: 10px;
    border: 1px solid var(--theme-yellow);
    width: 24px;
    height: 24px;
    float: left;
    font-size: 0 !important;
    border-radius: 50%;
}
.login-testimonial.owl-carousel .owl-nav button.owl-next{
    box-shadow: none;
    position: unset;
}
/* customCenter-indicator */
.customCenter-indicator {
    width: 50%;
    margin: auto;
}

.customCenter-indicator .custom-login-navtabs .nav-item {
    width: 50%;
    margin: auto;
}

.customCenter-indicator .nav-item {
    width: 50%;
    margin: auto !important;
}

.customCenter-indicator .nav-link.active {
    width: 50% !important;
    margin: auto !important;
}

/* custom-new-modal */
.custom-new-modal .modal-content {
    border-radius: 40px 15px 40px 40px;
}

button.btn-close.custom-close {
    background: url(/main/assets/image/custom-close-icon.svg) center center no-repeat;
    background-size: 100%b 100%;
    opacity: 1;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: -5px;
    z-index: 9;
    border: transparent 1px solid;
}

.form-faq-title {
    background-color: var(--theme-white);
    border-radius: 15px;
    padding: 16px;
}

.form-faq-title h4 {
    color: var(--theme-yellow);
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 0;
    padding-left: 30px;
}

.faq-item {
    padding: 20px 50px 30px;
}

.faq-item .que {
    color: var(--theme-white);
    font-size: 20px;
    font-weight: 500;
    position: relative;
}

.faq-item .que::after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--theme-white);
    display: block;
    margin-top: 10px;
}

.faq-item p {
    color: var(--theme-white);
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}

.faq-item p a {
    color: var(--theme-white);
    text-decoration: none;
}

.country-flag {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.country-flag > img {
    height: 100%;
}

.country-dropdown .dropdown-toggle {
    padding: 10px 30px 10px 15px !important;
    background-color: var(--theme-white) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    line-height: normal;
}

.country-dropdown .dropdown-toggle::after {
    display: none;
}

.country-dropdown .dropdown-toggle .country-name::before {
    content: url(/main/assets/image/black-dropdown.svg);
    position: absolute;
    right: 10px;
}

.country-dropdown .dropdown-toggle:focus {
    box-shadow: none;
}

.country-dropdown .dropdown-menu {
    min-width: auto;
    border-radius: 5px !important;
    padding: 0 5px;
    width: -webkit-fill-available;
    width: -moz-available;
}

.country-name {
    font-weight: 600;
    color: var(--title-text);
    align-self: center;
}

.country-dropdown .dropdown-menu li {
    border-radius: 6px !important;
    background-color: var(--theme-white);
    margin: 5px;
    padding: 0 5px;
    font-weight: 600;
}

.country-dropdown .dropdown-menu li:hover {
    color: var(--theme-white);
    background-color: var(--theme-yellow);
}

.country-dropdown .dropdown-menu li:hover .country-name {
    color: var(--theme-white);
}

.country-dropdown .dropdown-menu .dropdown-item {
    padding: 4px 8px !important;
}

.country-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: transparent !important;
}

/* 404 page */
.custom-first-page {
    position: relative;
    z-index: 1;
    height: 100vh;
}

.top-img {
    position: fixed;
    top: 0;
    right: 0px;
    z-index: -1;
}

.top-img .inner-gif {
    position: absolute;
    top: 6%;
    right: 100px;
    height: 136px;
    width: 200px;
}

.left-bottom-img .inner-gif {
    position: fixed;
    bottom: 0%;
    left: 100px;
    height: 136px;
    width: 200px;
}

.bottom-img {
    position: fixed;
    bottom: 0;
    right: 0px;
}

.left-bottom-img {
    position: fixed;
    bottom: 0;
    left: 0px;
    z-index: -1;
}

.custom-first-page .main-page-title {
    color: #000843;
    font-size: 40px;
    font-weight: 700;
}

.custom-first-page .main-page-info {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
}

.custom-first-page .know-btn {
    color: var(--theme-white) !important;
    background-color: var(--theme-yellow) !important;
    border-radius: 10px !important;
    padding: 10px 35px !important;
    height: fit-content !important;
    width: fit-content !important;
    line-height: 30px;
    font-size: 20px !important;
}

.phone-inner-right {
    position: absolute;
    top: 10%;
    right: 0;
}

.phone-inner-left {
    position: absolute;
    bottom: 0%;
    left: 0;
}

.small-yellow-gif .top-yellow-img {
    position: absolute;
    top: 15%;
    left: 50%;
}

.small-yellow-gif .bottom-yellow-img {
    position: absolute;
    bottom: 15%;
    right: 10%;
}

.phone-gif-left {
    position: absolute;
    left: 3%;
    transform: rotate(270deg);
    top: 30%;
}

.phone-gif-right {
    position: absolute;
    right: 5%;
    margin-top: 50px;
}

/* loan page */
.custom-loan-herosec {
    padding-top: 80px;
    background-image: url(/main/assets/image/loan-hero-back.svg);
    background-size: contain;
    position: relative;
}

.loan-top-left {
    position: absolute;
    left: 45px;
}

.loan-bottom-left {
    position: absolute;
    left: 55px;
    bottom: 0px;
}

.loan-top-right {
    position: absolute;
    right: 45px;
}

.loan-bottom-right {
    position: absolute;
    right: 55px;
    bottom: 0px;
}

.loan-center-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -100%);
}

.loan-main-title {
    color: var(--theme-blue);
    font-size: 42px;
    font-weight: 700;
}

.loan-title-info {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: var(--theme-main-info);
    text-align: left;
    padding: 0;
    margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.yellow-btn {
    color: var(--theme-white);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    background-color: var(--theme-yellow);
    padding: 10px 20px;
    width: fit-content;
    border-radius: 10px;
    height: auto;
    text-transform: capitalize;
    border: 1px solid transparent;
    display: block;
    box-shadow: 1px 4px 10px -2px #00000052;
    -webkit-box-shadow: 1px 4px 10px -2px #00000052;
    transition: all 0.4s linear;
}

.custom-slider-banner .yellow-btn {
    font-size: 20px;
}

.yellow-btn:hover {
    background-color: var(--theme-white);
    color: var(--theme-yellow);
    border: 1px solid var(--theme-yellow);
    transition: all 0.4s linear;
}

.hero-sec-con .yellow-btn {
    padding: 15px 30px;
    font-size: 20px;
}

/* .yellow-border-btn {
    color: var(--theme-yellow);
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    background-color: var(--theme-white);
    padding: 15px 30px;
    width: fit-content;
    border-radius: 10px;
    height: auto;
    text-transform: capitalize;
    border-color: var(--theme-yellow);
    display: block;
} */

.yellow-shadow-btn {
    box-shadow: 1px 4px 10px -2px #00000052;
    -webkit-box-shadow: 1px 4px 10px -2px #00000052;
}

.loan-main-img {
    border-radius: 20px;
    text-align: center;
    height: 400px;
    width: 600px;
    overflow: hidden;
}

.loan-main-img img {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.custom-innerDetail {
    margin-bottom: 30px;
}

.custom-innerSec-title {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-bottom: 10px;
    text-transform: capitalize;
    display: -webkit-box; /* Required for line-clamp to work */
    -webkit-line-clamp: 3; /* Limits the text to 3 lines */
    -webkit-box-orient: vertical; /* Required for vertical orientation */
    overflow: hidden; /* Hides overflowing content */
    text-overflow: ellipsis;
}

.custom-footer-title {
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.query-title {
    font-size: 22px;
}

.custom-innerSec-info {
    color: #5c5c5c;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-inline: auto;
    width: 80%;
    margin-bottom: 0px;
}

.custom-footer-info {
    color: var(--title-text);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin-inline: auto;
    width: 80%;
    margin-bottom: 0px;
}

.text-title-white {
    color: var(--theme-white);
}

.loan-inner-text {
    color: var(--theme-yellow);
}

.custom-loan-tab .nav-tabs {
    border: none;
    white-space: nowrap;
    overflow-x: scroll;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.custom-loan-tab .nav-tabs .nav-item {
    border: 1px solid transparent;
    margin-right: 20px;
}

.custom-loan-tab .nav-tabs .nav-link {
    /* font-size: 1.1rem; */
    line-height: normal;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    color: var(--theme-blue);
}

.custom-loan-tab .nav-tabs .nav-link:hover {
    background: linear-gradient(0deg, rgba(255, 181, 0, 0.1), rgba(255, 181, 0, 0.1));
}

.custom-loan-tab .nav-tabs .nav-link.active {
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    border-color: 0;
    margin: 0;
    height: 100%;
    border-radius: 10px;
}

.loan-inner-tab-card {
    border: 1px solid #d6d6d6;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    height: 100%;
}

.loan-inner-card-title {
    color: var(--theme-blue);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-block: 20px 0px;
    text-transform: capitalize;
}

.loan-inner-card-info {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
    margin-bottom: 0;
}

.loan-eligibility-card {
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    padding: 20px;
}

/* .custom-ul-list {
    margin-inline: 50px;
}

.custom-ul-list .custom-li-list .title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--title-blue);
}

.custom-ul-list .custom-li-list .info {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--info-text);
} */

/* .custom-li-list {
    position: relative;
    margin-bottom: 12px;
}

.custom-li-list::after {
    content: "";
    position: absolute;
    left: -50px;
    top: 25px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background-image: url(/main/assets/image/loan-list-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
} */

.step-icon {
    height: 100px;
    width: 100px;
    border-radius: 10px;
    background-color: var(--theme-yellow);
    padding: 18px;
    margin: auto;
}

.loan-step-card {
    width: 300px;
    height: 230px;
}

/* card-slider */
.custom-bank-offer-sec {
    position: relative;
}

.offer-back-left-img .img-1 {
    position: absolute;
    left: 30px;
}

.offer-back-left-img .img-2 {
    position: absolute;
    top: 50%;
}

.offer-back-left-img .img-3 {
    position: absolute;
    bottom: 0;
    left: 30px;
}

.offer-back-right-img .img-1 {
    position: absolute;
    right: 30px;
}

.offer-back-right-img .img-2 {
    position: absolute;
    top: 50%;
    right: 0;
}

.offer-back-right-img .img-3 {
    position: absolute;
    bottom: 0;
    right: 30px;
}

.custom-card-carousel .owl-carousel .owl-item {
    margin-right: 15px;
}

.custom-card-carousel .owl-stage-outer {
    z-index: -1;
}

.horizontal-card-carousel .owl-carousel .owl-item {
    margin-right: 15px;
}

.horizontal-card-carousel .owl-stage-outer {
    z-index: -1;
}

.card-slider {
    border: 1px solid var(--theme-border);
    padding: 10px;
    border-radius: 10px;
    background-color: var(--theme-white);
    transition: all 0.4s linear;
    height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-slider:hover {
    background-color: var(--theme-hover);
}

.card-slider-img {
    border-radius: 10px;
    background-color: var(--theme-white);
    position: relative;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
}

.card-slider .card-check-btn {
    position: relative;
    width: -webkit-fill-available;
    width: -moz-available;
}

.card-check-btn .hero-btn-check input[type="checkbox"]::after {
    content: "Apply";
    padding: 10px;
    width: 100%;
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    font-size: 16px;
}

.card-check-btn .hero-btn-check input:checked[type="checkbox"]::after {
    content: "Status";
    padding: 10px 15px;
    width: 100%;
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    font-size: 16px;
}

.card-check-btn .hero-btn-check input[type="checkbox"] {
    width: 100%;
}

.top-choice-sec .card-slider-img {
    height: 295px;
    width: 100%;
}

.card-slider-img img {
    border-radius: 10px;
    object-fit: fill;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.like-checkbox {
    position: absolute;
    left: 6px;
    top: 6px;
}

.like-checkbox input {
    background-image: url(/main//assets/image/yellow-border-like.svg);
    background-size: 100% 100%;
    height: 27px;
    width: 27px;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.like-checkbox input.form-check-input:checked {
    background-image: url(/main//assets/image/like-yellow.svg);
    height: 27px;
    width: 27px;
    padding: 0;
    background-color: transparent;
    border: none;
}

.card-label {
    display: flex;
    gap: 10px;
    padding: 6px 10px;
    background-color: var(--theme-white);
    border-radius: 5px;
    width: fit-content;
    position: absolute;
    bottom: 13px;
    left: 12px;
}

.right-label {
    position: absolute;
    bottom: 13px;
    right: 12px;
    left: auto;
}

.card-label img {
    height: 18px;
    width: 18px !important;
    border-radius: 50%;
}

.card-label span {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    height: fit-content;
    align-self: center;
}

.card-slider-detail {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.card-slider-detail h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-slider-detail .card-info {
    font-size: 16px;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-bottom: 5px;
    font-weight: 700;
}

.card-slider-detail .card-inner-info {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 5px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-slider-detail .card-inner-info span {
    font-weight: 500;
    margin-top: 3px;
    font-size: 16px;
}

.card-slider-detail .light-btn {
    margin-top: 10px;
}

.light-btn {
    border: 1px solid var(--theme-yellow);
    background-color: var(--theme-white);
    border-radius: 10px;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    color: var(--theme-yellow);
    padding: 10px 15px;
    transition: all 0.4s linear;
    text-align: center;
    display: block;
    box-shadow: 1px 4px 10px -2px #00000052;
    -webkit-box-shadow: 1px 4px 10px -2px #00000052;
}

.card-slider .light-btn {
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    box-shadow: 1px 4px 10px -2px #00000052;
    -webkit-box-shadow: 1px 4px 10px -2px #00000052;
    font-size: 16px;
}

.card-slider .light-btn:hover {
    color: var(--theme-yellow);
    background-color: var(--theme-white);
}

.custom-card-carousel .owl-nav,
.horizontal-card-carousel .owl-nav {
    display: none;
}

.custom-card-carousel .owl-nav button span,
.horizontal-card-carousel .owl-nav button span {
    font-size: 0 !important;
    height: 30px;
    width: 30px;
    float: left;
    border: #cfcfcf 1px solid;
    border-radius: 50%;
}

/* .custom-card-carousel .owl-nav .owl-prev span,
.horizontal-card-carousel .owl-nav .owl-prev span {
    background: url(/main/assets/image/prev-slider-arrow.png) center center no-repeat;
    background-size: 30px !important;
    margin-right: -80px;
    border: none;
    background-size: 50px;
}

.custom-card-carousel .owl-nav .owl-next span,
.horizontal-card-carousel .owl-nav .owl-next span {
    right: 10px !important;
    background: url(/main/assets/image/next-slider-arrow.png) center center no-repeat !important;
    background-size: 12px !important;
    margin-right: -80px;
    border: none;
    background-size: 50px;
} */

.custom-card-carousel .owl-carousel .owl-dots,
.horizontal-card-carousel .owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.custom-card-carousel .owl-carousel .owl-dots .owl-dot span,
.horizontal-card-carousel .owl-carousel .owl-dots .owl-dot span {
    background: #d1d1d1;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 0 -14px;
    transform: translate3d(0px, -50%, 0px) scale(0.6);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    border-radius: 50%;
}

.custom-card-carousel .owl-carousel .owl-dots .owl-dot.active span,
.horizontal-card-carousel .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--theme-blue);
    transform: translate3d(0px, -50%, 0px) scale(0.9);
}

.yellow-text {
    color: var(--theme-yellow);
}
.blue-text {
    color: var(--theme-blue);
}
.custom-innerSec-info a.yellow-text:hover {
    color: var(--theme-blue);
}

.sec-big-card {
    border: 1px solid var(--theme-border);
    border-radius: 30px;
    padding: 30px;
}

.logo-sec .img-sec {
    border-radius: 6px;
    border: 1px solid var(--theme-border);
    text-align: center;
}

.logo-sec .img-sec img {
    border-radius: 6px;
}

.sec-big-card.process-sec {
    padding: 20px 15px;
}

.sec-big-card.eduLoan_process .loan-inner-tab-card {
    height: 290px;
}

.sec-big-card .loan-inner-tab-card {
    padding: 15px;
    width: 250px;
    height: 250px;
}

.courseDeatil-process .loan-inner-tab-card {
    height: 270px;
}

.sec-big-card.course-card-sec .loan-inner-tab-card {
    height: 300px;
}

.sec-big-card.testPrep-card-sec .loan-inner-tab-card {
    height: 250px;
}

.sec-big-card.testIelts-card-sec .loan-inner-tab-card {
    height: 260px;
}

.sec-big-card.scholarships-card .loan-inner-tab-card {
    height: 300px;
}
.sec-big-card.businessPartner-card-sec .loan-inner-tab-card {
    height: 380px;
}
.process-img-box {
    transform: scale(1, 1.5);
}

.sec-big-card .loan-inner-tab-card .loan-inner-card-title {
    font-size: 20px;
    line-height: normal;
    margin-block: 15px;
}

.sec-big-card .loan-inner-tab-card .loan-inner-card-info {
    font-size: 14px;
    line-height: normal;
}

.sec-big-card .loan-inner-tab-card .step-icon {
    height: 108px;
    width: 108px;
    border-radius: 50%;
    padding: 21px;
}

.sec-big-card .loan-inner-tab-card .step-icon img {
    height: 100%;
    width: 100%;
}

/* table */

.table > :not(caption) > * > * {
    border-bottom-width: 0px;
}

table .bank-img {
    height: 30px;
    width: 50px;
    background-color: var(--theme-back-bg);
    border-radius: 2px;
}

.table-like-btn {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0;
}

.table-like-btn img {
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    margin-left: 10px;
}

/* custom-phone-input */
.custom-phone-input {
    position: relative;
}

.custom-phone-input input {
    padding-left: 115px;
}

.custom-phone-input .custom-country-code .dropdown-toggle {
    position: relative;
}

.custom-phone-input .custom-country-code .dropdown-toggle::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 1px;
    background-color: #c8c8c8;
    right: -6px;
    top: 19px;
}

.custom-phone-input .custom-country-code {
    position: absolute;
    top: 30px;
    left: 15px;
}

.custom-phone-input .custom-country-code .dropdown-toggle {
    background-color: transparent;
    color: var(--title-text);
    border: none;
    padding-right: 18px;
    padding-left: 0;
    font-size: 0;
    height: 100%;
    padding-block: 18.5px;
}

.custom-country-code .dropdown-toggle:focus {
    box-shadow: none;
}

.custom-country-code .dropdown-toggle::after {
    border: none;
    background-image: url(/main/assets/image/black-dropdown.svg);
    content: "";
    position: absolute;
    top: 24px;
    height: 10px;
    width: 10px;
    right: 4px;
    background-size: 100% 100%;
    transition: all 0.3s linear;
}

.custom-flag-img {
    height: 20px;
    width: 20px;
}

.custom-country-code .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.custom-phone-input .code-char {
    color: #000843;
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    vertical-align: middle;
    width: 35px;
    display: inline-block;
}

.custom-loan-checkbox .form-check-input {
    background: transparent url(/main/assets/image/uncheck-input.svg);
    border: none;
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px;
}

.custom-loan-checkbox .form-check-input:checked[type="checkbox"] {
    background-image: url(/main/assets/image/white-check.svg);
    background-size: 15px 15px;
    background-position: center;
}

.custom-loan-checkbox .form-check-input:checked {
    background-color: var(--theme-blue) !important;
    border-color: var(--theme-blue);
    border-radius: 7px;
}

.custom-loan-table tr:first-child td:last-child,
.custom-loan-table tr:first-child td:first-child {
    border-radius: 0px;
}

.custom-loan-table.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--theme-white);
}

.custom-loan-table.table-striped > tbody > tr:nth-of-type(even) {
    --bs-table-accent-bg: #f6f6f6;
}

.loan-con {
    background-color: var(--theme-light-purple);
    border-radius: 20px;
    padding: 40px;
    position: relative;
    height: 100%;
}

.loan-con h3{
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-bottom: 30px;
}

.loan-info-list {
    list-style-type: none;
    margin: auto;
    width: 80%;
    padding-left: 20px;
}

.loan-info-list li {
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.06em;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 10px;
    position: relative;
}

.loan-info-list li::after {
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/tick-circle.svg);
    background-size: 100% 100%;
    height: 21px;
    width: 21px;
    left: -29px;
    top: -2px;
}

.loan-con .back-icon .img-left {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 40px;
}

.loan-con .back-icon .img-right {
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 20%;
    right: 40px;
}

.loan-con-right {
    position: relative;
}

.loan-con .back-icon-right .img-right {
    position: absolute;
    top: 50%;
    right: 40px;
}

.loan-con .back-icon-right .img-left-top {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 20%;
    left: 20px;
}

.loan-con .back-icon-right .img-left-bottom {
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 20%;
    left: 20px;
}

.loan-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}

.loan-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* .yellow-btn.list-btn {
    font-size: 1rem !important;
    line-height: normal;
    font-weight: 600 !important;
    border-radius: 30px !important;
    box-shadow: 1px 4px 10px -2px #00000052;
    -webkit-box-shadow: 1px 4px 10px -2px #00000052;
} */

/* event-card */
.card-slider.event-card:hover {
    background-color: var(--theme-white);
}

.custom-card-carousel .owl-carousel .owl-item > img,
.horizontal-card-carousel .owl-carousel .owl-item > img {
    width: 100% !important;
}

/* Hero Section */
.main-wrapper {
    background-color: var(--theme-hero-bg);
    margin-bottom: 30px;
}

.main-hero-sec {
    background-image: url(/main/assets/image/hero-sec-bg.png);
    background-size: 100% 100%;
}

.hero-sec-img {
    text-align: center;
}

.hero-sec-con {
    padding: 0 30px 0px 60px;
}

.hero-sec-title {
    font-size: 42px;
    font-weight: 700;
    line-height: normal;
    color: var(--theme-blue);
}

.hero-small-content {
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-block: 10px 20px;
}

.hero-sec-info {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: var(--theme-main-info);
    text-align: left;
    padding: 0;
    margin-top: 30px;
}

.uni-hero-secLogo {
    margin-bottom: 20px;
    height: 60px;
    background-color: transparent;
    width: fit-content;
    object-fit: cover;
}

.uni-hero-secLogo img {
    height: 100%;
    width: auto;
}

/* about page */
.custom-about-main {
    background-color: var(--theme-sec-bg);
    padding: 50px 0px;
}

.custom-about-inner-img .custom-about-img-back {
    height: 250px;
    width: 80%;
    border-radius: 20px;
    background-color: var(--theme-yellow);
    position: absolute;
    top: -39px;
    left: -39px;
    z-index: 1;
}

.custom-about-inner-img > .custom-innerImage {
    border-radius: 20px;
    z-index: 2;
    position: relative;
    height: 390px;
    width: 520px;
    overflow: hidden;
}

.custom-innerImage img {
    height: 100%;
    width: 100%;
}

.custom-about-inner-info {
    padding: 40px;
}

.custom-about-inner-sec .yellow-btn {
    padding-inline: 80px !important;
}

.about-step-sec {
    clip-path: path(
        "M14.1489 1.7082C15.5508 0.689626 17.4492 0.689628 18.8511 1.7082L30.7924 10.384C32.1943 11.4026 32.7809 13.208 32.2454 14.8561L27.6843 28.8939C27.1488 30.542 25.613 31.6578 23.8801 31.6578H9.11992C7.38702 31.6578 5.8512 30.542 5.3157 28.8939L0.754565 14.8561C0.219068 13.208 0.805701 11.4026 2.20765 10.384L14.1489 1.7082Z"
    );
    height: 33px;
    width: 33px;
    background-color: var(--theme-yellow);
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1;
}

.about-step-sec p {
    color: var(--theme-white);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    margin-bottom: 0;
    padding: 6px;
}

.custom-key-card {
    display: flex;
}

.custom-key-card > div {
    text-align: center;
    width: 33.33%;
    position: relative;
    display: block;
    padding: 0px 10px;
}

.custom-key-card > div:first-child {
    padding-left: 0;
}

.custom-key-card > div:last-child {
    padding-right: 0;
}

.key-card {
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
    height: 250px;
}

.university-key-card .key-card {
    height: 165px !important;
}

.university-key-card .mobile-custom-key-card .owl-carousel .key-card {
    height: 100% !important;
}

.mobile-custom-key-card .owl-carousel .key-card {
    height: 165px;
    width: 100%;
}

.key-card h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-block: 18px;
}

.key-card p {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
}

.key-icon {
    clip-path: path(
        "M28.5016 1.4769C30.7293 0.190742 33.4739 0.190742 35.7016 1.4769L59.6785 15.32C61.9062 16.6061 63.2785 18.983 63.2785 21.5554V49.2415C63.2785 51.8138 61.9062 54.1907 59.6785 55.4769L35.7016 69.32C33.4739 70.6061 30.7293 70.6061 28.5016 69.32L4.52465 55.4769C2.29696 54.1907 0.924648 51.8138 0.924648 49.2415V21.5554C0.924648 18.983 2.29696 16.6061 4.52465 15.32L28.5016 1.4769Z"
    );
    height: 70px;
    width: 65px;
    margin: auto;
    background-size: 55% 58%;
    background-repeat: no-repeat;
    background-position: center center;
}

.first {
    position: relative;
}

.first .key-icon {
    background-image: url(/main/assets/image/browsing_white.svg);
}

.first::after {
    height: 5px;
    width: 100%;
    background-image: url(/main/assets/image/key-line-img1.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.second {
    position: relative;
}

.second .key-icon {
    background-image: url(/main/assets/image/tech-support.svg);
}

.second::after {
    height: 5px;
    width: 100%;
    background-image: url(/main/assets/image/key-line-img2.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.third {
    position: relative;
}

.third .key-icon {
    background-image: url(/main/assets/image/idea.svg);
}

.third::after {
    height: 5px;
    width: 100%;
    background-image: url(/main/assets/image/key-line-img3.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.fourth {
    position: relative;
}

.fourth .key-icon {
    background-image: url(/main/assets/image/checklist.svg);
}

.fourth::after {
    height: 5px;
    width: 100%;
    background-image: url(/main/assets/image/key-line-img4.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.fifth .key-icon {
    background-image: url(/main/assets/image/education.svg);
}

.six .key-icon {
    background-image: url(/main/assets/image/passport.svg);
}

.custom-about-key .fifth::after {
    display: none;
}

.custom-about-key .first .key-icon {
    background-image: url(/main/assets/image/key1.svg);
}

.custom-about-key .second .key-icon {
    background-image: url(/main/assets/image/key2.svg);
}

.custom-about-key .third .key-icon {
    background-image: url(/main/assets/image/key3.svg);
}

.custom-about-key .fourth .key-icon {
    background-image: url(/main/assets/image/key4.svg);
}

.custom-about-key .fifth .key-icon {
    background-image: url(/main/assets/image/key5.svg);
}

.first .about-step-sec {
    background-color: var(--theme-yellow);
}

.first .key-card {
    background-color: var(--theme-hover);
}

.first .key-icon {
    background-color: var(--theme-yellow);
}

.second .about-step-sec {
    background-color: #f3426e;
}

.second .key-card {
    background-color: #ffe9ee;
}

.second .key-icon {
    background-color: #f3426e;
}

.third .about-step-sec {
    background-color: #4781d9;
}

.third .key-card {
    background-color: #eaf2ff;
}

.third .key-icon {
    background-color: #4781d9;
}

.fourth .about-step-sec {
    background-color: #fb7829;
}

.fourth .key-card {
    background-color: #ffeee3;
}

.fourth .key-icon {
    background-color: #fb7829;
}

.fifth .about-step-sec {
    background-color: #8857ee;
}

.fifth .key-card {
    background-color: #f4eeff;
}

.fifth .key-icon {
    background-color: #8857ee;
}

.six .about-step-sec {
    background-color: #0bbcfb;
}

.six .key-card {
    background-color: #ddf6ff;
}

.six .key-icon {
    background-color: #0bbcfb;
}

.seven .key-card {
    background-color: #f4eeff;
}

.seven .key-icon {
    background-color: #8857ee;
}

/* custom-mission-sec */
.custom-mission-sec {
    background-image: url(/main/assets/image/mission-bg.png);
    padding: 25px 0px;
}

.mission-box {
    border-radius: 20px;
    overflow: hidden;
}

.mission-detail h4 {
    color: var(--theme-blue);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    padding: 15px 23px;
    background-color: var(--theme-white);
    border-radius: 20px 20px 0px 0px;
    border-bottom: 1px solid var(--theme-border);
    margin-bottom: 0;
}

.mission-detail > p {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    padding: 25px 23px;
    color: var(--title-text);
    background-color: var(--theme-sec-bg);
    border-radius: 0px 0px 20px 20px;
}

.light-img-box {
    height: 135px;
    width: 75px;
    background: #ffb50080;
    border-radius: 10px;
}

.dark-img-box {
    height: 50px;
    width: 75px;
    background-color: var(--theme-yellow);
    border-radius: 10px;
}

.dark-small-yellow {
    height: 60px;
    width: 150px;
    background-color: var(--theme-yellow);
    border-radius: 10px;
}

.dark-big-yellow {
    height: 60px;
    width: 250px;
    background-color: var(--theme-yellow);
    border-radius: 10px;
}

.dark-big-yellow.light {
    background: #ffb50080;
}

.about-ourTeam-img1 {
    height: 200px;
}

.about-ourTeam-img2 {
    width: 100%;
    height: 100%;
}

.about-ourTeam-img3 {
    height: 200px;
}

.custom-team-img img {
    object-fit: cover;
    border-radius: 15px;
}

.team-info-box {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 10px;
}

.team-info-box h3 {
    color: var(--theme-yellow);
    font-weight: 700;
    font-size: 20pxm;
    margin-bottom: 5px;
    line-height: normal;
}

.team-info-box p {
    color: var(--title-text);
    font-size: 14px;
    line-height: normal;
    text-align: left;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
}

.booksession-col {
    background: #f2f4ff;
    border-radius: 15px;
}

.booksession-col .txt {
    display: table;
    height: 350px;
    padding: 40px 60px;
}

.booksession-col img {
    width: 100%;
    object-fit: cover;
    border-radius: 0 15px 15px 0;
}

/* mobile slider key steps */
.mobile-custom-key-card .owl-carousel {
    padding-top: 25px;
}

.mobile-custom-key-card .owl-dots {
    width: 100%;
    padding-inline: 0px;
    justify-content: center;
    display: flex;
    top: 0;
    position: absolute;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot {
    width: 77px;
    position: relative;
    border-bottom: 2px solid transparent;
}

.mobile-custom-key-card .owl-dot:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/mobile-key-line1.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.mobile-custom-key-card .owl-dot:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/mobile-key-line2.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.mobile-custom-key-card .owl-dot:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/mobile-key-line3.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.mobile-custom-key-card .owl-dot:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/mobile-key-line4.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.custom-about-key .mobile-custom-key-card .owl-dot:nth-child(5)::after {
    display: none;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot span {
    height: 26px;
    width: 26px;
    aspect-ratio: 1;
    clip-path: polygon(80.89% 89.31%, 22.16% 91.53%, 1.9% 36.35%, 48.12% 0.04%, 96.94% 32.77%);
    display: inline-block;
    margin: 0 0 5px;
    transform: none;
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    border-radius: 0%;
    position: relative;
    font-size: 0.75rem;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(1) span {
    background-color: var(--theme-yellow);
    position: relative;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(1) span::after {
    content: "1";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(2) span {
    background-color: #f3426e;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(2) span::after {
    content: "2";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(3) span {
    background-color: #4781d9;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(3) span::after {
    content: "3";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(4) span {
    background-color: #ff701f;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(4) span::after {
    content: "4";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(5) span {
    background-color: #8857ee;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(5) span::after {
    content: "5";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(6) span {
    background-color: #0bbcfb;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(6) span::after {
    content: "5";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot.active {
    border-bottom: 2px solid #000843;
}

.university-key-card .mobile-custom-key-card .owl-dot:nth-child(6)::after {
    display: none;
}

.policy-sec {
    margin-bottom: 40px;
    position: relative;
}

.policy-sec:nth-child(3n + 1)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -4%;
    background-image: url(/main/assets/image/policy-img-left.svg);
    background-size: 100% 100%;
    height: 50px;
    width: 50px;
}

.policy-sec:nth-child(3n + 2)::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: -4%;
    background-image: url(/main/assets/image/newspaper-read-man.svg);
    background-size: 100% 100%;
    height: 50px;
    width: 50px;
}

.policy-sec:nth-child(3n)::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: -4%;
    background-image: url(/main/assets/image/shield-icon.svg);
    background-size: 100% 100%;
    height: 50px;
    width: 50px;
}

.policy-sec h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-bottom: 20px;
    position: relative;
}

.policy-sec:first-child h2::after {
    content: "";
    position: absolute;
    bottom: 0%;
    right: -4%;
    background-image: url(/main/assets/image/compliant-icon.svg);
    background-size: 100% 100%;
    height: 50px;
    width: 50px;
}

.policy-sec:nth-child(3n + 1)::before {
    content: "";
    position: absolute;
    bottom: 0%;
    right: -4%;
    background-image: url(/main/assets/image/Backpack.svg);
    background-size: 100% 100%;
    height: 50px;
    width: 50px;
}

.policy-sec:nth-child(3n + 2)::before {
    content: "";
    position: absolute;
    bottom: 0%;
    right: -4%;
    background-image: url(/main/assets/image/Square-academic-cap.svg);
    background-size: 100% 100%;
    height: 50px;
    width: 50px;
}

.policy-sec:nth-child(3n)::before {
    content: "";
    position: absolute;
    bottom: 0%;
    right: -4%;
    background-image: url(/main/assets/image/design-process-drawing.svg);
    background-size: 100% 100%;
    height: 50px;
    width: 50px;
}

.policy-con {
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    padding: 20px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}

/* mobile slider key steps */

/* new footer css */
.footer-sec {
    background: -webkit-linear-gradient(top, #fff0cc, #fff0cc 25%, white 25%, white);
}

.footer-left-bg {
    position: absolute;
    left: 0;
}

.footer-right-bg {
    position: absolute;
    right: 0;
    transform: rotateY(180deg);
    left: auto;
    bottom: 21px;
}

.custom-booksession-sec {
    background: url(/main/assets/image/session-bg.png);
    border-radius: 25px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.custom-session-con {
    padding: 60px 30px 60px 60px;
}

.white-btn {
    color: var(--theme-yellow) !important;
    line-height: normal;
    font-size: 20px !important;
    font-weight: 600;
    background-color: var(--theme-white) !important;
    padding: 15px 30px !important;
    width: fit-content !important;
    border-radius: 10px !important;
    height: auto !important;
    text-transform: capitalize;
    border: 1px solid transparent;
    display: block;
}

.white-btn:hover {
    box-shadow: 1px 6px 15px -1px #00000052;
    -webkit-box-shadow: 1px 6px 15px -1px #00000052;
}

.session-img-box {
    position: relative;
}

.session-img-box::after {
    content: "";
    background-image: url(/main/assets/image/footer-sec-img.webp);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 275px;
    background-size: 100% 100%;
    right: 16px;
}

.session-img-box .tab-img {
    margin: auto;
    text-align: center;
}

.footer-mobile-logo {
    width: 190.71px;
    height: 87.71px;
}

.main-footer-sec {
    margin-top: 70px;
    position: relative;
}

.footer-bootom-border {
    border-bottom: 1px solid var(--theme-footer-border);
}

.footer-first-info {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--theme-main-info);
    margin-block: 20px;
    width: 90%;
}

.footer-first-info a {
    color: var(--theme-yellow);
}

/* custom-news-sec */
.custom-news-sec {
    border-radius: 20px;
    padding: 15px;
    background-color: var(--theme-blue);
    border: none;
    margin-bottom: 20px;
    width: 90%;
}

.news-header {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-white);
    margin-bottom: 10px;
}

.news-info {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--theme-white);
    margin-bottom: 15px;
}

.news-input {
    position: relative;
}

.news-input input {
    background: var(--theme-white);
    padding: 17px 55px 17px 30px;
    border-radius: 30px;
    border: 0;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
}

.news-btn {
    border-color: transparent;
    background-color: var(--theme-yellow);
    border-radius: 50%;
    padding: 8px 8px;
    position: absolute;
    top: 4px;
    right: 6px;
}

.news-input input::placeholder {
    color: var(--theme-placeholder);
}

.footer-heading {
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    white-space: nowrap;
    position: relative;
    padding-left: 13px;

    margin-bottom: 22px;
}

.footer-heading::before {
    content: "";
    position: absolute;
    height: 22px;
    width: 3px;
    background-color: var(--theme-yellow);
    top: 0;
    left: 0;
}

.footer-list-link {
    list-style-type: none;
    /* padding-left: 0; */
}

.footer-list-link li {
    margin-bottom: 16px;
}

.footer-list-link svg {
    min-height: 100%;
    min-width: fit-content;
}

.footer-social-sec {
    margin-block: 38px 30px;
}

.footer-copy-link p {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    color: var(--theme-blue);
    margin-bottom: 0;
}

.footer-icon-sec .social-icon {
    gap: 10px;
}

.footer-policy-link ul {
    list-style-type: none;
    flex-direction: row;
    display: flex;
    padding-left: 0;
    gap: 21px;
    margin-bottom: 0;
}

.footer-policy-link ul li a {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    text-decoration-line: underline;
    color: var(--theme-blue);
    white-space: nowrap;
}

.footer-list-link li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
    /* width: 100%;   */
    display: inline-block;
}

.footer-list-link li:hover a {
    color: var(--theme-yellow);
}

.footer-list-link li a::after {
    content: "";
    height: 2px;
    background-color: var(--theme-blue);
    position: absolute;
    width: 0%;
    bottom: -4px;
    left: 0;
    transition: width 0.3s ease;
    border-radius: 10px;
}

.footer-list-link li:hover a::after {
    width: 100%;
}

.inner-social-link {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

/* new header css  */
.main-header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-navbar-nav {
    flex-direction: row;
}

.custom-navbar-nav .nav-item {
    padding-right: 20px;
    width: fit-content;
}

.custom-navbar-nav .nav-item:last-child {
    padding-right: 0px;
}

.custom-navbar-nav .nav-item .nav-link {
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    white-space: nowrap;
}

.custom-navbar-nav .nav-item .nav-link.active {
    position: relative;
    font-weight: 700;
}

.custom-navbar-nav .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 30px;
    bottom: -5px;
    left: 0;
    background-color: var(--theme-yellow);
}

.header-list-btn .dropdown-toggle {
    border-radius: 100px;
    background-color: var(--theme-yellow);
    display: flex;
    position: relative;
    padding-right: 25px;
    z-index: 111;
}

.header-list-btn .dropdown-toggle::before {
    background-image: url(/main/assets/image/next-white.svg);
    content: "";
    position: absolute;
    top: 25px;
    height: 15px;
    width: 15px;
    transform: rotate(90deg);
    right: 10px;
    background-size: 100% 100%;
    transition: all 0.3s linear;
}

.header-list-btn .dropdown-toggle.show::before {
    transform: rotate(270deg);
}

.header-profile-img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: var(--theme-yellow);
    display: block;
    object-fit: cover;
    overflow: hidden;
}

.header-profile-img img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    padding: 2px;
}

.header-profile-name {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--theme-white);
}

.header-list-btn {
    margin-left: 22px;
    margin-right: 8px;
}

.header-list-btn .dropdown-toggle::after {
    border: none;
}

.header-list-btn .dropdown-menu {
    border: 1px solid var(--theme-yellow);
    border-radius: 0px 0px 10px 10px;
    margin-top: -30px !important;
    padding: 10px 20px 20px;
    border-top: none;
    z-index: 0;
    display: none;
    opacity: 0;
    top: 0;
    width: -webkit-fill-available;
    width: -moz-available;
}

.header-list-btn .dropdown-menu.show {
    display: block !important;
    opacity: 1;
    transition: all 0.6s ease;
    z-index: 11;
}

.header-list-btn .dropdown-menu li {
    border-bottom: 1px solid var(--theme-back-bg);
    text-align: center;
    padding: 10px;
}

.header-list-btn .dropdown-menu li:first-child {
    padding-top: 25px;
}

.header-list-btn .dropdown-menu li {
    border-bottom: 1px solid var(--theme-back-bg);
    text-align: center;
    padding: 10px;
}

.header-list-btn .dropdown-menu li span,
.header-list-btn .dropdown-menu li a {
    color: var(--title-text);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    cursor: pointer;
}

.dropdown-item:hover {
    background-color: transparent;
}

/* mobile-navbar */
.custom-navbar-nav.mobile-navbar {
    flex-direction: column;
}

.sidebar-close-btn {
    background-color: transparent;
    border-color: transparent;
    padding: 10px;
    margin: 0;
    position: absolute;
    right: 0px;
}

/* mobile-navbar */
.back-toWeb-btn,
.back-toWeb-btn:hover,
.back-toWeb-btn:focus {
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: var(--theme-yellow);
    margin-left: 6px;
}

/* pagination */
.simple-pagination ul {
    margin: 0 0 0px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 10px;
}

.simple-pagination li a,
.simple-pagination li .current {
    width: 41px;
    height: 40px;
    padding: 12px 0 12px 0;
    gap: 0px;
    border-radius: 4px;
    border: 1px solid var(--paginate-border);
    color: var(--paginate-text);
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    display: inline-block;
}

.simple-pagination li a:hover {
    color: var(--title-text);
}

.simple-pagination li .current {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
}

.simple-pagination li .prev,
.simple-pagination li .next {
    height: 40px;
    width: 48px;
    display: inline-block;
    border: 1px solid var(--paginate-border);
    border-radius: 4px;
    color: transparent;
    line-height:30px;
    font-size: 0;
    position: relative;
    background-color: var(--theme-white);
    margin-top: 20px;
}

.simple-pagination .prev::after {
    position: absolute;
    content: "";
    background-image: url(/main/assets/image/paginate-prev.svg);
    height: 16px;
    width: 16px;
    background-size: 100% 100%;
    top: 11px;
    left: 15px;
}

.simple-pagination .next::after {
    position: absolute;
    content: "";
    background-image: url(/main/assets/image/paginate-next.svg);
    height: 16px;
    width: 16px;
    background-size: 100% 100%;
    top: 11px;
    left: 15px;
}

/* Custom form check */
.custom-check-sec {
    margin-bottom: 30px;
}

.custom-check-sec:last-child {
    margin-bottom: 30px;
}

.custom-check-sec {
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    padding: 40px 40px 10px;
}

.custom-check-header {
    margin-bottom: 30px;
}

.custom-check-btn {
    display: flex;
    align-items: center;
    border: 1px solid var(--theme-yellow);
    border-radius: 7px;
    cursor: pointer;
    margin-bottom: 30px;
}

.custom-check-btn input[type="checkbox"] {
    display: none;
}

.custom-check-btn input[type="radio"] {
    display: none;
}

.custom-check-btn label {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
    width: 100%;
    justify-content: center;
    color: var(--theme-yellow);
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.custom-check-btn label::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/main/assets/image/white-form-right.svg);
    margin-right: 10px;
    transform: scale(0.5);
    transition: all 0.5s ease-in-out;
    background-size: 100% 100%;
    display: none;
}

.custom-check-btn input[type="checkbox"]:checked + label {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
    transition: all 0.5s ease-in-out;
}

.custom-check-btn input[type="radio"]:checked + label {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
    transition: all 0.5s ease-in-out;
}

.custom-check-btn input[type="checkbox"]:checked + label::before {
    transform: scale(1);
    display: block;
}

.custom-check-btn input[type="radio"]:checked + label::before {
    transform: scale(1);
    display: block;
}

.custom-dashbord-save {
    border: 1px solid var(--theme-yellow);
    color: var(--theme-white);
    background-color: var(--theme-yellow);
}

/* Dashboard (Student) */

.main-stud-dashboard {
    padding: 20px 20px 5px 20px;
}

.dashboard-card {
    border: 1px solid var(--card-border);
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: var(--theme-white);
}

.dashboard-card-inner {
    border: 1px solid var(--card-border);
    border-radius: 10px;
    margin-bottom: 20px;
}

.dashboard-card-inner:last-child {
    margin-bottom: 0;
}

.dashboard-sidebar {
    width: 330px;
    position: relative;
}

.dashboard-content-sec {
    margin-inline: 20px 0px;
    width: calc(100% - 320px);
}

.mid-section {
    height: calc(100vh - 243px);
    overflow-y: auto;
    padding-right: 5px;
    overflow-x: hidden;
    border: 1px solid var(--card-border);
    border-radius: 15px;
    padding: 20px 15px;
}

.inner-mid-section {
    height: calc(100vh - 243px);
    overflow-y: auto;
    padding-right: 5px;
    overflow-x: hidden;
    border: 1px solid var(--card-border);
    border-radius: 15px;
    padding: 20px 15px;
    position: relative;
}

.last-section {
    height: calc(100vh - 243px);
    overflow-y: auto;
    padding-right: 5px;
    border: 1px solid var(--card-border);
    border-radius: 15px;
    padding: 20px 15px;
}

.sidebar-card {
    padding: 20px 14px;
    height: calc(100vh - 243px);
    overflow-y: auto;
}

.d-sidebar-logo {
    margin-block: 60px 50px;
}

.d-sidebar-NavItem {
    background-color: var(--theme-white);
    border-radius: 12px;
    padding: 13px 30px 13px 20px;
    position: relative;
    overflow: hidden;
}

.d-sidebar-NavLink {
    display: flex;
    gap: 10px;
    padding: 0;
}

.d-nav-menu {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: #969696;
    align-self: center;
}

.d-nav-icon-bg {
    background-image: url(/main/assets/image/Polygon-yellow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    object-fit: cover;
    min-height: 40px;
    min-width: 40px;
    align-content: center;
    -webkit-align-content: center;
    transition: all 0.5s linear;
    padding: 7px;
}

.d-nav-icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    object-fit: cover;
    height: 25px;
    width: 25px;
    display: block;
    margin: auto;
    transition: all 0.5s linear;
}

.d-sidebar-NavItem:hover {
    background-color: #fff8e6;
}

.d-sidebar-NavItem.active {
    background-color: var(--theme-yellow);
    padding-right: 22px;
}

.d-sidebar-NavItem:hover .d-hover-img {
    position: absolute;
    right: 0px;
    transition: all 0.3s ease;
    opacity: 1;
}

.d-sidebar-NavItem.active .d-nav-menu {
    color: var(--theme-white);
}

.d-sidebar-NavItem.active .d-nav-icon-bg {
    background-image: url(/main/assets/image/Polygon-white.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon {
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.account-icon {
    background-image: url(/main/assets/image/sidebar-icon/my-account-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.dashboard-icon {
    background-image: url(/main/assets/image/sidebar-icon/dashboard-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.document-icon {
    background-image: url(/main/assets/image/sidebar-icon/Document-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.edu-loan-icon {
    background-image: url(/main/assets/image/sidebar-icon/edu-loan-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.suggest-course-icon {
    background-image: url(/main/assets/image/sidebar-icon/suggest-course-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.apl-course-icon {
    background-image: url(/main/assets/image/sidebar-icon/apy-course-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.fav-icon {
    background-image: url(/main/assets/image/sidebar-icon/fav-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.query-icon {
    background-image: url(/main/assets/image/sidebar-icon/query-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.passwd-icon {
    background-image: url(/main/assets/image/sidebar-icon/passwd-yellow.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon.logout-icon {
    background-image: url(/main/assets/image/sidebar-icon/log-out-yellow.svg);
    transition: all 0.5s linear;
}

.d-hover-img {
    position: absolute;
    height: 100%;
    right: -100%;
    top: 0;
    object-fit: fill;
    border-radius: 0px 10px 10px 0px;
    opacity: 0;
}

.d-sidebar-NavItem.active .d-hover-img {
    opacity: 1;
    right: 0;
    transition: all 0.3s linear;
}

.d-sidebar-NavItem.active .d-nav-menu {
    color: var(--theme-white);
}

.dashboard-sidebar .dashbord-invite-link {
    position: relative;
}

.dashbord-invite-link-bg {
    margin-top: 50px;
    background-image: url(/main/assets/image/invite-bg-yello.png);
    background-size: 100% 100%;
    height: 270px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.invite-bg-clr {
    border-radius: 10px;
    z-index: 0;
    text-align: center;
}

.email-no {
    align-self: center;
    margin-right: 10px;
    font-size: 15px;
    color: var(--theme-blue);
    font-weight: 600;
    margin-bottom: 0;
}

.dashbord-invite-link-bg .circle-img {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
}

.invite-box {
    position: absolute;
    bottom: 35px;
    right: 0;
    left: 0;
}

.invite-box h2 {
    font-size: 18px;
    margin-bottom: 15px;
}

.yellow-btn.invite-btn {
    padding: 11px 20px !important;
    display: inline;
}

.profile-sec-detail {
    background-image: url(/main/assets/image/profile-bg.png);
    background-size: cover;
    width: 100%;
}

.profile-con-box {
    padding: 51px 10px 51px 41px;
}

.pro-sec-title {
    font-size: 42px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-yellow);
    margin-bottom: 10px !important;
}

.pro-sec-title span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
}

.pro-sec-info {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 0;
}

.profile-img-box {
    position: relative;
}

.profile-img-box::after {
    content: "";
    background-image: url(/main/assets/image/portrait-people.png);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    right: 0;
    background-repeat: no-repeat;
    bottom: 0;
    background-position: bottom;
}

.profile-img-box .tab-img {
    margin: auto;
    text-align: center;
}

.d-course-cardSec {
    padding: 20px;
}

.yellow-btn.query-btn {
    font-size: 18px;
    padding: 10px 15px !important;
}

.yellow-btn.query-btn:hover {
    color: var(--theme-white);
    background-color: var(--theme-yellow);
}

.timeline {
    counter-reset: test 0;
    position: relative;
    width: 100%;
    display: flex;
    overflow-x: auto;
}

.timeline li {
    min-width: 100px;
    max-width: 100px;
    list-style: none;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    word-wrap: break-word;
}

.timeline-count {
    width: 40px;
    height: 40px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: var(--disable-color);
    margin: auto;
    padding: 12px;
    color: var(--theme-blue);
    z-index: 1;
    position: relative;
}

.timeline li.active .timeline-count {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
}

.timeline li.active::after {
    background-color: var(--theme-yellow);
}

.timeline li::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 5px;
    border-radius: 50px;
    top: 17px;
    background-color: var(--disable-color);
    left: 75px;
}

.timeline li:last-child::after {
    content: none;
}

.time-step-content {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin: 7px;
    word-wrap: normal;
}

.timeline-end {
    margin: 7px 13px;
}

.timeline-end ~ .time-step-content {
    margin-top: 15px;
    color: var(--theme-yellow);
    font-weight: 800;
}

.d-course-step {
    display: flex;
    overflow-x: auto;
    margin-top: 20px;
}

.d-course-step > div {
    text-align: center;
    position: relative;
    display: block;
    padding: 0px 20px;
    margin-bottom: 10px;
}

.d-course-card {
    border-radius: 10px;
    padding: 23px 10px;
    height: fit-content;
    flex-basis: 24%;
    background-color: #fffaef;
}

.d-course-card:nth-child(2) {
    background-color: #ffe9ee;
}

.d-course-card:nth-child(3) {
    background-color: #e74dff1a;
}

.d-course-card:nth-child(4) {
    background-color: #eaf2ff;
}

.d-course-card:nth-child(5) {
    background-color: #ffeee3;
}

.d-course-card:nth-child(6) {
    background-color: #f4eeff;
}

.d-course-card:nth-child(7) {
    background-color: #eafffc;
}

.d-course-card:nth-child(8) {
    background-color: #ddf6ff;
}

.d-course-card:nth-child(9) {
    background-color: #f8ffdd;
}

.d-course-card .light-btn {
    padding: 8px 10px;
    width: fit-content;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 500;
    color: var(--theme-blue);
    box-shadow: none;
}

.d-course-card .light-btn:hover {
    box-shadow: 0px 4px 9px -2px #00000052;
    -webkit-box-shadow: 0px 4px 9px -2px #00000052;
}

.d-features-card .d-course-card {
    height: 150px;
    width: 155px;
}

.d-course-card h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin: 7px 18px;
    word-wrap: break-word;
}

.d-course-card p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
    text-transform: capitalize;
}

.d-course-icon {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    height: 40px;
    width: 40px;
    margin: auto;
    background-size: 55% 58%;
    background-repeat: no-repeat;
    background-position: center center;
}

.first .d-course-step-sec {
    background-color: var(--theme-yellow);
}

.first .d-course-card {
    background-color: var(--theme-hover);
}

.first .d-course-icon {
    background-image: url(/main/assets/image/browsing_white.svg);
}

.first .d-course-icon {
    background-color: var(--theme-yellow);
}

.second .d-course-step-sec {
    background-color: #f3426e;
}

.second .d-course-card {
    background-color: #ffe9ee;
}

.second .d-course-icon {
    background-image: url(/main/assets/image/contract_white.svg);
}

.second .d-course-icon {
    background-color: #f3426e;
}

.third .d-course-step-sec {
    background-color: #4781d9;
}

.third .d-course-card {
    background-color: #eaf2ff;
}

.d-course-step .third::after {
    height: 7px;
    background-image: url(/main/assets/image/key-line-img-on-process.svg);
}

.third .d-course-icon {
    background-image: url(/main/assets/image/checklist_white.svg);
}

.third .d-course-icon {
    background-color: #4781d9;
}

.fourth .d-course-step-sec {
    background-color: #d4d4d4;
}

.fourth .d-course-card {
    background-color: #ffeee3;
}

.d-course-step .fourth::after {
    height: 7px;
    background-image: url(/main/assets/image/key-line-img-pending.svg);
}

.fourth .d-course-icon {
    background-image: url(/main/assets/image/education_prepare-white.svg);
}

.fourth .d-course-icon {
    background-color: #fb7829;
}

.fifth .d-course-step-sec {
    background-color: #d4d4d4;
}

.fifth .d-course-card {
    background-color: #f4eeff;
}

.fifth::after {
    height: 7px;
    width: 100%;
    background-image: url(/main/assets/image/key-line-img-pending.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.fifth .d-course-icon {
    background-image: url(/main/assets/image/education_white.svg);
}

.fifth .d-course-icon {
    background-color: #8857ee;
}

.six .d-course-step-sec {
    background-color: #d4d4d4;
}

.six .d-course-card {
    background-color: #eafffc;
}

.six::after {
    height: 7px;
    width: 100%;
    background-image: url(/main/assets/image/key-line-img-pending.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.six .d-course-icon {
    background-image: url(/main/assets/image/passport_white.svg);
}

.six .d-course-icon {
    background-color: #58baab;
}

.seven .d-course-step-sec {
    background-color: #d4d4d4;
}

.seven .d-course-card {
    background-color: #ddf6ff;
}

.seven .d-course-icon {
    background-image: url(/main/assets/image/airplane_white.svg);
}

.seven .d-course-icon {
    background-color: #0bbcfb;
}

/* mobile key steps */
.mobile-custom-key-card .dashboard-mobile-key-card-carousel.owl-carousel .owl-dots .owl-dot:nth-child(4) span {
    background-color: #d4d4d4;
}

.mobile-custom-key-card .dashboard-mobile-key-card-carousel.owl-carousel .owl-dots .owl-dot:nth-child(5) span {
    background-color: #d4d4d4;
}

.mobile-custom-key-card .dashboard-mobile-key-card-carousel.owl-carousel .owl-dots .owl-dot:nth-child(6) span {
    background-color: #d4d4d4;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(6) span::after {
    content: "6";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .dashboard-mobile-key-card-carousel.owl-carousel .owl-dots .owl-dot:nth-child(7) span {
    background-color: #d4d4d4;
}

.mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(7) span::after {
    content: "7";
    position: absolute;
    margin: 0;
    color: var(--theme-white);
    line-height: 10px;
    top: 9px;
    right: 10px;
}

.mobile-custom-key-card .dashboard-mobile-key-card-carousel .owl-dot:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/key-line-img-on-process.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.mobile-custom-key-card .dashboard-mobile-key-card-carousel .owl-dot:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/key-line-img-pending.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.mobile-custom-key-card .owl-dot:nth-child(5)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/key-line-img-pending.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.university-key-card .mobile-custom-key-card .owl-dot:nth-child(5)::after {
    background-image: url(/main/assets/image/mobile-key-line5.svg);
}

.mobile-custom-key-card .owl-dot:nth-child(6)::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 0px;
    transform: translateY(-50%);
    z-index: -1;
    background-image: url(/main/assets/image/key-line-img-pending.svg);
    background-size: cover;
    height: 6px;
    width: 50%;
    left: 75%;
    border-radius: 10px;
}

.otp-sec {
    background-color: var(--otp-bg);
    padding: 20px;
}

.otp-icon {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
    margin: auto;
    background-size: 55% 58%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--theme-yellow);
}

.d-course-sugg-sec {
    padding: 25px 20px;
}

.course-card-title {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 30px;
}

.course-card-list {
    overflow-x: auto;
}

.course-card-list .card-slider {
    max-width: 300px;
    min-width: 300px;
}

.d-custom-course-tab {
    padding: 25px 20px;
}

.d-custom-course-tab .card-slider {
    max-width: 300px;
    min-width: 300px;
}

.dashboard-nav-tabs {
    border-bottom: none;
    gap: 10px;
    margin-block: 10px;
    border-bottom: none;
    gap: 10px;
    margin-block: 10px;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 10px;
}

.dashboard-nav-item .dashboard-nav-link {
    background-color: transparent;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    padding: 11px 40px;
    color: var(--title-text);
    border: 1px solid #d6d6d6;
}

.dashboard-nav-item .dashboard-nav-link:hover {
    border: 1px solid #d6d6d6;
}

.dashboard-nav-item .dashboard-nav-link.active {
    border: 1px solid transparent;
    background-color: var(--theme-yellow);
    box-shadow: 0px 4px 9px -2px #00000052;
    -webkit-box-shadow: 0px 4px 9px -2px #00000052;
    color: var(--theme-white);
    transition: all 0.1s linear;
}

.dashboard-tab-content {
    margin-block: 30px 0;
}

.status-label {
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    width: fit-content;
    text-transform: capitalize;
    position: absolute;
    right: 10px;
    top: 10px;
}

.d-user-section {
    text-align: center;
    margin-bottom: 28px;
}

.notify-status {
    position: relative;
}

.notify-status a {
    border-radius: 50px;
    margin: 10px 10px 0px 0px;
    border-color: transparent;
    background-color: var(--theme-yellow);
    height: 40px;
    width: 40px;
    padding: 10px;
}

.profile-con-box .notify-status span {
    top: 10px;
}

.notify-status span {
    height: 8px;
    width: 8px;
    background-color: #e93333;
    border-radius: 50%;
    position: absolute;
    right: 22px;
}

.d-user-photo {
    height: 107px;
    width: 107px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--theme-hover);
    margin: auto;
    margin-block: 0px 10px;
}

.d-user-photo img {
    height: 100%;
    width: 100%;
}

.d-user-name {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.d-user-id {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
}

.d-info-desc {
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    color: var(--theme-yellow);
    justify-content: center;
}

.d-info-desc span.yellow-text {
    color: var(--theme-yellow);
    font-weight: 700;
    margin-right: 3px;
}

.d-info-desc .mailText {
    color: var(--title-text);
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flow-root;
}

.d-info-desc .phoneText {
    color: var(--title-text);
    font-weight: 500;
}

.d-info-desc span.yellow-text {
    color: var(--theme-yellow);
    font-weight: 700;
    margin-right: 3px;
}

.d-info-desc .mailText {
    color: var(--title-text);
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flow-root;
}

.d-info-desc .phoneText {
    color: var(--title-text);
    font-weight: 500;
}

.d-destination-flag {
    width: 29.33%;
}

.d-destination-flag .destination-flag-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}

.destination-flag-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.d-destination-flag p {
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
    margin-top: 5px;
    margin-bottom: 0;
}

.notificationList {
    min-height: 220px;
}

.no-notification.notificationList {
    align-content: center;
}

.d-notification-card {
    padding: 30px 20px;
}

.d-notification-detail {
    display: flex;
    padding: 10px;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

.d-notification-img {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    max-height: 35px;
    max-width: 35px;
    min-height: 35px;
    min-width: 35px;
    background-size: 55% 58%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--theme-yellow);
    background-image: url(/main/assets/image/Bell-white.svg);
}

.d-notification-title {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-bottom: 4px;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.d-notification-view {
    font-size: 11px;
    font-weight: 700;
    line-height: 9.39px;
    text-align: left;
    color: var(--theme-yellow);
    align-self: center;
}

.d-notification-con {
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 0;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* width */
::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 20px;
    margin-block: 15px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: #bdbdbd;
}

/* for mozila */
::-moz-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 20px;
}

/* Track */
::-moz-scrollbar-track {
    background: transparent;
    border-radius: 20px;
}

/* Handle */
::-moz-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 20px;
}

::-moz-scrollbar-thumb:hover {
    background: #bdbdbd;
}

/* Notification popup */
.notify-popup {
    border-radius: 50px;
    padding: 0px 5px;
    border-color: transparent;
    background-color: var(--theme-yellow);
    height: 40px;
    width: 40px;
}

.small-device-notification {
    position: fixed;
    z-index: 11;
    right: -100%;
    transition: right 0.5s linear;
}

.small-device-notification.open {
    right: 10px;
}

.close-notify-popup {
    border-radius: 50px;
    padding: 0px;
    border-color: transparent;
    background-color: var(--theme-yellow);
    height: 30px;
    width: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.close-notify-popup > img {
    margin-bottom: 7px;
}

/* information pop-up */
.information-popup {
    border-radius: 50px;
    padding: 0px 5px;
    border-color: transparent;
    background-color: var(--theme-yellow);
    height: 40px;
    width: 40px;
}

.small-device-information {
    position: fixed;
    z-index: 11;
    right: -100%;
    transition: right 0.5s linear;
}

.small-device-information.open {
    right: 10px;
}

.close-information-popup > img {
    margin-bottom: 7px;
}

.close-information-popup {
    border-radius: 50px;
    padding: 0px;
    border-color: transparent;
    background-color: var(--theme-yellow);
    height: 30px;
    width: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
}

/* custom-breadcrumbs-sec */
.custom-breadcrumbs-sec .breadcrumbs-area {
    background-color: var(--theme-yellow);
    border-radius: 10px;
    padding: 22px 32px;
}

.custom-breadcrumbs-sec .breadcrumbs-area ul li {
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
}

.custom-breadcrumbs-sec .breadcrumbs-area ul li a {
    color: var(--theme-white);
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    position: relative;
    margin-right: 27px;
}

.custom-breadcrumbs-sec .breadcrumbs-area ul li:last-child a {
    margin-right: 0;
    font-weight: 500;
}

.custom-breadcrumbs-sec .breadcrumbs-area ul li:last-child a::after {
    display: none;
}

.custom-breadcrumbs-sec .breadcrumbs-area ul li a::after {
    content: "/";
    position: absolute;
    top: 4px;
    right: -23px;
    font-size: 20px;
    font-weight: 600;
    color: var(--theme-white);
}

.custom-edt-profile-sec {
    margin-bottom: 30px;
    width: fit-content;
}

.del-profile-btn,
.del-profile-btn:hover {
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-yellow);
    margin-top: 5px;
    background: transparent;
    border: none;
}

.edt-profile-img-sec {
    position: relative;
    width: fit-content;
}

.edt-profile-imgBox {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    background-color: var(--theme-white);
    object-fit: cover;
    overflow: hidden;
    border: 3px solid var(--theme-yellow);
}

.edit-photo {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 0;
    height: 49px;
}

.edtProfile-img {
    height: 100%;
    width: 100%;
    border: 2px solid var(--theme-white);
    border-radius: 50%;
}

.edit-img-btn {
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}

/* Form */
.custom-Formcard {
    padding: 25px 20px;
}

.custom-form-label {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: -webkit-fill-available;
    margin-bottom: 0;
}

.mandatory-icon {
    color: #dc3545;
    font-weight: 900;
}

.custom-form-input {
    border: 1px solid var(--input-border);
    border-radius: 10px;
    padding: 20px 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
}

.custom-form-input::placeholder {
    color: var(--input-border);
}

.custom-passwd-input {
    position: relative;
}

.custom-passwd-input .passwd-eyes-icon {
    position: absolute;
    top: 31px;
    right: 16px;
}

.custom-form-passwd {
    position: relative;
}

.custom-form-passwd .passwd-eyes-icon {
    position: absolute;
    top: 38px;
    right: 16px;
}

.custom-form-passwd input[type="text"] ~ .passwd-eyes-icon {
    position: absolute;
    top: 45px;
    right: 18px;
}

.dashboard-card .custom-passwd-input .passwd-eyes-icon {
    top: 34px;
}

.custom-passwd-input .custom-form-input {
    padding: 15px 40px 15px 15px;
}

/* Custom date input */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.custom-date-box {
    position: relative;
}

.custom-date-input {
    width: 100%;
    padding: 20px 35px 20px 15px;
}

.custom-date-box::after {
    content: "";
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 47%;
    transform: translatey(50%);
    pointer-events: none;
    background-image: url(/main/assets/image/date-picker.svg);
    background-size: 100% 100%;
    height: 15px;
    width: 15px;
}

/* custom-phone-input */
.custom-Formphone-input {
    position: relative;
}

.custom-Formphone-input input {
    padding-left: 120px !important;
}

.custom-Formphone-input .custom-select-box {
    /* padding-left: 120px; */
    position: absolute;
    top: 24px;
    width: fit-content;
}

.custom-Formphone-input .custom-country-code .dropdown-toggle {
    position: relative;
}

.custom-Formphone-input .custom-country-code .dropdown-toggle::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 1px;
    background-color: var(--input-border);
    right: -6px;
    top: 19px;
}

.custom-Formphone-input .custom-country-code {
    position: absolute;
    top: 33px;
    left: 15px;
}

.custom-Formphone-input .custom-country-code .dropdown-toggle {
    background-color: transparent;
    color: var(--title-text);
    border: none;
    padding-right: 18px;
    padding-left: 0;
    font-size: 0;
    height: 100%;
    padding-block: 19px;
}

.custom-country-code .dropdown-toggle:focus {
    box-shadow: none;
}

.custom-country-code .dropdown-toggle::after {
    border: none;
    background-image: url(/main/assets/image/black-dropdown.svg);
    content: "";
    position: absolute;
    top: 24px;
    height: 10px;
    width: 10px;
    right: 4px;
    background-size: 100% 100%;
    transition: all 0.3s linear;
}

.custom-flag-img {
    height: 20px;
    width: 20px;
}

.custom-country-code .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.custom-form-checkbox .form-check-input:checked {
    background-color: var(--theme-yellow) !important;
    border-color: var(--theme-yellow);
}

.custom-form-checkbox .form-check-input:checked[type="checkbox"] {
    background-image: url(/main/assets/image/white-check.svg);
    background-size: 10px 10px;
}

.custom-formCheck-label {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--check-label);
}

.change-pass-link {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    text-decoration-line: underline;
    color: var(--theme-yellow);
}

.change-pass-link:hover {
    color: var(--theme-yellow);
}

.custom-fprm-innerTitle {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 30px;
}

.dashboard-backBtn {
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid var(--theme-yellow);
    color: var(--theme-blue);
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    background-color: var(--theme-white);
    text-transform: capitalize;
    align-self: center;
}

.custom-sign-out {
    position: absolute;
    top: 10px;
    right: 10px;
}

.dashboard-backBtn:hover {
    color: var(--theme-blue);
    background-color: var(--theme-hover);
}

.dashboard-saveBtn ,
.dashboard-saveBtn:hover,
.dashboard-saveBtn:focus{
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid var(--theme-yellow);
    color: var(--theme-white);
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    background-color: var(--theme-yellow);
    text-transform: capitalize;
    align-self: center;
}

.d-save-btn {
    width: 215px;
}

.custom-accordian.accordion {
    width: 100%;
}

.custom-accordian .accordion-item {
    background: none;
    border: 0;
    margin-bottom: 20px;
}
.custom-bottom-accordian {
    margin-bottom: 20px;

}
.custom-accordian .accordion-item:last-child {
    margin-bottom: 0;
}

.custom-accordian .accordion-button {
    box-shadow: none;
    border-radius: 10px !important;
    border: 1px solid var(--theme-border);
    background-color: var(--theme-white);
    padding: 12px 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    text-transform: capitalize;
}

.custom-accordian .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 10px 10px 0 0 !important;
}

.custom-accordian .accordion-body {
    background-color: var(--theme-white);
    box-shadow: none;
    border-radius: 0 0 10px 10px !important;
    border: 1px solid var(--theme-border);
    border-top: 0px;
    padding: 20px 15px;
}

.custom-accordian .accordion-button::after {
    background: var(--theme-yellow) url(/main/assets/image/white-accordian.svg) no-repeat center center;
    transform: rotate(-180deg);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-size: 20px 20px;
}

.custom-accordian .accordion-button:not(.collapsed)::after {
    background: var(--theme-yellow) url(/main/assets/image/white-accordian.svg) no-repeat center center;
    transform: rotate(0deg);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-size: 20px 20px;
}

.custom-accordian .accordion-body .dashboard-table {
    margin-top: 30px;
}

.custom-accordian .accordion-body .accordion-info-content {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
}
.custom-accordian .accordion-body .accordion-info-content.custom-pre-info {
    white-space: pre-wrap;

}
.page-title {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-bottom: 15px;
    text-transform: capitalize;
}

/* File input */
.custom-input-box .custom-form-input {
    width: 100%;
}

.custom-upload-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
}

.custom-input-box .custom-form-input {
    padding-right: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-upload-btn {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    padding: 12px 20px;
    color: var(--theme-white);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 10px;
    border: none !important;
    background-color: var(--theme-yellow) !important;
    position: absolute;
    right: 15px;
    top: 9px;
}

/* custom-popup-modal */
.password-card {
    padding: 10px;
    border-radius: 10px;
}

.custom-popup-modal .modal-content {
    border-radius: 20px;
    border-color: transparent;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.342);
}

.custom-popup-modal .modal-header {
    border: none;
    padding: 25px 20px 0px 20px;
    align-items: flex-start;
}

.custom-popup-modal .modal-footer {
    border: none;
}

.custom-popup-modal .btn-close {
    opacity: 1;
    background-image: none;
    padding: 0;
    margin: 0;
    border-radius: 50px;
    padding: 0px;
    border-color: transparent;
    background-color: var(--theme-yellow);
    max-height: 30px;
    max-width: 30px;
    min-width: 30px;
    min-height: 30px;
}

.custom-popup-modal .popCancel-btn {
    width: fit-content;
}

.custom-popup-modal .popSave-btn {
    width: fit-content;
}

.custom-popup-box {
    text-align: center;
}

.modal-mail-link {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
    margin-bottom: 30px;
}

.send-mail-link {
    color: var(--theme-yellow);
    text-decoration: none;
}

.send-mail-link:hover {
    color: var(--theme-yellow);
}

.custom-popup-Imgbox {
    height: 190px;
    width: 190px;
    margin: auto;
}

.custom-popup-Imgbox img {
    height: 100%;
    width: 100%;
}

.custom-popup-bodyTitle {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
    margin-block: 10px 10px;
    width: 90%;
    white-space: nowrap;
    margin-inline: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-popup-bodyInfo {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--theme-main-info);
    word-break: break-word;
    word-wrap: break-word;
}

#termsAndConditionModal .custom-popup-bodyInfo b {
    color: var(--title-text);
}

#termsAndConditionModal .custom-popup-bodyInfo .yellow-text:hover {
    color: var(--theme-yellow);
}

#termsAndConditionModal .custom-popup-bodyInfo .content-page-list ul {
    list-style-type: revert;
    margin: auto;
    padding: revert;
}

#thankyouModal .custom-popup-bodyInfo {
    font-size: 20px;
}

.custom-popup-bodyBtn {
    font-size: 18px;
    border-radius: 10px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    padding: 10px 40px;
    border: 1px solid var(--theme-yellow);
    margin-block: 25px;
    box-shadow: 0px 4px 5px 0px #0000004a;
    -webkit-box-shadow: 0px 4px 5px 0px #0000004a;
}

.custom-popup-lightBtn {
    font-size: 18px;
    border-radius: 10px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-yellow);
    background-color: var(--theme-white);
    padding: 15px 40px;
    border: 1px solid var(--theme-yellow);
    margin-block: 25px;
    box-shadow: 0px 4px 5px 0px #0000004a;
    -webkit-box-shadow: 0px 4px 5px 0px #0000004a;
}

/* custom-Querycard */
.custom-Querycard {
    border-radius: 28px;
    padding: 25px 20px;
}

.query-comment-con .query-comment-box {
    min-width: 0px;
    max-width: 55%;
}

.user-msgBox {
    display: flex;
    justify-content: end;
}

.admin-msgBox .query-comment-box {
    background-color: var(--msg-bg);
    margin-bottom: 30px;
}

/* .custom-submit-btn {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--theme-white);
    padding: 10px 20px;
    width: 100%;
    background-color: var(--theme-yellow);
    border: 1px solid var(--theme-yellow);
    border-radius: 10px;
} */

.inline-submit-btn {
    margin-top: 24px;
    font-size: 18px;
    padding: 17px 20px;
}

.upload-text {
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    color: var(--title-text);
}

.query-comment-sec {
    /* height: 655px; */
    height: 450px;
    position: relative;
}

.query-comment::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.query-comment {
    height: calc(100% - 95px);
    overflow-y: auto;
}

.query-comment.file-input-box {
    height: calc(100% - 175px);
}

.custom-commnet-input {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.custom-commnet-input textarea {
    padding: 20px 100px 20px 15px;
    resize: none;
}

.custom-commnet-input textarea:focus {
    box-shadow: none;
    border: 1px solid var(--input-border);
}

.query-comment-box {
    border: 1px solid var(--input-border);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
}

.query-comment-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.query-comment-profile-img {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    overflow: hidden;
}

.query-comment-profile-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.query-comment-profile-name {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-left: 5px;
}

.query-commnet-time {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    color: var(--theme-yellow);
    align-self: center;
    margin-left: 15px;
}

.query-comment-box .custom-query-info {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 0;
    white-space: break-spaces;
    font-family: "Raleway", sans-serif;
}

/* card-info-label */
.card-info-link .custom-edt-link {
    color: var(--theme-yellow);
    font-weight: 600;
    line-height: normal;
    text-decoration: underline;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 8px 0px;
}

.custom-edt-link img {
    height: 20px;
    width: 20px;
}

.card-info-label {
    align-items: center;
    padding: 5px 20px;
    border-radius: 5px;
    color: var(--theme-black);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    background-color: var(--theme-white);
    width: 300px;
    margin-bottom: 0;
    border: 1px solid var(--theme-border);
    align-content: center;
    height: 55px;
}

.card-info-labelTitle {
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: var(--info-text);
    margin-bottom: 0;
    align-self: center;
    margin-top: 5px;
}

/* select2 */
.custom-select-box {
    width: 100%;
}

.custom-select-box .select2-container {
    /* min-width: 250px; */
    width: 100% !important;
}

.reg-phnInput .custom-select-box .select2-container {
    z-index: 1;
}
.custom-theme-blue .reg-phnInput .custom-select-box .select2-container {
    z-index: 0;
}
.custom-theme-blue .reg-phnInput .custom-form-input {
    padding: 14px 15px 14px 120px;
    font-size: 16px;
    z-index: 0;
    position: relative;
}
.custom-theme-blue .custom-select-box .select2-container--default .select2-selection--single {
    height: 49px;
    padding: 14px 35px 14px 15px;
}
.custom-select-box .select2-container--default .select2-selection--single,
.custom-select-box .select2-container--default .select2-selection--multiple {
    border: 1px solid var(--input-border);
    border-radius: 10px !important;
    height: 59px;
    min-width: 100%;
    position: relative;
    padding: 18px 35px 18px 15px;
}

.custom-select-box .select2-container--default.select2-container--open .select2-selection--single,
.custom-select-box .select2-container--default.select2-container--open .select2-selection--multiple {
    z-index: 2;
}

.custom-select-box .select2-container--default .select2-container--open .select2-selection--single .select2-selection__rendered,
.custom-select-box .select2-container--default .select2-container--open .select2-selection--multiple .select2-selection__rendered {
    z-index: 1111;
}

/* open select  */
.select2-container--default .select2-dropdown {
    animation: dropdownAnimation 0.5s ease-in-out;
}

@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.custom-select-box .select2-selection__clear > span {
    position: absolute;
    top: 0px;
    right: 35px;
    font-size: 13px;
    color: var(--theme-black);
    line-height: normal;
}

.custom-search-box .custom-select-box .select2-selection__clear > span {
    top: 26px;
    right: 35px;
}

.custom-select-box .select2-container--default .select2-selection--single .select2-selection__rendered 
/* .custom-select-box .select2-container--default .select2-selection--multiple .select2-selection__rendered */
 {
    font-size: 14px;
    font-weight: 500;
    line-height: inherit;
    text-align: left;
    color: var(--title-text);
    padding-left: 0px;
    padding-right: 5px;
    position: sticky;
}

.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}

.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/black-dropdown.svg);
    height: 15px;
    width: 15px;
    background-size: 100% 100%;
    top: 22px;
    right: 15px;
    transition: all 0.5s linear;
}

.custom-select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after {
    transform: rotate(180deg);
}

.select2-container--open .select2-dropdown {
    border: 1px solid var(--input-border);
    border-radius: 5px;
    min-width: 116px;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin-top: -30px;
    z-index: 1;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-bottom: 83px;
    top: 28px;
    z-index: auto;
}

.select2-container--default .select2-dropdown--above ul {
    margin-bottom: 35px;
}

.select2-search--dropdown .select2-search__field {
    margin-top: 40px;
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
}
#registerModal .select2-container--open .select2-dropdown--below{
    margin-top: 0px;
    z-index: 0;
    margin-left: 0px;
}

.custom-theme-blue .reg-phnInput.custom-Formphone-input .custom-select-box .select2-container--default .select2-selection--single  {
    padding: 14px 35px 14px 15px;
    }
    
    .custom-theme-blue .custom-arrowUp.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    top: 16px;
 }
 .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-top: 0;
}

.select2-search--dropdown {
    margin-top: 14px;
    z-index: 1;
    margin-left: 5px;
}

#registerModal .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
    margin-top: 0px;
}
.select2-search--dropdown .select2-search__field {
    margin-top: 20px;
}
.select2-dropdown.select2-dropdown--above .select2-search--dropdown .select2-search__field {
    margin-top: 0;
}

.select2-container--default .select2-results__option--selected {
    background-color: transparent;
}

.select2-results__option--selectable {
    border-bottom: 1px solid var(--input-border);
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18.78px;
    text-align: left;
    color: var(--title-text);
}

.select2-container--default .select2-results__option--disabled {
    display: none;
}

.select2-results__option--selectable:last-child {
    border-bottom: none;
}

.select2-dropdown.select2-dropdown--above .select2-results__option--selectable:last-child {
    border-bottom: none;
    margin-bottom: 15px;
}
.custom-theme-blue .select2-dropdown.select2-dropdown--above .select2-results__option--selectable:last-child {
    margin-bottom: 0px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: var(--theme-yellow);
    margin-left: 1px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.select2-results__option.select2-results__message {
    color: var(--theme-yellow);
    font-weight: 700;
    text-align: center;
}

/* Country with select2 */
.custom-Formphone-input .custom-select-box .select2-container--default .select2-selection--single {
    border: 1px solid transparent;
    border-radius: 10px !important;
    height: 55px;
    background-color: transparent;
}

/* serch-input */
.search-sec {
    border: 3px solid var(--theme-yellow);
    padding: 20px 20px 20px 20px;
    border-radius: 170px;
}

.custom-search-box {
    display: flex;
}

.serch-input {
    position: relative;
}

.serch-input .custom-select-box {
    width: unset;
}

.serch-input input {
    border: 1px solid var(--input-border);
    border-radius: 40px;
    padding: 24px 15px 24px 15px;
    color: var(--theme-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}

.serch-input.search-input-text input {
    padding: 24px 30px 24px 20px;
}

.serch-input .custom-select-box .select2-container--default .select2-selection--single {
    border-radius: 40px !important;
    height: 69px;
    padding: 25px 32px 25px 15px;
}

.serch-input .custom-select-box .select2-container--default .select2-selection--single[aria-expanded="true"] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.serch-input .custom-select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 40px;
    color: var(--theme-blue);
    font-size: 16px;
    padding-left: 0px;
}

.serch-input .custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/select2-arrow-yello.svg);
    height: 15px;
    width: 15px;
    background-size: 100% 100%;
    top: 27px;
}

.custom-search-dropdown .dropdown-menu.show {
    display: block !important;
    opacity: 1;
    transition: all 0.6s ease;
}

.serch-input input::placeholder {
    color: var(--theme-placeholder);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--theme-placeholder) !important;
    margin-left: 0px;
}

.search-icon {
    position: absolute;
    top: 22px;
    right: 19px;
}

/* search-btn */
.search-btn {
    background-color: var(--theme-yellow);
    border-radius: 150px;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: var(--theme-white);
    padding: 22px 0px;
    border: 1px solid transparent;
    text-transform: capitalize;
}
.new-search-btn {
    padding: 18px 20px;
}
.search-btn:hover {
    border: 1px solid var(--theme-yellow);
    background-color: var(--theme-yellow);
    color: var(--theme-white);
}

.reset-btn
 {
    background-color: var(--theme-white);
    border-radius: 150px;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: var(--theme-yellow);
    padding: 15px 15px;
    border: 1px solid var(--theme-yellow);
    text-transform: capitalize;
}
.reset-btn:focus,
.reset-btn:hover{
    color: var(--theme-yellow);
}
.search-btn.reset-btn:hover{
    color: var(--theme-white);
}
/* .new-reset-btn{
    padding: 18px 20px;
} */

/* University */
.university-key-card .first .key-icon {
    background-image: url(/main/assets/image/sign-up-uni.svg);
    background-size: 80% 100%;
}

.university-key-card .second .key-icon {
    background-image: url(/main/assets/image/search-uni.svg);
    background-size: 80% 100%;
}

.university-key-card .third .key-icon {
    background-image: url(/main/assets/image/event-management-uni.svg);
    background-size: 80% 100%;
}

.university-key-card .fourth .key-icon {
    background-image: url(/main/assets/image/testing-uni.svg);
    background-size: 80% 100%;
}

.university-key-card .fifth .key-icon {
    background-image: url(/main/assets/image/school-uni.svg);
}

.university-key-card .six .key-icon {
    background-image: url(/main/assets/image/online-education-uni.svg);
    background-size: 80% 100%;
}

.university-key-card .fifth::after {
    height: 5px;
    width: 100%;
    background-image: url(/main/assets/image/key-line-img5.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.university-key-card .six::after {
    display: none;
}

.small-info-card .dark-card {
    background: linear-gradient(180deg, #0f1d85 0%, #000843 100%);
    border-radius: 10px;
    padding: 19px 20px;
}

.small-info-card .dark-card .title {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-yellow);
}

.small-info-card .dark-card .info {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--theme-white);
    margin-bottom: 0;
}

.small-info-card .light-card {
    background-color: var(--theme-light-purple);
    border-radius: 10px;
    height: 100%;
    width: 100%;
}

/* Home page */
.main-slider {
    width: 100%;
    display: inline-block;
    padding-top: 0;
    position: relative;
}

.custom-slider-banner {
    background-image: url(/main/assets/image/home-page/banner.png) !important;
    height: 630px;
    width: 100%;
    background-size: 100% 100%;
    background-position: 100% 100%;
}

#sync1.owl-theme {
    position: relative;
    float: left;
    width: 100%;
}

#sync1 .item {
    padding: 0;
    margin: 5px;
    color: var(--theme-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.custom-slider-banner .txt {
    position: relative;
}

.slider-cont .txt {
    text-align: left;
    margin-top: 50px;
}

.custom-main-header {
    color: var(--theme-blue);
    font-size: 42px;
    font-weight: 700;
    line-height: normal;
}

.custom-main-header-info {
    margin-bottom: 10px;
    margin-top: 25px;
}

.custom-main-header-info li {
    color: var(--theme-blue);
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    position: relative;
    padding-left: 34px;
    margin-bottom: 15px;
}

.custom-main-header-info li::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    background: url(/main/assets/image/home-page/yellow-right-banner.svg) no-repeat;
    height: 20px;
    width: 24px;
}

.slider-btn,
.main-btn,
.readmore-btn {
    background: var(--theme-yellow);
    color: var(--theme-white);
    width: auto;
    text-align: center;
    line-height: normal;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px 30px;
    border: 1px solid var(--theme-yellow);
}

.slider-btn:hover,
.main-btn:hover,
.readmore-btn:hover {
    background: var(--theme-white);
    color: var(--theme-yellow);
    border: 1px solid var(--theme-yellow);
}

.custom-slider-banner .txt::after {
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/home-page/banner-arrow.png);
    bottom: 0%;
    right: 0;
    height: 100px;
    width: 100px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: visible;
}

.slider-img-sec {
    position: relative;
}

.pottan-img .rotate-img {
    animation: rotateAnimation 20s infinite linear;
}

@keyframes rotateAnimation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.slider-img-box {
    position: absolute;
    top: 79px;
    right: 78px;
    height: 477px;
    width: 477px;
    background-color: transparent;
    border-radius: 50%;
}

.slider-img-box img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.left-slider-round {
    height: 100px;
    width: 100px;
    background-color: var(--theme-white);
    border-radius: 50%;
    box-shadow: -3px 6px 24px -10px #0000008f !important;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.left-slider-round .round-img-box {
    height: 80px;
    width: 80px;
    background-color: var(--theme-yellow);
    border-radius: 50%;
    transform: translate(10px, 10px);
    padding: 10px;
    align-content: center;
}

.right-slider-round {
    height: 80px;
    width: 80px;
    background-color: var(--theme-white);
    border-radius: 50%;
    box-shadow: -3px 6px 24px -10px #0000008f !important;
    position: absolute;
    top: 75px;
    right: -20px;
}

.right-slider-round .round-img-box {
    height: 60px;
    width: 60px;
    background-color: var(--theme-yellow);
    border-radius: 50%;
    transform: translate(10px, 10px);
    padding: 10px;
    align-content: center;
}

.round-img-box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.left-slider-img {
    position: absolute;
    top: 115px;
    left: 15px;
}

.slider-info-box {
    background-color: var(--theme-white);
    box-shadow: -3px 6px 24px -10px #0000008f !important;
    border-radius: 12px;
    height: fit-content;
    width: fit-content;
    padding: 8px;
    text-transform: capitalize;
}

.slider-info-box .info-img {
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    border-radius: 50%;
    background-color: var(--theme-yellow);
    box-shadow: 2px 11px 21px -13px var(--theme-yellow) !important;
    padding: 8px;
}

.slider-info-box .info-text {
    max-width: 165px;
}

.slider-info-box .info-text h2 {
    color: var(--theme-yellow);
    font-size: 23.14px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 0;
}

.slider-info-box .info-text h3 {
    color: var(--title-text);
    font-size: 17.27px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0;
    line-height: 22px;
    text-transform: capitalize;
}

.right-slider-img {
    position: absolute;
    bottom: 100px;
    right: 20px;
}

.owl-nav {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    height: 1px;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 30px;
    height: 30px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    border-radius: 5px;
}

#sync1.owl-theme .owl-next {
    right: 10px;
    background: #ffb500 url(/main/assets/image/home-page/next-white.svg) center center no-repeat;
    background-size: 12px;
    margin-right: -80px;
}

#sync1.owl-theme .owl-prev {
    left: 10px;
    background: #ffb500 url(/main/assets/image/home-page/prev-white.svg) center center no-repeat;
    background-size: 12px;
    margin-left: -80px;
}

#sync1.owl-theme .owl-next svg,
#sync1.owl-theme .owl-prev svg {
    display: none;
}

.sync-border {
    border-block: 1px solid var(--theme-border);
    z-index: 2;
    position: relative;
    float: left;
    width: 100%;
    padding-block: 20px;
}

.custom-hero-slider .owl-dots {
    display: block;
}

.custom-hero-slider .owl-dots-wrapper {
    position: relative;
    margin-top: 20px;
    white-space: nowrap;
    padding: 10px 0;
    scrollbar-width: none;
}

.custom-hero-slider .owl-dots-wrapper::-webkit-scrollbar {
    display: none;
}

.custom-hero-slider .owl-dot {
    position: relative;
    display: inline-block;
    background: none;
    padding: 10px 0;
    margin: 0;
    color: var(--theme-blue);
    text-align: center;
    cursor: pointer;
    width: 180px;
    height: 180px;
    transition: all 0.5s ease;
    border-radius: 15px;
    margin: 10px 20px;
    border: 1px solid var(--theme-border);
    z-index: 1;
}

.custom-hero-slider .owl-dot.active {
    border: 1px solid transparent;
    transition: all 0.1s ease;
}

.custom-hero-slider .owl-dot::after {
    content: "";
    white-space: pre-line;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    color: #000834;
    font-size: 14px;
    padding: 5px !important;
}

.custom-hero-slider .owl-dot::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("aaa.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    z-index: 2;
}

.custom-hero-slider .owl-dot span {
    display: none;
}

.custom-hero-slider #sliderIndicator {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 15px;
    background: var(--theme-blue);
    top: 20px;
    left: 20px;
    transition: transform 0.3s ease;
    border: 1px solid var(--theme-blue);
    display: none;
}

.custom-hero-slider .owl-dot {
    display: none;
}

.custom-hero-slider .owl-dot[role="button"] {
    display: inline-block;
}

.custom-hero-slider .owl-dot:nth-child(n)::after {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    background: none;
    margin: 0;
    color: var(--theme-blue);
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease;
    border-radius: 15px;
    width: 150px;
    white-space: pre-line;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    margin-top: 10px;
    padding-inline: 10px;
    width: 100%;
}

.custom-hero-slider .owl-dot.active:nth-child(n)::after {
    color: var(--theme-white);
}

.custom-hero-slider .owl-dot:nth-child(1)::after {
    content: "Explore 2000+ \A Universities Worldwide";
}

.custom-hero-slider .owl-dot:nth-child(2)::after {
    content: "Apply Smart,\A Apply Fast";
}

.custom-hero-slider .owl-dot:nth-child(3)::after {
    content: "Secure Your  \A Education Funding";
}

.custom-hero-slider .owl-dot:nth-child(4)::after {
    content: "Accurate  \A Visa Processing";
}

.custom-hero-slider .owl-dot:nth-child(5)::after {
    content: "Comprehensive   \A Post-Landing Support";
}

.custom-hero-slider .owl-dot:nth-child(n)::before {
    content: "";
    position: absolute;
    top: 10px;
    background-size: 100% 100%;
    height: 81px;
    width: 81px;
    z-index: 1;
}

.custom-hero-slider .owl-dot.active:nth-child(1)::before {
    background-image: url(/main/assets/image/slide1-yellow.svg);
}

.custom-hero-slider .owl-dot:nth-child(1)::before {
    content: "";
    background-image: url(/main/assets/image/slide1-white.svg);
}

.custom-hero-slider .owl-dot.active:nth-child(2)::before {
    background-image: url(/main/assets/image/slide2-yellow.svg);
}

.custom-hero-slider .owl-dot:nth-child(2)::before {
    content: "";
    background-image: url(/main/assets/image/slide2-white.png);
}

.custom-hero-slider .owl-dot.active:nth-child(3)::before {
    background-image: url(/main/assets/image/slide3-yellow.svg);
}

.custom-hero-slider .owl-dot:nth-child(3)::before {
    content: "";
    background-image: url(/main/assets/image/slide3-white.svg);
}

.custom-hero-slider .owl-dot.active:nth-child(4)::before {
    background-image: url(/main/assets/image/slide4-yellow.svg);
}

.custom-hero-slider .owl-dot:nth-child(4)::before {
    content: "";
    background-image: url(/main/assets/image/slide4-white.svg);
}

.custom-hero-slider .owl-dot.active:nth-child(5)::before {
    background-image: url(/main/assets/image/slide5-yellow.svg);
}

.custom-hero-slider .owl-dot:nth-child(5)::before {
    content: "";
    background-image: url(/main/assets/image/slide5-white.svg);
}

.loan-page #sync2 .slide1 .slide-img {
    background-image: url("/main/assets/image/loan-slide-1.svg");
    transition: all 0.2s linear;
}

.loan-page #sync2 .current .item .slide1 .slide-img {
    background-image: url("/main/assets/image/loan-yellow-slide-1.svg");
    transition: all 0.2s linear;
}

.loan-page #sync2 .slide2 .slide-img {
    background-image: url("/main/assets/image/loan-slide-2.svg");
    transition: all 0.2s linear;
}

.loan-page #sync2 .current .item .slide2 .slide-img {
    background-image: url("/main/assets/image/loan-yellow-slide-2.svg");
    transition: all 0.2s linear;
}

.loan-page #sync2 .slide3 .slide-img {
    background-image: url("/main/assets/image/loan-slide-3.svg");
    transition: all 0.2s linear;
}

.loan-page #sync2 .current .item .slide3 .slide-img {
    background-image: url("/main/assets/image/loan-yellow-slide-3.svg");
    transition: all 0.2s linear;
}

.loan-page #sync2 .slide4 .slide-img {
    background-image: url("/main/assets/image/loan-slide-4.svg");
    transition: all 0.2s linear;
}

.loan-page #sync2 .current .item .slide4 .slide-img {
    background-image: url("/main/assets/image/loan-yellow-slide-4.svg");
    transition: all 0.2s linear;
}

.slider-cont .txt {
    text-align: left;
    margin-top: 50px;
}

.slider-cont .txt p {
    border-left: #ffb500 2px solid;
    color: var(--title-text);
    font-size: 14px;
    display: inline-block;
    padding-left: 10px;
    width: 100%;
    text-align: left !important;
    margin-top: 15px;
}

.slider-cont .txt p span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}

span.save {
    background: var(--theme-blue);
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 180px;
    text-align: center;
    border-radius: 50%;
    padding: 33px 10px;
    z-index: 1;
}

.slider-img-sec h3 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--theme-yellow);
    padding: 0;
    margin: 0;
}

.slider-img-sec p {
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--theme-yellow);
}

/* .owl-nav button.owl-prev span {
    background: #fff url(../images/prev-ic.svg) center center no-repeat;
    background-size: 12px;
}

.owl-nav button.owl-next span {
    background: #fff url(../images/next-ic.svg) center center no-repeat;
    background-size: 12px;
}

.owl-nav button span {
    font-size: 0 !important;
    width: 50px;
    height: 50px;
    float: left;
    border: #cfcfcf 1px solid;
    border-radius: 50%;
} */

.owl-dots {
    display: none;
}

.home-key-card {
    overflow-x: auto;
    padding-bottom: 8px;
}

.home-key-card .fifth::after {
    width: 100%;
    background-image: url(/main/assets/image/key-line-img-home-6.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.home-key-card .six::after {
    width: 100%;
    background-image: url(/main/assets/image/key-line-img-home-7.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 5px;
    top: 15px;
    left: 50%;
    transform: translateX(0%);
    padding: 0px 5px;
    background-size: 100% 100%;
}

.home-key-card .key-card {
    height: 200px;
    width: 168px;
}

.home-key-card .six .about-step-sec {
    background-color: #58baab;
}

.home-key-card .six .key-icon {
    background-color: #58baab;
}

.home-key-card .six .key-icon {
    background-image: url(/main/assets/image/passport.svg);
}

.home-key-card .seven .about-step-sec {
    background-color: #0bbcfb;
}

.home-key-card .seven .key-icon {
    background-color: #0bbcfb;
}

.home-key-card .seven .key-icon {
    background-image: url(/main/assets/image/support.svg);
}

.home-key-card .mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(6) span {
    background-color: #58baab;
}

.home-key-card .mobile-custom-key-card .owl-carousel .owl-dots .owl-dot:nth-child(7) span {
    background-color: #0bbcfb;
}

.home-key-card .mobile-custom-key-card .owl-dot:nth-child(5)::after {
    background-image: url(/main/assets/image/home-mobile-key-line-6.svg);
}

.home-key-card .mobile-custom-key-card .owl-dot:nth-child(6)::after {
    background-image: url(/main/assets/image/home-mobile-key-line-7.svg);
}

.home-key-card .six .key-card {
    background-color: #eafffc;
}

.home-key-card .seven .key-card {
    background-color: #ddf6ff;
}

/* .testimonial-carousel */
.testimonial-carousel .owl-item.active.center .item::before{
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    width: 40px;
    height: 75%;
    transform: translateY(-50%);
    background-image: url(/main/assets/image/right-slide.svg);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    background-position-y: center;
  }
  .testimonial-carousel .owl-item.active.center .item::after{
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 40px;
  height: 75%;
  background-image: url(/main/assets/image/right-slide.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  transform: translateY(-50%) rotate(180deg);  
  background-position-y: center;

}
.testimonial-carousel .owl-item .item::before{
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    width: 40px;
    height: 75%;
    transform: translateY(-50%);
    background-image: url(/main/assets/image/right-gray-slide.svg);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  .testimonial-carousel .owl-item .item::after{
   content: "";
  position: absolute;
  right: -4px;
  background-image: url(/main/assets/image/left-gray-slide.svg);
  height: 75%;
  width: 30px;
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
}
 .testimonial-carousel .owl-stage-outer{
      padding-block: 70px 20px;
    }

    .testimonial-carousel .item {
      background: #fff;
      border-radius: 20px;
      /* padding: 40px 30px; */
      padding: 40px 10px 20px;
      /* background-image: url(/main/assets/image/testimonial-slide-active.svg); */
      
      background-size: 100% 100%;
      transition: all 0.5s ease;
      transform: scale(0.85);
      opacity: 0.6;
      max-width: 450px;
      margin: auto;
      position: relative;
      background-color: var(--theme-white);
    }
.light-testimonial-carousel.testimonial-carousel .owl-item.active.center .item {
    opacity: 1;
    background-image: none;
    background-color: #fdfdfd;
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    position: relative;
    width: 100%;
}
    /* Center item */
    .testimonial-carousel .owl-item.center .item {
      transform: scale(1.1);
      opacity: 1;
      z-index: 5;
    }

    .testimonial-carousel .item h3 {
      font-size: 20px;
      font-weight: 600;
      color: #00144C;
      margin-bottom: 5px;
    }

    .testimonial-carousel .item h4 {
      font-size: 14px;
      color: #666;
      margin-bottom: 15px;
    }

    .testimonial-carousel .item p {
      font-size: 15px;
      color: #333;
      line-height: 1.6;
    }

    .testimonial-carousel .stars {
      color: #ffc107;
      margin-top: 10px;
      font-size: 18px;
    }

    .testimonial-carousel .quote {
      font-size: 30px;
      color: #ffb400;
      position: absolute;
      top: 15px;
      right: 25px;
      opacity: 0.6;
    }

    /* Dots */
    /* .owl-dots {
      margin-top: 30px;
    } */
    .owl-dot span {
      width: 10px;
      height: 10px;
      background: #ccc !important;
      border-radius: 50%;
      margin: 5px;
      transition: 0.3s;
    }
    .owl-dot.active span {
      background: #00144C !important;
      transform: scale(1.3);
    }
    .testimonial-carousel {
    position: relative;
}


.testimonial-carousel .owl-item .custom-item {
    /* background-image: url(/main/assets/image/testimonial-slide.svg); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: auto;
    border: 3px solid var(--theme-border);
}

.light-testimonial-carousel.testimonial-carousel .owl-item .custom-item {
    background-color: #fdfdfd;
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    background-image: none;
    padding: 0px;

}
.testimonial-carousel .owl-item.active.center .item {
    opacity: 1;
    /* background-image: url(/main/assets/image/testimonial-slide-active.svg); */
    border: 3px solid var(--theme-blue);
    position: relative;
    width: 100%;
}

.testimonial-carousel .owl-item .testimonial-img-sec {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    object-fit: contain;
    border: 3px solid var(--theme-white);
    margin-bottom: 20px;
    border: 1px solid var(--theme-border);
    position: absolute;
    top: -40px;
}

.testimonial-img-sec img {
    border-radius: 50%;
    overflow: hidden;
    object-fit: fill;
    height: 100%;
}

.testimonial-carousel .owl-item .shadow-effect {
    padding: 15px 30px;
}

.testimonial-carousel .owl-item .testimonial-name {
    text-align: left;
    color: #000843;
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    margin-right: 20px;
    margin-block: 0px 10px;
}

.testimonial-carousel .owl-item .testimonial-city {
    color: var(--theme-blue);
    font-size: 17px;
    line-height: normal;
    text-align: left;
    font-weight: 600;
    display: inline-block;
    margin-block: 2px;
    width: 100%;
    margin-right: 20px;
}

.testimonial-carousel .owl-item .testimonial-info {
    color: var(--theme-blue);
    font-size: 15px;
    line-height: normal;
    text-align: left;
    font-weight: 500;
    display: inline-block;
    margin-block: 5px;
    width: 100%;
}

.testimonial-carousel .owl-item.active.center .testimonial-info {
    color: var(--title-text);
}

.testimonial-carousel .owl-item .star-img {
    margin-right: 5px;
    margin-bottom: 10px;
}

.testimonial-carousel .owl-item .star-img img {
    height: 20px;
}

.testimonial-carousel .owl-item .coma-img {
    position: absolute;
    height: 40px;
    width: 40px;
    margin-bottom: 0px !important;
    top:50px;
    right: 50px;
}

.testimonial-carousel .owl-nav {
    display: none;
}

/* .owl-nav button span {
    font-size: 0 !important;
    width: 24px;
    height: 24px;
    float: left;
    border: #cfcfcf 1px solid;
    border-radius: 50%;
} */
.owl-carousel .owl-nav button.disabled{
     cursor: not-allowed !important;
     opacity: 0.5;
}
.testimonial-carousel.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-block: 15px 20px;
    height: 0;
}

.testimonial-carousel.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    height: 0;
}

.testimonial-carousel.owl-carousel .owl-dots .owl-dot span {
    background: #d1d1d1;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 0 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.6);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    border-radius: 50%;
}

.testimonial-carousel.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--theme-blue);
    transform: translate3d(0px, -50%, 0px) scale(0.9);
}
/* tab */
.apply_Universities {
    text-align: center;
    padding-top: 10px;
}

.apply_Universities nav {
    overflow-x: auto;
    margin-bottom: 20px !important;
}

.apply_Universities .nav-tabs {
    border-bottom: 0;
    text-align: center;
    background-color: var(--theme-tab-bg);
    border-radius: 6px;
    width: auto;
    display: inline-block;
    white-space: nowrap;
}

.apply_Universities .nav-tabs .nav-link {
    margin-bottom: 0;
    background: 0 0;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: inline-block;
    width: auto;
    margin: 5px;
    border-radius: 6px;
    padding: 10px 25px;
    color: var(--theme-blue);
    font-weight: 700;
    line-height: normal;
    font-size: 16px;
}

.apply_Universities .nav-tabs .nav-item.show .nav-link,
.apply_Universities .nav-tabs .nav-link.active {
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    border-color: 0;
}

.apply_Universities .card-slider-detail .card-inner-info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.apply_Universities .owl-nav {
    display: none;
}

.apply_Universities .owl-dots {
    display: none !important;
}

/* bank logo */

.custom-test-prep-section {
    border: 1px solid #e1e1e1;
    border-radius: 30px;
    padding: 30px;
    height: 100%;
}

.custom-test-prep-section .logo-sec .img-sec {
    border-radius: 6px;
    border: 1px solid #e1e1e1;
}

.custom-test-prep-section .logo-sec .img-sec img {
    border-radius: 6px;
}

.activity-card {
    border: 1px solid var(--card-border);
    border-radius: 10px;
    padding: 15px;
    height: 100%;
}

.activity-card h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: var(--title-text);
    margin-bottom: 0;
}

.activity-card h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: var(--title-text);
    margin-bottom: 0;
}

.activity-card img {
    height: 35px;
    width: 35px;
}

/* About Section Home page*/

.custom-about-section .about-info-box .about-title .custom-smalldark-header {
    text-align: left;
}

.about-inner-sec {
    height: 220px;
    width: 190px;
    margin: 10px;
}

.about-inner-sec img {
    height: 100%;
    width: 100%;
}

.about-shadow {
    height: 106px;
    width: 320px;
    background: var(--theme-yellow);
    filter: blur(73px);
    border-radius: 50%;
    position: absolute;
    top: 39%;
    right: 90px;
    z-index: -1;
}

.custom-about-section .z-index {
    z-index: 1;
}

/* custom-tab-section */
.custom-tab-section .customTab-nav-tabs {
    border-bottom: none;
    gap: 10px;
    margin-block: 10px;
    border-bottom: none;
    gap: 10px;
    margin-block: 10px;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 10px;
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item:hover {
    background-color: transparent;
    border-radius: 10px;
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item .customTab-nav-link {
    background-color: transparent;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    padding: 12px;
    color: var(--theme-blue);
    border: 1px solid var(--card-border);
    text-align: left;
    /* min-width: 250px; */
    display: flex;
    gap: 10px;
    text-transform: capitalize;
}
.custom-tab-section .customTab-nav-tabs .customTab-nav-item .customTab-nav-link span {
    white-space: normal;
    font-size: 15px !important;
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item:hover .customTab-nav-link {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item .customTab-nav-link.active {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item .customTab-nav-link .tabSvg-icon {
    border-radius: 5px;
    background-color: #f8f8f8;
    padding: 6px;
    min-width: 35px;
    min-height: 35px;
    max-width: 35px;
    max-height: 35px;
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item:hover .customTab-nav-link .tabSvg-icon {
    background-color: var(--theme-white);
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item .customTab-nav-link .tabSvg-icon img {
    height: 100%;
    width: 100%;
    vertical-align: baseline;
}

.custom-tab-section .custom-tab-content {
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    padding: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.01em;
    text-align: left;
    color: var(--title-text);
    min-height: 50px;
    max-height: 300px;
    overflow: auto;
}

.custom-tab-section .custom-tab-content h1,
.custom-tab-section .custom-tab-content h2,
.custom-tab-section .custom-tab-content h3,
.custom-tab-section .custom-tab-content h4,
.custom-tab-section .custom-tab-content h5,
.custom-tab-section .custom-tab-content h6 {
    font-size: 22px;
}

.custom-tab-section .custom-tab-content p,
.custom-tab-section .custom-tab-content li {
    font-size: 18px;
}

.gallery-img {
    border-radius: 10px;
    object-fit: cover;
    overflow: hidden;
    height: 250px;
    position: relative;
}
.collab-img::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 35%;
width: 100%;
background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.gallery-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.collab-img img{
    position: relative;
}
.collab-img .img-uni-name{
    position: absolute;
    bottom: 10px;
    left: 10px;
font-weight: 700;
font-size: 19px;
color: white;
z-index: 1;
}
.collab-img .collab-uni-logo{
      position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 8px;
    background-color: var(--theme-white);
    width: 100px;
    padding: 5px;
}
.gallery-video {
    border-radius: 10px;
    object-fit: cover;
    overflow: hidden;
    height: 250px;
    width: 100%;
}
.course-gallery-video {
    height: 500px;
}
.gallery-video .popup-youtube .utube-thumbnail {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.gallery-video .video-stop-icon {
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
    position: absolute;
    z-index: 111;
    top: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 68%) 0%, rgba(0, 0, 0, 0) 100%);
}

.gallery-video .video-stop-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.custom-box {
    border-radius: 10px;
    padding: 20px;
}

.custom-box .custom-text:last-child {
    margin-bottom: 0px;
}

.custom-text {
    color: var(--title-text);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.01em;
    text-align: left;
}

.card-inner-info-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.light-bg-section {
    background: var(--theme-hero-bg);
}

/* Service */
.dark-card {
    background-color: var(--theme-sec-bg);
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    border: 1px solid var(--theme-sec-bg);
}

.dark-card .image-box {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    background-color: var(--theme-yellow);
    object-fit: fill;
    overflow: hidden;
}

.dark-card .image-box img {
    padding: 12px;
}

.dark-card .dark-cardTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-block: 15px 10px;
    display: -webkit-box; /* Required for line-clamp to work */
    -webkit-line-clamp: 3; /* Limits the text to 3 lines */
    -webkit-box-orient: vertical; /* Required for vertical orientation */
    overflow: hidden; /* Hides overflowing content */
    text-overflow: ellipsis;
}

.dark-card-InnerTitle {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-top: 15px;
    margin-bottom: 5px;
}

.dark-card .dark-cardInfo {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark-card-innerInfo {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 5px;
}

.dark-card-innerInfo span {
    font-weight: 500;
}

/* Country Page */
.detail-section {
    border-radius: 10px;
    border: 1px solid var(--paginate-border);
    padding: 20px;
    max-height: 500px;
    overflow: auto;
}

.detail-img {
    float: left;
    max-height: 400px;
    max-width: 500px;
    margin-right: 30px;
    overflow: hidden;
}

.detail-full-section .detail-img {
    max-width: 100%;
    max-height: 100%;
}

.country-img {
    border-radius: 10px;
    object-fit: fill;
    overflow: hidden;
}

.detail-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;.hero-btn-check input[type="checkbox"]::after {
    content: "Add to Favourite";
    color: var(--theme-yellow);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    background-color: var(--theme-white);
    padding: 15px 30px;
    width: fit-content;
    border-radius: 10px;
    height: auto;
    text-transform: capitalize;
    border: 1px solid var(--theme-yellow);
    width: fit-content;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    box-shadow: 1px 4px 10px -2px #00000052;
    cursor: pointer;
}
}

.country-content {
    font-weight: 500;
    font-size: 18px;
    text-align: justify;
}

.country-content ul {
    list-style: revert;
    padding-left: revert;
}

.country-dark-card a.btn:focus {
    box-shadow: none;
}

.big-yellow-btn {
    font-size: 20px;
}

.hero-btn-check input[type="checkbox"] {
    border: 1px solid transparent;
    background-color: transparent;
    margin-top: 0 !important;
}

.hero-btn-check input:checked[type="checkbox"] {
    border: 1px solid transparent;
    background-color: transparent;
}

.hero-btn-check input[type="checkbox"]::after {
    content: "Add to Favourite";
    color: var(--theme-yellow);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    background-color: var(--theme-white);
    padding: 15px 30px;
    width: fit-content;
    border-radius: 10px;
    height: auto;
    text-transform: capitalize;
    border: 1px solid var(--theme-yellow);
    width: fit-content;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    box-shadow: 1px 4px 10px -2px #00000052;
    cursor: pointer;
}

.hero-btn-check input:checked[type="checkbox"]::after {
    content: "Added to favourite ";
    color: var(--theme-yellow);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    background-color: var(--theme-white);
    padding: 15px 30px;
    width: fit-content;
    border-radius: 10px;
    height: auto;
    text-transform: capitalize;
    border: 1px solid var(--theme-yellow);
    width: fit-content;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    box-shadow: 1px 4px 10px -2px #00000052;
    cursor: pointer;
}

.hero-btn-check.apply-check {
    width: 160px;
    position: relative;
}

.hero-btn-check.apply-check input[type="checkbox"]::after {
    content: "Apply";
    width: 155px;
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    border: 1px solid var(--theme-yellow);
}

.hero-btn-check.apply-check input:checked[type="checkbox"]::after {
    content: "Status";
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    border: 1px solid var(--theme-yellow);
    position: absolute;
    left: 0;
}

.custom-attach-file {
    background-color: var(--theme-yellow);
    border-radius: 50%;
    padding: 6px 5px 5px 7px;
    border: 1px solid var(--theme-yellow);
}

.custom-attach-input {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.custom-file-box {
    border: 1px solid var(--input-border);
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.custom-select-Filename {
    font-weight: 600;
    font-size: 16px;
    margin-left: 10px;
    line-height: normal;
    color: var(--title-text);
}

.file-close-btn {
    background-color: #dc3545;
    padding: 0px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    border: 1px solid #dc3545;
}

.file-close-btn > img {
    height: 100%;
    width: 100%;
}

.chat-btn {
    display: flex;
    position: absolute;
    bottom: 19px;
    right: 15px;
    gap: 5px;
}

.send-sec {
    background-color: var(--theme-white);
    padding-top: 10px;
}

.custom-send-btn {
    background-color: var(--theme-yellow);
    border-radius: 50%;
    padding: 5px 7px 7px 5px;
    border: 1px solid var(--theme-yellow);
}

.file-download-btn {
    border: 1px solid transparent;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.no-data-msg {
    font-size: 15px;
    color: var(--theme-yellow);
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

.card-slider-detail h3 {
    font-size: 16px;
}

/* Unsubscribe */

.unsub-form-title h1 {
    font-weight: 700;
    font-size: 2rem;
    line-height: normal;
    color: var(--title-text);
    margin-bottom: 25px;
}

.unsub-card-title {
    font-weight: 600;
    font-size: 1.53rem;
    line-height: normal;
    color: var(--title-text);
}

.unsub-card {
    border: 0.97px solid #c8c8c8;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 25px;
}

.custom-unsub-check input[type="radio"] {
    accent-color: #000843;
}

.custom-unsub-check label {
    color: var(--title-text);
    font-weight: 500;
    font-size: 1.48rem;
    line-height: normal;
    margin-left: 10px;
}

.custom-unsub-check {
    margin-bottom: 5px;
}

.custom-unsub-check input[type="text"] {
    border: 1px solid var(--input-border);
    border-radius: 10px;
    padding: 20px 15px;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 17.61px;
    color: var(--theme-blue);
    margin-top: 10px;
    width: 100%;
}

.custom-unsub-check input[type="text"]::placeholder {
    color: var(--input-border);
}

.token-heading {
    font-weight: 600;
    font-size: 2rem;
    line-height: normal;
    color: var(--theme-blue);
    margin-bottom: 50px;
}

.custom-soon-page {
    background-image: url(/main/assets/image/full.png);
    background-size: auto 75%;
    background-position: right;
    z-index: 9999999;
    background-repeat: no-repeat;
}

.custom-soon-page .top-img .inner-gif {
    height: 100px;
    width: 100px;
}

.comingSoon-img-box {
    position: relative;
}

.all-back-img {
    position: absolute;
    bottom: 50px;
    right: 155px;
    z-index: -22;
}

.d-sidebar-NavItem.active .d-nav-icon-bg {
    background-image: url(/main/assets/image/Polygon-white.svg);
    transition: all 0.5s linear;
}

.d-sidebar-NavItem.active .d-nav-icon {
    transition: all 0.5s linear;
}

.d-nav-icon.academic-icon {
    background-image: url(/main/assets/image/sidebar-icon/academic-hat.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.academic-icon {
    background-image: url(/main/assets/image/sidebar-icon/academic-hat-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.account-icon {
    background-image: url(/main/assets/image/sidebar-icon/my-account-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.account-icon {
    background-image: url(/main/assets/image/sidebar-icon/my-account-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.dashboard-icon {
    background-image: url(/main/assets/image/sidebar-icon/dashboard-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.dashboard-icon {
    background-image: url(/main/assets/image/sidebar-icon/dashboard-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.document-icon {
    background-image: url(/main/assets/image/sidebar-icon/Document-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.document-icon {
    background-image: url(/main/assets/image/sidebar-icon/Document-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.edu-loan-icon {
    background-image: url(/main/assets/image/sidebar-icon/edu-loan-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.edu-loan-icon {
    background-image: url(/main/assets/image/sidebar-icon/edu-loan-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.suggest-course-icon {
    background-image: url(/main/assets/image/sidebar-icon/suggest-course-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.suggest-course-icon {
    background-image: url(/main/assets/image/sidebar-icon/suggest-course-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.apl-course-icon {
    background-image: url(/main/assets/image/sidebar-icon/apy-course-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.apl-course-icon {
    background-image: url(/main/assets/image/sidebar-icon/apy-course-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.fav-icon {
    background-image: url(/main/assets/image/sidebar-icon/fav-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.fav-icon {
    background-image: url(/main/assets/image/sidebar-icon/fav-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.query-icon {
    background-image: url(/main/assets/image/query-icon.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.query-icon {
    background-image: url(/main/assets/image/query-icon-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.passwd-icon {
    background-image: url(/main/assets/image/sidebar-icon/passwd-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.passwd-icon {
    background-image: url(/main/assets/image/sidebar-icon/passwd-yellow.svg);
    transition: all 0.5s linear;
}

.d-nav-icon.logout-icon {
    background-image: url(/main/assets/image/sidebar-icon/log-out-white.svg);
}

.d-sidebar-NavItem.active .d-nav-icon.logout-icon {
    background-image: url(/main/assets/image/sidebar-icon/log-out-yellow.svg);
    transition: all 0.5s linear;
}

.institute-label {
    color: var(--theme-blue);
    background-color: var(--theme-yellow);
}

.seat-count-label {
    border: 1px solid var(--theme-yellow);
    background-color: var(--theme-white);
    color: var(--title-text);
}

.dashboard-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    font-size: 16px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 0;
}

.dashboard-table thead {
    color: var(--theme-blue);
    border-radius: 15px 15px 0 0;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: transparent;
}

.dashboard-table thead th {
    padding: 15px;
    background-color: var(--theme-hero-bg);
    border: 1px solid var(--input-border);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    white-space: nowrap;
}

.dashboard-table tbody td {
    border: 1px solid var(--input-border);
    border-bottom: 0px solid transparent;
    text-align: center;
    vertical-align: middle;
    color: var(--title-text);
}

.dashboard-table tbody td a {
    color: var(--title-text);
}

.dashboard-table tbody td a > img {
    margin-bottom: 11px;
}

.dashboard-table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 15px 0px;
}

.dashboard-table tbody tr:last-child td {
    border-bottom: 1px solid var(--input-border);
}

.dashboard-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
    width: 60px;
}

.dashboard-table thead th:last-child {
    border-radius: 0px 15px 0px 0px;
}

.dashboard-table thead th:first-child {
    border-radius: 15px 0px 0px 0px;
}

.no-docs-message td {
    width: 100% !important;
    font-size: 15px;
    color: var(--theme-yellow) !important;
    font-weight: 600;
    text-align: center;
}

.action-button {
    background-color: var(--theme-yellow);
    color: var(--theme-white) !important;
    padding: 10px 15px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    text-decoration: none !important;
}

.table-col-btn {
    border: 1px solid var(--theme-blue);
    border-radius: 10px;
    padding: 8px;
    background-color: var(--theme-white);
    height: 40px;
    width: 40px;
}

.action-input {
    width: 150px;
}

.no-col {
    width: 60px;
}

#sync1.owl-theme .owl-nav {
    display: none;
}

.slider-img-sec {
    position: relative;
}

span.slider-img {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
}

/* button.owl-prev {
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 10px;
} */

button.owl-next {
    float: right;
    /* width: 24px; */
    /* height: 24px; */
    /* margin-right: 10px; */
}

.custom-card-carousel .owl-nav .owl-prev {
    left: -35px;
    position: absolute;
    box-shadow:
    0px 0px 1px 0px #0000001A,
    0px 2px 2px 0px #00000017,
    0px 4px 2px 0px #0000000D,
    0px 6px 2px 0px #00000003,
    0px 10px 3px 0px #00000000;
border-radius: 50px;
}
.owl-carousel .owl-nav button.owl-next{
    right: -35px;
    position: absolute;
     box-shadow:
  0px 0px 1px 0px rgba(0, 0, 0, 0.10),
  0px 2px 2px 0px rgba(0, 0, 0, 0.09),
  0px 4px 2px 0px rgba(0, 0, 0, 0.05),
  0px 6px 2px 0px rgba(0, 0, 0, 0.02),
  0px 10px 3px 0px rgba(0, 0, 0, 0);
border-radius: 50px;
}
/* button animation */
.button-animation {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    overflow: hidden;
    transition: 0.5s;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    animation: gradient 1s linear infinite;
}

@keyframes gradient {
    0% {
        background-position: 0 1rem;
    }

    100% {
        background-position: 0 0;
    }
}

.button-animation span {
    position: absolute;
    display: block;
}

.button-animation span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #0008437d);
    animation: btn-border1 3s linear infinite;
    border-radius: 10px;
}

@keyframes btn-border1 {
    0% {
        left: -100%;
    }

    50%,
    100% {
        left: 100%;
    }
}

.button-animation span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #0008437d);
    animation: btn-border2 3s linear infinite;
    animation-delay: 1s;
    border-radius: 10px;
}

@keyframes btn-border2 {
    0% {
        top: -100%;
    }

    50%,
    100% {
        top: 100%;
    }
}

.button-animation span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #0008437d);
    animation: btn-border3 3s linear infinite;
    animation-delay: 2s;
    border-radius: 10px;
}

@keyframes btn-border3 {
    0% {
        right: -100%;
    }

    50%,
    100% {
        right: 100%;
    }
}

.button-animation span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #0008437d);
    animation: btn-border4 3s linear infinite;
    animation-delay: 0.5s;
    border-radius: 10px;
}

@keyframes btn-border4 {
    0% {
        bottom: -100%;
    }

    50%,
    100% {
        bottom: 100%;
    }
}

.profile-body li {
    text-align: center;
    border-bottom: 1px solid var(--title-text);
}

.profile-body li:last-child {
    border-bottom: none;
}

.profile-change-btn {
    font-weight: 600;
    font-size: 15px;
    line-height: normal;
    color: var(--title-text);
    position: absolute;
    top: 27px;
    right: 50%;
    transform: translateX(50%);
}

.profile-modal .modal-dialog {
    max-width: fit-content;
}

.remove-img-btn {
    font-weight: 600;
    font-size: 15px;
    line-height: normal;
    color: var(--title-text);
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding-block: 18px 13px;
}

/* event page */
.fees-count {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: var(--title-text);
}

.event-timeDate-sec {
    border: 1px solid var(--card-border);
    border-radius: 20px;
    padding: 20px;
}

.event-month {
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-bottom: 8px;
}

.event-day {
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    color: var(--hero-detail-info);
    margin-bottom: 8px;
}

.event-date {
    /* clip-path: path("M28.5016 1.4769C30.7293 0.190742 33.4739 0.190742 35.7016 1.4769L59.6785 15.32C61.9062 16.6061 63.2785 18.983 63.2785 21.5554V49.2415C63.2785 51.8138 61.9062 54.1907 59.6785 55.4769L35.7016 69.32C33.4739 70.6061 30.7293 70.6061 28.5016 69.32L4.52465 55.4769C2.29696 54.1907 0.924648 51.8138 0.924648 49.2415V21.5554C0.924648 18.983 2.29696 16.6061 4.52465 15.32L28.5016 1.4769Z"); */
    background-color: var(--theme-hover);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    height: 60px;
    width: 60px;
    margin: auto;
    background-size: 55% 58%;
    background-repeat: no-repeat;
    background-position: center center;
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--title-text);
    align-content: center;
    margin-bottom: 8px;
}

.event-time {
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    color: var(--paginate-text);
}

.event-timeDate-sec.active {
    border: 1px solid var(--theme-yellow);
    background-color: var(--card-hover);
}

.event-timeDate-sec.active .event-date {
    background-color: var(--theme-yellow);
    color: var(--theme-white);
}

.count-title {
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    color: var(--title-text);
    margin-bottom: 0;
}

.count-btn {
    border-radius: 10px;
    border: 1px solid var(--theme-yellow);
    color: var(--theme-white);
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    text-align: center;
    background-color: var(--theme-yellow);
    text-transform: capitalize;
    align-self: center;
    height: 40px;
    width: 40px;
}

.count-btn:hover {
    color: var(--theme-white);
}

.count-info {
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    color: var(--title-text);
    min-width: 20px;
}

.modalForm-title {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: var(--theme-blue);
    text-align: left;
    margin-bottom: 15px;
    margin-top: 5px;
}

.modal-big-card {
    padding: 20px;
    border: 1px solid var(--input-border);
    border-radius: 20px;
    margin-bottom: 20px;
}

.apply-input {
    position: relative;
    margin-bottom: 15px;
}

.apply-input input {
    border: 1px solid var(--input-border);
    border-radius: 5px;
    padding: 15px 70px 15px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
}

.pay-apply-btn {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: var(--theme-yellow);
    border-color: transparent;
    box-shadow: none;
    background-color: var(--theme-white);
    position: absolute;
    top: 10px;
    right: 10px;
}

.pay-apply-btn:focus {
    box-shadow: none;
}

.invoice-title {
    font-size: 22px;
    line-height: normal;
    color: var(--title-text);
    font-weight: 700;
}

.invoice-data {
    font-size: 17px;
    line-height: normal;
    text-align: end;
    color: var(--title-text);
    font-weight: 500;
}

.invoice-detail {
    border-bottom: 1px solid var(--input-border);
    margin-bottom: 5px;
}

.invoice-total .invoice-title {
    font-size: 18px;
}

.invoice-total .invoice-data {
    font-size: 18px;
    font-weight: 700;
}

.payment-sec .selection {
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%;
}

.payment-sec .payment-radio {
    display: none;
}

.payment-sec input[type="radio"]:checked ~ .payment-label {
    background-color: var(--theme-white);
    border: 1px solid var(--theme-yellow);
    color: var(--title-text);
}

.payment-sec .selection .payment-label {
    background-color: var(--theme-white);
    border: 1px solid var(--card-border);
    border-radius: 5px;
    cursor: pointer;
    display: block;
    margin: 0 0 10px 0;
    padding: 10px 30px 10px 10px;
    position: relative;
    width: 100%;
}

.payment-sec .selection .check {
    background-color: var(--theme-white);
    border: 1px solid var(--theme-yellow);
    border-radius: 100px;
    content: "";
    height: 14px;
    right: 10px;
    position: absolute;
    top: 17px;
    width: 14px;
}

.payment-sec input[type="radio"]:checked ~ .check {
    border-color: var(--theme-yellow);
}

.payment-sec input[type="radio"]:checked ~ .check:before {
    background-color: var(--theme-yellow);
    border-radius: 100px;
    content: "";
    height: 6px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 6px;
}

.payment-img {
    width: 33px;
    height: 26px;
    border-radius: 4px;
    background-color: var(--card-border);
}

.payment-img img {
    border-radius: 4px;
    height: 100%;
    width: 100%;
}

.payment-name {
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: var(--title-text);
    align-self: center;
    margin-left: 10px;
}

.payment-checkbox .form-check-input {
    width: 25px;
    height: 25px;
    border-radius: 6px;
}

.payment-checkbox .form-check-input:checked[type="checkbox"] {
    background-image: url(/main/assets/image/white-check.svg);
    background-size: 12px 12px;
    border-color: var(--theme-yellow);
}

.payment-checkbox .custom-check-label {
    margin-top: 8px;
    margin-left: 10px;
}

.payment-checkbox .form-check-input:focus {
    border-color: var(--input-border);
}

.reserve-big-card {
    padding: 10px;
    border: 1px solid var(--input-border);
    border-radius: 10px;
    margin-bottom: 20px;
}

.reserve-title {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    text-align: center;
    color: var(--theme-yellow);
    margin-bottom: 15px;
}

.reserve-info {
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: var(--title-text);
    width: 90%;
    margin-inline: auto;
}

.reserve-inner-title {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: normal;
    color: var(--title-text);
}

.ticket-detail {
    margin-bottom: 10px;
}

.ticket-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--theme-blue);
    text-align: left;
    margin-bottom: 5px;
}

.ticket-info {
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    color: var(--title-text);
    text-align: left;
}

.dashboard-footer {
    background-color: var(--theme-yellow);
    padding-block: 20px;
}

.d-copyLink {
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: var(--theme-white);
}

.d-copyLink a {
    color: var(--theme-white);
}

.terms_text,
.terms_text:hover,
.terms_text:focus {
    color: var(--theme-yellow);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-decoration: none;
}

#sessionPopup {
    z-index: 2000 !important;
}

#sessionPopup .modal-dialog {
    z-index: 2001 !important;
}
.session-msg {
    position: absolute;
    right: 0%;
    bottom: -12px;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
    padding: 5px 20px;
    color: var(--theme-blue);
    width: fit-content;
    
}
.horizontal-card-slider {
    border: 1px solid var(--theme-border);
    padding: 10px;
    border-radius: 10px;
    background-color: var(--theme-white);
    transition: all 0.4s linear;
    display: flex;
    gap: 10px;
    position: relative;
}

.horizontal-slider-img {
    border-radius: 10px;
    background-color: var(--theme-white);
    position: relative;
    border-radius: 10px;
    background-color: var(--theme-white);
    overflow: hidden;
    flex: 35%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 135px;
    max-height: 135px;
    min-width: 135px;
    min-height: 135px;
}

.horizontal-slider-detail {
    /* width: 0;
    flex: 62%;
    flex-grow: 0;
    flex-shrink: 0; */
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    justify-content: space-between;
}

.horizontal-slider-img img {
    height: 100%;
    width: 100%;
    position: relative;
    object-fit: cover;
    /* min-width: 144px;
    min-height: 100%;    */
}

.horizontal-slider-detail h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.horizontal-slider-detail .card-info {
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-bottom: 3px;
    font-weight: 700;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.horizontal-slider-detail .card-inner-info {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 5px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.horizontal-slider-detail .card-inner-info span {
    font-weight: 500;
    margin-top: 3px;
    font-size: 14px;
    color: #757575;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.horizontal-slider-detail .card-inner-info.test-cate-info,
.horizontal-slider-detail .card-inner-info.test-cate-info span {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
}
.horizontal-slider-detail .card-inner-info.test-cate-info .offer-price{
    display: flex;
    margin-top:0px;
}
.horizontal-slider-detail .card-inner-info.test-cate-info .offer-price span{
    display: flex;
    white-space: nowrap;
    gap: 5px;
    margin-top:0px; 
        font-size: 12px;
}
.horizontal-slider-detail .card-inner-info.test-cate-info .offer-price span.text-success{
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.top-card-label {
    background-color: var(--theme-yellow);
    font-weight: 600;
    font-size: 10px;
    color: var(--theme-white);
    position: absolute;
    top: 0;
    padding: 3px 6px;
    border-radius: 10px 0px 8px 0px;
}

.bottom-card-label {
    background-color: var(--theme-yellow);
    font-weight: 600;
    font-size: 10px;
    color: var(--theme-white);
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px 9px;
    border-radius: 10px 0px 8px 0px;
}

.review-time-info {
    font-weight: 700;
    font-size: 14px;
    color: var(--theme-yellow);
    margin-bottom: 3px;
}

.review-time-info p {
    margin-bottom: 0;
}

.review-time-info span {
    font-weight: 400;
}

.review-time-info img {
    width: fit-content !important;
    margin-bottom: 3px;
}

.horizontal-card-slider .light-btn {
    color: var(--theme-white);
    background-color: var(--theme-yellow);
    box-shadow: 1px 4px 10px -2px #00000052;
    -webkit-box-shadow: 1px 4px 10px -2px #00000052;
    font-size: 16px;
    width: auto;    
}

.custom-bank-card-sec {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--theme-white);
    border: 1px solid var(--theme-yellow);
}

.bank-card {
    border: 1px solid var(--card-border);
    border-radius: 10px;
    padding: 20px 0px;
}

.bank-name {
    display: flex;
    gap: 10px;
    padding: 25px;
}

.bank-logo {
    width: 50px;
    height: 35px;
    border-radius: 2px;
    background-color: var(--theme-yellow);
}

.bank-text {
    font-weight: 700;
    font-size: 16px;
    align-self: center;
}

.offer-info {
    border-top: 1px solid var(--card-border);
    padding: 15px 25px;
    font-weight: 500;
    font-size: 16px;
    color: var(--title-text);
}

.bank-name:last-child {
    border-top: 1px solid var(--card-border);
}

.offer-info:nth-child(odd) {
    background-color: var(--theme-light-bg);
}

.bank-btn {
    background-color: var(--theme-yellow);
    font-weight: 700;
    font-size: 16px;
    color: var(--theme-white);
    text-align: center;
    border-radius: 25px;
    border-color: transparent;
    padding: 10px 20px;
}

.bank-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    font-size: 16px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 0;
}

.bank-table thead {
    color: var(--theme-blue);
    border-radius: 15px 15px 0 0;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: transparent;
}

.bank-table thead th {
    padding: 15px;
    background-color: var(--theme-hero-bg);
    border: 1px solid var(--input-border);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    white-space: nowrap;
}

.bank-table tbody td {
    border: 1px solid var(--input-border);
    border-bottom: 0px solid transparent;
    text-align: center;
    vertical-align: middle;
    color: var(--title-text);
}

.bank-table tbody td a {
    color: var(--title-text);
}

.bank-table tbody td a > img {
    margin-bottom: 11px;
}

.bank-table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 15px 0px;
}

.bank-table tbody tr:last-child td {
    border-bottom: 1px solid var(--input-border);
}

.bank-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
    width: 60px;
}

.bank-table thead th:last-child {
    border-radius: 0px 15px 0px 0px;
}

.bank-table thead th:first-child {
    border-radius: 15px 0px 0px 0px;
}

.no-docs-message td {
    width: 100% !important;
    font-size: 15px;
    color: var(--theme-yellow) !important;
    font-weight: 600;
    text-align: center;
}

.horizontal-card-slider .like-checkbox {
    position: absolute;
    right: 6px;
    top: 6px;
    left: auto;
}

.university-video-img {
    height: 100%;
    width: 100%;
}

.small-info-card.equl-hight .dark-card {
    min-height: 165px;
}

.item.see-more {
    height: 150px;
    align-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed var(--theme-yellow);
}

.bank-gif-sec {
    border-radius: 15px;
    border: 1px solid var(--theme-border);
    text-align: center;
    padding: 20px;
    height: 100%;
    align-content: center;
}

.bank-highlight-info {
    font-weight: 500;
    color: #737373;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0;
}

.bank-gif {
    height: 60px;
    width: 60px;
}

/* .light-testimonial-carousel.testimonial-carousel .owl-item.active.center .item {
    background-image: none;
    background-color: #fdfdfd;
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    height: 280px;
}

.light-testimonial-carousel.testimonial-carousel .owl-item .custom-item {
    background-image: none;
    background-color: #fdfdfd;
    border: 1px solid var(--theme-border);
    border-radius: 10px;
}

.light-testimonial-carousel.testimonial-carousel .owl-item .shadow-effect {
    padding: 30px;
}

.light-testimonial-carousel.testimonial-carousel .owl-item.active .shadow-effect {
    padding: 20px;
}

.light-testimonial-carousel.testimonial-carousel .owl-stage-outer {
    padding-top: 15px;
    height: 310px;
    margin-bottom: 10px;
}

.light-testimonial-carousel.testimonial-carousel .owl-item .testimonial-info {
    color: var(--info-text);
} */

.review-img {
    height: 46px;
    width: 46px;
    border-radius: 50px;
    overflow: hidden;
}
.small-info-card.equl-hight .dark-card {
    min-height: 165px;
}
.review-img img {
    object-fit: fill;
    height: 100%;
    width: 100%;
}

.review-name {
    font-weight: 600;
    font-size: 16px;
    color: var(--theme-blue);
    align-content: center;
    text-align: left;
    line-height: normal;
}

.review-time {
    font-weight: 600;
    color: var(--theme-yellow);
    font-size: 12px;
    align-content: center;
}

.review-time img {
    width: fit-content !important;
}

.review-time p {
    margin-bottom: 0;
}

.review-star {
    height: 13px;
    margin-top: 2px;
}

/* .light-testimonial-carousel.testimonial-carousel .owl-item .testimonial-info {
    font-size: 20px;
} */

.star-checkbox input {
    background-image: url(/main//assets/image/blank-star.svg);
    background-size: 100% 100%;
    height: 27px;
    width: 27px;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.star-checkbox input.form-check-input:checked {
    background-image: url(/main//assets/image/fill-star.svg);
    height: 27px;
    width: 27px;
    padding: 0;
    background-color: transparent;
    border: none;
}

.custom-sliderCard-btn {
    border-radius: 10px;
    background-color: var(--theme-white);
    transition: all 0.4s linear;
    display: flex;
    gap: 10px;
    position: relative;
    height: 220px;
    min-height: 220px;
}

.custom-carousel-btn {
    border: 1px solid var(--theme-border);
    padding: 10px;
    border-radius: 10px;
    background-color: var(--theme-white);
    height: 100%;
    width: 100%;
    padding: 30px;
}

.batch-title {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: var(--theme-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.batch-icon {
    height: 25px;
    width: 25px !important;
}

.batch-date {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: var(--paginate-text);
    margin-top: 5px;
}

.custom-carousel-btn:focus {
    background-color: var(--card-hover);
    border: 1px solid var(--theme-yellow);
}

.loan-list-revert {
    list-style-type: revert;
    padding: revert;
}

.loan-list-revert li {
    margin-bottom: 7px;
}

.loan-title-info.loan-list-revert {
    -webkit-line-clamp: none;
}

.small-title-info {
    color: var(--theme-main-info);
    font-weight: 400;
    font-size: 17px;
}

.test-name {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: var(--title-text);
    margin-top: 5px;
    margin-bottom: 5px;
}

.test-img {
    border-radius: 10px;
    width: 40px !important;
    height: 40px;
}

.order-title {
    font-weight: 600;
    font-size: 18px;
    color: var(--theme-blue);
    margin-bottom: 8px;
}

.order-data {
    color: #737373;
    font-weight: 400;
}

.custom-sticky-sec {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    width: 100%;
    padding-left: 16px;
}

.bank-highlight-title {
    font-weight: 600;
    font-size: 20px;
    color: var(--theme-blue);
    margin-bottom: 0;
}

.bank-highlight-data {
    font-weight: 500;
    font-size: 20px;
    color: #737373;
}

.agent-card {
    padding: 8px;
    border-radius: 15px;
}

.agent-card-title {
    font-weight: 700;
    font-size: 20px;
    vertical-align: middle;
    color: var(--title-text);
    margin-bottom: 7px;
}

.agent-card-info {
    font-weight: 600;
    font-size: 14px;
    color: var(--title-text);
}

.agent-card-info span {
    color: #737373;
}

.agent-card-img {
    width: 75px;
    height: 75px;
    border-radius: 12px;
}

.agent-card-img img {
    height: 100% !important;
}

/* timeLine */
.custom-update-sec ul h3 {
    position: relative;
    padding-left: 35px;
    font-weight: 600;
    font-size: 20px;
    color: var(--title-text);
    padding-bottom: 12px;
}

.custom-update-sec ul h3::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #d9d9d9;
    border-radius: 5px;
    border: 2px solid white;
}

.custom-update-sec ul h3::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 8px;
    height: 100%;
    width: 1px;
    background-color: #d9d9d9;
    border-radius: 15px;
    z-index: -1;
}

.custom-update-sec ul h3.complete::after,
.custom-update-sec ul h3.complete::before {
    background-color: var(--theme-yellow);
    z-index: 0;
}

.custom-update-sec ul li {
    position: relative;
    padding-left: 35px;
    padding-bottom: 11px;
    font-weight: 400;
    font-size: 15px;
    color: #858585;
}

.custom-update-sec ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 6px;
    height: 5px;
    width: 5px;
    background-color: #d9d9d9;
    border-radius: 15px;
    border: 1px solid white;
}

.custom-update-sec ul li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 8px;
    height: 100%;
    width: 1px;
    background-color: #d9d9d9;
    border-radius: 15px;
}

.custom-update-sec ul li.complete::after,
.custom-update-sec ul li.complete::before {
    background-color: var(--theme-yellow);
}

.custom-update-sec ul li:last-child:after,
.custom-update-sec ul h3:last-child::after {
    display: none;
}

.selectBtn {
    border: 1px solid var(--theme-border);
    padding: 10px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 10px;
}

.sel-title {
    font-weight: 600;
    font-size: 15px;
    color: var(--title-text);
    display: block;
}

.sel-info {
    font-weight: 500;
    font-size: 13px;
    color: var(--paginate-text);
}

.selectBtn::after {
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/select-arrow-black.svg);
    height: 15px;
    width: 15px;
    background-size: 100% 100%;
    top: 22px;
    right: 15px;
}

.order-status-btn {
    border: 1px solid #dc3545;
    border-radius: 5px;
    color: var(--title-text);
    padding: 5px 10px;
    background-color: var(--theme-white);
}

.yellow-small-btn {
    font-size: 15px;
}

.dashboard-indicator .indicator {
    position: absolute;
    bottom: 4px;
    left: 4px;
    border-radius: 5px;
    height: 36px;
    width: 50%;
    background-color: var(--theme-yellow) !important;
    transition: transform 0.3s ease;
}

.dashboard-indicator .custom-login-navtabs {
    border: 1px solid var(--theme-border);
    border-radius: 5px;
    background: var(--theme-white);
    width: 400px;
    padding: 4px 5px;
}

.dashboard-indicator .nav-item.tab.active + .indicator {
    left: 0px;
}

.dashboard-indicator .custom-login-navtabs .nav-link {
    font-size: 16px !important;
}

.filter-icon-btn,
.filter-icon-btn:focus {
    border: none;
    box-shadow: none;
}

.filter-icon-btn img {
    height: 42px;
    width: 42px;
    max-width: 42px;
}

.modal-innerSec-title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: var(--theme-blue);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.filter-name {
    border: 1px solid var(--input-border);
    border-radius: 5px;
    background-color: var(--theme-light-bg);
    font-weight: 500;
    font-size: 18px;
    color: var(--title-text);
    padding: 11px;
}

.filter-name:focus,
.filter-name.active {
    background-color: var(--theme-yellow);
    border: 1px solid var(--theme-yellow);
    color: var(--theme-white);
    font-weight: 700;
    box-shadow: none;
}

#filterModal .custom-date-box::after {
    top: 42%;
}

.custom-theme-blue .custom-booksession-sec {
    background: url(/main/assets/image/blu-session-bg.png);
}

.custom-theme-blue .custom-footer .custom-footer-info {
    color: var(--theme-white);
}

.custom-theme-blue .custom-login-page-banner:before {
    background-color: var(--theme-blue);
}

.custom-theme-blue .step-icon {
    background-color: var(--theme-blue);
}

/* Custom drop-down */
.footer-dropdown-header {
    position: relative;
}

.footer-dropdown-header span {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--title-text);
    position: relative;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
    width: 90%;
    display: block;
}

.footer-dropdown-item {
    padding-block: 6px;
    width: 100%;
    font-weight: 500;
    color: var(--paginate-text);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-top: 1px solid var(--card-border);
}

.footer-dropdown-item a {
    font-size: 12px !important;
    width: 100%;
}

.footer-dropdown-item a::after {
    display: none;
}

.footer-list-link li:hover a {
    color: var(--paginate-text);
}

.footer-dropdown-header::after {
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/black-dropdown.svg);
    height: 10px;
    width: 10px;
    background-size: 100% 100%;
    top: 3px;
    right: 2px;
    transition: all 0.5s linear;
    margin-left: 5px;
}

.footer-dropdown.open .footer-dropdown-header::after {
    transform: rotate(180deg);
}

/* Dropdown list with animation */
.footer-dropdown-list {
    background: white;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}

.footer-dropdown.open .footer-dropdown-list {
    transition: 1s ease;
    margin-top: 5px;
}

.footer-dropdown .footer-dropdown-list {
    transition: 0.1s ease;
}

.footer-dropdown.open .footer-dropdown-list {
    max-height: 200px;
    opacity: 1;
}

.new-search-sec input {
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    padding-left: 15px;
}

.new-search-sec .custom-select-box .select2-container--default .select2-selection--single {
    border: 1px solid var(--theme-border);
    border-radius: 10px !important;
}

.new-search-sec .search-btn {
    border-radius: 10px;
}

.new-search-sec .reset-btn img {
    height: 25px;
    width: 25px;
}

.new-search-sec .reset-btn {
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    background-color: var(--theme-white);
    color: var(--theme-yellow);
    padding: 23px 20px;
}

.new-flex-sec .custom-tab-content {
    min-height: 50px;
    max-height: 800px;
}

.new-flex-sec .scroll-card-sec {
    min-height: 50px;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 5px;
}

.left-line::after {
    position: absolute;
    content: "";
    right: 0;
    height: 100%;
    width: 2px;
    background-color: var(--theme-border);
    top: 0;
}

.custom-mainPage-breadcrumb li {
    font-weight: 700;
    font-size: 20px;
}

.custom-mainPage-breadcrumb li a {
    color: var(--title-text);
}

.custom-mainPage-breadcrumb li.active {
    color: var(--theme-yellow);
    font-weight: 400;
}

.custom-mainPage-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: var(--title-text);
}

.custom-tab-section .customTab-nav-tabs .customTab-nav-item .customTab-nav-link {
    background-color: transparent;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    padding: 12px 25px 12px 12px;
    color: var(--theme-blue);
    border: 1px solid var(--card-border);
    text-align: left;
    /* min-width: auto !important; */
    display: flex;
    gap: 10px;
    text-transform: capitalize;
}

.custom-tab-section .customTab-nav-tabs {
    /* display: flex;
    flex-wrap: wrap;
    gap: 12px; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    padding: 10px;
}

.custom-tab-section .customTab-nav-tabs > .customTab-nav-item {
    flex: 1 1 220px;
}

.custom-tab-section .customTab-nav-tabs > .customTab-nav-item {
    min-width: 0;
    /* grid/flex shrink ke liye */
}

.custom-tab-section .customTab-nav-tabs > .customTab-nav-item .customTab-nav-link {
    /* white-space: nowrap; */
    /* ek hi line me */
    overflow: visible;
    /* cut na ho */
    text-overflow: clip;
    /* ellipsis disable */
}

.custom-tab-section .customTab-nav-tabs > .customTab-nav-item .customTab-nav-link {
    display: flex;
    width: 100%;
}

/* New Indigater sec */
.custom-new-tabSec {
    text-align: center;
    padding-top: 10px;
}

.custom-new-tabSec .nav-tabs {
    border-bottom: 0;
    text-align: center;
    border-radius: 10px;
    width: auto;
    display: inline-block;
    white-space: nowrap;
    border: 1px solid var(--theme-border);
    position: relative;
}

.custom-new-tabSec .nav-tabs .nav-link {
    margin-bottom: 0;
    background: 0 0;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: inline-block;
    width: auto;
    margin: 3px;
    border-radius: 6px;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 20px;
    color: var(--theme-blue);
    background: transparent;
    position: relative;
    z-index: 2;
}

.custom-new-tabSec .nav-tabs .nav-link.active {
    color: var(--theme-white);
}

.tab-indicator {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 0;
    border-radius: 6px;
    background: var(--theme-yellow);
    transition: left 0.3s ease, width 0.3s ease;
    z-index: 1;
}

.title-id {
    font-weight: 400;
    font-size: 15px;
    color: #737373;
}

.test-price {
    font-weight: 700;
    font-size: 35px;
    color: var(--title-text);
}

.test-price span {
    font-weight: 600;
    font-size: 25px;
    color: var(--theme-yellow);
}

.accordion-info-content.social-icons a {
    font-weight: 500;
    font-size: 16px;
    color: var(--title-text);
}

.accordion-info-content.social-icons a span {
    vertical-align: middle;
    margin-top: 0px;
    display: inline-block;
    align-content: center;
    color: var(--title-text);

}

.column {
    background-color: #eee;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    display: flex;
    justify-content: end;
    z-index: 11;
}

.horizontal-card-slider.full-card .horizontal-slider-detail {
    height: 100%;
    align-self: center;
}

.invalid-feedback {
    color: red;
}

/* accordian-card*/

.accordian-card {
    border: 1px solid var(--theme-border);
    padding: 5px;
    border-radius: 8px;
}

.accordian-card-detail {
    font-weight: 600;
    font-size: 13px;
    color: var(--theme-blue);
    margin-bottom: 3px;
    text-align: left;
}

.accordian-card-detail.data {
    color: var(--theme-main-info);
    font-weight: 500;
}

.loan-info-list p {
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.06em;
    text-align: left;
    color: var(--title-text);
    margin-bottom: 10px;
    position: relative;
}

.loan-con .back-icon.singleBox-back-icon .img-left {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 10%;
    left: 10px;
}

.loan-con .back-icon.singleBox-back-icon .img-right {
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 10%;
    right: 10px;
}

.loan-con h5 {
    font-weight: 600;
    font-size: 18px;
    color: var(--title-text);
    margin-bottom: 30px;
}

.loan-con h5 span {
    font-weight: 500;
    color: #757575;
}

.text-box {
    font-weight: 500;
    font-size: 14px;
    color: #737373;
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
}

.clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.toggle-link,
.toggle-link:hover,
.toggle-link:focus {
    color: var(--theme-yellow);
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    text-decoration: underline;
    /* position: absolute; */
    /* right: 12px; */
    /* bottom: 7px; */
    background: white;
    text-decoration: none;
    padding-left: 3px;
}
.full-msg {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.custom-banner-ImgLine {
  height: 100%;
  width: 2px;
  background: var(--theme-yellow);
  border-radius: 15px;
  margin-inline: 20px;
}
.bank-highlight-info .highlight-down-arrow{
   color: #737373;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 10px;

}
.bank-highlight-info .highlight-down-arrow svg{
    transform: rotate(180deg);
}
/* .testimonial-shadow {
    height: 106px;
    width: 320px;
    background: var(--theme-blue);
    filter: blur(73px);
    border-radius: 50%;
    position: absolute;
    bottom: 23%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
} */
.card-inner-info.advisor-description{
    overflow: auto;
    display: contents;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-input-error{
color:red;
}
.custom-select-box .custom-input-error{ 
display: block !important;              
}
.custom-form-input.form-control.is-invalid{
    background-image: none; 
    border-color:var(--input-border);
}
/* .reset-btn:disabled,
.reset-btn.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed; */
  /* -webkit-appearance: none; */
/* } */
.custom-theme-blue .custom-passwd-input .passwd-eyes-icon {
    position: absolute;
    top: 34px;
    right: 16px;
}
.custom-theme-blue input[type="text"] ~ .passwd-eyes-icon {
    position: absolute;
    top: 40px;
    right: 18px;
}

/* custom Tooltip */

.custom-tooltip img{
    height: 20px;
    width: 20px;
    margin-bottom: 5px;
}
.tooltip.custom-tooltip .tooltip-inner {
  background-color: var(--theme-white);      
  color: var(--theme-blue);                 
  font-size: 12px;
  font-weight: 600;
  padding: 8px 12px;
  border: 1px dashed var(--theme-yellow);
  text-align: left;
  letter-spacing: 0.3px;
  text-transform: none;
   animation: tooltipWiggle 0.6s ease-in-out forwards;
}

.tooltip.custom-tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--theme-blue);
}
.tooltip.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--theme-blue);
}
.tooltip.custom-tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--theme-blue);
}
.tooltip.custom-tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--theme-blue);
}
@keyframes tooltipWiggle {
  0% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(-3deg);
  }
  70% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.card-inner-count,
.card-inner-count:hover,
.card-inner-count:focus{
    color: var(--title-text);
    text-decoration: underline;
    color: #333333;
    font-size: 13px;
    cursor: pointer;
}
.campus-list-sec{
    padding: 5px;
}
.campus-list{
    font-size: 16px;
    line-height: normal;
    text-align: left;
    color: var(--theme-blue);
    margin-bottom: 5px;
    font-weight: 700;
        list-style:unset;
     padding: 0px 20px;
}
.campus-list li::marker{
    color: var(--theme-yellow);
}
.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    top: 17px ;
}
.custom-theme-blue .select2-search--dropdown .select2-search__field {
    margin-top: 30px;
}
.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}
.filter-modal .select2-container--open .select2-dropdown--below:not(:has(.select2-search--dropdown)) {
    padding-top: 30px !important;
}
.filter-modal .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: var(--theme-yellow);
    color: var(--theme-white);
    border: 1px solid var(--theme-yellow);
    margin: 3px;
}
.filter-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border-right: 1px solid var(--theme-white);
    color:var(--theme-white);
}
.custom-select-box .select2-container--default .select2-selection--multiple{
    position: relative;
}
.custom-select-box .select2-container--default .select2-selection--multiple::after{
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/black-dropdown.svg);
    height: 15px;
    width: 15px;
    background-size: 100% 100%;
    top: 22px;
    right: 15px;
    transition: all 0.5s linear;
}
.custom-select-box .select2-container--open .select2-selection--multiple::after {
    transform: rotate(180deg);
}
.custom-label-sec{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.custom-label-box {
    position: relative;
    overflow: hidden;
    background: #F6F6F6;
    border-radius: 5px;
    color: var(--title-text);
    padding: 8px 10px;
    transition: color .4s ease;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    transition: 0.25s;
}

.custom-label-box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 208, 93, 0.97) 41.73%, #FFB500 59.12%);
    border-radius: inherit;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .5s ease;
    z-index: 0;
}
.custom-label-box.active::before {
    transform: scaleY(1);
}

.custom-label-box span,
.custom-label-box {
    position: relative;
    z-index: 1;
}

.custom-label-box.active {
    color: #fff;
}


.custom-label-box {
    background: #F6F6F6;
    border-radius: 5px;
    color: var(--title-text);
    padding: 8px 10px;
    cursor: pointer;
    transition: 0.25s;
    position: relative;
}

.custom-label-box input.hidden-check {
    display: none;
}





.custom-dropdown-selec {
    position: relative;
    width: 260px;
}

.custom-select-trigger {
    padding: 6px 20px 6px 10px;
    background: #fff;
    border: 1.5px solid #DCDCDC;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.25s;
    position: relative;
font-weight: 500;
font-size: 12px;
color: #999999;
min-width: 130px;
}
.custom-select-trigger::after {
    content: "";
    position: absolute;
    background-image: url(/main/assets/image/black-dropdown.svg);
    height: 8px;
    width: 8px;
    background-size: 100% 100%;
    top: 12px;
    right: 10px;
    transition: all 0.5s linear;
}
.custom-select-trigger.show::after {
        transform: rotate(180deg);
}
.custom-select-trigger.show{
    z-index: 3;
}
.custom-select-trigger:hover,
.custom-dropdown-selec.open .custom-select-trigger {
    border-color: #FFB500;
}

.dropdown-panel {
    position: absolute;
    min-width: 300px;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #EFEFEF;
    margin-top: -4px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    min-width: 130px;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}
.dropdown-panel.open {
    max-height: 200px;
    opacity: 1;    
    z-index: 2;
}

.dropdown-panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
font-weight: 500;
font-size: 10px;
color: var(--title-text);
}

.dropdown-panel li {
    padding: 5px 10px;
    cursor: pointer;
    transition: 0.25s;
    border-bottom: 1px solid #e1e1e1;

}
.dropdown-panel li:first-child{
    padding-top: 8px;
}
.dropdown-panel li:last-child{
    border-bottom: none;
}
.dropdown-panel li:hover,
.dropdown-panel li.focus {
    background: #FFEFC8;
}

/* Animation */
@keyframes slideDown {
    from { transform: translateY(-12px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}


/* Custom range slider */
.range-slider-container{
    position: relative;
    padding-top: 20px;
    margin-top: 25px;
}
.noUi-base, .noUi-connects {
    width: 100%;
    height: 10px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.noUi-horizontal{
    height: 10px;
    background-color: #F6F6F6;
    border: none;
}
.noUi-connect {
    background: #ffb500;
}
.noUi-horizontal .noUi-handle {
    top: -2px;
    height: unset;
    width: unset;
}
.noUi-horizontal .noUi-handle-lower{
    right: -16px;
}
.noUi-horizontal .noUi-handle-upper{
    right: -2px;
}
.noUi-horizontal .noUi-handle .noUi-touch-area{
    background: #fff url('/main/assets/image/range-img.png') no-repeat center center;
    border-radius: 50%;
    width: 18px;
    height: 14px;
    box-shadow: 0px 0px 6px #0000003d;
    background-size: 100% 100%;
}
.noUi-handle {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
}
.noUi-tooltip{
    display: none;
}
.noUi-handle:after, .noUi-handle:before{
    display: none;
}
.price-val-sec{
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.price-val{
font-weight: 500;
font-size: 13px;
color: var(--title-text);

}
.filter-modal .custom-select-box .select2-container--default .select2-selection--multiple {
    min-height: 46px;
    height: 100%;
    border-radius: 5px !important;
    padding: 8px 20px 8px 10px;
}
.filter-modal .custom-select-box .select2-container--default .select2-selection--multiple::after {
    height: 10px;
    width: 10px;
    top: 15px;
    right: 10px;
}
.custom-popup-modal .filter-modal .popSave-btn,
.custom-popup-modal .filter-modal .popCancel-btn{
    padding-inline: unset;
    border-radius: 5px;
    height: 45px;
}

.filter-reset-btn{
    height: 45px;
    width: 50px !important;
    padding: 7px 0px 11.68px !important; 
    min-width: 50px;
}
.filter-popUp .select2-container--open .select2-dropdown--below{
    margin-top: 0px;
}

.search-suggestions-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: -1px 2px 17px 2px #00000017;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 4px;
    width: 100% !important;
    z-index: 1;
}
.suggestion-item {
padding: 10px 10px;
font-size: 12px;
font-weight: 600;
line-height: normal;
text-align: left;
color: var(--title-text);
white-space:break-spaces;
}
.suggestion-item:last-child {
    border-bottom: none;
}
.suggestion-item:hover {
    background-color: var(--card-hover);
}
.suggestion-item.no-results {
    color: var(--theme-yellow);
    cursor: default;
}
.suggestion-item.no-results:hover {
    background-color: var(--card-hover);
}
.serch-input {
    position: relative;
}
.search-reset-btn{
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    padding: 4px;
    z-index: 10;
    width: 24px;
    height: 24px;
    display: flex;
    color: var(--theme-blue);
    align-items: center;
    justify-content: center;
}
.search-reset-btn:hover{
    background-color: transparent;
}

/* Trainer Description - 3 line truncation with hover tooltip */
.horizontal-slider-detail .card-inner-info.trainer-description span{
    white-space: normal !important;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}
.trainer-description:hover {
    opacity: 0.8;
}
.small-text-info{
    font-size: 12px;
    color: #757575;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.claim-form .custom-Formphone-input .custom-select-box .select2-container--default .select2-selection--single {
    padding: 14px 35px 14px 15px;
    height: 49px;
}
.select2-container--open .select2-dropdown--above{
    z-index: 1;
}
.reg-phnInput.custom-Formphone-input  .custom-zIndex-input .custom-select-box  {
   top: 25px;
}
.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after
 {
    top: 22px;
 }
 .reg-phnInput .custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after
 {
    top: 15px;
 }
.select2-container .select2-search--inline textarea.select2-search__field{
    margin-top: 0px;
}
.claim-info{
    font-weight: 700;
    font-size: 18px;
    color: var(--title-text);
    
    }
    .claim-info a:hover{
        color: var(--theme-yellow);
    }
    .form-control.is-invalid, .was-validated .form-control:invalid{
        background-image: none;
        border-color: var(--input-border);;
    }
.view-more-link{
    font-size: 12px;
}

.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.custom-card-carousel .owl-carousel .owl-item {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.custom-card-carousel .owl-carousel .owl-item .item{
    height:100%;
}