:root {
                               --primary1: #1da69c;
                               --primary2: #13cfc3;
                               --primary3: #22e0e0;
                               --primary4: #f16726;
                               --primary1-lite: #00ecdb;
                               --primary-transparent: rgba(241, 103, 38, .75);
                               --secondary: #6e7071;
                               --secondary2: #404040;
                               --font-sm: 0.8rem;
                               --font-md: 1rem;
                               --font-lg: 1.8rem;
                           }

                           /* font-family: 'Quicksand', sans-serif;*/

                           /* font-family: 'Dancing Script', cursive; */

                           /* font-family: 'Julius Sans One', sans-serif; */

                           /* font-family: 'Raleway', sans-serif; */

                           /* font-family: 'Roboto Condensed', sans-serif; */

                           /* font-family: 'Barlow', sans-serif; */

                           /* font-family: 'Poppins', sans-serif; */

                           /* Global Properties */

                           h1, h2, h3, h4, h5, .page-title {
                               font-family: 'Barlow', sans-serif;
                               font-weight: bold;
                           }

                           * {
                               font-family: 'Roboto', sans-serif;
                               font-weight: normal;
                               font-size: 1rem;
                           }

                           *:focus-visible, *:focus, *:hover {
                               outline: none !important;
                           }

                           html {
                               height: 100%;
                           }

                           body {
                               min-height: 100%;
                               display: flex;
                               flex-direction: column;
                               background-position: top;
                               background-attachment: fixed;
                               background-size: cover;
                               font-size: 12px;
                               /* background-image: linear-gradient(90deg, rgb(255 255 255 / 90%) 0%, rgb(255 255 255 / 90%) 100%), url(../images/dna.jpg); */
                           }

                           footer {
                               margin-top: auto;
                           }

                           p {
                               font-size: 1rem;
                           }

                           a {
                               color: black;
                               transition: all 0.3s;
                           }

                           a:hover {
                               color: black;
                               text-decoration: none;
                           }

                           span.spacer {
                               display: inline-block;
                               width: 10px;
                           }

                           .self-center {
                               align-self: center;
                           }

                           .hr1 {
                               display: block;
                               width: inherit;
                               border-top: 2px solid var(--primary4);
                           }

                           p {
                               text-align: left;
                           }

                           span.black {
                               text-transform: uppercase;
                               font-weight: bold;
                               color: #404040 !important;
                               font-size: inherit !important;
                           }

                           .link {
                               color: #1da69c;
                               font-weight: bold;
                           }

                           .gbu {
                               min-width: 170px;
                               max-width: 170px;
                           }

                           .uoe {
                               min-width: 200px;
                               max-width: 200px;
                           }

                           /* buttons */

                           .btn-primary {
                               background-color: var(--primary1);
                               border: none;
                           }

                           .btn-primary:hover {
                               background-color: var(--secondary2);
                               border: none;
                           }

                           .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
                               background-color: var(--secondary2);
                               border: none;
                           }

                           .btn1 {
                               background-color: #f16726;
                               border: 1px solid transparent;
                               border-radius: 0;
                               color: #fff;
                           }

                           .btn1:hover {
                               background-color: #fff;
                               border: none;
                               border: 1px solid var(--primary4);
                               border-radius: 0;
                               color: var(--primary4);
                           }

                           .btn3, .btn2 {
                               background-color: var(--primary1);
                               border: 1px solid transparent;
                               border-radius: 0;
                               color: #fff;
                               font-size: 0.85rem;
                           }

                           .btn3 {
                               border-top-right-radius: .25rem;
                               border-bottom-right-radius: .25rem;
                           }

                           .btn3:hover, .btn2:hover {
                               background-color: #fff;
                               border: none;
                               border: 1px solid var(--primary1);
                               border-radius: 0;
                               color: var(--primary1);
                           }

                           .btn3:hover {
                               border-top-right-radius: .25rem;
                               border-bottom-right-radius: .25rem;
                           }

                           div.a-panel-heading {
                               background-color: #eee;
                               color: #000 !important;
                               padding: 0.4rem;
                               margin: 1rem 0;
                               padding-left: 1rem;
                           }

                           div.a-panel-heading a {
                               color: #000;
                               display: inline-block;
                           }

                           div.a-panel-body {
                               border: 1px solid #636363;
                               padding: 1rem;
                           }

                           /* Tabs */

                           #tabs {
                               color: #000;
                           }

                           #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                               color: #000;
                               background-color: transparent;
                               border-color: transparent transparent var(--primary4);
                               border-bottom: 1px solid var(--primary4) !important;
                               font-size: 1rem;
                               font-weight: bold;
                           }

                           #tabs .nav-tabs .nav-link {
                               border: 1px solid transparent;
                               border-top-left-radius: .25rem;
                               border-top-right-radius: .25rem;
                               color: #000;
                               font-size: 1rem;
                           }

                           table.resp {
                               border-spacing: 1px;
                               border-collapse: collapse;
                               background: white;
                               overflow: hidden;
                               max-width: 900px;
                               width: 90%;
                               margin: 2rem auto;
                               position: relative;
                           }

                           table.resp * {
                               position: relative;
                           }

                           table.resp td, table.resp th {
                               padding-left: 8px;
                           }

                           table.resp thead tr {
                               height: 60px;
                               font-size: 16px;
                           }

                           table.resp tbody tr {
                               height: 48px;
                           }

                           table.resp tbody tr:last-child {
                               border: 0;
                           }

                           table.resp td, table.resp th {
                               text-align: left;
                               border: 1px solid #ccc;
                           }

                           table.resp th {
                               font-size: 1rem;
                               white-space: nowrap;
                               padding: 5px 10px;
                           }

                           table.resp td {
                               font-size: 1rem;
                               padding: 5px 10px;
                               vertical-align: middle;
                           }

                           table.resp td ul {
                               padding-left: 2rem;
                           }

                           table.resp td ul li {
                               font-size: 0.8rem;
                               padding: 0;
                           }

                           table.resp th {
                               text-align: center;
                               background: var(--primary1);
                               color: white;
                               vertical-align: middle;
                           }

                           table.resp td a {
                               color: black;
                               white-space: initial;
                               font-size: 0.8rem;
                           }

                           table.resp td i {
                               font-size: 0.6rem;
                           }

                           table.resp td a:hover {
                               color: var(--primary4) !important;
                           }

                           table.resp td.l, table.resp th.l {
                               text-align: right;
                           }

                           table.resp td.c, table.resp th.c {
                               text-align: center;
                           }

                           table.resp td.r, table.resp th.r {
                               text-align: center;
                           }

                           .hideThis {
                               display: none !important;
                           }

                           /* theme */

                           table.tender tr th {
                               background-color: var(--primary1);
                           }

                           .table thead th {
                               vertical-align: bottom;
                               border-bottom: 1px solid #ccc;
                               color: white;
                               font-weight: normal;
                               text-align: center;
                           }

                           .subject thead th {
                               vertical-align: top;
                           }

                           .table.subject td, .table-bordered td, .table-bordered th {
                               border: 1px solid #ccc;
                               vertical-align: middle;
                               padding: 5px;
                           }

                           .table.subject td {
                               vertical-align: top;
                           }

                           td.number {
                               text-align: center;
                           }

                           .note {
                               padding: 1rem;
                               font-size: 0.9rem;
                               font-style: italic;
                               background-color: #eee;
                               width: 90%;
                               margin: 0 auto;
                               margin-bottom: 1rem;
                           }

                           .note2 {
                               padding: 1rem;
                               font-style: italic;
                               background-color: #eee;
                               width: 90%;
                               margin: 0 auto;
                               margin-bottom: 1rem;
                           }

                           .note2 b {
                               font-size: 0.9rem;
                           }

                           .arrow {
                               border-style: solid inherit;
                               border-width: 0 3px 3px 0;
                               display: inline-block;
                               padding: 3px;
                           }

                           .right {
                               transform: rotate(-45deg);
                               -webkit-transform: rotate(-45deg);
                           }

                           .left {
                               transform: rotate(135deg);
                               -webkit-transform: rotate(135deg);
                           }

                           .up {
                               transform: rotate(-135deg);
                               -webkit-transform: rotate(-135deg);
                           }

                           .down {
                               transform: rotate(45deg);
                               -webkit-transform: rotate(45deg);
                           }

                           header {
                               background-image: linear-gradient(0deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .95) 10%), url('../images/dna.jpg');
                               background-repeat: no-repeat;
                               background-position: center;
                               background-size: cover;
                               background-attachment: fixed;
                               background-color: #fff;
                           }

                           .top-buttons {
                               padding-bottom: 20px;
                               justify-content: flex-end;
                           }

                           .page-title {
                               color: var(--primary4);
                               text-transform: uppercase;
                               font-weight: bold;
                               position: relative;
                               padding-left: 1.1rem;
                               padding-top: 2rem;
                               padding-bottom: 2rem;
                           }

                           .page-title.with-bg {
                               height: 200px;
                               color: #fff;
                               background-attachment: scroll;
                               background-size: 100%;
                               background-repeat: no-repeat;
                               background-position: center;
                               margin-bottom: 2rem;
                               border-left: none;
                           }

                           .page-title.with-bg h3 {
                               padding: 0.5rem;
                               display: inline;
                               background-color: rgba(241, 103, 38, 0.75);
                               border-top-right-radius: 30px;
                               border-bottom-right-radius: 30px;
                               padding-right: 2rem;
                               left: -10px;
                               margin: -1rem;
                           }

                           .with-bg::before {
                               display: none !important;
                           }

                           .page-title::before {
                               content: "";
                               display: block;
                               width: 9px;
                               background-color: rgb(237 237 237);
                               transform: translateX(-2rem);
                               position: absolute;
                               /* height: 100%; */
                               top: 1.5rem;
                               bottom: 1.5rem;
                               border-left: 1px solid #f16726;
                           }

                           .page-title2 {
                               color: var(--primary4);
                           }

                           .page-title3 {
                               color: var(--primary4);
                               border-bottom: 1px solid #eee;
                               margin-top: 2rem;
                           }

                           .required-ele .required-ele-wrapper {
                               color: var(--primary4);
                               text-align: center;
                           }

                           .required-ele .required-ele-wrapper i {
                               color: #969696;
                               vertical-align: middle;
                               font-size: 1.3rem;
                               /* line-height: 23px; */
                               padding-top: 5px;
                               padding-left: 5px;
                               padding-right: 5px;
                               cursor: pointer;
                           }

                           span.font-icon {
                               font-size: 0.7rem;
                               display: inline-block;
                               line-height: 22px;
                               background-color: #969696;
                               height: 22px;
                               width: 22px;
                               text-align: center;
                               border-radius: 3px;
                               color: #fff;
                               transform: translateY(2px);
                               cursor: pointer;
                           }

                           .header-icon-row {
                               align-items: center;
                           }

                           .header-icon i {
                               font-size: 1.6rem;
                               color: var(--primary4);
                               vertical-align: middle;
                           }

                           header>.top-row {
                               /* border-top: 3px solid var(--primary1); */
                               color: black;
                               z-index: 2;
                               position: relative;
                           }

                           ul.top-icon {
                               display: inline-block;
                               list-style: none;
                               padding: 0;
                               margin: 0;
                           }

                           ul.top-icon>li {
                               display: inline-block;
                           }

                           ul.top-icon>li>a {
                               display: block;
                               height: 30px;
                               align-items: center;
                               line-height: 25px;
                               width: 30px;
                               text-align: center;
                               border: 1px solid var(--primary1);
                               transition: all 0.2s;
                               margin: 0.3rem 0;
                           }

                           ul.top-icon>li>a:hover {
                               color: white;
                               background-color: var(--primary1);
                               border: 1px solid var(--primary1);
                               text-decoration: none;
                           }

                           nav.navbar {
                               padding: 0;
                               background-color: var(--secondary2);
                               z-index: 3;
                               box-shadow: 0px 0px 1px #fff;
                           }

                           button.navbar-toggler {
                               color: var(--primary4);
                               padding: 0.7rem 1rem;
                           }

                           button.navbar-toggler i {
                               font-size: 1.5rem;
                           }

                           li.nav-item {
                               padding: 0.4rem 10px;
                           }

                           li.nav-item a {
                               color: white;
                               padding: 0.5rem 1rem;
                           }

                           li.nav-item:hover {
                               /* border-bottom: 2px solid var(--primary4); */
                               background-color: #545454;
                           }

                           li.nav-item.active {
                               /* border-bottom: 2px solid var(--primary4); */
                               color: var(--primary4);
                               background-color: #545454;
                           }

                           li.nav-item.active i {
                               /* border-bottom: 2px solid var(--primary4); */
                               color: var(--primary4);
                               background-color: #545454;
                           }

                           li.nav-item.active .nav-link, li.nav-item.active .dropdown-toggle {
                               color: var(--primary4);
                           }

                           li.nav-item.active .dropdown-toggle::after {
                               border: solid rgba(255, 82, 0, .42);
                               border-width: 0 2px 2px 0;
                           }

                           .dropdown-toggle::after {
                               border: solid rgba(255, 255, 255, .42);
                               border-width: 0 2px 2px 0;
                               display: inline-block;
                               padding: 2px;
                               margin-left: 0.5em;
                               vertical-align: .255em;
                               content: "";
                               transform: rotate(45deg);
                               -webkit-transform: rotate(45deg);
                           }

                           li.nav-item .dropdown-item:hover, li.nav-item .dropdown-item:focus {
                               color: white;
                               background-color: var(--primary1);
                           }

                           .navbar-nav .dropdown-menu {
                               position: relative;
                               float: none;
                               border-radius: 0;
                               background-color: #505050;
                               border: 0;
                               padding: 0;
                               box-shadow: 0px 2px 7px rgba(0, 0, 0, .50)
                           }

                           .navbar-nav .dropdown-menu .sub-menu {
                               position: absolute;
                               opacity: 0;
                               display: none;
                               top: 0;
                               right: 0;
                           }

                           .navbar-nav .dropdown-menu:hover .sub-menu {
                               position: absolute;
                               opacity: 1;
                               display: block;
                               box-shadow: 0px 2px 7px rgba(0, 0, 0, .50)
                           }

                           .dropdown-submenu {
                               position: relative;
                           }

                           .dropdown-submenu a::after {
                               transform: rotate(-45deg);
                               position: absolute;
                               right: 1.9rem;
                               top: 1.11em;
                           }

                           .dropdown-submenu .dropdown-menu {
                               left: 0;
                               top: 0;
                               padding: 0;
                               margin: 0;
                               background: #676767;
                           }

                           .brc-wrapper {
                               background-color: #eee;
                               padding: 10px;
                           }

                           .brc-wrapper .brc-link.brc-inner {
                               padding-left: 10px;
                           }

                           .brc-wrapper .brc-link.brc-inner::before {
                               content: '/';
                               padding-right: 10px;
                               color: #c5c5c5;
                           }

                           .brc-wrapper .brc-link.brc-inner.active {
                               font-weight: bold;
                           }

                           /* Objective */

                           ul.objective {
                               list-style: none;
                           }

                           ul.objective._border li {
                               border-bottom: 1px dotted #eee;
                           }

                           ul.objective._border li, ul.objective li {
                               padding: 1rem 0;
                               position: relative;
                           }

                           ul.objective.normal li {
                               padding: 0.25rem 0;
                           }

                           ul.objective li::before {
                               content: "-";
                               transform: translateX(-20px);
                               position: absolute;
                               font-size: 1rem;
                               /* top: 0; */
                               font-weight: bold;
                               color: var(--primary4);
                           }

                           /* News Slider */

                           #GRSlider-container, #NewsSlider-container {
                               background-color: var(--litegray);
                               list-style: none;
                               height: 300px;
                               overflow: hidden;
                           }

                           #GRSlider-container ul, #NewsSlider-container ul {
                               list-style: none;
                               height: inherit;
                               padding: 10px;
                               background-color: #eee;
                           }

                           #GRSlider-container ul li, #NewsSlider-container ul li {
                               padding: 0.9rem 0.7rem;
                               position: relative;
                               margin: 0;
                               font-size: 0.9rem;
                               border-bottom: 1px solid #fff;
                               color: var(--black);
                           }

                           #GRSlider-container ul li .readmore, #NewsSlider-container ul li .readmore {
                               font-size: 0.8rem;
                               text-align: right;
                               font-style: italic;
                           }

                           #GRSlider-container ul li .readmore a, #NewsSlider-container ul li .readmore a {
                               color: var(--darkgray) !important;
                               font-size: 0.8rem;
                               font-weight: bold;
                               color: var(--primary4);
                           }

                           #GRSlider-container ul li .readmore a:hover, #NewsSlider-container ul li .readmore a:hover {
                               color: var(--primary4) !important;
                           }

                           .hide-scrollbar::-webkit-scrollbar {
                               display: none;
                           }

                           #GRSlider-prev, #GRSlider-next, #NewsSlider-prev, #NewsSlider-next {
                               color: var(--white);
                               padding: 10px 5px;
                               margin: 10px 5px;
                               margin: 0;
                               font-size: 0.6rem;
                               width: 21px;
                               line-height: 1px;
                               margin: 0px 3px !important;
                               border-radius: 16px;
                               background-color: var(--primary4);
                               cursor: pointer;
                           }

                           /* Slider */

                           .container-fluid.slider-wrapper {
                               margin-top: -1.7rem;
                           }

                           .splide__slide img {
                               vertical-align: middle;
                               max-width: 90%;
                           }

                           .splide__arrow {
                               background: transparent;
                               opacity: 0.4;
                               fill: var(--primary4);
                               display: none;
                           }

                           .splide__arrow:hover {
                               cursor: pointer;
                               opacity: 1;
                           }

                           .splide__arrow:hover svg {
                               fill: var(--primary4);
                           }

                           .splide__arrow svg {
                               width: 3.2em;
                               height: 3.2em;
                           }

                           .splide--nav>.splide__track>.splide__list>.splide__slide, #thumbSlider .splide__track>.splide__list>.splide__slide {
                               border: none;
                               transition: all 0.5s;
                               align-items: center;
                               justify-content: center;
                               display: flex;
                           }

                           #thumbSlider .splide__track>.splide__list>.splide__slide {
                               border: 2px solid transparent;
                               opacity: 0.4;
                           }

                           .splide--nav>.splide__track>.splide__list>.splide__slide::before {
                               content: "";
                               position: absolute;
                               top: -10px;
                               width: 0;
                               height: 0;
                               border-left: 5px solid transparent;
                               border-right: 5px solid transparent;
                               border-bottom: 5px solid var(--primary4);
                           }

                           #thumbSlider .splide__track>.splide__list>.splide__slide.is-active {
                               border: 2px solid var(--primary4);
                               opacity: 1;
                           }

                           .splide__slide>.slide-text {
                               background-color: rgba(0, 0, 0, .62);
                               color: white;
                               padding: 0.5rem;
                               bottom: 0;
                               position: absolute;
                               right: 0;
                               left: 0;
                               padding-bottom: 0;
                           }

                           .splide-text-common {
                               background-color: rgb(64, 64, 64);
                               display: flex;
                               vertical-align: middle;
                               align-items: center;
                               justify-content: center;
                               color: #fff;
                               position: relative;
                               z-index: 2;
                               top: 0;
                               left: 0;
                               right: 0;
                               bottom: 0;
                           }

                           .slider-text-row {
                               align-items: center;
                           }

                           .splide-text-common .slider-title {
                               color: white;
                               padding: 2rem;
                           }

                           .slider-title-wrapper {
                               display: table;
                               font-family: 'Poppins';
                               text-transform: uppercase;
                               font-weight: bold;
                               margin-left: 0rem;
                               z-index: 2;
                               margin: 0 auto;
                               font-size: 2.5rem;
                           }

                           .splide-text-common .slider-title span.orange {
                               font-family: 'Poppins';
                               text-decoration: underline;
                               text-transform: uppercase;
                               font-size: inherit;
                               font-weight: inherit;
                               text-decoration-color: var(--primary4);
                               text-decoration-thickness: 3px;
                           }

                           .splide-text-common .block {
                               background-color: rgba(10, 150, 140, 1);
                               color: white;
                               padding: 3rem;
                               text-align: left;
                               border: 1px solid rgba(0, 0, 0, .15);
                               box-shadow: 0px 0px 6rem rgba(0, 0, 0, .35);
                           }

                           .splide-text-common .govOfficials {
                               background-color: #fff;
                           }

                           .splide-text-common .govOfficials-user {
                               display: flex;
                               padding: 15px 0;
                               /* margin: 20px auto; */
                           }

                           .splide-text-common .govOfficials-user:nth-child(even) {
                               border-top: 1px solid #ccc;
                           }

                           .splide-text-common .govOfficials-img {
                               display: inline-block;
                               margin-right: 20px;
                           }

                           .splide-text-common .govOfficials-img img {
                               height: 90px;
                               padding: 5px;
                               ;
                           }

                           .splide-text-common .govOfficials-details {
                               font-size: 1rem;
                               display: inline-block;
                               color: black;
                           }

                           .splide-text-common .govOfficials-icon {
                               font-size: 1.3rem;
                           }

                           .splide-text-common .govOfficials-icon .facebook {
                               color: #4267B2;
                               font-size: 1.7rem;
                           }

                           .splide-text-common .govOfficials-icon .twitter {
                               color: #1DA1F2;
                               font-size: 1.7rem;
                           }

                           .splide-text-common .govOfficials-details-title {
                               font-size: 0.75rem;
                           }

                           .vision {
                               background-color: rgba(29, 166, 156, .70);
                               padding: 1.2rem;
                               position: relative;
                           }

                           .vision::after {
                               content: '';
                               border: 1px solid rgb(0 134 124);
                               position: absolute;
                               top: 10px;
                               bottom: -10px;
                               left: 10px;
                               right: -10px;
                           }

                           .mission-title, .vision-title {
                               font-size: 1.7rem;
                               color: var(--primary1);
                               border-bottom: 1px solid #6b6b6b;
                               padding-bottom: 1rem;
                               margin-bottom: 1rem;
                           }

                           .mission-title {
                               color: var(--primary4);
                           }

                           .vision-desc {
                               font-size: 1.2rem;
                           }

                           .vision-user {
                               position: relative;
                               bottom: -4rem;
                               z-index: 2;
                               margin-bottom: 0rem;
                               margin-right: -15px;
                               text-align: right;
                           }

                           .vision-user .user {
                               background-color: #fff;
                               display: inline-block;
                               /* height: 9rem; */
                               width: 9rem;
                               padding: 3px;
                               margin: 0px 0.2rem;
                               overflow: hidden;
                               text-align: left;
                           }

                           .vision-user .user .user-name {
                               font-size: 0.75rem;
                               text-align: center;
                           }

                           .vision-user .user img {
                               display: block;
                               width: 100%;
                           }

                           .vision-text {
                               text-align: justify;
                           }

                           /* MAP */

                           .mapouter {
                               position: relative;
                               text-align: right;
                               height: 100%;
                               width: 100%;
                               border: 1px solid var(--darkgray2);
                           }

                           .gmap_canvas {
                               overflow: hidden;
                               background: none !important;
                               height: 100%;
                               width: 100%;
                               border: none;
                           }

                           .content .content-title1, .content .content-title2, .content .content-title3 {
                               font-weight: bold;
                               font-family: 'Barlow', sans-serif;
                               text-transform: uppercase;
                               color: var(--primary1);
                               font-size: 1.5rem;
                               padding-right: 20%;
                               display: inline-block;
                               border-bottom: 2px solid #ddd;
                               margin-bottom: 0.7rem;
                           }

                           .content .content-title3 {
                               color: var(--primary4);
                               border: none;
                               border-left: 10px solid rgba(130, 134, 144, .35);
                               padding-left: 15px;
                           }

                           .content .content-title2 {
                               color: var(--primary4);
                               font-size: 1rem;
                               width: 100%;
                               text-align: center;
                               padding-right: 0%;
                               border: none;
                               padding: 1rem 0;
                               background-color: #404040;
                           }

                           .content-text ul {
                               list-style: square;
                               color: var(--primary1);
                           }

                           .content-text ul li {
                               padding: 1rem;
                               color: black;
                           }

                           .key-contact-name {
                               border-bottom: 1px solid #ccc;
                               padding: 1rem 1.2rem;
                           }

                           .director-img {
                               border: 1px solid rgba(238, 238, 238, 0.65);
                               background-color: #eee;
                               padding-top: 15px;
                               height: 200px;
                           }

                           .DG-Name-Image {
                               float: left;
                               margin: 0 20px 20px 0;
                           }

                           .DG-Name {
                               font-weight: bold;
                               padding-top: 20px;
                           }

                           .vision-block {
                               width: 90%;
                               background-color: #1da69c;
                               padding: 1.3rem;
                               margin: 0 auto;
                               word-spacing: 0.3rem;
                               font-size: 1.1rem;
                               color: #fff;
                           }

                           .vision-block::before {
                               /* content: '"'; */
                               position: absolute;
                               font-family: 'Lucida Console' !important;
                               font-size: 20rem;
                               color: rgba(255, 255, 255, .42);
                               top: 2rem;
                               left: 2rem;
                               line-height: 20rem;
                           }

                           .vision-block-director {
                               background-color: rgba(29, 166, 156, .88);
                               font-size: 0.9rem;
                           }

                           .vision-block p {
                               /* text-indent: 1rem; */
                               font-size: 0.95rem;
                               word-spacing: initial;
                           }

                           .v-center {
                               align-items: center;
                           }

                           .vision-block small {
                               font-style: italic;
                           }

                           .director-row {
                               align-items: center;
                           }

                           .collabration-wrapper {
                               display: flex;
                               align-items: center;
                               justify-content: space-between;
                           }

                           /* 5 Cols */

                           .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
                               position: relative;
                               min-height: 1px;
                               padding-right: 15px;
                               padding-left: 15px;
                           }

                           .col-xs-5ths {
                               width: 20%;
                               float: left;
                           }

                           .Programme-bg {
                               color: var(--white);
                               background-position: top;
                               background-attachment: fixed;
                               background-size: cover;
                               background-image: linear-gradient(90deg, rgba(0, 0, 0, .50) 0%, rgba(0, 0, 0, .50) 100%), url(../images/Students.jpg);
                               background-repeat: no-repeat;
                           }

                           h2 {
                               text-align: left;
                           }

                           .vision-text {
                               text-align: left;
                               padding: 2.5rem;
                               background-color: #2d2d2d;
                               color: var(--white);
                           }

                           .mission-sap {
                               background-color: var(--primary4);
                               height: inherit;
                               width: 1px;
                               display: flex;
                           }

                           .mission-text {
                               border-left: 1px solid black;
                               text-align: left;
                               padding: 2.5rem;
                               background-color: #2d2d2d;
                               color: var(--white);
                           }

                           /* Courses card */

                           .Programme {
                               margin: 3rem auto;
                           }

                           .Programme:last-child {
                               padding-right: 0;
                           }

                           .Programme:first-child {
                               padding-left: 0;
                           }

                           .Programme-wrapper {
                               background-color: #fff;
                               padding: 1rem 0;
                           }

                           .Programme-img {
                               text-align: center;
                               padding: 1rem 0;
                           }

                           .Programme-title {
                               text-align: center;
                               font-size: 1.2rem;
                               color: var(--secondary);
                               padding: 1rem 1.5rem;
                           }

                           .Programme-button {
                               text-align: center;
                               padding: 1rem 0;
                           }

                           .partners-bg {
                               background-color: white;
                           }

                           .card-cat-desc {
                               padding: 10px 5px;
                               text-align: center;
                               font-size: 0.85rem;
                               color: black;
                           }

                           .card-cat-know-wrapper {
                               padding: 12px 5px;
                           }

                           button.card-cat-know {
                               margin: 0 auto;
                               justify-self: center;
                               font-size: 0.8rem;
                               color: var(--white);
                               background-color: var(--primary1);
                               border: none;
                               border-radius: 3px;
                               padding: 7px 12px;
                               cursor: pointer !important;
                           }

                           .cat-icon {
                               color: var(--primary-lite);
                               fill: var(--primary-lite);
                           }

                           .card-body-categories>.card-title-categories {
                               background-color: var(--white);
                               color: black;
                               padding: 10px 5px;
                               margin: 0;
                               border-top-left-radius: 3px;
                               border-top-right-radius: 3px;
                           }

                           .card-body-categories>.card-text-categories.card-slider {
                               padding: 10px 5px;
                           }

                           #accordion .card {
                               margin-bottom: 5px;
                           }

                           #accordion .card-header {
                               background-color: var(--primary1);
                           }

                           #accordion .card-header a.card-link {
                               color: #fff !important;
                               display: block;
                           }

                           #accordion .card:last-child {
                               margin-bottom: 15px;
                           }

                           #phdapplication label {
                               font-size: 0.84em;
                           }

                           #big-footer {
                               background-color: #333;
                           }

                           .quick-links>h5 {
                               color: var(--primary1);
                           }

                           .courses>h5 {
                               color: var(--primary1-lite);
                           }

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

                           ul.footer-menu>li {
                               padding: 5px;
                               color: #fff;
                               transition: all 0.2s linear;
                           }

                           ul.footer-menu>li>a {
                               color: #fff;
                               transition: all 0.2s linear;
                           }

                           ul.footer-menu>li:before {
                               content: '>'
                           }

                           ul.footer-menu>li:hover {
                               color: var(--primary4);
                           }

                           ul.footer-menu>li:hover>a {
                               text-decoration: none;
                               padding-left: 0.6rem;
                               color: var(--primary4);
                           }

                           .footer-logo {
                               padding: 2rem 0px;
                               align-self: center;
                           }

                           .footer-logo>img {
                               background-color: var(--white);
                               border-radius: 5px;
                               align-self: center;
                           }

                           .footer-contact {
                               color: #fff;
                               font-size: 0.95rem;
                               line-height: 1.7rem;
                               margin-left: auto;
                           }

                           .footer-contact a {
                               color: #fff;
                           }

                           .footer-contact a:hover {
                               color: var(--primary4);
                           }

                           .footer-contact-name {
                               border-bottom: 1px solid var(--primary1);
                               padding-bottom: 0.6rem;
                               font-size: 1.7rem;
                               text-align: left;
                               line-height: 2.5rem;
                               font-family: 'Poppins';
                           }

                           .footer-social {
                               margin: 1.6rem 0 0 0;
                           }

                           .bottom-data, .bottom-footer {
                               background: #000;
                               color: #fff;
                               font-size: 0.75rem !important;
                               padding: 0.6rem 0;
                           }

                           .bottom-data {
                               background: #121212;
                           }

                           #team .card {
                               border: none;
                               background: #ffffff;
                           }

                           ul.UOEteam li {
                               display: block;
                               position: relative;
                               background-color: rgba(239, 239, 239, 0.43);
                               margin: 0.8rem 0;
                           }

                           ul.UOEteam li .Name::before {
                               content: '';
                               width: 0px;
                               height: 0px;
                               border-top: 6px solid transparent;
                               border-bottom: 6px solid transparent;
                               border-left: 6px solid var(--primary4);
                               position: absolute;
                               top: 50%;
                               transform: translateY(-50%);
                           }

                           ul.UOEteam li::before {
                               content: "";
                               display: block;
                               position: absolute;
                               width: 1px;
                               top: 0px;
                               bottom: 0px;
                               left: 0px;
                               background-color: #c5c5c5;
                           }

                           ul.UOEteam li .Name {
                               display: inline-block;
                               position: relative;
                           }

                           ul.UOEteam li .Name span {
                               font-size: 1.5rem;
                               display: inline-block;
                               line-height: inherit;
                               padding: 0.7rem 3rem 0.5rem 1rem;
                           }

                           ul.UOEteam li .Name a {
                               justify-items: center;
                               position: absolute;
                               width: 40px;
                               display: inline-block;
                               overflow: hidden;
                               text-align: center;
                               vertical-align: middle;
                               padding: 0.7rem 0.5rem;
                               height: 100%;
                               display: flex;
                               align-items: center;
                               justify-content: center;
                               right: 0px;
                               top: 0px;
                               transition: all 0.2s;
                               transform: translateX(-20px);
                               opacity: 0;
                           }

                           ul.UOEteam li .Name i {
                               font-size: 1.35rem;
                           }

                           ul.UOEteam li .Name a:hover, ul.UOEteam li .Name i:hover {
                               color: var(--primary4);
                           }

                           ul.UOEteam li:hover .Name a {
                               transform: translateX(0px);
                               opacity: 1;
                           }

                           .frontside {
                               position: relative;
                               -webkit-transform: rotateY(0deg);
                               -ms-transform: rotateY(0deg);
                               z-index: 2;
                               margin-bottom: 30px;
                           }

                           .card a {
                               font-size: 18px;
                               color: #007b5e !important;
                           }

                           .frontside .card .card-title, .backside .card .card-title {
                               color: #007b5e !important;
                           }

                           .frontside .card .card-body p {
                               text-align: center;
                           }

                           .frontside .card .card-body img {
                               width: 120px;
                               height: 120px;
                               border-radius: 50%;
                           }

                           span.highlight {
                               background-color: yellow;
                               font-weight: bold;
                               font-style: italic;
                           }

                           .popupWrapper {
                               position: fixed;
                               top: 0;
                               bottom: 0;
                               left: 0;
                               right: 0;
                               background-color: rgba(0, 0, 0, .8);
                               z-index: 10;
                               display: flex;
                               flex: 1;
                               align-items: center;
                               justify-content: center;
                           }

                           .popup {
                               background-color: #fff;
                               width: 90%;
                               max-width: 800px;
                           }

                           .popup .title {
                               background-color: var(--primary1);
                               padding: 0.7rem;
                               color: #fff;
                               font-size: 1.1rem;
                           }

                           .popup .title .close {
                               background-color: #f00;
                           }

                           .popup .content {
                               padding: 10px;
                               background-color: #fff;
                           }

                           .popup .bottom {
                               text-align: right;
                               padding: 10px;
                           }

                           .popup .bottom button {
                               cursor: pointer;
                           }

                           li.new::before {
                               content: 'NEW';
                               text-transform: capitalize;
                               color: #f00;
                               font-weight: bold;
                               text-shadow: 0px 0px 6px yellow, 0px 0px 6px yellow;
                               position: absolute;
                               left: -7px;
                               transform: rotate( -45deg);
                               top: -4px;
                               font-size: 0.7rem;
                               animation: blinker 0.7s linear infinite;
                           }

                           .blink_me {
                               animation: blinker 1s linear infinite;
                           }

                           .mandatory {
                               color: red;
                               font-size: 0.7rem;
                           }

                           input[type=date] {
                               font-size: 0.8rem;
                           }

                           select.form-control:not([size]):not([multiple]) {
                               height: calc(2.25rem + 2px);
                           }

                           ol.form-list {
                               padding-left: 15px;
                           }

                           ol.form-list li {
                               font-size: 0.8rem;
                           }

                           /* Navigation */

                           .navbar-light .navbar-nav .nav-link {
                               color: rgb(64, 64, 64);
                           }

                           .btco-menu li>a {
                               padding: 10px 15px;
                               color: #000;
                           }

                           .btco-menu .active a:focus, .btco-menu li a:focus, .navbar>.show>a:focus {
                               background: transparent;
                               outline: 0;
                           }

                           .dropdown-menu .show>.dropdown-toggle::after {
                               transform: rotate(-90deg);
                           }

                           div.sticky {
                               position: fixed;
                               top: 0px;
                               left: 0px;
                               right: 0px;
                               width: 100%;
                               max-width: 100%;
                               z-index: 3;
                           }

                           .navlogo-sitcky {
                               position: absolute;
                               right: 100%;
                           }

                           #navContainer {
                               transition: all 0.2s linear;
                           }

                           .visitor-count, .last-update {
                               font-size: 0.8rem;
                               display: inline-block;
                               padding: 0 1rem;
                               color: #fff;
                           }

                           .visitor-count span, .last-update span {
                               font-size: 0.8rem;
                               background-color: var(--primary1);
                               padding: 3px 7px;
                               color: #000;
                               border-radius: 3px;
                               font-weight: bold;
                           }

                           .visitor-count span {}

                           .last-update span {}

                           .container {
                               max-width: 1200px;
                           }

                           @keyframes blinker {
                               50% {
                                   opacity: 0;
                               }
                           }

                           /* Small devices (landscape phones, 576px and up) */

                           @media (min-width: 576px) {
                               .splide-text-common {
                                   position: relative;
                               }
                               .splide-text-common .slider-title {
                                   font-size: 1.5rem;
                               }
                               .required-ele .required-ele-wrapper {
                                   text-align: center;
                               }
                               .top-buttons {
                                   padding-bottom: 20px;
                               }
                               .dropdown-submenu .dropdown-menu {
                                   left: 0;
                               }
                               .dropdown-submenu a::after {
                                   transform: rotate(45deg);
                               }
                           }

                           /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

                           @media (min-width: 768px) {
                               .col-sm-5ths {
                                   width: 20%;
                                   float: left;
                               }
                               .splide-text-common {
                                   background-color: rgba(0, 0, 0, .35);
                               }
                               .splide-text-common .slider-title {
                                   font-size: 2rem;
                               }
                               .splide-text-common .slider-title span.orange {
                                   text-decoration-thickness: 7px;
                               }
                               .required-ele .required-ele-wrapper {
                                   text-align: center;
                               }
                               .top-buttons {
                                   padding-bottom: 20px;
                               }
                               .dropdown-submenu .dropdown-menu {
                                   left: 0;
                               }
                               .dropdown-submenu a::after {
                                   transform: rotate(45deg);
                               }
                           }

                           /* Large devices (desktops, 992px and up) */

                           @media (min-width: 992px) {
                               .splide-text-common {
                                   position: absolute;
                                   background-color: rgba(0, 0, 0, .35);
                               }
                               .splide__arrow {
                                   display: inline-flex;
                               }
                               .col-md-5ths {
                                   width: 20%;
                                   float: left;
                               }
                               .splide-text-common .slider-title {
                                   font-size: 2.5rem;
                               }
                               .required-ele .required-ele-wrapper {
                                   text-align: right;
                               }
                               .top-buttons {
                                   padding-bottom: 0px;
                               }
                               .dropdown-submenu .dropdown-menu {
                                   left: 100%;
                               }
                               .dropdown-submenu a::after {
                                   transform: rotate(-45deg);
                               }
                           }

                           /* Extra large devices (large desktops, 1200px and up) */

                           @media (min-width: 1200px) {
                               .col-lg-5ths {
                                   width: 20%;
                                   float: left;
                               }
                               .top-buttons {
                                   padding-bottom: 0px;
                               }
                               .dropdown-submenu .dropdown-menu {
                                   left: 100%;
                               }
                               .dropdown-submenu a::after {
                                   transform: rotate(-45deg);
                               }
                           }