/* cmsms stylesheet: style modified: 06/10/21 17:09:46 */
body {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #652b7c;
}

a.anchors {
    text-decoration: none !important;
}

.body-muted {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: left;
    
}

h1 {
    font-size: 48px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

.font-color-white {
    color: #ffffff !important;
}

.title-featured {
    font-size: 26px;
    font-weight: 600;
}

h2 {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
    color: #367cff;
}

h4 {
    opacity: 0.88;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
}

h5 {
    color: #652b7c;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.56 !important;
}

h6 {
    color: #652b7c;
    font-size: 14px;
    font-weight: 700;
}

.fas {
    opacity: 0.5;
    font-size: 13px;
    margin-top: 5px;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-full {
    opacity: 1 !important;
}

.move-right {
    transition: transform 0.6s ease-in-out;
}

.move-right:hover {
    transform: translate(12px);
}

.move-right-2 {
    transition: transform 0.6s ease-in-out;
}

.move-right-2:hover {
    transform: translate(4px);
}

.divider {
    height: 1px;
    color: #ffffff;
    background-color: #ffffff;
    border: none;
    opacity: 0.25;
}

.copyright-text {
    color: #ffffff !important;
    opacity: .25;
}

.copyright-text:hover {
    opacity: .3;
    cursor: default;
}

.link-icon {
    color: #ffffff !important;
    opacity: .25;
}

.link-icon:hover {
    color: #ffffff !important;
    opacity: 1;
}

.fab {
    transition: transform 0.4s ease-in;
}

.fab:hover {
    transform: translateY(-4px);
}

.fa-search.nospace {
    margin-left: 0px;
}


/* Scrollbar Styling */

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background-color: #fff;
}

body::-webkit-scrollbar-thumb {
    /* background-color: #babac0; */
    background-color: rgb(44, 56, 12, 0.16);
    /* border-radius: 16px;
    border: 2px solid #fff; */
}

body::-webkit-scrollbar-thumb:hover {
    background-color: rgb(101, 43, 124, 0.8);
}

.fa-sm {
    font-size: 10px;
}

.fa-bg {
    font-size: 15px !important;
}

body {
    opacity: 1;
    transition: 2s opacity !important;
    overflow-x: hidden;
}

body.fade-out {
    opacity: 0;
    transition: ease-in-out;
}

.breadcrumb {
    background-color: #fff;
    padding: 0rem;
    margin-bottom: -1rem;
    margin-right: -32px;
    margin-top: 64px;
}

.breadcrumb-item.active {
    color: rgb(44, 70, 129, 0.5);
}

.table {
    margin-top: 8px;
    margin-bottom: 60px;
    background-color: #fff;
    border-radius: 16px;
}

th {
    height: 66px;
    background-color: #FBFBFD;
    color: #2c3881;
    font-size: 21px;
    font-weight: 700;
    border-bottom: none !important;
    /* border-radius: 16px; */
    border-top: none !important;
}

.depart-projects.table-hover tbody tr:hover {
    color: inherit;
    background-color: rgb(101, 43, 124, 0.02);
}

.depart-projects.table-hover tbody tr:hover td:nth-child(2) {
    font-weight: 600 !important;
    opacity: 0.9;
    cursor: default;
}

.depart-projects.table-hover tbody tr:hover td:nth-child(3) {
    font-weight: 600 !important;
    opacity: 0.9;
    cursor: default;
}

tbody {
    color: #2c3881;
    cursor: default;
}

.table td,
.table th {
    border-top: 1px solid #EAF2FF;
}

.results tr[visible='false'],
.no-result {
    display: none;
}

.results tr[visible='true'] {
    display: table-row;
}

.counter {
    padding: 8px;
    color: rgb(44, 70, 129, 0.4);
}

.warning {
    color: rgb(255, 99, 71);
}

tr:hover a {
    color: #652b7c;
}

tr a:hover {
    /* background-color: rgb(56, 125, 254, 0.02); */
    text-decoration: none;
}

.fa-14 {
    font-size: 14px;
}

.table {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

::selection {
    background: rgb(101, 43, 124, 0.1);
    color: #652b7c;
}

.navbar ::selection {
    background: rgb(255, 255, 255, 0.1);
    color: #fff;
}

.bg-dark-purple ::selection {
    background: rgb(255, 255, 255, 0.1);
    color: #fff;
}

.footer ::selection {
    background: rgb(255, 255, 255, 0.1);
    color: #fff;
}

.tableFixHead {
    overflow-y: auto;
    height: auto;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
}

.btn-secondary {
    color: #652b7c;
    background-color: rgb(101, 43, 124, 0.1);
    border: none;
    height: 40px;
    font-weight: 500;
    text-align: center;
    border-radius: 32px;
    padding: 0.55rem 1.25rem !important;
    transition: 0.4s !important;
    margin-bottom: 14px;
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: rgb(101, 43, 124, 1);
    transform: none !important;
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: none !important;
}

.btn-tertiary {
    color: #fff;
    background-color: rgb(101, 43, 124, 0.8);
    border: none;
    height: 40px;
    font-weight: 500;
    text-align: center;
    border-radius: 24px;
    padding: 0.55rem 32px !important;
    transition: 0.4s !important;
    margin-bottom: 14px;
    margin-left: 8px !important;
}

.btn-tertiary:hover {
    color: #fff !important;
    background-color: #652b7c;
    transform: none !important;
}

.btn-tertiary.focus,
.btn-tertiary:focus {
    box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: rgb(54, 124, 255, 0.1);
}

.list-group-item {
    padding: 0.75rem 0;
    border: 1px solid rgb(44, 56, 129, 0.1);
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.spacer-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.spacer-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.spacer-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.spacer-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.spacer-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.spacer-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.spacer-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

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

.sides-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.sides-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.sides-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.sides-72 {
    padding-left: 72px !important;
    padding-right: 72px !important;
}

.sides-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.sides-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
}

.form-control {
    border: 0px solid rgb(44, 70, 129, 0.2) !important;
    border-radius: 24px !important;
    width: auto;
    padding: 0.375rem 1.25rem !important;
    display: inline-block !important;
    background-color: rgb(101, 43, 124, 0.06) !important;
}

.form-control:focus {
    color: #652b7c !important;
    background-color: #fff;
    border: 2px solid rgb(101, 43, 124, 0.75) !important;
    box-shadow: none;
}


/* .form-control:hover {
    background-color: rgb(101, 43, 124, 0.08) !important;
} */

::placeholder {
    color: rgb(101, 43, 124, 0.5) !important;
    font-size: 14px;
}

.fas:hover {
    opacity: 1 !important;
}

.fas.link:hover {
    cursor: pointer;
}

.form-group {
    margin-bottom: 0px !important;
}

.fa-search {
    margin-left: 14px;
}

.bg-purple {
    background-color: #652b7c;
}

.bg-light-grey {
    background-color: #F9F6F9;
}

.container-fluid {
    width: 100vw;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar-light .navbar-brand {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 255, 255, 0.88);
    transition: 0.4s ease;
    margin-top: -8px;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    font-size: 14px;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 255, 1);
    font-size: 14px !important;
}

.nav-link {
    font-size: 14px;
}

.navbar-light .navbar-text {
    color: #fff;
}

.navbar-text {
    font-size: 14px;
}

.dropdown-menu {
    font-size: 14px;
    color: #652b7c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(0, 0, 0, 0.1);
    border-radius: 8px;
}

.dropdown-item {
   /* opacity: 0.64; */
    color: #652b7c;
    transition: ease-in 0.1s;
}

.dropdown-item:hover {
    color: #d15eff;
    text-decoration: none;
    font-weight: bold;
    opacity: 1;
    background-color: rgb(209, 94, 255, 0.08);
}

.dropdown-toggle::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free' !important;
    border-top: none;
    font-weight: 900;
    vertical-align: 0px;
}

.fa-angle-down {
    margin-left: .4em;
    vertical-align: 0px;
}

.navbar-light .navbar-text a {
    color: rgb(255, 255, 255, 0.88);
    transition: 0.4s ease;
}

.navbar-light .navbar-text a:hover {
    color: rgb(255, 255, 255, 1);
    text-decoration: none;
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgb(255, 255, 255, 0.5);
}


/* SIBLING FADE: fade out siblings around a hovered item */

.sibling-fade {
    visibility: hidden;
}


/* Prevents :hover from triggering in the gaps between items */

.sibling-fade>* {
    visibility: visible;
}


/* Brings the child items back in, even though the parent is `hidden` */

.sibling-fade>* {
    transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms;
}


/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */

.sibling-fade:hover>* {
    opacity: 0.4;
}


/* Fade out all items when the parent is hovered */

.sibling-fade>*:hover {
    opacity: 1;
    transition-delay: 0ms, 0ms;
}


/* Fade in the currently hovered item */

