.uk-logo img,
    .logo {
      height: 65px;
    }

    .orangered {
      background-color: orangered !important;
    }

    .gray-dark {
      background-color: rgb(102, 101, 101) !important;
    }

    .grey-bg {
      background-color: gainsboro !important;
    }

    .blue {
      background-color: blue !important;
    }

    .lightgray {
      background-color: rgba(245, 233, 4, 0.505);
    }

    .orangered-txt {
      color: orangered !important;
    }

    .red-txt {
      color: red !important;
    }

    .blue-txt {
      color: blue !important;
    }

    .trans-bg {
      background: transparent !important;
    }

    .black-bg {
      background: black !important;
    }

    button {
      outline: none;
      border: none;
    }

    .myBtn {
      padding: 15px 40px;
      color: white;
      transition: all 0.7s;
    }

    .myBtn:hover {
      background-color: black !important;
      color: white !important;
    }

    .btn-style-2 {
      border: 2px solid orangered !important;
      color: orangered !important;
      background-color: transparent;
    }

    .btn-style-2:hover,
    .btn-style-2.uk-active {
      color: white !important;
      background-color: rgba(255, 68, 0, 0.63) !important;
    }

    .myBtn2:hover {
      background-color: black !important;
    }

    .hover2:hover {
      background-color: rgb(27, 27, 27) !important;
    }

    .xxsm-txt {
      font-size: xx-small;
    }

    .darkblue-txt {
      color: rgb(28, 99, 122) !important;
      margin: 10px !important;
    }

    .xsm-txt {
      font-size: x-small;
    }

    .sm-txt {
      font-size: small !important;
    }

    .lg-txt {
      font-size: large !important;
    }

    .xlg-txt {
      font-size: x-large !important;
    }

    .xxlg-txt {
      font-size: xx-large !important;
    }

    .extra-md {
      font-size: 40px !important;
    }

    .extra-lg1 {
      font-size: 350% !important;
    }

    .extra-lg {
      font-size: 72px !important;
    }

    .md-txt {
      font-size: medium;
    }

    .bold {
      font-weight: bold;
    }

    .width-100 {
      width: 100% !important;
    }

    .width-90 {
      width: 90% !important;
    }

    .row {
      margin: 0 !important;
    }

    .black-txt {
      color: black !important;
    }

    .white-txt {
      color: white !important;
    }

    .anim-duration-2 {
      animation-duration: 2s !important;
    }

    .anim-duration-3 {
      animation-duration: 3s !important;
    }

    .anim-duration-5 {
      animation-duration: all 5s !important;
    }

    .banner-txt {
      max-width: 500px;
    }

    .margin-auto {
      margin: auto !important;
    }

    .margin-lr-auto {
      margin: 0 auto !important;
    }

    .margin-tb-auto {
      margin: auto 0 !important;
    }

    .padding-xsm {
      padding: 20px;
    }

    .padding-sm {
      padding: 40px;
    }

    .padding-md {
      padding: 100px !important;
    }

    form input.uk-input,
    form select.uk-select {
      background-color: gainsboro !important;
      height: 60px !important;
      color: black !important;
      margin-bottom: 10px;
    }

    form input.uk-input:focus,
    form select.uk-select:focus {
      border: none !important;
    }

    form input.uk-input::placeholder,
    form select.uk-select,
    form select.uk-select option {
      color: black !important;
    }

    form select.uk-select option:hover {
      background-color: black !important;
    }

    form.app-form {
      background-color: rgba(255, 68, 0, 0.87) !important;
      transition-duration: 0.5s;
    }

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

    .circle {
      border-radius: 50% !important;
    }

    .z-index-10 {
      z-index: 10 !important;
    }

    .z-index-20 {
      z-index: 20 !important;
    }

    .z-index-25 {
      z-index: 25 !important;
    }

    .margin-md-top-bottom {
      margin: 150px 0 !important;
    }

    .padding-md-top-bottom {
      padding: 150px 0 !important;
    }

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

    .padding-xsm-top-bottom {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }

    .padding-md-bottom {
      padding-bottom: 150px !important;
    }

    .proj-links {
      text-align: center;
      color: gray;
    }

    .proj-links a {
      text-align: center;
      color: gray;
      padding: 0 10px;
      text-decoration: none;
    }

    .proj-links a:hover,
    a.uk-active,
    nav li.uk-active a {
      color: orangered !important;
    }

    .founders .uk-card {
      height: 90%;
    }

    .founders .uk-media-top {
      height: 80% !important;
      width: 100%;
    }

    .founders .uk-media-top img {
      height: 100% !important;
      width: 100%;
    }

    .gray-gradient {
      background-image: linear-gradient(rgb(235, 230, 230), white);
    }

    .review-img-cont {
      width: 100% !important;
      text-align: center;
    }

    .review-img-cont img {
      width: 70% !important;
    }

    .reviews .uk-card img {
      width: 100px !important;
      height: 100px !important;
    }

    .reviews .uk-card {
      padding: 50px 0;
      background-image: url("../images/testi-qoute-1-1.png") !important;
      background-repeat: no-repeat;
      background-position-y: 40px;
      background-position-x: 200px;
    }

    .star-checked {
      color: orange !important;
    }

    .star-unchecked {
      color: gray !important;
    }

    .late-news img {
      height: 40px;
      width: 40px;
    }

    a.orange-link,
    a.orange-hover:hover {
      color: orangered !important;
      text-decoration: none !important;
      transition-duration: 0.5s;
    }

    a.orange-link:hover {
      color: black !important;
    }

    .gray-txt {
      color: gray !important;
    }

    .black-txt {
      color: black !important;
    }

    .padding-remove {
      padding: 0px !important;
    }

    .vert-align {
      vertical-align: middle !important;
    }


    .white-bg {
      background-color: white !important;
    }

    footer {
      /* background-color: rgb(0, 0, 77); */
      background-image: url(../images/newbg.jpg) !important;
      background-size: cover;
      color: gray;
      font-size: 14px;
      border-top: 4px solid rgb(179, 0, 0);
    }

    footer a {
      color: white;
      text-decoration: none !important;
    }

    footer a:hover {
      color: blue;
    }

    .foot-title {
      height: 65px;
      color: white;
      font-size: x-large;
      font-weight: bold;
      padding: 15px 0;
    }

    .footer-copy {
      padding: 30px 0;
      color: white;
      border-top: 1px solid gray;
    }

    .footer-copy a {
      display: inline !important;
    }

    .social-links a {
      padding-right: 20px;
      display: inline !important;
    }



    a.fb {
      color: rgba(23, 23, 255);
    }

    a.tw {
      color: rgb(0, 0, 0);
    }

    a.yt {
      color: rgb(219, 12, 12);
    }

    a.yt:hover {
      color: rgba(219, 12, 12);
    }


    a.wh {
      color: rgba(4, 129, 0);
    }

    a.fb:hover {
      color: rgba(103, 103, 255) !important;
    }

    a.tw:hover {
      color: rgba(150, 245, 243) !important;
    }

    a.wh:hover {
      color: rgba(9, 167, 4) !important;
    }

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

    Button:focus {
      outline: none;
    }

    .js-filter {
      transition: all 0.6s !important;
    }

    .js-filter .uk-inline-clip {
      height: 300px !important;
      width: 100% !important;
    }

    .js-filter .uk-inline-clip a:hover {
      background-color: black !important;
    }

    .js-filter .uk-inline-clip a {
      color: white !important;
      transition: all 0.5s;
    }

    .js-filter .app-name {
      padding: 20px 0;
      font-size: x-large;
      font-weight: bold;
    }

    .js-filter .app-name a {
      color: black;
    }

    .world-best .w-card {
      background-color: white;
      padding: 100px 5% !important;
      height: 100% !important;
    }

    .world-best .w-card {
      background-color: white;
      padding: 100px 5% !important;
      height: 100% !important;
    }

    .world-best .w-card img {
      height: 70px !important;
      width: 70px !important;
    }

    .world-best .w-card .lg-txt {
      margin: 30px 0;
    }

    .world-best .w-card .desc {
      font-size: 14px;
      line-height: 29px;
    }

    .world-best .btn-container {
      background-color: brown;
      position: relative;
    }

    .world-best .btn-container a {
      position: absolute;
      color: white !important;

    }

    .trans-duration-1 {
      transition-duration: 0.6s !important;
    }

    .trans-duration-2 {
      transition-duration: 1s !important;
    }

    .menu {
      display: none;
    }

    #offcanvas-nav-primary {
      background-color: rgba(0, 0, 0, 0.459) !important;
      transition: all 1s !important;
    }

    #offcanvas-nav-primary img {
      width: 30px;
    }

    .width-fit {
      width: fit-content !important;
    }

    .other-link {
      background-color: darkgrey !important;
      padding: 10px !important;
      color: white;
    }

    .uk-navbar-right li a {
      color: darkblue !important;
      font-weight: 610;
    }

    .uk-navbar-dropdown-nav a {
      color: grey !important;
    }

    .uk-navbar-dropdown-nav a:hover {
      color: #05a0ce !important;
    }

    .top-menu {
      display: block;
    }

    .bottom-menu {
      display: none;
    }

    .sign-in-form {
      border-radius: 20px;
      background-color: rgba(255, 255, 255, 0.4) !important;
      color: white;
    }

    .sign-in-form a {
      color: white;
      text-decoration: underline;
    }

    .sign-in-form a:hover {
      color: rgb(202, 5, 5);
    }

    .sign-in-form input,
    .sign-in-form input::placeholder {
      border-bottom-color: white !important;
      color: white !important;
    }

    .sign-in-footer a {
      color: white !important;
    }

    .sign-in-footer a:hover {
      color: rgb(202, 5, 5);
      text-decoration: none;
    }

    .mybtn5 {
      padding: 20px 40px;
      transition: all 0.5s;
      background-color: rgb(233, 173, 8);
      color: white;
      border: none;
    }

    .mybtn5:hover {
      background-color: rgb(255, 190, 9);
    }

    ul.uk-breadcrumb li::before,
    ul.uk-breadcrumb a {
      color: white !important;
    }

    ul.uk-breadcrumb a:hover {
      color: lightgray !important;
    }

    ul.uk-breadcrumb .uk-active {
      color: rgb(216, 0, 0);
      text-shadow: 0 0 30px white !important;

    }

    #pre_loader {
      display: block;
      z-index: 100;
    }


    .index_cards .uk-card:hover {
      transition: all 0.5s ease-in-out !important;
      /* box-shadow: ; */
      font-size: x-large !important;
      font-weight: 600 !important;
      color: grey;
      z-index: 200 !important;
      box-shadow: 0px 0px 20px 1px rgba(128, 128, 128, 0.512);
    }

    .index_cards .uk-card {
      font-size: large !important;
      border-radius: 20px !important;
      text-transform: uppercase !important;
    }

    .other-link {
      background-color: darkgrey !important;
      padding: 15px 20px !important;
      color: white;
      width: fit-content;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
    }

    .pdf {
      background-color: red !important;
      text-align: center !important;
      color: white !important;
      padding: 10px !important;
    }

    .award-ban img {
      height: 200px;
      border: 2px solid white;
      border-radius: 10%;
    }

    .sponser-row .uk-card {
      height: 330px !important;
      padding: 7%;
      border-radius: 20px;
      border-bottom: 1px solid rgba(0, 0, 255, 0.2);
      border-right: 1px solid rgba(0, 0, 255, 0.2);
      border-top: 1px solid rgba(255, 0, 0, 0.2);
      border-left: 1px solid rgba(0, 0, 255, 0.2);
      background-image: linear-gradient(rgb(255, 255, 255, 0.8),20%,rgb(255, 255, 255)), url(../images/school\ campus1.png);
      background-size: cover;
      /* background-attachment: fixed; */
      /* background-image: linear-gradient(to bottom,rgba(255, 0, 0,0.2),rgba(0, 0, 255,0.2)); */
    }


    .sponser-row .uk-card .sponsor-img {
      height: 50% !important;
    }

    .sponser-row .uk-card .sponsor-img img {
      height: 90% !important;
    }

    .sponsor-card-title {
      margin-top: 5%;
      font-weight: bold;
      text-align: center;
      color: darkblue;
    }

    .sponser-row .uk-card .sponsor-desc {
      font-size: 15px;
      padding-top: 5%;
    }
    .vision-container{
      background-image: linear-gradient(rgb(255, 255, 255, 1) ,80%, rgba(255, 255, 255, 0.8)), url(../images/school\ campus1.png);
      background-size: cover;
      /* background-attachment: fixed; */
    }
    .history-container{
      background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.94),rgb(255, 255, 255)), url(../images/school\ campus1.png);
      background-size: cover;
      /* background-attachment: fixed; */
    }
    #ticket_modal .uk-modal-dialog {
      border-radius: 10px !important;
    }

    #paymentForm {
      visibility: hidden;
    }

    /* body{
      background-color: aqua!important;
    } */
    .uk-offcanvas-bar {
      /* background-color: rgb(11, 11, 73) !important; */
      background-image: url(../images/newbg.jpg) !important;
      border-right: 5px solid rgb(179, 0, 0, 0.534);
    }

    .uk-offcanvas-bar a {
      font-size: 70%;
      transition: all 0.2s;
    }

    .uk-navbar-container {
      padding: 0 10px !important;
    }

    .uk-offcanvas-bar li.uk-parent a,
    a.home_tab {
      font-weight: 550 !important;
      color: rgba(255, 255, 255, 0.884) !important;
    }

    .uk-offcanvas-bar li.uk-active a {
      /* transform: scale(105%); */
      color: rgb(209, 0, 0) !important;
    }

    .uk-offcanvas-bar li:not(.uk-active) a:hover {
      transform: scale(105%);
      color: rgba(226, 0, 0, 0.753) !important;
    }

    .navbar-brand {
      font-weight: bold;
      color: rgb(0, 0, 97) !important;
    }

    .navslide .uk-overlay-primary,
    nav.uk-overlay-primary,
    .uk-slider-items .uk-card:hover .uk-overlay-primary {
      background-color: transparent !important;
      background-image: linear-gradient(rgba(0, 0, 0, 0.1), 85%, rgba(0, 0, 97, 0.9)) !important;
    }

    .txt-65 {
      font-size: 60px;
      color: white !important;
      font-weight: 100;
      line-height: 120%;
      text-shadow: 0 0 20px #312000, 0 0 50px rgb(0, 0, 97) !important;
    }

    .navslide .uk-transition-slide-top {
      /* background-color: rgba(0, 0, 97, 0.4); */
      border-radius: 0px 50px 0px;
      padding: 4%;
      background-image: linear-gradient(to right, rgba(0, 0, 97, 0.5), rgba(0, 0, 97, 0.2));
      /* border:5px dashed rgba(0, 0, 97, 0.5); */
    }

    .txt-sm {
      text-shadow: 0 0 20px #312000, 0 0 20px rgb(0, 0, 97) !important;
      color: white !important;
      font-size: 220%;
    }

    .navslide .uk-transition-slide-top div {
      transition: all 0.5s !important;
    }

    .uk-dotnav {
      transition-duration: all 2s !important;
      padding: 10px !important;

    }

    .uk-dotnav>*>* {
      /* width: 15px !important;
        height: 15px !important; */
      transition-duration: all 0.5s !important;
      border-color: rgb(201, 0, 0) !important;
    }

    .uk-dotnav li:not(.uk-active)>*:hover {
      transform: scale(120%);
      background-color: rgba(255, 255, 255, 0.4) !important;
    }

    .uk-dotnav li.uk-active>* {
      transform: scale(180%);
    }

    .uk-dotnav.news>*>* {
      border-color: rgb(201, 0, 0) !important;

    }

    .uk-dotnav.news .uk-active a {
      background-color: rgba(201, 0, 0, 0.418) !important;

    }

    .uk-select.uk-disabled,
    .uk-input.uk-disabled {
      color: grey !important;
    }

    .uk-input.uk-disabled:hover {
      cursor: url(../images/cursor-disabled.svg) !important;
    }


    .slide-nav {
      background-color: rgba(0, 0, 97, 0.6) !important;
      color: white !important;
      transition: all 0.5s !important;
    }

    .slide-nav:hover {
      background-color: rgb(5, 160, 206, 0.6) !important;
      /* color: rgb(0, 0, 97) !important; */
    }

    .head-1 {
      font-size: 220%;
      font-weight: lighter;
      color: black !important;
    }

    .header-cont .head-title h3 {
      font-size: 220% !important;
      font-weight: bold !important;
      color: white !important;
      margin: 0;
    }

    .programmes .uk-card {
      border-radius: 10px !important;
      height: 170px !important;
      padding: 10px;
      overflow-y: hidden !important;

    }

    .prog-title {
      /* background-color: #810081; */
      color: rgb(0, 0, 128);
      font-weight: 750;
    }

    .prog-desc {
      /* background-color: #ffa600; */
      height: 90%;
      margin-top: 5px;
      font-size: 90%;
    }

    .uk-slider-items .uk-card {
      border-radius: 10px !important;
      transition: all 0.3s !important;
    }

    .uk-slider-items .uk-card .ic {
      color: rgb(179, 0, 0);
      border: 2px solid red;
      padding: 5px;
      color: white !important;
      border-radius: 5px;

    }

    .uk-slider-items .uk-card-body {
      /* text-align: center; */
      height: 250px !important;
      vertical-align: middle;
      padding-top: auto;
      /* background-color: #810081; */
    }

    .uk-slider-items {
      transition: all 0.7s;
    }

    .uk-slider-items .uk-card-media-top {
      border-radius: 10px 10px 0 0;
      height: 250px !important;

    }

    .header-cont {
      height: 200px;
    }

    .header-cont .uk-overlay-primary {
      background-color: transparent !important;
      background-image: linear-gradient(rgba(0, 0, 97, 0.7), rgba(0, 0, 97, 0.7)) !important;
    }

    .uk-slider-items .uk-card .uk-overlay-primary {
      transition-duration: all 0.5s !important;
      background-color: transparent !important;
      background-image: linear-gradient(rgba(255, 255, 255, 0), 92%, rgba(0, 0, 97, 0.8)) !important;
    }

    .uk-slider-items .uk-card:hover .uk-overlay-primary {
      background-color: transparent !important;
      background-image: linear-gradient(rgba(0, 0, 0, 0.1), 85%, rgba(0, 0, 97, 0.9)) !important;
    }

    .announcements .uk-slider-items .uk-card .uk-overlay-primary {
      background-color: transparent !important;
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), 85%, rgba(0, 0, 97, 0.9)) !important;
    }

    .announcements .uk-card {
      height: 500px !important;
    }


    .team-member .uk-overlay-primary {
      background-color: rgba(255, 255, 255, 0.7) !important;

    }

    .uk-slider-items .uk-card-media-top img {
      width: 100%;
      height: 100%;
      transition: all 0.7s;
      border-radius: 10px 10px 0 0;
    }

    .blue-bg {
      background-color: rgba(0, 0, 97, 0.61) !important;
    }

    .pg_title {
      font-weight: 400;
      padding: 30px 0;
      text-align: center;
      margin: 30px 0;
      position: relative;
    }

    .pg-line {
      color: rgb(201, 0, 0);
      height: 3px;
      width: 100px;
      margin: 15px 0;
      background-color: rgb(201, 0, 0);
      position: absolute;
    }

    .my-totop a .uk-icon {
      color: rgb(201, 0, 0) !important;
      border: 2px solid rgba(0, 0, 97) !important;
      outline: 2px solid white;
      padding: 5px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.412);
    }

    .my-totop {
      bottom: 25px !important;
      right: 25px !important;
    }

    .my-totop a:hover .uk-icon {
      transform: scale(120%);
      background-color: rgba(255, 255, 255, 0.632);
      transition: all 0.4s;
    }

    .link-cont li {
      /* display: inline; */
      padding: 20px 0px;
    }

    .link-cont li:hover a {
      padding-left: 5% !important;
      /* color: blue !important; */
      /* font-weight: 610 !important; */
    }

    .link-cont a {
      font-size: 120%;
    }

    .link-cont a img {
      width: 40px;
      height: 40px;
    }

    .link-cont li:hover a {
      transform: scale(120%) !important;
      transition: all 0.3s;
      color: white;
    }

    .link-cont a.fb {
      color: white !important;
    }

    .link-cont a.fb:hover {
      color: rgb(48, 48, 219) !important;
      transform: scale(160%) !important;
    }

    .link-cont a.tw {
      color: white !important;
    }

    .link-cont a.tw:hover {
      color: black !important;
    }

    .link-cont a.ins {
      color: white !important;
    }

    .link-cont a.ins:hover {
      color: rgb(179, 0, 0) !important;
    }


    .brand_abbr {
      display: none;
    }

    .nanum {
      font-family: 'Nanum Myeongjo', Arial, Helvetica, sans-serif !important;
    }

    .cinzel {
      font-family: 'Cinzel', serif !important;
    }

    .jost {
      font-family: 'jost', sans-serif !important;
    }

    .outfit {
      font-family: 'outfit', sans-serif !important;
    }

    .koho-font {
      font-family: 'KoHo', Arial, Helvetica, sans-serif;
    }

    .news-slide .uk-card-title {
      height: 50px !important;
      word-wrap: break-word !important;
    }

    #pre_loader,
    .pre_loader {
      z-index: 1000 !important;
      background-color: white !important;
      position: absolute !important;
      position: fixed !important;
      display: block;
    }

    .quote {
      padding: 5%;
      /* background-image: url("../images/testi-qoute-1-1.png") !important; */
      background-repeat: space;
      background-position-y: 250px;
      background-position-x: 200px;
      color: white !important;
      text-align: center;
    }

    .quote .uk-h2 {
      color: rgb(0, 0, 97) !important;
    }

    .uk-navbar-nav li.uk-active a {
      border-bottom: 3px solid rgb(202, 5, 5) !important;
    }

    .uk-navbar-right li:not(.uk-active) a:hover {
      color: #05a0ce !important;
      transition: all 0.3s;
    }

    .uk-navbar-nav li:not(.uk-active) a {
      border-bottom: 3px solid white !important;
    }



    .uk-dropdown-nav li a {
      /* color: black !important; */
      font-weight: normal !important;
    }

    .uk-dropdown-nav li>a:hover,
    .tweet a:hover,
    .footer-content .header-contact a:hover {
      padding-left: 5% !important;
      /* color: blue !important; */
      font-weight: 610 !important;
    }

    .uk-dropdown-nav .uk-nav-header {
      font-weight: bold !important;
    }

    .uk-dropdown {
      border-radius: 5px !important;
    }

    .uk-nav-sub a,
    .uk-dropdown-nav a {
      padding: 10px 0 !important;
      border: none !important;
      outline: none !important;
      transition: all 0.3s !important;
    }

    .news-date {
      color: rgb(0, 0, 97);
      font-size: 80%;
      /* background-color: #ffa600; */
      height: 10%;
    }

    .news-date .uk-icon {
      transform: scale(80%);
    }

    .card-head {
      font-size: 140% !important;
      color: black;
      font-weight: 610;
      margin-top: 10px;
      /* background-color: rgb(0, 255, 34)!important; */
      height: 30% !important;
      vertical-align: middle;
      overflow-y: hidden;
    }

    .news-desc {
      font-size: 90%;
      margin-top: 5px;
      /* background-color: blueviolet; */
      height: 50%;
      overflow-y: hidden;
      color: gray;
    }


    .products .uk-card-body {
      background-color: white !important;
      border-radius: 0 0 10px 10px;
    }

    .products .news-date {
      font-size: 100% !important;
      /* background-color: #ffa600; */
      height: 10%;
    }

    .products .card-head {
      /* font-size: 15% !important; */
      height: 15% !important;
    }

    .products .news-desc {
      height: 40% !important;
    }

    .products .order-btn-container {
      font-size: 30% !important;
    }




    .text-xsmall {
      font-size: 14px !important;
      font-weight: bold;
      color: rgb(0, 0, 97);
    }

    .abt-main-container {
      line-height: 180%;
      font-size: 110%;
    }

    /* .abt-main-container img {
      border-radius: 20px;
      border: 5px solid #810081b6;
    } */
    .title-style-2 {
      text-align: left;
      text-transform: uppercase;
      font-size: 26px;
      margin-bottom: 25px;
    }

    .title-style-2 .title-under {
      display: block;
      margin: 5px 0;
    }

    .title-style-2 .title-under:after {
      margin: 0;
      margin-top: 10px;
    }

    .abt-main-container .title-style-2,
    .title-style-1,
    .contact .title-style-2 {
      color: #810081;
      /* font-weight: 510; */
    }


    .title-style-2 {
      text-align: left;
      text-transform: uppercase;
      font-size: 26px;
      margin-bottom: 25px;
      font-weight: 600;
    }

    .title-style-2 .title-under {
      display: block;
      margin: 5px 0;
    }

    .title-style-2 .title-under:after {
      margin: 0;
      margin-top: 10px;
    }

    .grey-txt {
      color: rgba(85, 85, 85) !important;
      margin: 50px 0;
    }

    .btn-primary {
      background: rgb(0, 0, 97);
      border: none;
      border-bottom: 2px solid rgb(179, 0, 0) !important;
      border-radius: 0;
      font-weight: 600;
      padding: 10px 25px;
      -moz-transition: all, 0.3s;
      -o-transition: all, 0.3s;
      -webkit-transition: all, 0.3s;
      transition: all, 0.4s;
    }

    .btn-primary:hover {
      background: rgb(0, 0, 128);
      transform: scale(110%);
      /* font-weight: 600; */

    }

    .btn,
    input,
    textarea {
      transition: all 0.3s !important;
      border-radius: 5px !important;
      font-size: small !important;
    }

    .col-txt div {
      vertical-align: middle;
    }

    .fade-top {
      background-image: linear-gradient(white, rgb(243, 243, 243)) !important;
    }

    .footer-bottom {
      color: rgba(255, 255, 255, 0.589);
      padding: 30px;
      font-size: 15px;
      background-color: rgb(0, 0, 48);
    }

    .footer-bottom a {
      color: rgba(255, 255, 255, 0.589);
      transition: all 0.3s;
    }

    .footer-bottom a:hover {
      color: white;
    }


    .main-footer .tweet {
      font-size: 13px;
    }

    .main-footer .tweet:after {
      content: "";
      height: 1px;
      display: block;
      /* background: rgb(201, 0, 0); */
      width: 150px;
      margin: 15px auto;
    }

    .main-footer .tweet:last-child:after {
      display: none;
    }

    .main-footer .footer-content {
      text-align: justify;
      font-size: 15px;
    }

    .footer-content,
    .footer-content a,
    .header-social a {
      transition: all 0.5s !important;
      font-size: 15px;
      /* font-weight: 700; */
      color: rgba(255, 255, 255, 0.8) !important;
      font-weight: 500;
    }

    .footer-content img {
      width: 100px;
    }

    .footer-content .header-social a {
      font-size: x-large !important;
    }

    .footer-content .link-cont a.tw svg {
      fill: white;
      /* Change this color to the desired color on hover */
      width: 26px;
      height: 26px;
    }

    .white-txt,
    .footer-content a:hover {
      color: rgba(255, 255, 255, 0.95) !important;
      font-weight: 520 !important;
    }

    .main-footer .footer-title {
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .main-footer .footer-title .title-under {
      background: #fff;
      margin: 15px 0;
      text-align: left;
    }

    .main-footer .footer-title .title-under:after {
      margin: 0;
      background: #fff;
    }

    .footer-title {
      color: white;
      font-weight: bold;
      font-size: 17px;
      padding-bottom: 20px;
    }

    .footer-content .header-social a {
      font-size: x-large !important;
    }

    .footer-content .link-cont a.tw svg {
      fill: white;
      /* Change this color to the desired color on hover */
      width: 26px;
      height: 26px;
    }

    .main-footer .footer-main {
      padding: 30px 0;
    }

    /*==================================
    =            count-down            =
    ==================================*/

    #count-down {
      background: url(../images/school\ campus1.png) no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
      background-attachment: fixed;
    }

    #count-down .color-overlay {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 128, 0.7);
    }

    #count-down .section-title,
    #count-down .counter-content p,
    #count-down .counter-content span {
      color: #fff;
    }

    #count-down .section-title {
      font-size: 26px;
    }

    #count-down .counter-content .counter {
      font-size: 55px;
      margin-bottom: 30px;
    }

    #count-down .counter-content .title {
      font-size: 20px;
      text-transform: uppercase;
    }

    /*-----  End of count-down  ------*/
    .ptb100 {
      padding-bottom: 100px;
    }

    .section-title {
      font-size: 30px;
      text-transform: uppercase;
      margin-top: 100px;
      margin-bottom: 50px;
      text-align: center;
      color: #ffa600;
    }

    #count-down .section-title,
    #count-down .counter-content p,
    #count-down .counter-content span {
      color: #fff;
    }

    #count-down .section-title {
      font-size: 26px;
    }

    .num1,
    .num2,
    .num3 {
      font-weight: 800;
      color: white;
      font-size: 400%;
    }

    .border-red-lr {
      border-left: 2px solid red;
      border-right: 2px solid red;
    }

    /* .donate-btn {
      background-color: #990099 !important;
      border-bottom: 2px solid #4496da;
      color: white;
    }
    .donate-btn:hover {
      background: #b900b9 !important;
      color: white;
    } */
    /*===============================
    =            join-us            =
    ===============================*/

    #join-us {
      background: url(../images/japass\ logo.png);
      -webkit-background-size: cover;
      background-size: cover;
      background-attachment: fixed;
    }

    #join-us .color-overlay {
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, .9);
    }

    .join-btn a {
      background-color: #ffa600;
      text-transform: uppercase;
      border: none;
      border-radius: 0;
      padding: 15px 30px;
      color: #fff;
      font-size: 18px;
      position: relative;
      display: inline-block;
    }

    .join-btn a:hover {
      color: #fff;
      background: #333;
    }

    /*-----  End of join-us  ------*/
    .campus-view .uk-badge {
      background-color: rgba(0, 0, 128, 0.747) !important;
      border-radius: 0px 20px;
      padding: 20px;
      border-bottom: 2px solid rgb(179, 0, 0.747);
    }

    /* Team 
    ================================= */
    .our-team a {
      text-decoration: none;
    }

    .team-member {
      background: rgba(0, 0, 128);
      color: #fff;
      text-align: center;
      padding-bottom: 15px;
      border: 1px solid rgba(0, 0, 128);
      height: 250px;
      transition: all 0.3s !important;
    }

    .team-member .thumnail img {
      width: 100%;
      height: 100%;
    }

    .team-member .member-name {
      font-weight: bold;
      color: white;
      height: 20%;
      vertical-align: middle;
      margin: 0 !important;
      padding: 7% 5%;
    }

    .team-member .member-position {
      padding: 0 10px 5px;
      color: rgb(37, 139, 255);
      font-size: 80%;
      height: 10%;
      font-weight: 500;
    }


    .team-member {
      min-height: 430px;
      margin-bottom: 30px;
      border-radius: 10px;
    }

    .team-member .thumnail {
      border-radius: 10px 10px 0 0 !important;
      height: 70%;
      width: 100%;
      background-color: rgb(0, 0, 128);
      object-fit: cover !important;
      object-position: top;
      -o-object-position: top;
      /* background-image:url('../images/headmaster.jpg')!important */
    }

    .team-member img {
      object-position: top;
      -o-object-position: top;
      object-fit: cover;
      border-radius: 10px 10px 0 0 !important;
    }

    /* .ext-slider {
      height: 400px !important;
    } */

    .ext-slider .uk-slider-items {
      height: 100% !important;
    }

    .ext-slider .uk-slider-items .uk-inline-clip {
      height: 100% !important;
      border-radius: 5px;
    }

    .ext-slider .uk-overlay-primary {
      background-color: transparent !important;
      background-image: linear-gradient(rgba(255, 208, 0, 0), 80%, rgba(255, 208, 0, 0.534)) !important;
    }

    .ext-slider .uk-badge,
    .news-slider .uk-badge {
      background-color: rgba(179, 0, 0, 0.534) !important;
      color: white !important;
      border-radius: 4px !important;
      margin: 10px;
      font-size: 15px;
      padding: 15px !important;
      font-weight: 600;
    }

    /* 
    .ext-slider a.uk-inline-clip:hover .uk-badge {
      background-color: rgba(255, 208, 0, 0.678) !important;
    } */

    .h-name {
      bottom: 40px !important;
      opacity: 1 !important;
      padding: 0 10px !important;
      font-weight: 500;
      font-size: large;
    }

    .h-desc {
      padding: 10px 10px !important;
      font-size: small;
      color: white;
      /* bottom: 40px !important; */

    }

    .blog-cards-cont {
      padding: 8%;
      transition: all 0.3s;

    }

    .blog-cards-cont .uk-card {
      background: transparent !important;
      box-shadow: none;
      transition: all 0.5s;
      margin-bottom: 5%;
    }

    .blog-cards-cont .uk-card .uk-card-body {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }

    .blog-side-nav-title {
      margin: 30px 0 20px;
      font-size: 20px;
    }

    .blog-side-nav-date-txt {
      font-size: 12px;
      color: rgb(134, 134, 134);
    }

    .b-side.foot-1-footer-links a,
    .b-card-body .lc2 a {
      color: black !important;
      transition: all 0.5s;
    }

    .b-card-body .lc2 a:hover,
    .b-side.foot-1-footer-links a:hover,
    .b-side.foot-1-footer-links a.uk-active {
      color: rgb(0, 0, 128) !important;
      text-decoration: none;
    }

    .b-card-body .blog-source a {
      color: rgb(0, 0, 128) !important;
      transition: all 0.5s;
    }

    .b-card-body .blog-source a:hover {
      color: gray !important;
      text-decoration: none;
    }

    .foot-1-footer-links a {
      color: rgb(94, 94, 94);
      text-decoration: none;
      transition: 0.5s;
    }

    .foot-1-footer-links div {
      color: rgb(146, 145, 145);
      margin-bottom: 4% !important;
    }

    .foot-1-footer-links a:hover {
      color: rgb(0, 0, 128);
    }

    .b-side.foot-1-footer-links a,
    .b-card-body .lc2 a {
      color: black !important;
      transition: all 0.5s;
    }

    .foot-1-footer-links table tr td:last-of-type {
      text-align: right;
    }

    .pad-top-10 {
      padding: 10px 0 !important;
    }

    .lc2 {
      font-size: 200%;
      line-height: 40px;
      font-weight: bold;
      color: black;
      padding-bottom: 3%;
    }

    .b-card-body {
      padding: 20px 0;
    }

    form input.uk-input,
    form select.uk-select,
    form .uk-textarea {
      border-color: rgba(33, 33, 148, 0.308) !important;
      box-shadow: 0 0 5px 1px rgba(33, 33, 148, 0.658);
      height: 40px !important;
      color: black !important;
      margin-bottom: 10px;
    }

    .form-theme .uk-input::placeholder {
      color: rgb(146, 146, 146) !important;
    }

    footer #search {
      color: rgba(255, 0, 0, 0.8) !important;
    }

    footer #search:hover {
      color: rgba(255, 0, 0) !important;
    }

    .sign-up-form input.uk-input,
    .form-theme input.uk-input,
    .chosen-cats,
    .form-theme select {
      border-radius: 5px !important;
      background-color: rgba(255, 255, 255, 0.9);
    }

    .sign-up-form input:focus.uk-input,
    .form-theme input:focus.uk-input,
    .chosen-cats:hover,
    .form-theme select:focus,
    .form-theme .uk-textarea:focus {
      border-radius: 5px !important;
      border-color: rgb(33, 33, 148) !important;
      box-shadow: 0 0 5px 1px rgba(33, 33, 148, 0.658) !important;
    }

    .share a {
      color: white;
      transition: all 0.3s !important;
    }

    .share a:hover {
      background-color: rgb(235, 235, 235) !important;
    }

    .share {
      padding-top: 10%;
    }

    .share span {
      color: black;
      font-weight: 520;
      font-size: 90% !important;
      margin-right: 10px;
    }

    .share a.fb {
      background-color: rgba(23, 23, 255);
    }

    .share a.tw {
      background-color: rgba(0, 0, 0);
    }

    .share a.tw svg {
      fill: white;
      height: 50%;
      width: 50%;
    }

    .share a.yt {
      background-color: rgb(219, 12, 12);
    }

    .share a.yt:hover {
      color: rgba(219, 12, 12);
    }


    .share a.wh {
      background-color: rgba(4, 129, 0);
    }

    .share a.fb:hover {
      color: rgb(15, 15, 231) !important;
    }


    .share a.tw:hover svg {
      fill: black !important;
    }

    .share a.wh:hover {
      color: rgba(9, 167, 4) !important;
    }

    .side-events a {
      text-decoration: none;
    }

    .side-events .row {
      transition: all 0.4s;
    }

    .side-events .row:hover {
      background-color: rgba(142, 160, 255, 0.233);
    }

    .side-events a .foot-1-footer-links {
      color: black !important;
    }

    .embeded-vid-container {
      /* width: 100%!important; */
      height: 300px;
    }

    .embeded-vid-container iframe {
      max-width: 100% !important;
      /* background-color: gainsboro; */
      height: 100% !important;
      border-radius: 10px;
    }

    /* zoom image */
    #zoom-btn {
      top: -25px !important;
      padding: 1px 5px;
      color: white;
      background-color: #059fce6f !important;
    }

    .uk-modal-close-outside {
      color: white;
      background-color: #059fce6f !important;
    }

    .image-container {
      overflow: hidden;
    }

    #zoom-image {
      position: relative;
      transition: transform 0.5s;
      /* cursor: grab; */
    }

    .zoomed {
      /* transform: scale(2) */
      transform: scale(2) translate(25%, 25%);
      /* width: 2000px!important; */
      /* height:auto!important; */
      /* right: -635px; */
      /* top: 423px; */
      /* cursor: grab; */
      /* Change the scale factor for zoom level */
    }

    @media only screen and (max-width: 1100px) {

      .menu,
      .brand_abbr {
        display: block;
      }


      .brand_full {
        display: none;
      }

      .menu-items {
        display: none;
      }

      /* body {
          background-color: #44d817!important;
      } */
      /* .uk-slider-items .uk-card-media-top img,
      .serv-slider-cont .uk-slider-items .uk-card-media-top img {
        height: 125px !important;
      } */
    }

    @media only screen and (max-width: 1300px) {

      /* body {
          background-color: pink!important;
      } */
      /* .uk-slider-items .uk-card-media-top img,
      .serv-slider-cont .uk-slider-items .uk-card-media-top img {
        height: 125px !important;
      } */
    }

    @media only screen and (min-width:991px) {
      .banner {
        background: none !important;
      }

      .footer-col {
        margin-bottom: 50px;
      }
    }

    @media only screen and (max-width:991px) {
      .blog-cards-cont {
        padding: 10% 1% !important;
      }

      .team-member {
        margin-bottom: 25px;
      }

      .border-red-lr {
        padding: 50px 0;
        margin: 50px 0;
        border-bottom: 2px solid rgb(179, 0, 0);
        border-top: 2px solid rgb(179, 0, 0);
        border-left: none;
        border-right: none;
      }

      .col-banner-img {
        display: none;
      }
    }

    @media only screen and (max-width:790px) {
      .txt-sm {
        text-shadow: 1 1 100px #000000, 0 0 100px rgb(0, 0, 97) !important;
        color: white !important;
        font-size: 160%;
      }

      .txt-65 {
        font-size: 300% !important;
      }

      .abt-main-container .uk-padding,
      .abt-main-container .uk-padding-large {
        padding: 0 0.5% !important;
      }


      .lc2 {
        font-size: 170%;
      }

      .footer-content {
        margin-bottom: 80px;
      }

      .uk-slider-items .uk-card-media-top {

        height: 200px !important;

      }

      .head-1 {
        font-size: 190%;
      }

      .news-date {
        font-size: 60%;
      }

      .news-date .uk-icon {
        transform: scale(70%);
      }

      .card-head {
        font-size: 105% !important;
        height: 35% !important;

      }


      .top-menu {
        visibility: hidden;
      }

      .bottom-menu {
        display: block;
      }

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

    @media only screen and (max-width:575px) {
      .programmes .uk-card {
        height: 280px !important;
      }

      .app-form {
        top: 0 !important;
      }

      .last-2cards {
        margin: 35% 0;
      }
    }