:root {
    --theme-50: #F4F3FF;
    --theme-900: #342A59;
	--theme-800: #51459D;
	--theme-700: #182A58;
	--theme-600: #182A58;
	--theme-500: #182A58;
    --theme-400: #3A444C;
    --theme-300: #45426E;
    --theme-200: #d5d7e2;
    --theme-100: #E0E3EF;
    --theme-50: #F4F3FF;



    --primary-50: #EFF7FF;
    --primary-100: #DBECFE;
    --primary-200: #BFDEFE;
    --primary-300: #93CAFD;
    --primary-400: #60ADFA;
    --primary-500: #3B8CF6;
    --primary-600: #256DEB;
    --primary-700: #1D58D8;
    --primary-800: #1E48AF;
    --primary-900: #1E408A;
    --primary-950: #182A58;

    --secondary-900: #dfa535;
    --secondary-800: #f2b642;
    --secondary-700: #ffc107;
    --secondary-600: #fccc3c;
    --secondary-500: #bd992d;
    --secondary-400: #c9a949;
    --secondary-300: #ddc783;
    --secondary-200: #f9f3de;
    --secondary-100: #fffae9;
}

body {
    font-size: var(--size-base) !important;
}

.navbar-toggler {
    border: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.web-footer a:not(.btn),
.text-theme {
    color: #fff;
}

.web-footer a:not(.btn):hover {
    color: var(--gray-100);
}

.main-web h1, 
.main-web h2, 
.main-web h3 {
    font-weight: 600;
    color: var(--black-800) !important;
}

.header-web a:not(.btn),
.main-web a:not(.btn),
.nav-link {
    color: var(--grey-800);
}

.header-web a:not(.btn):hover,
.main-web a:not(.btn):hover {
    color: var(--purple-900);
}

/* .relative {
    position: relative;
} */

.bg-theme-50 {
    background-color: var(--theme-50);
}

.bg-orange-100 {
	background-color: var(--orange-100);
}

.text-black-500 {
    color: var(--black-500);
}

.font-600 {
    font-weight: 600;
}

.header-web .nav-link,
.web-footer .nav-link {
    font-size: 1rem;
	font-weight: 500;
}

.main-web .card-title {
    line-height: 1.5;
}

.main-web .btn {
  font-weight: 500;
  border-width: 2px;
}

.main-web .btn-lg,
.main-web .input-group-lg>.btn, 
.main-web .input-group-lg>.form-control, 
.main-web .input-group-lg>.form-select, 
.main-web .input-group-lg>.input-group-text {
	font-size: 1rem;
	border-radius: 0.25rem;
}

.form-control-lg-theme {
    font-size: 1rem !important;
}

.btn-lg-theme {
    font-size: 1rem !important;
    border-radius: 0.25rem !important;
    --bs-btn-padding-y: 0.5rem !important;
    --bs-btn-padding-x: 1rem !important;
    --bs-btn-font-size: 1.25rem !important;
    --bs-btn-border-radius: var(--bs-border-radius-lg) !important;
}

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

.btn-outline-theme {
  --bs-btn-color: var(--primary-800);
  --bs-btn-border-color: var(--primary-800);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--primary-800);
  --bs-btn-hover-border-color: var(--primary-800);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--purple-800);
  --bs-btn-active-border-color: var(--primary-800);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--primary-800);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--primary-800);
  --bs-gradient: none;
}

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

.shadow-md {
    box-shadow: 0 0 3rem rgba(0,0,0,0.075);
}

.fs-7 {
    font-size: 0.875rem;
}

.w-64 {
    flex: 0 0 auto;
    width: 4rem;
}
.h-64 {
    height: 4rem;
}

