@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
    --color-white: #FFF;
    --color-black: #000;
    --color-gray: #777;
    --color-text: #000;
    --color-headings: #000;
    --color-light-gray: #666666;
    --color-light-gray-2: #EAECF0;
    --color-link: #F0008E;
    --color-link-hover: #911278;
    --color-navicon: #FFF;
    --color-border-light: rgba(0, 0, 0, 0.1);
    --color-border-light-2: rgba(0, 0, 0, 0.2);
    --color-error-text: #C90001;
    --color-error-bg: rgba(187, 17, 85, 0.1);
    --color-required-text: #C90001;
    --color-success-text: #20730b;
    --color-success-bg: rgba(32, 115, 11, 0.1);
    --color-button-bg: #000;
    --color-button-bg-hover: #28B5FC;
    --color-bg: #FFF;
    --color-bg-alt: #D3F0FF;
    --color-input-border: rgba(0, 0, 0, 0.1);
    --color-input-border-hover: #989bff;
    --color-qtu-fuchsia: #F0008E;
    --color-qtu-purple: #911278;
    --color-qtu-lightgolden: #EBE185;
    --color-qtu-yellow: #F4AD4A;
    --tint-qtu-fuchsia: invert(20%) sepia(92%) saturate(7500%) hue-rotate(316deg) brightness(93%) contrast(107%);
    --tint-qtu-purple: invert(14%) sepia(60%) saturate(4232%) hue-rotate(297deg) brightness(97%) contrast(100%);
    --tint-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(89deg) brightness(105%) contrast(101%);
    --tint-white-shadow: invert(100%) sepia(0%) saturate(0%) hue-rotate(89deg) brightness(105%) contrast(101%) drop-shadow(1px 1px 1px rgb(0 0 0 / 0.2));
}

body {
    font-family: 'Oxygen', sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    background-color: var( --color-qtu-purple);
    color: var(--color-text);
}

p {
    letter-spacing: 0.01em;
    line-height: 1.8em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    line-height: 1.2em;
    letter-spacing: 0.01em;
}

.wrapper {
    max-width: 1600px;
}

.no-content {
    background-color: var(--color-white);
}

#header,
#header.fixed {
    flex-wrap: wrap;
    padding: 0;
    background-color: var(--color-qtu-purple);
    border-bottom: 8px solid var(--color-qtu-lightgolden);
    box-shadow: none;
}

#header .wrapper {
    display: flex;
    align-items: center;
}

.top-band {
    width: 100%;
    background-color: var(--color-qtu-fuchsia);
}

.top-band .wrapper {
    justify-content: right;
    padding: 5px 20px;
}

.top-menu {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.top-menu li {
    padding: 0 10px;
}

.top-menu a {
    color: var(--color-white);
    text-decoration: none;
    white-space: nowrap;
}

.top-menu a:hover {
    text-decoration: underline;
    color: var(--color-white);
}

.logo span {
    display: none;
}

.logo {
    background-color: var(--color-qtu-fuchsia);
    padding: 20px;
    padding-bottom: 50px;
    margin-bottom: -30px;
    max-width: 100px;
}

#header.fixed .logo {
    margin-bottom: 0;
    padding: 20px;
    margin-top: -1px;
}

.logo img {
    filter: var(--tint-white-shadow);
    width: 50px;
}

.logo-name {
    width: 180px;
    padding: 0 20px;
}

.logo-name img {
    width: 100%;
    filter: var(--tint-white);
}

ul.main-navigation li a {
    color: var(--color-white)
}

.navicon:before,
.navicon:after {
    width: 100%;
}

.navicon.active:before {
    width: 50%;
    transform: rotate(90deg) translateY(0px) translateX(22px);
}

.navicon.active:after {
    width: 50%;
    transform: rotate(90deg) translateY(0) translateX(-22px);
}

.navicon.active,
.navicon.active:before,
.navicon.active:after {
    background-color: var(--color-black)!important;
}

.mn-inner .logo-name,
.mn-inner .top-menu {
    display: none;
}

.page-header {
    min-height: inherit;
}

#body-main {
    background-color: var(--color-white);
}

.breadcrumb-navigation-holder.wrapper {
    padding-left: 0;
    padding-right: 0;
}

.wrapper [class*="columns-"] {
    /* margin: 0 0; */
}

.content-block:not(.content-block.page-header-block) {
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer h2 {
    color: var(--color-qtu-fuchsia);
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}

#footer p {
    color: var(--color-white);
}

.footer-info {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}

.footer-info>div {
    width: 33.3333%;
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    padding: 5px 0;
    margin: 0;
}

.footer-menu li a {
    color: var(--color-white);
    text-decoration: none;
}

.footer-menu li a:hover {
    color: var(--color-qtu-yellow);
}