.imp-pad {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

.imp-pad a {
    font-size: 14px !important;
}

a {
    color: #652b7c;
}

.imp-pad a {
    opacity: 0.7;
}

.imp-pad a:hover {
    color: #652b7c;
    font-weight: bold;
    opacity: 1;
    text-decoration: none;
}

a:hover {
    color: #d15eff;
    opacity: 1;
    text-decoration: none;
}

.divider {
    height: 1px;
    width: 100%;
    margin-top: 16px;
    border-top: 1px solid rgb(101, 43, 124, 0.25);
}

.imp-link-top {
    margin-top: 40px;
}


/* Animate Slide in Animation - 1rem */

@media (min-width: 992px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}


/* Animate Slide in Animation - 2rem */

@media (min-width: 992px) {
    .animate2 {
        animation-duration: 0.6s;
        -webkit-animation-duration: 0.6s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn2 {
    0% {
        transform: translateY(2rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(2rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn2 {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(2rem);
        -webkit-opacity: 0;
    }
}

.slideIn2 {
    -webkit-animation-name: slideIn2;
    animation-name: slideIn2;
}


/* Animate Slide in Animation - 3rem */

@media (min-width: 992px) {
    .animate3 {
        animation-duration: 0.9s;
        -webkit-animation-duration: 0.9s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn3 {
    0% {
        transform: translateY(3rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(3rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn3 {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(3rem);
        -webkit-opacity: 0;
    }
}

.slideIn3 {
    -webkit-animation-name: slideIn3;
    animation-name: slideIn3;
}


/* Animate Slide in Animation - 4rem */

@media (min-width: 992px) {
    .animate4 {
        animation-duration: 1.2s;
        -webkit-animation-duration: 1.2s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn4 {
    0% {
        transform: translateY(4rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(4rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn4 {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(4rem);
        -webkit-opacity: 0;
    }
}

.slideIn4 {
    -webkit-animation-name: slideIn4;
    animation-name: slideIn4;
}

.card.hero {
    border-radius: 16px;
    border: 1px solid #fff;
    transition: 0.4s ease;
}

.card-title.hero {
    font-size: 18px;
}

.card-link.hero {
    font-size: 14px;
    color: #2c3881;
    opacity: .4;
}

.card-body.hero {
    padding-left: 120px;
}

.card.hero:hover {
    transform: translateY(-3px);
    box-shadow: 0 32px 80px rgb(101, 43, 124, 0.10);
    border: 1px solid rgb(101, 43, 124, 0.08);
}

.card.hero .card-body .card-link {
    transition: 0.6s ease;
}

.card-link.hero {
    transition: 0.4s ease;
}

.card.admin {
    border-radius: 16px;
    border: 1px solid #fff;
    transition: 0.4s ease;
}

.card-title.admin {
    font-size: 22px;
    font-weight: 600;
}

.card .admin-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 8px;
}

.card .admin-designation {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.6;
    text-align: center;
    color: #652b7c;
}

.card .admin-profile {
    font-size: 14px;
    text-align: center;
    color: #acb1cd;
    padding-top: 8px;
    padding-bottom: 26px;
}

.card.admin:hover {
    transform: translateY(-1px);
    box-shadow: 0 32px 80px rgb(101, 43, 124, 0.05);
}

.card.admin .card-body .card-link {
    transition: 0.6s ease;
}

.card-link.admin {
    transition: 0.4s ease;
}

.admin-image {
    text-align: center;
    padding-top: 32px;
}

.fas.hero {
    opacity: inherit !important;
}

.card-link.hero:hover {
    opacity: 1;
    color: #652b7c;
    text-decoration: underline;
    transform: translate(4px) !important;
}

@media screen and (max-width: 1302px) {
    .col-md-9.hero {
        padding-left: 40px;
    }
    .card-title.hero {
        font-size: 14px !important;
    }
}

.bg-light-purple {
    background-color: rgb(101, 43, 124, 0.9);
}

.bg-dark-purple {
    background-color: rgb(101, 43, 124, 1);
}

.footer-text-head {
    opacity: .25;
    font-size: 14px;
    color: #fff;
}

.footer-text-body {
    opacity: 0.6;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    margin-top: 14px;
}

a.footer-text-body:hover {
    opacity: 1;
    color: #fff;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
}

.no-color {
    color: inherit;
}

.foot.fab {
    opacity: 0.75;
}

.foot.fab:hover {
    opacity: 1;
}

a {
    transition: 0.1s ease;
}

.navbar-text:hover .fa-angle-down:before {
    content: "\f106";
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}

.navbar-light .navbar-text a:hover {
    color: rgb(255, 255, 255, 1);
}

.dropdown-toggle:hover::after {
    content: '\f106';
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}

.input-group-append {
    margin-left: 0px;
}

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

@media screen and (max-width: 1800px) {
    img.foot {
        width: 80px;
    }
}

@media screen and (max-width: 1620px) {
    .foot-maptext {
        margin-top: 0px !important;
    }
    .foot-text01 {
        font-size: 12px;
    }
    .img-foot {
        width: 180px;
    }
}

.foot-maptext {
    font-size: 14px;
    margin-top: 8px;
    line-height: 34px;
}

.foot-text01 {
    line-height: 24px !important;
    opacity: .4;
    color: #000;
}

.card {
    border-radius: 16px;
}

.card-footer {
    background-color: rgb(101, 43, 124, 0.16);
    border-top: 1px solid rgb(101, 43, 124, 0.25);
    border-radius: 0px 0px 16px 16px !important;
}

html {
    scroll-behavior: smooth;
}

.sticky-top {
    top: 40px;
}

#side {
    background-color: rgb(101, 43, 124, 0.02);
    border-radius: 16px;
    padding-left: 24px;
    margin-top: 14px;
    padding-bottom: 18px;
    padding-top: 12px;
}

.nav-item {
    margin-top: 8px !important;
}

.list-group-item {
    border: none !important;
}

.list-group-item-action,
.list-group-item-action {
    transition: 0.2s ease-in;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: rgb(101, 43, 124, 0);
    transform: translateY(0px);
}

.list-group-item-action:hover h6 {
    color: #d15eff !important;
    text-decoration: underline;
}

hr {
    height: 1px;
    width: 100%;
    margin-top: 16px;
    border-top: 1px solid rgb(101, 43, 124, 0.1);
}

p {
    font-size: 14px;
}

small {
    font-size: 12px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}

.spacer-featured {
    padding-top: 100px;
    padding-bottom: 48px;
}

.featured-text-head {
    font-size: 22px;
    font-weight: 600;
    padding-top: 20px !important;
    padding-bottom: 12px !important;
    display: flex;
    justify-content: center;
}

.underline-purple {
    text-decoration: underline;
    color: #d15eff;
}

.card-admin-spacer {
    padding-top: 56px;
}


/** Responsive **/

@media (max-width: 992px) {
    .card.admin {
        margin-top: 16px;
    }
    .card.hero {
        margin-top: 16px;
    }
    .col-lg-4 {
        padding-top: 16px;
    }
    .extraspace.col-lg-4 {
        padding-top: 56px !important;
    }
    .col-lg-3 {
        padding-top: 16px;
    }
    .button {
        text-align: -webkit-center;
    }
    .card-admin-spacer {
        padding-top: 0px;
    }
    .row.sides-60 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

.btn-secondary {
    border-radius: 8px;
    background-color: #d15eff;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: ease-in 0.2s;
}

.btn-secondary:hover {
    border: 2px solid #d15eff;
}

.btn-secondary.animated-purple {
    width: 325px;
    color: #ffffff;
    margin-top: 40px !important;
    height: 64px;
}

.btn-secondary.animated-purple:hover {
    color: #d15eff !important;
    background-color: #ffffff;
    color: #d15eff;
}

.light-heading-text {
    font-size: 14px;
    color: #acb1cd;
}

.featured-text-title {
    padding-top: 12px;
    padding-bottom: 40px;
}

.btn-secondary.search {
    width: 224px !important;
    height: 64px !important;
    color: #ffffff;
}

.btn-secondary.search:hover {
    background-color: #652b7c !important;
    color: #fffff !important;
    border: 3px solid #d15eff;
}

.dropbtn {
    width: 350px;
    height: 64px;
    border-radius: 8px;
    border: solid 1px #ffffff;
    background-color: #ffffff;
    color: rgb(101, 43, 124, 0.5);
    padding: 16px;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    transition: ease-in 0.2s;
}

.dropdown {
    position: relative;
    display: inline-block;
    transition: ease-in 0.2s;
}

.dropdown-content {
    width: 350px;
    border-radius: 0px 0px 8px 8px;
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    border: solid 1px rgb(101, 43, 124, 0.16);
    box-shadow: 0px 8px 32px 0px rgb(101, 43, 124, 0.1);
    z-index: 1111;
    margin-top: -1px !important;
    transition: ease-in 0.2s;
}

.dropdown:hover .dropbtn {
    background-color: #fffff;
    border-radius: 8px 8px 0px 0px;
    border: solid 1px rgb(101, 43, 124, 0.16);
    color: rgb(101, 43, 124, 0.8);
}

.dropdown-content a {
    color: #652b7c;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: rgb(209, 94, 255, 0.1);
    color: #d15eff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content.first a:nth-child(10):hover {
    border-radius: 0px 0px 8px 8px;
}

.dropdown-content.second a:nth-child(4):hover {
    border-radius: 0px 0px 8px 8px;
}

.text-right {
    text-align: right !important;
}

.btn-primary {
    width: 200px;
    height: 55px;
    border-radius: 30px;
    background-color: #652b7c;
    opacity: .95;
    border: none;
    transition: ease-in 0.2s;
}

.btn-primary:hover {
    background-color: #d15eff;
    opacity: .95;
}

.gallery-button {
    padding-top: 80px;
    padding-bottom: 180px;
}

.du-text-break {
    width: 217px;
}

.gallery-text {
    padding-top: 40px;
}

.anchor {
    position: absolute;
    z-index: -1;
    left: 0;
    margin-top: -80px;
}

.nav-link.pl-0 {
    color: #d15eff;
}

.light-purple {
    color: #d15eff;
}

#GallerySlider {
    margin-top: -20px !important;
}

.carousel-inner.gallery {
    border-radius: 16px;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #d15eff;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.cta-text-break {
    color: #652b7c;
    font-weight: 500;
    font-size: 26px;
    padding-top: 12px;
}

.three-cta-button {
    padding-top: 16px;
}

.sides-cta {
    padding-right: 165px !important;
}

.btn-primary.light-purple {
    background-color: #d15eff;
    color: #ffffff;
    transition: ease-in 0.4s;
}

.btn-primary.light-purple:hover {
    background-color: #ffffff;
    color: #d15eff;
    border: 2px solid rgb(209, 94, 255, 0.25);
}

.list-group-item-action:focus,
.list-group-item-action:hover h6 {
    color: #652b7c;
    opacity: 1 !important;
}

h6.mt-2.mb-2 {
    opacity: .75;
}

small.mt-2.mb-3 {
    opacity: .5 !important;
}

p.mb-2 {
    opacity: .75 !important;
}

.card-img.rounded {
    border-radius: 16px !important;
}

h6.card-title.cta {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 49%;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    transition: .4s ease;
    background-image: linear-gradient(to bottom, #ffffff, #652b7c);
    background-blend-mode: multiply;
    border-radius: 16px;
}

@media (max-width: 457px) {
    .three-cta-button button {
        margin-top: 08px;
        margin-bottom: 08px;
        width: 80%;
    }
}

@media screen and (max-width: 685px) and (min-width: 458px) {
    margin-top: 08px !important;
    margin-bottom: 08px !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: inherit;
    color: #652b7c;
    font-size: 16px;
    font-weight: 600;
    opacity: 1 !important;
}

.nav-link {
    padding-right: 24px !important;
    padding-left: 0px !important;
}

.nav-pills .nav-link {
    color: #652b7c !important;
    font-size: 16px;
    font-weight: 600;
    opacity: 0.5;
}

.nav-pills .nav-link:hover {
    opacity: 0.9;
}

.featured-text-title.less-bottom {
    padding-bottom: 16px !important;
}

.featured-text-title.no-bottom {
    padding-bottom: 0px !important;
}

.col-lg-12 .col-lg-3 {
    padding-left: 0px;
}

.tab-title {
    opacity: 0.9;
    font-size: 16px;
    line-height: 1.63;
    font-weight: 500 !important;
    color: #652b7c;
    padding-top: 10px;
}

.fas.moveright {
    font-size: 18px;
}

.filter-gallery-image .tab-image img {
    transform: translateY(-0px);
    border-radius: 0px;
    transition: ease-in 0.2s;
}

.filter-gallery-image:hover .tab-image img {
    transform: translateY(-4px);
    border-radius: 16px;
    transition: ease-in 0.2s;
    box-shadow: 0px 24px 48px rgb(209, 92, 255, 0.12);
}

.filter-gallery-image .fas {
    transition: ease-in 0.2s;
}

.filter-gallery-image:hover .fas {
    transform: translateX(8px);
    color: #d15eff;
}

.filter-gallery-image .tab-title {
    transition: ease-in 0.2s;
}

.filter-gallery-image:hover .tab-title {
    color: #d15eff;
}

.bg-light-purple-02 {
    background-color: rgb(249, 246, 249, 0.5);
}

.search-light-bg-head h3 {
    color: #652b7c !important;
}

.search-light-bg-head {
    padding-bottom: 16px;
}

.search-light-cont {
    padding-bottom: 24px;
}

.search-light-cta .btn-secondary.search:hover {
    background-color: #ffffff !important;
    color: #d15eff !important;
    border: 2px solid #d15eff;
}

.breadcrumb-du .breadcrumb {
    background-color: inherit;
   /* padding-top: 14px !important;  */
}

.breadcrumb {
    margin-bottom: 0rem;
    margin-right: 0px;
    margin-top: 0px;
}

.breadcrumb-item a {
    opacity: 0.5;
    font-size: 12px;
    font-weight: 600;
    color: #652b7c !important;
}

.breadcrumb-item a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.breadcrumb-item.active {
    opacity: 0.8;
    font-size: 12px;
    font-weight: 600;
    color: #652b7c !important;
    margin-top: 4px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #652b7c;
    content: "/";
    opacity: 0.5;
    font-size: 9px;
    font-weight: 600;
}

.card.text-white {
    transition: ease-in 0.1s;
}

.card.text-white:hover {
    transform: translateY(-2px);
    box-shadow: 0px 24px 48px rgb(209, 94, 255, 0.12);
}

.depart-heading {
    font-size: 18px;
    font-weight: 500;
    color: #652b7c;
    padding-bottom: 32px;
}

.search-first-heading {
    font-size: 18px;
    font-weight: 600;
    color: #652b7c;
    padding-bottom: 16px;
}

.mb-16 {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px;
}

.card.text-white {
    border: 0px !important;
}

.du-dept-images-grid {
    padding-left: 8px;
    padding-right: 7px;
    padding-bottom: 40px;
}

.search-light-cont .dropdown:hover .dropbtn {
    border: solid 1px rgb(209, 94, 255, 0.16);
    color: rgb(209, 94, 255, 0.9);
}

.search-light-cont .dropdown:hover .dropdown-content {
    border: solid 1px rgb(209, 94, 255, 0.16);
}

.filter-gallery-image a {
    text-decoration: none;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: rgba(209, 94, 255, 1);
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    border-color: #d15eff;
}

.btn-secondary.search:not(:disabled):not(.disabled):active {
    color: #d15eff !important;
}

.subtext-head {
    opacity: 0.5;
    font-size: 14px;
    color: #652b7c;
    font-weight: 600;
    padding-left: 14px;
}

.anchors-card {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    background-clip: border-box;
}

.anchors-card:hover .anchors-card {
    border: 2px #d15eff !important;
}

.fa-angle-down.anchor-down {
    opacity: 0.25;
    font-size: 14px;
    color: #652b7c;
}

.anchor-head {
    opacity: 0.75;
    font-size: 15px;
    font-weight: 700 !important;
    color: #652b7c;
}

.anchors-card:hover .anchor-head {
    color: #d15eff;
}

.anchors-card:hover .anchor-head {
    opacity: 1;
    text-decoration: none !important;
}

.anchors-card:hover .fa-angle-down.anchor-down {
    color: #d15eff;
    opacity: 0.8;
}

.card.anchors-card {
    display: block;
    border: 2px solid rgb(255, 255, 255, 1) !important;
    transition: ease-in 0.1s;
}

.card.anchors-card:hover {
    border: 2px solid rgb(209, 94, 255, 0.25) !important;
    opacity: 1;
}

.col-lg-2.anchor-col {
    padding-right: 0px !important;
    padding-bottom: 12px;
}

.slider-counter-text {
    opacity: 0.25;
    font-size: 13px;
    font-weight: 600;
    margin-top: -4px;
}

.slider-expand-text {
    opacity: 0.75;
    font-size: 14px;
    font-weight: 600;
    padding-right: 8px;
    margin-top: -4px;
}

.fa-long-arrow-alt-left.slider-arrow-left.inactive {
    font-size: 18px;
    opacity: 0.25;
}

.fa-long-arrow-alt-right.slider-arrow-right.inactive {
    font-size: 18px;
    opacity: 0.25;
}

.fa-long-arrow-alt-right.slider-arrow-right {
    font-size: 18px;
    padding-left: 4px;
    opacity: 1;
}

.deaprt-slide {
    padding-top: 20px;
    padding-bottom: 60px;
}

.card.card-depart {
    background-color: #ffffff !important;
    border: 2px solid #ffffff;
}

.btn.btn-outline-primary.light-purple {
    border-radius: 40px;
    border: solid 1px rgb(209, 94, 255, 0.16);
    background-color: #ffffff;
    width: 100%;
    height: 40px;
    padding: 08px 10px;
    transition: ease-in 0.3s;
}

.btn.btn-outline-primary.light-purple:hover {
    color: #ffffff;
    background-color: rgb(209, 94, 255, 0.75);
}

.btn.btn-outline-primary.light-purple.first {
    border-radius: 40px;
    border: solid 1px rgb(209, 94, 255, 0.16);
    background-color: #ffffff;
    width: 40%;
    height: 40px;
    padding: 08px 10px;
    transition: ease-in 0.3s;
}

.btn.btn-outline-primary.light-purple.first:hover {
    color: #ffffff;
    background-color: rgb(209, 94, 255, 0.75);
}

.btn.btn-outline-primary.light-purple.first-big {
    border-radius: 40px;
    border: solid 1px rgb(209, 94, 255, 0.16);
    background-color: #ffffff;
    width: 44%;
    height: 40px;
    padding: 08px 10px;
    transition: ease-in 0.3s;
}

.btn.btn-outline-primary.light-purple.first-big:hover {
    color: #ffffff;
    background-color: rgb(209, 94, 255, 0.75);
}

.btn.btn-outline-primary.light-purple.second {
    border-radius: 40px;
    border: solid 1px rgb(209, 94, 255, 0);
    background-color: rgb(209, 94, 255, 0.16);
    width: 56%;
    height: 40px;
    padding: 08px 10px;
    transition: ease-in 0.3s;
}

.btn.btn-outline-primary.light-purple.second.full {
    width: 100%;
}

.btn.btn-outline-primary.light-purple.second-big {
    border-radius: 40px;
    border: solid 1px rgb(209, 94, 255, 0);
    background-color: rgb(209, 94, 255, 0.16);
    width: 52%;
    height: 40px;
    padding: 08px 10px;
    transition: ease-in 0.3s;
}

.btn.btn-outline-primary.light-purple.second-big.full {
    width: 100%;
}

.btn.btn-outline-primary.light-purple.second:hover {
    color: #ffffff;
    background-color: rgb(209, 94, 255, 1);
}

.btn.btn-outline-primary.light-purple.second-big:hover {
    color: #ffffff;
    background-color: rgb(209, 94, 255, 1);
}

.stars-pad {
    padding-top: 4px;
    padding-right: 12px;
}

.card-phone {
    opacity: 0.9;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 12px;
}

.card-phone-icon {
    padding-right: 6px !important;
}

.card-email {
    opacity: 0.9;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
}

.card-email-icon {
    padding-right: 6px !important;
}

.card-stars {
    opacity: 0.9;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 600;
}

.card-stars-icon {
    padding-right: 6px !important;
}

.card-body.depart {
    padding: 11px;
}

.card-depart-icon {
    padding-bottom: 8px;
}

.col-lg-3.depart {
    padding-right: 0px;
}

.col-lg-4.depart {
    padding-right: 0px;
}

.row.depart-row {
    padding-top: 20px;
}

a.link-no-text-decor {
    text-decoration: none !important;
}

.slide-controls {
    padding-top: 7px;
}

.card-sub-title {
    opacity: 0.5;
    padding-top: 10px;
    padding-bottom: 28px;
}

.anchor-16 {
    position: absolute;
    z-index: -1;
    left: 0;
    margin-top: -16px;
}

.anchor-40 {
    position: absolute;
    z-index: -1;
    left: 0;
    margin-top: -40px;
}

.card.card-depart.stroke {
    transition: ease-in 0.4s;
}

.card.card-depart.stroke:hover {
    border: 2px solid rgb(209, 94, 255, 0.25);
}

.deaprt-last-row {
    padding-bottom: 30px !important;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.input-group>.input-group-append>.btn {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

a.no-color:hover {
    color: #652b7c;
}


/* Scroll Tracker */

body {
    overflow-x: hidden;
    -webkit-transition: all 200ms linear;
    background-color: #ffffff;
    transition: all 200ms linear;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

@-webkit-keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}

@keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}


/* #Progress
================================================== */

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgb(101, 43, 124, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    font-family: 'Font Awesome 5 Free' !important;
    content: '\f106';
    font-weight: 900;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: rgb(209, 94, 255, 0.75) !important;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::after {
    opacity: 0;
}

.progress-wrap::before {
    position: absolute;
    font-family: 'Font Awesome 5 Free' !important;
    content: '\f106';
    font-weight: 900;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    opacity: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(0, 0, 0, 0.75);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::before {
    opacity: 1;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: rgb(209, 94, 255, 0.6) !important;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap {
    box-shadow: inset 0 0 0 2px rgb(209, 94, 255, 0.1);
}

.progress-wrap::after {
    color: #d15eff;
}

.progress-wrap svg.progress-circle path {
    stroke: #d15eff;
}

.circle {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.circle {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d15eff;
    box-shadow: 0 4px 4px rgb(209, 94, 255, 0.25), 0 0 0 1px rgb(209, 94, 255, 0.25);
    animation: border-transform 10s linear infinite alternate forwards;
}

.circle:hover {
    box-shadow: 0 8px 8px rgb(209, 94, 255, 0.25), 0 0 0 1px rgb(209, 94, 255, 0.25);
}

.circle:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    content: '\f106';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    opacity: 1;
    color: #d15eff !important;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.circle:after {
    position: absolute;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    content: '\f106';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    color: #d15eff !important;
    opacity: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.no-pad-bot {
    padding-bottom: 8px;
}

.card-nav {
    opacity: 0.5;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 8px;
    padding-top: 6px;
}

@media (max-width: 411px) {
    .btn-secondary.search {
        width: 100% !important;
    }
}

.card-depart-icon.image img {
    border-radius: 16px;
}

.icon-small img {
    width: auto !important;
    margin-bottom: 70px;
}

.card-depart-icon.full img {
    width: 100%;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #d15eff;
    border-color: #d15eff;
}

.fas.stars {
    font-size: 12px;
    opacity: 0.75;
    color: #d15eff !important;
}

.fas.stars:hover {
    font-size: 12px;
    opacity: 0.75 !important;
    color: #d15eff !important;
}

.dropbtn.normal {
    width: auto;
    height: inherit;
    border-radius: 8px;
    border: inherit;
    background-color: inherit;
    color: rgb(101, 43, 124, 0.8);
    padding: auto;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    transition: ease-in 0.2s;
}

.filters-text {
    font-size: 14px;
    opacity: 0.5;
}

.opacity-90 {
    opacity: 0.9;
}

.dropdown:hover .dropbtn.normal {
    background-color: inherit;
    border-radius: 8px 8px 0px 0px;
    border: inherit;
    color: rgb(101, 43, 124, 0.8);
}

.filters-margin {
    margin-top: 7px;
}

.dropdown-content.compressed a {
    padding: 6px 16px;
    font-size: 14px;
    text-align: left;
}

.dropdown-content.compressed {
    width: auto;
    margin-top: 2px !important;
}

.dropdown-active {
    color: #d15eff !important;
}

.dropbtn.normal {
    padding: 0px !important;
}

.card-depart-icon.full img {
    border-radius: 16px !important;
}

.card-depart-icon.profile img {
    border-radius: 160px;
}

.card.card-depart {
    transition: ease-in 0.2s;
}

.card.card-depart:hover {
    box-shadow: 0px 44px 44px rgb(209, 94, 255, 0.06) !important;
}

@media (max-width: 1340px) {
    .nav-link {
        padding-right: 8px !important;
    }
}

.dropdown:hover .dropbtn {
    color: #d15eff;
}

a.link-subset {
    color: #652b7c;
}

a.link-subset:hover {
    color: #d15eff !important;
    text-decoration: none;
}

a.link-subset h5 {
    transition: ease-in 0.1s;
}

a.link-subset:hover h5 {
    color: #652b7c !important;
    text-decoration: none;
}

a.link-subset img {
    transition: ease-in 0.2s;
}

a.link-subset:hover img {
    transform: translateY(-3px);
}

.no-transform {
    transform: none !important;
}

.card.card-depart.stroke:hover img {
    transform: translateY(-3px);
}

.card.card-depart.stroke:hover img:hover {
    transform: translateY(-6px);
}

.no-color-inherit-purple {
    color: #652b7c !important;
}

.transform-y-3 {
    transition: ease-in 0.2s;
}

.transform-y-3:hover {
    transform: translateY(-3px);
}

.card.card-depart.stroke:hover img:hover {
    transform: translateY(-3px) !important;
}

.mt-120 {
    margin-top: 120px;
}

.scroll-text {
    font-size: 12px;
    font-weight: 500;
    padding-left: 24px;
}

.opacity-25 {
    opacity: 0.25;
    transition: ease 0.2s;
}

.opacity-25-hover:hover {
    opacity: 0.5;
}

.scroll-downs {
    position: absolute;
    margin: auto;
    width: 16px;
    margin-top: 2px;
    height: 26px;
}

.mousey {
    width: 2px;
    padding: 4px 6px;
    height: 16px;
    border: 1px solid #652b7c;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller {
    width: 2px;
    height: 6px;
    border-radius: 25%;
    background-color: #652b7c;
    animation-name: scroll;
    animation-duration: 1.8s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 0.7;
    }
    50% {
        transform: translateY(3);
        opacity: 1;
    }
    100% {
        transform: translateY(6px);
        opacity: 0;
    }
}

.padding-r {
    padding-right: 10px !important;
}

.divider-text {
    opacity: 0.25;
    font-size: 14px;
    padding-top: 9px;
}

h4.mediao-depart-info {
    font-size: 16px;
    font-weight: 600;
    color: #d15eff;
    padding-top: 6px;
}

.media-body .sub-text {
    opacity: 0.75;
    font-size: 16px;
    font-weight: 500;
}

.media.depart-info-list {
    padding-bottom: 14px;
    padding-top: 14px;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-left: 24px;
    cursor: default;
}

a .media.depart-info-list {
    cursor: pointer;
}

li.list-hover:hover {
    background-image: linear-gradient(to right, rgba(209, 94, 255, 0.00), rgba(209, 94, 255, 0.03), rgba(209, 94, 255, 0.04), rgba(209, 94, 255, 0.05), rgba(209, 94, 255, 0.04), rgba(209, 94, 255, 0.02), rgba(209, 94, 255, 0), rgba(209, 94, 255, 0));
}

.card-body.depart.pl-0 {
    padding-bottom: 6px;
    padding-top: 6px;
    padding-right: 6px;
}

.cta-right {
    display: inline-block;
}

.cta-depart-button-head {
    font-size: 18px;
    font-weight: 600;
    padding-left: 08px;
}

.cta-depart-section {
    padding-top: 16px;
    padding-bottom: 16px;
}

.cta-depart-section .cta-depart-button-head {
    vertical-align: middle;
}

.cta-depart-section .cta-buttons-depart {
    vertical-align: middle;
}

.height-50 {
    height: 50px !important;
    padding: 14px 24px !important;
    width: auto !important;
}

.table.depart-projects th {
    font-size: 18px;
    color: #652b7c;
    font-weight: 600;
    vertical-align: middle;
    background-color: #fcfbfc;
}

.table.depart-projects .tw-33 {
    width: 33.3% !important;
}

.table.depart-projects {
    margin-bottom: 0px;
}

.table.depart-projects .head {
    opacity: 0.9;
    font-family: Poppins;
    font-size: 14px;
    color: #652b7c;
    font-weight: 600;
}

.table.depart-projects td {
    opacity: 1;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    color: #652b7c;
    padding: 16px;
    border-top: 1px solid rgb(101, 43, 124, 0.1);
}

.border-rad-start-top-left {
    border-radius: 16px 0px 0px 0px;
}

.border-rad-end-top-right {
    border-radius: 0px 16px 0px 0px;
}

.border-rad-start-bottom-left {
    border-radius: 0px 0px 0px 16px;
}

.border-rad-end-bottom-right {
    border-radius: 0px 0px 16px 0px;
}

.card-empty-state-text {
    padding-bottom: 24px;
    opacity: 0.9;
    font-family: Poppins;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
}

.card-empty-state-image {
    padding: 22px !important;
}

.card-block-empty-state {
    padding-left: 32px;
}

.time-table-sub-head {
    opacity: 0.9;
    font-size: 14px;
    font-weight: 500;
    padding-left: 10px;
}

.h-56 {
    height: 56px;
}

.dropbtn.select-semester {
    font-size: 16px;
    color: #652b7c;
    opacity: 0.75;
}

.dropdown-content.medium a {
    padding: 8px 16px;
    font-size: 15px;
}

.dropdown-content.medium.time-table a:nth-child(6):hover {
    border-radius: 0px 0px 8px 8px;
}

.button-timetable {
    display: inline-block;
    padding-left: 24px;
}

.select-sem {
    background-color: rgb(101, 43, 124, 0.05);
    border-radius: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.sem-timetable-block {
    padding-top: 24px;
}

.dropdown:hover .dropbtn.select-semester {
    border: solid 1px rgb(209, 94, 255, 0.4);
}

.dropdown-content.time-table {
    border: solid 1px rgb(209, 94, 255, 0.4);
}

.dropdown:hover .dropbtn.select-semester {
    color: inherit;
}

.sem-days-head {
    padding-top: 10px !important;
}

.btn.btn-primary.light-purple.tt-days {
    border-radius: 86px;
    background-color: rgb(209, 94, 255, 0.2);
    color: #d15eff;
    border: none;
    width: auto;
    height: 40px;
    padding: 10px 24px !important;
    transition: ease-in 0.2s;
}

@media (max-width:991px) {
    .btn.btn-primary.light-purple.tt-days {
        margin-top: 10px;
    }
}

.btn.btn-primary.light-purple.tt-days.active {
    background-color: rgb(209, 94, 255, 1);
    color: #ffffff;
}

.btn.btn-primary.light-purple.tt-days:hover {
    border-radius: 86px;
    background-color: rgb(209, 94, 255, 0.9);
    color: #ffffff;
    border: none;
}

.button-days-01 {
    padding-left: 20px;
}

.button-days {
    padding-left: 04px;
}

.collapse-button-tt {
    padding-top: 18px;
    font-size: 14px;
    opacity: 0.5;
}

.collapse-button-tt:hover {
    opacity: 1;
    color: #652b7c;
}

.sem-results-head {
    background-color: rgb(101, 43, 124, 0.05);
    color: rgb(101, 43, 124, 0.5);
    font-size: 16px;
}

table .sem-results-row .head {
    font-size: 15px;
    color: #652b7c;
    font-weight: 700;
}

.sem-results-row td {
    border-top: none;
    height: 61px;
    color: #652b7c;
    font-size: 16px;
    vertical-align: middle;
}

.sem-results.table-hover tbody tr:hover {
    color: inherit;
    background-color: rgb(101, 43, 124, 0.02);
}

.sem-results.table-hover tbody tr:hover td:nth-child(2) {
    font-weight: 600 !important;
    opacity: 0.9;
    cursor: default;
}

.fa-clock.tt {
    padding-right: 4px;
}

.table.sem-results th {
    vertical-align: middle;
    height: 40px;
}

ul.days-tt {
    display: inline-flex;
}

.nav-item.m-0 {
    margin-top: 0px !important;
}

.nav-link.padding-l {
    padding-left: 12px !important;
}

.nav-link.active .btn.btn-primary.light-purple.tt-days {
    background-color: #d15eff;
    opacity: 1;
    color: #ffffff;
}

.nav-link.days-tt {
    opacity: 1;
}

.nav-link .btn.btn-primary.light-purple.tt-days {
    background-color: rgb(209, 94, 255, 0.16);
    color: #d15eff;
}

.nav-link:hover .btn.btn-primary.light-purple.tt-days {
    background-color: rgb(209, 94, 255, 0.9);
    color: #ffffff;
}

.table.sem-results {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media (max-width: 1199px) {
    .nav-link.padding-l {
        padding-left: 4px !important;
    }
}

@media (max-width: 991px) {
    .nav-link.padding-l {
        padding-left: 0px !important;
    }
}

.fade {
    transition: opacity 0.3s ease-out;
}

@media (max-width: 991px) {
    .cta-buttons-depart span {
        display: inline-block;
        margin-top: 1rem!important;
    }
    .cta-buttons-depart {
        text-align: left !important;
    }
    .button-timetable {
        padding-left: 0px;
    }
    .gallery-button {
        padding-top: 32px;
        padding-bottom: 60px;
    }
    .carousel.slide.gallery {
        margin-bottom: 60px !important;
    }
    .table {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dropbtn.select-semester {
        width: 280px;
    }
    .dropdown-content.time-table {
        width: 280px;
    }
    .footer-text-head {
        padding-top: 24px;
        text-align: left !important;
    }
    .list-unstyled.float-right {
        text-align: left !important;
        float: left !important;
    }
    .slide-controls {
        text-align: left !important;
    }
    .spacer-60 {
        padding-top: 16px !important;
        padding-bottom: 40px !important;
    }
    .filter-gallery-image {
        text-align: center;
    }
    .guide-head {
        margin-top: 40px;
        margin-bottom: 10px !important;
    }
    .three-cta-head {
        padding-top: 24px !important;
    }
    .media-q-top-16 {
        margin-top: 16px;
    }
    .footer-social {
        padding-top: 16px;
        text-align: left;
        float: left !important;
        padding-left: 15px;
    }
    .foot-maptext {
        padding-top: 8px;
    }
    .subscribe-head {
        padding-top: 16px;
    }
    .subscribe .spacer-16 {
        padding-bottom: 0px !important;
    }
    .img-foot {
        padding-left: 12px;
    }
}

@media (max-width: 667px) {
    .du-logo-head {
        float: none !important;
        text-align: center !important;
    }
    .search-tab-top {
        float: none !important;
        text-align: center !important;
        padding-top: 24px;
        padding-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .hero .hero.col-md-9 {
        padding-left: 120px;
        margin-top: -54px;
    }
    .sides-60 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .card.h-388 {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .margin-responsive-logo {
        margin-left: -16px !important;
    }
}

{
    color: #fffff;
}

@media (max-width: 1201px) and (min-width: 992px) {
    .cta-buttons-depart span {
        display: inline-block;
        margin-top: 1rem!important;
    }
    .cta-buttons-depart span.first {
        margin-top: 0rem!important;
    }
    .card-block-empty-state {
        padding-left: 80px;
    }
    .button-timetable {
        padding-left: 80px;
    }
    .card-body.depart .pr-2 {
        padding-right: 0px !important;
    }
    .btn.btn-outline-primary.light-purple.first-big {
        height: 60px;
        border-radius: 16px;
    }
    .btn.btn-outline-primary.light-purple.second-big {
        height: 60px;
        border-radius: 16px;
    }
    .btn.btn-outline-primary.light-purple.first {
        height: 60px;
        border-radius: 16px;
    }
    .btn.btn-outline-primary.light-purple.second {
        height: 60px;
        border-radius: 16px;
    }
}

.font-21 {
    font-size: 21px;
}

.w-36 {
    width: 36% !important;
}

.w-60 {
    width: 60% !important;
}

.card-outline {
    border: 2px solid rgb(209, 94, 255, 0.1) !important;
}

.h-388 {
    height: 388px !important;
}

.card.bg-gradient {
    background-image: linear-gradient(to right, #ffffff, #FDFCFD, #f9f6f9);
    border: none !important;
}

.card.bg-gradient:hover {
    box-shadow: none !important;
}

.course-summary {
    opacity: 0.75;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
}

.course-head {
    opacity: 0.9;
    font-size: 16px;
    font-weight: 600 !important;
    margin-top: 32px !important;
}

.course-icons {
    opacity: 0.9;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
}

.fa-info-circle.info {
    opacity: 0.25;
    font-size: 12px;
}

.fa-info-circle.info:hover {
    opacity: 0.75;
}

.line-height-onehalf {
    line-height: 1.88 !important;
}

.opacity-75 {
    opacity: 0.75;
}

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

.tw-20 {
    width: 20%;
}

.tw-60 {
    width: 60%;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1011;
}

.tableFixHead tfoot td {
    position: sticky;
    bottom: 0;
    z-index: 1010;
}

.table.depart-projects tfoot td {
    font-size: 18px;
    color: #652b7c;
    font-weight: 600;
    vertical-align: middle;
    background-color: #fcfbfc;
}

.pointer-cursor {
    cursor: pointer !important;
}

.year-head td {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.table tbody+tbody {
    border-top: none;
}

.yearwise-programme-tab td {
    border-top: none !important;
}

.tab-sem-head {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding-top: 8px !important;
    padding-bottom: 6px !important;
}

.no-hover {
    background-color: inherit !important;
}

.pad-adjust-tab {
    padding-top: 8px !important;
    padding-bottom: 6px !important;
}

.border-bot {
    border-bottom: 1px solid rgb(101, 43, 124, 0.1);
}

.pb-12 {
    padding-bottom: 12px !important;
}

.read-more-cta {
    color: #d15eff;
    opacity: 0.75;
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px;
    opacity: 0.75;
    transition: ease 0.3s;
}

.read-more-cta:hover {
    opacity: 1;
}

.read-more-cta .fas {
    transition: ease 0.3s;
}

.read-more-cta:hover .fas {
    transform: rotate3d(1, 1, 5, 90deg);
}


/** du CSS **/

.card.card-depart.ignou {
    margin-top: 16px;
}

.form-control.search-white {
    background-color: #ffffff;
    border: 2px solid rgb(209, 94, 255, 0.25) !important;
}

.form-control.search-white:focus {
    background-color: #ffffff;
    border: 2px solid rgb(209, 94, 255, 1) !important;
}

/** product module css **/

.product-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}



/** du CSS **/

.card.card-depart.ignou {
    margin-top: 16px;
}

.form-control.search-white {
    background-color: #ffffff;
    border: 2px solid rgb(209, 94, 255, 0.25) !important;
}

.form-control.search-white:focus {
    background-color: #ffffff;
    border: 2px solid rgb(209, 94, 255, 1) !important;
}

.container-fluid.spacer{
    padding-left: 60px !important;
    padding-right: 60px !important;    
}

.btn.btn-outline-primary.light-purple.generic{
    width: 44% !important;
    margin-right: 8px;
}

.btn.btn-outline-primary.light-purple.generic.fill{
    width: 50% !important;
    background-color: rgb(209, 94, 255, 0.1);
    border: none;
}

.btn.btn-outline-primary.light-purple.generic.fill:hover{
    background-color: rgb(209, 94, 255, 0.8);
    color: #ffffff;
    border: none;
}

@media (max-width: 1424px){
    .btn.btn-outline-primary.light-purple.generic{
        width: 100% !important;
    }
    
    .btn.btn-outline-primary.light-purple.generic.fill{
        width: 100% !important;
        margin-top: 8px;
    }   
}

.breadcrumb-gen .breadcrumb{
  /*  padding-top: 4px !important; 
      padding-bottom: 12px;       */
      background-color: transparent;
}

.no-spacer{
    padding-left: 0px;
    padding-right: 0px;
}

.list-unstyled.generic li{
    padding-left: 13px;
    padding-right: 13px;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
  font-weight: 600;
  opacity: 0.8;
  color: #454e81;
}

.list-unstyled.generic li:hover{
    background-color: rgb(209, 94, 255, 0.05);
    opacity: 1;
    color: #d15eff;
}

.min-height{
    min-height: 425px;
}

.scrollable-list{
    min-height: 360px;
    max-height: 360px;
    margin-left: -13px;
    margin-right: -13px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.scrollable-list::-webkit-scrollbar {
    width: 8px;
}

.scrollable-list::-webkit-scrollbar-track {
    background-color: rgb(209, 94, 255, 0.04);
}

.scrollable-list:hover::-webkit-scrollbar-track {
    background-color: rgb(209, 94, 255, 0.1);
}

.scrollable-list::-webkit-scrollbar-thumb {
    /* background-color: #babac0; */
    background-color: rgb(209, 94, 255, 0.2);
    /* border-radius: 16px;
    border: 2px solid #fff; */
}

.scrollable-list::-webkit-scrollbar-thumb:hover {
    background-color: rgb(209, 94, 255, 0.88);
}

.row.generic.card-buttons{
    padding-top: 10px;
}

.container-fluid.navigation{
    background-color: white !important;
}

#generic{
    padding-bottom: 60px;
}

.generic-nav.text-left{
    opacity: 0.8;
    font-size: 16px;
  font-weight: 500;
  color: #454e81;
}

.generic-nav.text-left:hover{
    opacity: 1;
  
}

.generic-nav.text-center{
    opacity: 0.5;
    font-size: 16px;
  font-weight: 500;
  color: #454e81;
}

.generic-nav.text-center:hover{
    opacity: 1;
    color: #454e81;
}

.generic-nav.text-right{
    opacity: 0.8;
    font-size: 16px;
  font-weight: 500;
  color: #454e81;
}

.generic-nav.text-right:hover{
    opacity: 1;
  
}

.cta-card-text{
    opacity: 0.88;
  font-size: 14px;
  line-height: 1.71;
  font-weight: 500;
  color: #454e81;
}


.btn.btn-outline-primary.light-purple.fill.generic.width{
    width: auto !important;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px 30px;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: rgb(101, 43, 124, 0.75);
    color: #ffffff;
}

.btn.btn-outline-primary.light-purple.fill.generic.width:hover{
    background-color: #d15eff;
}


.news-date{
    opacity: 0.5;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  color: #454e81;
}

.col-lg-3.generic-nav.text-left{
    text-align: center !important;
}

.col-lg-3.generic-nav.text-right{
    text-align: center !important;
}

h5.generic{
    font-size: 18px;
  font-weight: 600;
  line-height: 1.8;
  color: #495057;
}

.card-body.generic{
    padding: 21px;
}

.share-generic{
    font-size: 14px;
  font-weight: 600;
  color: #454e81;
  opacity: 0.75;
  padding-top: 8px;
}

.generic i{
    transform: none !important;
    opacity: 0.75;
  color: #454e81;
}

.generic i:hover{
    transform: none !important;
    opacity: 1;
    color: #d15eff;
}

.generic-para{
    max-width: 80%;
    font-size: 14px;
  font-weight: 600;
  line-height: 2.2;
  color: #495057;
}

@media (max-width: 992px){
    .col-lg-6.generic{
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-top: 16px;
        margin-bottom: 20px;
    }
    .col-lg-3.generic-nav{
        margin-bottom: 20px;
    }
    .dropdown-menu {
        background-color: rgb(255 255 255 / 0.1);
        }
    .dropdown-item{
        opacity: 1;
        color: white;
    }
}

.images-grid-generic .col-lg-3{
    padding-left: 0px;
}

.images-grid-generic .col-lg-3 img{
    object-fit: cover;
    min-height: 100px;
    width: 100%;
    border-radius: 8px;
}

.card-body.depart.generic{
    min-height: 200px;
}

.links-cta.generic{
    font-size: 14px;
  font-weight: 600;
  line-height: 1.75;
  color: #495057;
}

.links-cta.generic li:hover i{
    color: #d15eff;
    opacity: 1;
}

.links-cta.generic li{
    color: #d15eff !important;
}

.footnote.generic{
    opacity: 0.4;
    font-size: 13px;
  font-weight: 600;
  line-height: 1.75;;
  color: #454e81;
}

.footnote.generic:hover{
    opacity: 1;
}

.row.mt-3.flex {
    display: flex;
}
/** Spotlight Section **/

.latest.head{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #652b7c;
}

.switch-buttons .btn-primary.light-grey.active{
    width: auto;
    padding: 10px 16px;
    font-weight: 500;
    height: auto;
    border: none;
    color: #d15eff;
    background-color: rgb(209, 94, 255, 0.16);
}

.switch-buttons .btn-primary.light-grey.active:hover{
    background-color: rgb(209, 94, 255, 0.8);
    color: #fff;
}

.switch-buttons .btn-primary.light-grey{
    width: auto;
    padding: 10px 16px;
    font-weight: 500;
    height: auto;
    border: none;
    color: #454e81;
    border: solid 1px rgb(69, 78, 129, 0.1);
    background-color: transparent;
}

.switch-buttons .btn-primary.light-grey:hover{
    color: #454e81;
    background-color: rgb(69, 78, 129, 0.1);
}

.card-depart-icon img{
    border-radius: 80px;
}

.spotlight .scrollable-list{
    max-height: 396px;
}


// Fade out non-hover menu-elements in parent sibling-fade class element
.menu-element-class {
  opacity: 1;
  transition: opacity 0.2s;
}
.sibling-fade:hover menu-element-class:not(:hover) {
  opacity: 0.4;
}

/* Gallery CSS */

.gallery-view {
    margin-bottom: 160px !important;
    background-color: #ffffff;
    border-radius: 16px;
}

.gallery-list-item {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 32px;
    display: inline-block;
}

.tuba {
}

a .cool-link {
    display: inline-block;
    text-decoration: none;
}

a .cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: rgb(54, 124, 255, 0.16);
    transition: width .3s;
}

a:hover .cool-link::after {
    width: 105%;
    transition: width .3s;
}

.gallery-folder-title {
    padding-top: 6px !important;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-left: 5px;
}

.gallery-folder {
    width: 75px;
    height: 60px;
    background: url(/uploads/du/folder-du.svg) no-repeat;
    transition: ease-in 0.3s;
    display: inline-block;
}

.gallery-list-item:hover .gallery-folder {
    width: 75px;
    height: 60px;
    background: url(/uploads/du/open-folder.svg) no-repeat;
    transition: ease-in 0.3s;
    display: inline-block;
    transform: translateY(-4px);
}

.ch-480 {
    height: 480px;
}

.back-cta-down {
    margin-top: 56px;
    display: inline-block;
}

.gallery-image img {
    border-radius: 16px;
}

.gallery-caption {
    font-size: 15px;
    padding-top: 6px;
    color: #652b7c;
    margin-left: 8px;
}

.gallery-grid {
    padding-left: 14px;
}

.gallery-row {
    padding: 20px 20px 20px 20px;
}

.gallery-n-row {
    padding-top: 2px !important;
}
.tubashah {}
.tubashah img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: ease-in 0.2s;
    margin-bottom: 15px;
}
.tubashah img:hover{
    transform: translateY(-4px);
}

.popup {}
.popup h5 {
  font-size: 24px;
  padding: 10px;
  margin-left: 25px;
}

/* end gallery css */

/* gallery hover */

.folder-preview-01 img {
    max-width: 100%;
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateY(0px) translateX(0px) scale(0.5);
    width: auto;
    transition: ease-in 0.3s;
    height: auto;
    border-radius: 320px;
}

.gallery-list-item:hover .folder-preview-01 img {
    transform: translateY(120px) translateX(-92px) scale(1);
    opacity: 1;
    box-shadow: 6px 6px rgb(54, 124, 255, 0.16) !important;
}

.folder-preview-02 img {
    max-width: 100%;
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateY(0px) translateX(0px) scale(0.5);
    width: auto;
    transition: ease-in 0.3s;
    height: auto;
    border-radius: 320px;
}

.gallery-list-item:hover .folder-preview-02 img {
    transform: translateY(120px) translateX(0px) scale(1);
    opacity: 1;
    box-shadow: 6px 6px rgb(54, 124, 255, 0.16) !important;
}

.folder-preview-03 img {
    max-width: 100%;
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateY(0px) translateX(0px) scale(0.5);
    width: auto;
    transition: ease-in 0.3s;
    height: auto;
    border-radius: 320px;
}

.gallery-list-item:hover .folder-preview-03 img {
    transform: translateY(120px) translateX(92px) scale(1);
    opacity: 1;
    box-shadow: 6px 6px rgb(54, 124, 255, 0.16) !important;
}

.folder-preview-04 img {
    max-width: 100%;
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateY(0px) translateX(0px) scale(0.5);
    width: auto;
    transition: ease-in 0.3s;
    height: auto;
    border-radius: 320px;
}

.gallery-list-item:hover .folder-preview-04 img {
    transform: translateY(120px) translateX(160px) scale(1);
    opacity: 1;
}

/* live video */
.ytube {
  width: 100%;
  height: 570px;
  }

img.fea_icon {
  display: block;
  margin: 0 auto;
 }

/* publication table */

table.pub {
  border-collapse: unset !important;
  padding: 15px;
  width: 100%;
}
th {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: white;
  background: #d15eff;
}

tr.pub-row {
  border-radius: 16px;
  background-color: white;
}

td.pub-td {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: left;
  color: #652b7c;
}

.card.card-pub {
    background-color: #fbeeff !important;
    border: 2px solid #ffffff;
}
/* cmsms stylesheet: custom modified: 01/04/21 22:44:20 */
.ui-accordion .ui-accordion-content {
padding: 5px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {

  border: 1px solid #642a7c !important;
  background: #642a7c !important;
}

.ui-accordion .ui-accordion-header {
  font-size: 18px;
}
.list-group-item {
    margin-bottom: -15px !important;
padding:20px;
}
.side-accordion {
    font-size: 17px;
    font-weight: bold;

}
.accor-icon {
    float: right;
    opacity: inherit !important;
    font-size: 17px !important;
}
.breadcrumb-title {
   
    font-weight: 300;
    font-size: 20px;
}
.error-title {
    font-size: 40px;
    font-weight: 600;
}
.breadcrumb-error {
    background-color: #f9f6f9;
    padding: 0rem;
    margin-bottom: -1rem;
    margin-right: -32px;
    margin-top: 64px;
}
.h6-error {
    font-size: 22px;
    line-height: 1.58;
    font-weight: 700;
}
.error {
    padding: 25px;
    text-align: center;
}
/* marquee */
.marq {
font-size: 18px; 
padding: 6px; 
color:#d15eff; 
font-weight:900;
}
/* related pages */
.relate-page {
    font-weight: 600;
    opacity: 0.8;
    color: #454e81;
}

/** Spotlight Section **/

.latest.head{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #652b7c;
}

.switch-buttons .btn-primary.light-grey.active{
    width: auto;
    padding: 10px 16px;
    font-weight: 500;
    height: auto;
    border: solid 1px rgb(209, 94, 255, 0);
    color: #d15eff;
    background-color: rgb(209, 94, 255, 0.16);
}

.switch-buttons .btn-primary.light-grey.active:hover{
    background-color: rgb(209, 94, 255, 0.8);
    color: #fff;
}

.switch-buttons .btn-primary.light-grey{
    width: auto;
    padding: 10px 16px;
    font-weight: 500;
    height: auto;
    border: none;
    color: #454e81;
    border: solid 1px rgb(69, 78, 129, 0.1);
    background-color: transparent;
}

.switch-buttons .btn-primary.light-grey:hover{
    color: #454e81;
    background-color: rgb(69, 78, 129, 0.1);
}

.switch-buttons .btn-primary.light-grey:focus{
    box-shadow: none !important;
}

.card-depart-icon img{
    border-radius: 80px;
}

.spotlight .scrollable-list{
    max-height: 396px;
}

.spotlight-head ul{
    justify-content: center;
}

.spotlight.content{
    margin-bottom: 96px;
}

@media (max-width: 640px){
    .spotlight-row .sides-80{
     padding-right: 20px !important;
     padding-left: 20px !important;
    }
    .text-center-responsive{
        text-align: -webkit-center !important;
    }
}

@media (max-width: 900px){
    .tab-image img{
        width: 80% !important;
    }
    .guide-head{
        text-align: center;
    }
}

@media (max-width: 900px){
    .dropbtn{
        width: 80vw !important;
    }
}

.media.latest-du{
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
}

.media.latest-du:hover{
    background-color: rgb(209, 94, 255, 0.05);
}

.media.latest-du .day{
    font-size: 24px;
    font-weight: 900;
    color: #454e81;
}

.media.latest-du .month{
    font-size: 13px;
  font-weight: 600;
  color: #454e81;
}

.media.latest-du .day.active{
    font-size: 24px;
    font-weight: 900;
    color: #d15eff;
}

.media.latest-du .month.active{
    font-size: 13px;
  font-weight: 600;
  color: #d15eff;
}

.latest-du.switch-buttons .btn-primary.light-grey{
    font-size: 12px !important;
    padding: 6px;
}

.latest-du h6{
    font-size: 14px;
    font-weight: 600;
    color: #454e81;
}

.latest-du:hover h6{
    color: #d15eff;
}

.latest-du.switch-buttons:hover .btn-primary.light-grey{
    border: solid 1px rgb(209, 94, 255, 0.16);
    color: #d15eff;
}

.latest-du.switch-buttons .btn-primary.light-grey:hover{
    border: solid 1px rgb(209, 94, 255, 0.16);
    color: #d15eff !important;
}
/* cmsms stylesheet: test_du modified: 09/28/21 17:42:55 */
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";    
    float: right;

}
.accordion-opened .accordion-toggle:after {    
    content: "\f054"; 
   
}

.top-right {
    display: flex;
    flex-wrap: wrap;
direction: rtl;
}

.top-right li {
list-style: none;
 margin-left: 30px; 
font-weight: bold;
font-size: 15px;
}

.top-right a{
color: #000246e0;
}

.top-bg {
    background-color: rgb(172 177 205 / 0.1);
    
}
.foot-top-bor {
    border-top: 1px solid #744f84;
}
.foot-last-update {
    opacity: 0.5;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.87;
    letter-spacing: normal;
    text-align: left;
    color: white;
}

.foot-support {
    opacity: 0.5;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.67;
    letter-spacing: normal;
    color: white;
}
/* This is for Institution of Eminence */
.oie {
	
}
.oie a {
color: #000246e0;
font-weight: bold;
text-decoration: none;
opacity: 0.75;
font-size: 15px;
}
.oie a:hover {
color: #d15eff;
opacity: 1 !important;
}
.oie p {
	opacity: 0.88;
  font-family: DMSans;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #000246;
}
.shah {
padding: 10px;
font-size: j;
text-align: justify;
}
.ma-100  {
width:100% !important;
}

.spacer-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.vc {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 16px;
}

.ma_news a {
text-decoration: none;
}
/*  GIGW styles  */
.text-gigw {
    display: none;
}



@media screen and (max-width: 1500px) and (min-width: 1100px)
{  
   .sli-link {
  height: 300px;
  }

 }


@media screen and (max-width: 685px) and (min-width: 300px) {
    .top-right {
        display: block;
        padding-top: 10px;
    }
    .top-right li {
        margin-left: 0px;
        padding-top: 5px;
    }
    .foot-last-update {
        font-size: 14px;
    }
    .foot-support {
        font-size: 14px;
    }
    .progress-wrap.active-progress {
        transform: scale(0.75);
    right: 8px;
    bottom: 16px;
    }

    .mobsup {
        text-align: left!important;
    }

  .ma_gigw {
    display: contents !important;
   }
  .ma_gignw {
    display: none;
   }

    .text-gigw {
        display: contents;
    }
    .text-gigw li {
        list-style: none;
    }
    .text-gigw a {
       color: rgba(255, 255, 255, 1);
      font-size: 14px !important;
    }
    .nav-gigw {
        display: none;
    }
   .search-mob {
        margin-top: 10px;
    }
   .search-box {
     padding: 0.375rem 0.75rem !important;
    }
   .spot {
     width:100% !important;
    }
  .switch-buttons .btn-primary.light-grey.active {
    width:100%;
   }
   .switch-buttons .btn-primary.light-grey {
    width:100%;
  }

.notice-pad {
padding-top: 10px;
} 

 .as-error {
  margin-top: 20px !important;
}
 .error-title {
  font-size: 20px !important;
}
.error-mob {
  display: none;
}
.as-back {
   margin-top: -65px !important;
}

.profile-des {
         font-size: 17px;
   }
.adm-exam {

}
.adm-exam span{
  opacity: 0.88;
  font-family: DMSans;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: white;
}
.as-mob {
 color: white;
}
.sli-wrapper {
width:auto !important;
height:auto !important;
margin-top: 2px !important;
margin-bottom: 10px;
}
.as-sli {
width
}
.mr-auto, .mx-auto {
margin-left: 35px;
}
.nav-item {
margin-top: 20px !important;
}
.foot-mob {
  opacity: 0.5;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: white;
}
.dropdown-toggle::after {
    display: list-item;
    margin-left: 250px;
    margin-top: -10px;

}
.popup-card-latest {
    margin-top: 0px;
    padding: 10px;
} 
 
.ytube {
  width: 100%;
  height: 100%;
  }

}

/* add for latest du */
/** Spotlight Section **/

.latest.head {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #652b7c;
}

.switch-buttons .btn-primary.light-grey.active {
    width: auto;
    padding: 10px 16px;
    font-weight: 500;
    height: auto;
    border: solid 1px rgb(209, 94, 255, 0);
    color: #d15eff;
    background-color: rgb(209, 94, 255, 0.16);
}

.switch-buttons .btn-primary.light-grey.active:hover {
    background-color: rgb(209, 94, 255, 0.8);
    color: #fff;
}

.switch-buttons .btn-primary.light-grey {
    width: auto;
    padding: 10px 16px;
    font-weight: 500;
    height: auto;
    border: none;
    color: #454e81;
    border: solid 1px rgb(69, 78, 129, 0.1);
    background-color: transparent;
}

.switch-buttons .btn-primary.light-grey:hover {
    color: #454e81;
    background-color: rgb(69, 78, 129, 0.1);
}

.switch-buttons .btn-primary.light-grey:focus {
    box-shadow: none !important;
}

.card-depart-icon img {
    border-radius: 80px;
}

.spotlight .scrollable-list {
    max-height: 396px;
}

.spotlight-head ul {
    justify-content: center;
}

.spotlight.content {
    margin-bottom: 96px;
}

@media (max-width: 640px) {
    .spotlight-row .sides-80 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .text-center-responsive {
        text-align: -webkit-center !important;
    }
}

@media (max-width: 900px) {
    .tab-image img {
        width: 80% !important;
    }
    .guide-head {
        text-align: center;
    }
}

@media (max-width: 900px) {
    .dropbtn {
        width: 80vw !important;
    }
}

.latest-du .day {
    font-size: 15px;
    font-weight: 900;
    color: #454e81;
}

.latest-du li:hover .day {
    color: #d15eff;
}

.latest-du li {
    padding-bottom: 14px !important;
    padding-top: 12px !important;
}

.latest-du .month {
    font-size: 13px;
    font-weight: 600;
    color: #454e81;
}

.latest-du li:hover .month {
    color: #d15eff;
}

.latest-du .nav-link.active .day {
    font-size: 24px;
    font-weight: 900;
    color: #d15eff;
}

.latest-du .nav-link.active .month {
    font-size: 13px;
    font-weight: 600;
    color: #d15eff;
}

.latest-du .btn-primary.light-grey {
    font-size: 12px !important;
    padding: 5px 10px 6px 10px;
}

.latest-du h6 {
    font-size: 14px;
    font-weight: 600;
    color: #454e81;
}

.latest-du .nav-link.active h6 {
    color: #d15eff;
}

.latest-du li:hover .btn-primary.light-grey {
    border: solid 1px rgb(209, 94, 255, 0.16);
    color: #d15eff;
}

.latest-du li .nav-link .btn-primary.light-grey:hover {
    border: solid 1px rgb(209, 94, 255, 0);
    color: #d15eff !important;
    background-color: rgb(209, 94, 255, 0.12);
}

.latest-du li .nav-link.active .btn-primary.light-grey {
    border: solid 1px rgb(209, 94, 255, 0);
    color: #d15eff !important;
    background-color: rgb(209, 94, 255, 0.12);
}

.latest-du li {
    cursor: pointer;
}

.btn {
    transition: all ease-in 0.2s;
}

.latest-tab .latest-du {
    width: 100% !important;
}

.list-unstyled.generic li {
    width: 100%;
}

.latest-du li {
    border-bottom: solid 1px rgb(101, 43, 124, 0.05);
}

.latest-du li:hover {
    border-bottom: solid 1px rgb(209, 94, 255, 0.16);
}

.latest-du .nav-item {
    margin-top: 0px !important;
    width: 100%;
}

.latest-du a {
    display: inline;
}

.latest-du .nav-link {
    padding: 0px;
}

.latest-du .nav-link.active {
    background-color: unset;
}

.nav-pills.latest-du .nav-link {
    opacity: 0.9;
}

.latest-du li {
    background-color: rgb(209, 94, 255, 0);
}

.latest-du li:hover {
    background-color: rgb(209, 94, 255, 0.05);
}

.latestdu.head .btn-primary.light-grey{
    border: solid 1px rgb(209, 94, 255, 0.1);
    color: rgb(209, 94, 255, 0.88) !important;
    background-color: rgba(255, 255, 255, 1);
    width: auto;
    height: auto;
    font-size: 13px !important;
    padding: 5px 10px 6px 10px;
    margin-left: 12px;
}

.latestdu.head h6{
    display: inline;
    color: #454e81;
    font-size: 16px;
  font-weight: 600;
}

.border-bottom{
    border-bottom: solid 1px rgb(101, 43, 124, 0.05) !important;
    width: 100%;
}

.latestdu span.posted{
    color: rgb(69, 78, 129, 0.8) !important;
    font-size: 12px;
    font-weight: 600;
}

.latestdu .post-date{
    color: rgb(69, 78, 129, 0.8) !important;
    font-size: 15px;
    font-weight: 600;
}

.latestdu .post-time{
    color: rgb(69, 78, 129, 0.8) !important;
    font-size: 12px;
    font-weight: 600;
}

.latestdu img{
    width: 16px !important;
}

.post-copy img{
    width: 16px !important;
}

.post-link img{
    width: 12px !important;
}

.scrollable-list.latest-du{
    min-height: 228px;
    max-height: 228px;
}

.latestdu.foot{
    color: rgb(69, 78, 129, 0.5);
    font-size: 13px;
    font-weight: 600;
}

.latestdu.foot:hover{
 opacity: 1;
}

.latestdu.foot .post-link img{
    opacity: 0.5;
}

.latestdu.foot .post-copy img{
    opacity: 0.5;
}

.latestdu.foot .col-lg:hover .post-link img{
    opacity: 1;
}

.latestdu.foot .col-lg:hover .post-copy img{
    opacity: 1;
}

a.no-style{
    text-decoration: none;
    color: inherit;
}

a.no-style:hover{
    color: #d15eff;
    opacity: 0.8;
}

img.file{
    width: 64px !important;
}

.btn-primary.light-grey.active.latest-du{
    width: auto;
    height: auto;
    padding: 16px 20px;
    border-radius: 8px;
    background-color: rgb(209, 94, 255, 0.1);
    color: #d15eff;
}

.btn-primary.light-grey.active.latest-du:hover{
    background-color: rgb(209, 94, 255, 0.8);
    color: #fff;
}

.latestdu .scrollable-list h6{
    font-size: 16px;
  font-weight: 600;
  color: #454e81;
}

@media (max-width: 990px){
    .latestdu .text-right{
        text-align: left !important;
        margin-top: 8px;
    }
}

.latest-du .small{
    color: rgb(69, 78, 129, 0.8) !important;
    line-height: 26px;
    font-size: 13px !important;
}

.latest-du p{
    color: rgb(69, 78, 129, 0.8) !important;
    line-height: 26px;
    font-weight: 600;
    font-size: 13px !important;
}
.du-text-break { width: 248px;  }

.ma_dat {
padding-top: 4px;
}
.pad-top {
padding: 10px;
}
/* admin page css */
.profile-image img {
   border-radius: 16px;
}
.name-des {
   padding-top: 20px;
}
.home-title span {
   position: absolute;
   overflow: hidden;
   /* display: block; */
}
.linebreak {
   visibility: hidden;
   display: none;
}
.profile-des {
   opacity: 0.75;
   font-size: 21px;
   padding-top: 11px;
   padding-right: 36px;
}
.stats {
   padding-left: 5px;
   padding-top: 24px;
}

.pad-top {
padding: 10px;
}

/** Popup **/

.position-pop {
    position: absolute !important;
    bottom: 40px;
    right: 160px;
    width: 50px;
    height: 50px;
    z-index: 3;
    text-align: center;
    padding-top: 13px;
}

@media (max-width:660px) {
    .position-pop {
        bottom: 16px;
        right: 60px;
        padding-top: 4px;
    }
    .position-pop i {
        font-size: 14px;
    }
}

@media (min-width:661px) and (max-width:1250px) {
    .position-pop {
        bottom: 16px;
        right: 60px;
    }
}

.pulser {
    position: absolute;
    z-index: -1;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: #d15eff;
    animation: pulse 2.5s ease-out infinite;
}

.badge-pulse {
    width: inherit;
    height: inherit;
    border-radius: 50%;
    z-index: 3;
}

@keyframes pulse {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.08;
    }
    50% {
        opacity: 0.16;
    }
    75% {
        opacity: 0.32;
    }
    100% {
        transform: scale(2.6);
        opacity: 0;
    }
}

.popup-card {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 40%;
    bottom: 32px;
    right: 160px;
    z-index: 2;
}

.popup-card card {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 1);
}

@media (min-width:1707px) {
    .popup-card {
        width: 28%;
    }
}

.slider-popup {
    cursor: pointer !important;
}

@media (max-width: 1250px) {
    .popup-card {
        display: none;
    }
    .slider-popup {
        display: none;
    }
}

.popup .nav-item a.nav-link {
    border-bottom: solid 2px rgb(101, 43, 124, 0);
    border-radius: 0px;
    font-size: 16px;
}

.nav-link {
    margin-right: 16px !important;
    padding-left: 0px !important;
    padding: 0rem !important;
    margin: .25rem 0.5rem;
}

.popup .nav-item a.nav-link.active {
    display: inline-block;
    position: relative;
}

.popup .nav-item a.nav-link.active:after {
    position: absolute;
    content: '';
    border-bottom: solid 2px #652b7c;
    width: 100%;
    transform: translateX(-50%);
    bottom: -12px;
    left: 50%;
}

hr.news {
    margin-top: -2px !important;
    width: 105%;
    margin-left: -14px;
    margin-right: -14px !important;
}

.popup-card .card {
    box-shadow: 0px 10px 40px rgba(69, 78, 129, 0.16);
}

.popup-card .card.card-depart:hover {
    box-shadow: 0px 44px 44px rgb(209, 94, 255, 0.16) !important;
}

.sa_pop {
}

.sa_pop a:hover {
text-decoration: none;
}

.ma_sib {
margin-bottom: 30px;
}

.ma_gigw {
display: none;
}
.ma-gigw-text-menu {
  font-size: 13px;
  font-weight: 500;
  margin-left: 5px;
  color: white;
}
.wa {
color: white;
}
.ma_mob {

}
.ma_mob li {
    border-bottom: solid 1px rgb(255 255 255 / 10%);
    padding: 15px;
    margin-left: 10px;
    opacity: 0.88;
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: white;
}
.ma_mob a {
margin-left: 5px;
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#ffff;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}

.navbar-light .navbar-toggler {
border-color: rgb(101 43 124);
}

.social_wrapper {
   padding: 10px;
}

.toggle_div {
 display: none;
}

.scrollable-notice {
   min-height: 560px;
   max-height: 560px;
}

.error-pg {
    background-color: #fff;
    padding: 0rem;
    margin-bottom: -1rem;
    margin-right: -32px;
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border-radius: .25rem;
}
.error-pg-item.active {
    color: rgb(44, 70, 129, 0.5);
}
.error-title {
    font-size: 40px;
    font-weight: 600;
}
.add-bg {
    background-color: #f9f6f9;
    width: 100%;
}
.research-group {
    padding-bottom: 60px;
}
.hover-top {
    transition: transform .4s ease;
}
.as-error {
   margin: 40px 0px 40px;
}
.as-back {
  margin: 64px 0px 32px;
}
.toggle_div {
  display: none;
}
.as-togg {
    background: #652B7C;
    width: 100%;
    text-align: left;
    color: #ffffff;
    margin-bottom: 10px;
  }

  .as-togg:hover {
    background-color: #edd3f5;
    color: #d15eff;
  }

.carousel-caption {
   right: 100% !important;
    bottom: -15px !important;
    left: 0% !important;
    background-color: rgba(101 43 124 / 68%) !important;
    padding-bottom: 20px !important;
    color: #fff !important;
    text-align: left !important;
   z-index: 1 !important;
    padding-top: 20px !important;
    position: absolute;
    width: 100%;
}

.as-caro {
 }
.as-caro a{
  margin-left: 20px;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: #ffff;
  color: white;
 }

.sli-link {
  height: 500px;
}

.fixed-top {
    position: sticky;
    top: 16px;
    z-index: 2;
}

.section-A {
 Float:left;
 Margin-right: 15px;
}
.section-B {
  Float:left;
  Margin-right: 15px;
}
.section-C {
  Float:left;
  Margin-right: 15px;
}

@media only screen and (max-width: 600px) {
 .main-wrapper {
   display: flex;
   flex-direction: column;
  }

 .section-A {
  width: 100%;
  order: 3;
  padding-top: 20px;
   }

 .section-B {
 width: 100%;
 order: 1;
 }

.section-C {
 width: 100%;
 order: 2;
 }

.iframe-cont {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 150%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
}

.btn-primary-download:hover {
    background-color: #f9e7ff;
    color: #d15eff;
    border: 2px solid rgb(209, 94, 255, 0.25);
}

.btn-primary-download {
    width: 200px;
    height: 55px;
    border-radius: 30px;
    color: #fff;
    background-color: #652b7c;
    opacity: .95;
    border: none;
    transition: ease-in 0.2s;
}

.popup-card-latest {
    width: 100%;
    margin-top: 30px;
}
/* cmsms stylesheet: mohsin_sli modified: 01/19/21 11:20:05 */
.ma-pos {
    position: absolute;
    top: 299px;
    right: -138px;

}


.sli-wrapper{
    width: 435px;
    height: 421px;
    border-radius: 25px;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background-color: white;
margin-top: 80px;
}
.ma-sli {
    padding-left: 17px;
    padding-top: 15px;
}
.ma-sli a{
    margin-left: -20px;
}

.Latest {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #652b7c;
}
.Press-Release {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #652b7c;
}
.Events {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #652b7c;
}
.Notifications {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #652b7c66;
}
.h1 {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.69;
    letter-spacing: normal;
    color: #652b7c;
}
.Aug {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #652b7c;
}
.ma_latest {
    border-bottom: 1px solid #652b7c1a;
    margin-bottom: 25px;
    background color:
}
.sli-body {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #367cff;
}

.ma_press a {
text-decoration: none;
margin-top: 5px;
}
.ma-scrollable-list {
    min-height: 280px;
    max-height: 280px;
    margin-left: -13px;
    margin-right: -13px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.genside {

}

.genside li a{
text-decoration: none !important;
}

.relate-page:hover {
     color: #d15eff;
    text-decoration: none;
    font-weight: bold;
    opacity: 1;
}
.menuactive {
    color: #d15eff;
    text-decoration: none;
    font-weight: bold;

}