.intro {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.intro h1 {
    line-height: calc(2rem + 1.5vw);
}

@media(min-width:768px) and (max-width:991px) {
    .max-lg-450 {
        max-width: 450px;
    }
}

.max-550 {
    max-width: 550px;
}

.cms-container h2 {
    line-height: calc(2rem + .9vw);
}

.cms-container a {
    font-weight: 600;
}

.main-web .font-sm {
    font-size: 0.875rem;
    line-height: 1.75;
}

.p-last-child p:last-of-type {
    margin-bottom: 0;
}

.line-clamp-3 p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.process-box p:last-of-type {
    margin-bottom: 0;
}

.process-box:hover {
    color: var(--white-color);
    border-color: var(--theme-600) !important;
    background-color: var(--theme-600);
    transition: 0.3s;
}

.process-box:hover h3 {
    color: var(--white-color) !important;
}

.btn-group-xl>.btn, .btn-xl {
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-padding-x: 1.875rem;
    --bs-btn-font-size: 1.25rem;
    border-radius: 0.25rem;
}

.footer-navbar-nav li {
    list-style: none;
    white-space: nowrap;
}

.footer-navbar-nav li a {
    padding-right: 1rem;
    padding-left: 1rem;
    color: #fff !important;
}

.footer-navbar-nav li a:hover {
    color: var(--secondary-500) !important;
}

.social-link li {
    list-style: none;
    /* display: inline-block; */
    vertical-align: middle;
}

.social-link li:not(:last-of-type) {
    /* margin-right: 1rem; */
}

ul.social-link li a {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

ul.social-link li a:hover {
    color: var(--secondary-500) !important;
}

.scroll-id {
/*    position: absolute;*/
    /* height: 60px; */
    /* margin-top: -60px; */
}

@media(min-width:768px) {
    .toolkit-box {
        padding: var(--size-10xl);
    }
}

@media(max-width:767px) {  
    .header-web .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
    }

    .toolkits-list ul li {
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }
    .toolkit-box {
        padding: var(--size-5xl);
    }
}

@media(max-width:575px) {
    .mobile-flex-col {
        flex-direction: column;
    }

    .mobile-flex-col.input-group>.form-control, .mobile-flex-col.input-group>.form-floating, .mobile-flex-col.input-group>.form-select {
        flex: 0 0 auto;
        width: 100%;
    }

    .toolkits-list ul li {
        flex: 0 0 auto;
        width: 100% ;
    }

    .toolkit-box {
        padding: var(--size-3xl) var(--size-lg);
    }
  
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                            NEW HOME PAGE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.min-h-unset {
    min-height: unset;
}

.blur-1 {
    width: 60vw;
    height: 6vw;
    border-radius: 50%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    filter: blur(100px);
    opacity: 0.5;
}
.blur-2 {
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    position: absolute;
    top: 20%;
    left: 15%;
    /* transform: translate(-50%,-50%); */
    filter: blur(150px);
    opacity: 1;
}
.blur-3 {
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 15%;
    /* transform: translate(-50%,-50%); */
    filter: blur(150px);
    opacity: 1;
}
.blur-4 {
    width: 30vw;
    height: 30vw;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 10%;
    /* transform: translate(-50%,-50%); */
    filter: blur(100px);
    opacity: 1;
}

.blur-5 {
    width: 60vw;
    height: 6vw;
    border-radius: 50%;
    position: absolute;
    bottom: -40%;
    left: 50%;
    transform: translate(-50%,-50%);
    filter: blur(100px);
    opacity: 0.5;
}

.opacity-10 {opacity: 0.1;}

.data-security-oberlay {opacity: 0.1}

.intro-pattern {
    background-image: url(../../public/assets/images/home/bannerr-bg-pattern.png);
    background-position: center top;
    transition: background-color 5s ease, color 5s ease, opacity 5s ease;
    /* transition: background-position .5s ease-in-out; */
}

.for-faculty-ui,
.for-applicants-ui {
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
  height: 0;
  overflow: hidden;
}

.for-faculty-ui.active,
.for-applicants-ui.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}


.for-faculty-ui .transform,
.for-applicants-ui .transform {
    transform: translateY(20px);
    transition: all 1s ease;
    transition-delay: 0s;
    opacity: 0;
}

.for-faculty-ui.active .transform,
.for-applicants-ui.active .transform {
    transform: translateY(0);
    transition-delay: 0.3s;
    opacity: 1;
}


.intro-witch .form-check {
    padding-left: 0;
}

.intro-witch .form-check-input {
    margin-top: 0;
    height: 1.5em;
    transition: background-position .25s ease-in-out;
}

.intro-witch .form-check .form-check-input,
.intro-witch .form-switch .form-check-input {
    margin-left: 0;
}

.intro-witch .form-switch .form-check-input {
    width: 2.5em;
}

.intro-witch .form-check-input:checked {
    border-color: var(--grey-200);
    background-color: #fff;
}

.intro-witch .form-switch .form-check-input,
.intro-witch .form-switch .form-check-input:checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAWNJREFUSEu1lk9Kw0AUxn+jPYQgnYLuRfQATddFMAXdtuLClXoDEfECduVCULcKTRFcmx7AIyg48RjWJ61NTeO0+dM02/ne95t8b/ImigU/asH+zAY45yXN5iFIHWQL1CrQR/hgSV4Rno3fuJ+1yamAiuMdCnIJaiXhLQOBs8B372w6K0DXvDbCcab4RLVNb/c0XvMPkMs8dLVAJgC/sXCTaecxscBBNK4/wLChG0GKzJP4gfFdHYrGAO10j0Cuk6rTrUsrPF0RgPcE7KQzSFApeTQvjf2BKgLofI7O+fwM4d303PUYwJP5nccOfeO7pTjgC1guCGIBVL03FGuFAKwR1ToPiNorBDClyU1Q1nmSHWo5pgMT7XgGKGc3nKiwf2gDSdnxWgpu5wFMHxUjV13tXqHkJBckadiFprkgacd1CBnFdZGiJ9kvnGg82uk0UdT5VtsoKsO1Iq7MXD2wFC38r+IHQziLGcM3eEUAAAAASUVORK5CYII=);
}

.intro-witch span {
    color: var(--grey-500);
}

.intro-witch.active-switch span {
    color: #fff;
}


.btn-light {
    --bs-btn-color: var(--primary-900);
    --bs-btn-bg: var(--white-color);
    --bs-btn-border-color: var(--white-color);
    --bs-btn-hover-color: var(--white-color);
    --bs-btn-hover-bg: var(--primary-900);
    --bs-btn-hover-border-color: var(--primary-900);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--white-color);
    --bs-btn-active-bg: #565e64536471 --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--white-color);
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.rote-switch {
    transform: rotate(-45deg);
}