.footer-menu li a::before {
    content: "\eaca";
    font-family: 'icons';
    margin-right: 5px;
}

.copyright {
    width: 100%;
    background-color: #69195A;
    padding: 10px 0;
    text-align: center;
    color: var(--color-white);
}

.social-media-menu li a:before {
    font-size: 20px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 40px;
    height: 40px;
    line-height: 1.5em;
    border-radius: 0;
}


/* SSR MENU  STARTS */

.ssr-menu .level-3 {
    display: none;
}

.ssr-menu,
.ssr-menu ul {
    padding: 0;
    margin: 0;
}

.ssr-menu {
    border: 1px solid var(--color-border-light);
    background-color: var(--color-bg-alt);
    padding: 20px;
}

.ssr-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ssr-menu li a {
    text-decoration: none;
    padding: 8px 10px;
    display: block;
    color: var(--color-black);
}

.ssr-menu>li>a {
    font-size: 18px;
    font-weight: 800;
    border-bottom: 1px solid var(--color-border-light);
    padding: 15px 10px;
}

.ssr-menu>.subnav.current>a {
    border-bottom: none;
}

.ssr-menu>li>a:hover {
    color: var(--color-qtu-purple);
}

.ssr-menu>li:last-child>a {
    border-bottom-color: transparent;
}

.ssr-menu>.subnav:before,
.ssr-menu>.subnav.current:before {
    float: left;
    font-size: 22px;
    padding: 14px 10px;
    width: 30px;
}

.ssr-menu>.subnav:before {
    content: '+';
}

.ssr-menu>.subnav.current:before {
    content: '-';
}

.ssr-menu .level-2 {
    padding: 10px 0;
    background-color: var(--color-white);
    border-radius: 4px;
    padding: 15px;
    display: none;
}

.ssr-menu .level-2 a:hover {
    text-decoration: underline;
    color: var(--color-qtu-fuchsia);
}

table {
    border: 1px solid var(--color-border-light);
    border-collapse: collapse;
}

table td {
    border: 1px solid var(--color-border-light);
    padding: 10px;
}

table tr:first-child td {
    font-size: 17px;
    font-weight: 600;
}

table a {
    text-decoration: underline;
    color: var(--color-link-hover);
}

table a:hover {
    text-decoration: underline;
    color: var(--color-qtu-fuchsia);
}

.h-btn {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.h-btn li {
    padding: 20px;
    width: 33%;
}

.h-btn li a {
    display: block;
    background-color: var(--color-qtu-lightgolden);
    padding: 40px 16px;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
}

.h-btn li a:hover {
    background-color: var(--color-link);
    color: var(--color-white);
}


/* SSR MENU  ENDS */

.bu-large {
    font-size: 18px;
    background-color: var(--color-link);
    padding: 16px 20px;
    color: var(--color-white);
    text-decoration: none;
    margin: 15px 0 0 20px;
    display: inline-block;
    border-radius: 2px;
}

.bu-large:hover {
    background-color: var(--color-qtu-yellow);
    color: var(--color-black);
}

.accordion * {
    /* padding: 0 15px; */
}

.accordion {
    margin: 15px 0;
}

.accordion dt {
    background-color: var(--color-qtu-fuchsia);
    border-bottom: 5px solid var(--color-white);
    color: var(--color-white);
}

.accordion dd {
    display: none;
}

.cke_editable .accordion dd {
    display: block;
}

.accordion dt {
    cursor: pointer;
    padding: 15px 20px;
    margin: 0;
    font-weight: 600;
    font-size: 105%;
    line-height: 1.2em;
}

.accordion dt:hover,
.accordion .acp-active {
    background-color: var(--color-link-hover);
}

.accordion dt:after {
    content: '';
    border: solid var(--color-white);
    border-width: 0 2px 2px 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    float: right;
    transition: all .25s ease-in-out .1s;
    margin-top: 5px;
}

.accordion dt.acp-active:after {
    transform: rotate(45deg);
    border-color: var(--color-white);
}

.accordion dt.accordion-active:hover {
    cursor: default;
}

.accordion dd {
    padding: 20px;
}

@media screen and (max-width:900px) {
    /*  .mn-inner{ display: flex; flex-wrap: wrap;} */
    .mn-inner .logo-name {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }
    .mn-inner .logo-name a {
        width: 200px;
        display: block;
        margin: 0 auto;
    }
    .mn-inner .logo-name img {
        filter: none;
    }
    .mn-inner .logo-name {
        transition: all .3s ease-out;
        transform: translateY(-20px);
        opacity: 0;
    }
    .active .mn-inner .logo-name {
        transform: translateY(0px);
        opacity: 1;
        transition-delay: 0.3s;
    }
    .logo {
        flex: 1;
        text-align: center;
    }
    .navicon-holder {
        display: block;
        margin-right: 10px;
        margin-left: auto;
    }
    .mn-inner .top-menu {
        padding-top: 35px !important;
    }
    .mn-inner .top-menu li {
        padding-bottom: 10px;
    }
    .mn-inner .top-menu a {
        color: var(--color-black);
        font-size: 120%;
        display: block;
    }
    .mn-inner .top-menu a:hover {
        text-decoration: none;
        color: var(--color-white)
    }
    nav.main-navigation-holder {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        overflow: hidden;
        pointer-events: none;
    }
    nav.main-navigation-holder.active {
        z-index: 100;
        pointer-events: inherit;
    }
    #body-main.blur {
        filter: blur(3px);
    }
    body.fixed {
        position: absolute;
        overflow: hidden;
    }
    nav.main-navigation-holder.active:before {
        content: '';
        display: block;
        position: absolute;
        top: 0%;
        left: 0%;
        right: 0;
        bottom: 0;
        background-color: #1E1E1E;
        opacity: 0.9;
    }
    nav.main-navigation-holder ul.main-navigation *,
    ul.main-navigation ul ul {
        position: inherit;
        display: inherit;
        margin: 0;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transition: none;
        transform: none;
        all: unset;
        z-index: 1;
        cursor: pointer;
    }
    nav.main-navigation-holder .mn-inner {
        transition: all .45s;
        animation-timing-function: cubic-bezier(.37, 0, .32, .84);
        transform: translateY(0) translateX(-110%);
        background-color: var(--color-qtu-yellow);
        width: 100%;
        height: 100%;
        padding: 5em 2em 5em 2em;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto;
        border-radius: 0px;
    }
    nav.main-navigation-holder.active .mn-inner {
        transform: translateY(0) translateX(0%);
    }
    nav.main-navigation-holder ul,
    nav.main-navigation-holder ul li,
    nav.main-navigation-holder ul.main-navigation li a {
        display: block !important;
        text-align: left;
    }
    ul.main-navigation {
        display: block;
        border-radius: 0px;
    }
    nav.main-navigation-holder ul.main-navigation>li {
        border: none;
        margin-bottom: 5px;
        border-radius: 0px;
    }
    nav.main-navigation-holder ul.main-navigation>li li {
        padding: 0px 0;
    }
    nav.main-navigation-holder ul.main-navigation>li li a {
        color: var(--color-light-gray) !important;
        font-size: 100% !important;
    }
    nav.main-navigation-holder ul.main-navigation>li:last-child {
        margin-bottom: 0;
    }
    nav.main-navigation-holder ul.main-navigation>li a {
        font-size: 120%;
        padding: 10px 40px 0 0;
        position: relative;
        color: var(--color-black) !important;
        text-align: right !important;
    }
    nav.main-navigation-holder ul.main-navigation>li a:hover {
        color: var(--color-white) !important;
        opacity: 1;
    }
    nav.main-navigation-holder li.subnav a:after,
    nav.main-navigation-holder li.subnav:hover a:after {
        display: none;
        transform: none;
        padding: 0;
        margin: 0;
    }
    nav.main-navigation-holder li.subnav>a:before {
        content: '+';
        position: absolute;
        right: 15px;
    }
    nav.main-navigation-holder li.subnav.open>a:before {
        content: '-';
    }
    nav.main-navigation-holder li.subnav ul {
        background-color: transparent;
    }
    nav.main-navigation-holder li.subnav ul {
        transition: all .3s ease-out;
        height: 0;
        visibility: hidden;
        opacity: 0;
    }
    nav.main-navigation-holder li.subnav.open>ul {
        height: auto;
        visibility: visible;
        opacity: 1;
        padding: 10px 0;
    }
    .main-navigation,
    .mn-inner .top-menu {
        width: 50%;
        float: left;
        padding: 30px 2% !important;
    }
    .main-navigation {
        border-right: 1px solid var(--color-black);
    }
    .mn-inner .main-navigation li.subnav,
    .mn-inner .top-menu>li {
        transition: all .3s ease-in-out;
        opacity: 0;
    }
    .mn-inner .main-navigation li.subnav {
        transform: translateX(-100px);
    }
    .mn-inner .top-menu>li {
        transform: translateX(100px);
    }
    .active .mn-inner .main-navigation li.subnav,
    .active .mn-inner .top-menu>li {
        transform: translateX(0px);
        opacity: 1;
    }
}

@media screen and (max-width:768px) {
    .h-btn li {
        width: 50%;
    }
    .content-block:not(.content-block.page-header-block) {
        padding: 30px 25px;
    }
    .footer-info>div {
        width: 50%;
    }
}

@media screen and (max-width:640px) {
    .h-btn li {
        width: 100%;
    }
    .top-band .wrapper {
        justify-content: center;
    }
    .footer-info>div {
        width: 100%;
        padding-bottom: 20px;
    }
}