:root {
  --color: #000;
  --color-1: #8f8f8f;
  --color-2: #585858;
  --color-3: #e9e9e9;
  --color-blue_: #414f7f;
  --color-blue: #0066B4;
  --color-white: #ffffff;
  --color-green: #08B404;
  --color-gray: #D9D9D9;
  --from-top: 22vh;
  --color-yellow: #FDD922;
  --border-color-1: #C4C4C4;
  --border-color-2: #ced4da;
  --border-color-focussed: #293DEF;
  --margin-top: 25vh;
  --color-red: #ed1c22;
  --color-red-1: #ff0000;
  --color-yel: #fef200;
  --focussed-border-color: #3e8ce4;
  --utc-color-red: #e41e26;
  --utc-color-yellow: #fdee13;
  --utc-color-blue: #3e5c9f;
  --utc-box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  --utc-box-shadow-1: 0 1rem 90rem rgba(0,0,0,.175);
  --opacity: 0.65;
  --utc-color-blue-1: #202940;
}

* {
  box-sizing: border-box;
  font-family: 'Poppins';
  font-size: 14px;
  /*font-style: normal;*/
  /*font-weight: 700;*/
  font-weight: 400;
  /*line-height: 24px;*/
  /*color: #8f8f8f;*/
  color: var(--color);
  /*color: #fff;*/
  line-height: normal;
  /*transition: all .5s ease-in-out;*/
  /*-ms-transition: all .5s ease-in-out;*/
  /*-moz-transition: all .5s ease-in-out;*/
  /*-webkit-transition: all .5s ease-in-out;*/
  -o-transition: all .5s ease-in-out;
}

::marker{
  color: transparent;
}

::-webkit-scrollbar {
  width: 5px;
  background: #f1f3f5;
  height: 5px;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background-color: #f1f3f5;
  border-radius: 20px;
  border: none;
}

::-webkit-scrollbar-thumb {
  background-color: #adb5bd;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #4e4343;
}

::-webkit-scrollbar-button {
  color: #000;
}

::-webkit-scrollbar-track-piece {
  background: transparent;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

body {
  overflow-x: hidden;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.header {
  z-index: 3;
}

.header_1 {
  background: rgba(255,255,255,0.04);
  border-bottom: 1px solid rgba(0,0,0,0.16);
}

@media (max-width: 450px) {
  .header {
    /*background: rgba(255,255,255,1);*/
    /*border-bottom: 1px solid rgba(0,0,0,0.16);*/
  }
}

.header_1 .announcement_block {
  /*background: var(--color-3);*/
  border-radius: 0;
  padding: 0;
  margin-left: 10px;
}

.header_1 .announcements {
  background: var(--utc-color-red);
  color: var(--color-white);
  border-radius: 0;
  padding: 7px 12px;
  text-transform: uppercase;
  font-size: 0.75rem;
  /*margin: 0;*/
  animation: changeBackground 4s infinite;
}

@keyframes changeBackground {
  0% {
    background: var(--utc-color-red);
  }
  25% {
    background: var(--utc-color-red);
  }
  50% {
    background: var(--color);
  }
  75% {
    background: var(--color);
  }
  100% {
    background: var(--utc-color-red);
  }
}

.header_1 .announcement_block span {
  color: var(--color);
  background: var(--color-3);
  padding: 0 8px;
  margin-left: -1px;
}

.header_1 .call_email_container .icon_container {
  /*width: 25px;*/
  /*height: 25px;*/
  border-radius: 10%;
  /*background: var(--utc-color-blue);*/
  /*box-shadow: var(--utc-box-shadow);*/
}

.header_1 .call_email_container .icon_container i {
  font-size: 1.1rem;
  color: var(--color-white);
}

.header_1 .call_email_container .details_container span {
  font-size: 0.7rem;
  text-transform: uppercase;
  color: var(--color-white);
  font-weight: 700;
}

.header_1 .call_email_container .details_container span:last-child {
  font-size: 1.1rem;
  text-transform: lowercase;
  font-weight: 300;
  color: var(--color-white);
}

.header_1 .social_container .icon_container {
  width: 20px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_1 .social_container .icon_container i {
  color: var(--color-white);
  font-size: 1.3rem;
}

.header_2 {
  background: rgba(255,255,255,0.04);
  /*z-index: 2;*/
}

@media (max-width: 991.9px) {
  .header_2 {
    background: var(--color-white);
    position: fixed;
    padding-top: 4px!important;
    padding-bottom: 5px!important;
    border-bottom: 2px solid #f5f5f5;
  }
}

@media (max-width: 991.9px) {
  .header_2 .details_container span {
    color: var(--color)!important;
  }
}

@media (max-width: 991.9px) {
  .header_2 .details_container span:last-child {
    color: var(--color)!important;
    font-size: 0.65rem!important;
  }
}

@media (max-width: 991.9px) {
  .header_2 .navbar-toggler {
    border: none!important;
    box-shadow: none!important;
    padding: 0;
    margin: 0;
  }
}

.header_2.sticky {
  /*position: sticky;*/
  position: fixed;
  top: 0;
  background: var(--color-white);
}

.header_2 .image {
  width: 4rem;
}

@media (max-width: 575.9px) {
  .header_2 .image {
    width: 3rem;
  }
}

.header_2 .details_container span {
  font-size: 1.45rem;
  line-height: 1.0rem;
  color: var(--color-white);
  font-weight: 700;
}

.header_2.sticky .details_container span {
  font-size: 1.40rem;
  line-height: 1.1rem;
  color: var(--color);
  font-weight: 700;
}

.header_2 .details_container span:last-child {
  font-size: 0.8rem;
  font-weight: normal;
}

@media (max-width: 575.9px) {
  .header_2 .collapse.navbar-collapse .navbar-nav {
    background: var(--utc-color-blue-1);
    margin: 0;
    padding: 0.6rem 0 0 0;
  }
}

@media (max-width: 575.9px) {
  .header_2 .collapse.navbar-collapse .navbar-nav .nav-item .nav-link {
    padding: 0.6rem 1.0rem!important;
    margin: 0!important;
  }
}

@media (max-width: 991.9px) {
  .header_2 .collapse.navbar-collapse .navbar-nav .nav-item .nav-link.active {
    background: var(--color-white)!important;
    color: var(--utc-color-blue-1)!important;
  }
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item {
  padding: 0;
  margin: 0;
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  background: rgba(255,255,255,1);
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  padding: 9px 20px;
  margin: 0;
  border-radius: 0;
  border: none;
  text-transform: capitalize;
  font-size: 1rem;
  color: var(--color-1);
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background: var(--utc-color-red);
  color: var(--color-white);
  clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .nav-link {
  padding: 24px 15px;
  margin: 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #d3d3d3;
}

.header_2.sticky .collapse.navbar-collapse .navbar-nav .nav-item .nav-link {
  padding: 24px 15px;
  margin: 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: var(--color-1);
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .admissions_dropdown:hover .admissions_menu {
  display: block;
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .graduation_dropdown:hover .graduation_menu {
  display: block;
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .staff_dropdown:hover .staff_menu {
  display: block;
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .nav-link.active {
  color: var(--color-white)!important;
  font-weight: 700;
  background: var(--utc-color-blue-1)!important;
}

.header_2 .collapse.navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: var(--color);
  background: var(--color-white);
}

.header_2.sticky .collapse.navbar-collapse .navbar-nav .nav-item .nav-link.active {
  color: var(--color);
  font-weight: 700;
}

.slider_container .slider_main_content_container {
  width: 100%;
  height: 100vh;
  position: relative;
}

.slider_container .slider_main_content_container .main_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,var(--opacity));
  background: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));
}

.slider_container .slider_main_content_container .main_container h1 {
  color: var(--color-white);
  font-weight: 700;
  font-size: 3rem;
  /*background: rgba(228,30,38,0.9);*/
  margin: 0;
  padding: 10px 20px;
  /*border-bottom: 4px solid var(--utc-color-blue);*/
  text-transform: uppercase;
}

.slider_container .slider_main_content_container .main_container .details_container {
  margin: 15px 0 0 0;
  /*padding: 20px 20px;*/
  /*background: rgba(255,255,255,0.7);*/
}

.slider_container .slider_main_content_container .main_container .details_container h1 {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 1.0rem;
  margin: 0;
  padding: 8px 16px;
  background: var(--utc-color-red);
  border-radius: 0;
  color: var(--color-yellow);
  text-align: center;
}

.slider_container .slider_main_content_container .main_container .details_container h3 {
  color: var(--color-white);
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
  font-size: 2.2rem;
  margin: 0 0 10px 0;
  /*padding: 10px 14px;*/
  /*background: var(--utc-color-red);*/
  border-radius: 0;
}

.slider_container .slider_main_content_container .main_container .details_container p {
  padding: 10px 20px;
  margin: 5px 0;
  background: var(--utc-color-yellow);
  color: var(--color);
}

.slider_container .slider_main_content_container .main_container .details_container a {
  font-size: 0.9rem;
  padding: 9px 15px;
  margin: 5px 0 0 0;
  background: var(--utc-color-yellow);
  color: var(--color);
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
  display: inline-block;
}

.slider_container .carousel_controls_container a {
  width: 40px;
  text-decoration: none!important;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  bottom: 20px;
  right: 20px;
}

.slider_container .carousel_controls_container a.carousel-control-prev {
  right: 60px;
}

.slider_container .carousel_controls_container a span.icon_container {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
}

.slider_container .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.slider_container .carousel_controls_container a span.icon_container i {
  color: var(--utc-color-red);
  font-size: 1.2rem;
}

.service_1_container {
  background: var(--color-white);
  /*box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;*/
  padding: 30px 15px;
}

.service_1_container.first {
  background: var(--utc-color-blue);
  /*box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;*/
  padding: 30px 15px;
}

@media (max-width: 767.9px) {
  .service_1_container.first {
    border-radius: 0px!important;
  }
}

.service_1_container .icon_container {
  background: var(--utc-color-blue);
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.service_1_container.first .icon_container {
  background: var(--color-white);
}

.service_1_container .icon_container i {
  color: var(--color-white);
}

.service_1_container.first .icon_container i {
  color: var(--utc-color-blue);
}

.service_1_container h3 {
  color: var(--color);
  font-size: 0.9rem;
  text-transform: uppercase;
  margin: 0;
  padding: 8px 0;
  font-weight: 700;
  text-align: center;
}

.service_1_container.first h3 {
  color: var(--color-white);
}

.service_1_container p {
  text-align: center;
  margin: 0;
  padding: 0;
}

.service_1_container.first p {
  color: var(--color-gray);
}

.service_1_container i.circle {
  color: var(--color);
}

.service_1_container.first i.circle {
  color: var(--color-white);
}

.about_us_container {
  /*background: var(--utc-color-blue);*/
}

.about_us_container .bottom_container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.about_us_container .details_container {
  background: var(--color-white);
}

.about_us_container .details_container .heading_container span {
  display: inline-flex;
  padding: 0 12px;
  border-bottom: 2px solid var(--utc-color-blue);
}

.about_us_container .details_container .heading_container h3 {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--utc-color-blue);
  text-transform: uppercase;
  padding: 0;
  margin: 5px 0 0 0;
}

.about_us_container .details_container .heading_container h1 {
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--color);
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}

.about_us_container .details_container .details_container h2 {
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--utc-color-blue);
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}

.about_us_container .details_container .details_container a {
  background: var(--utc-color-blue);
  color: var(--color-white);
  text-align: center;
  padding: 7px 15px;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.9rem;
  border: 2px solid var(--utc-color-blue);
}

.about_us_container .details_container .details_container a:hover {
  background: var(--color-white);
  color: var(--utc-color-blue);
}

.top_container .brief {
  background: rgba(62,92,159,0.9);
}

.top_container .brief h1 {
  color: var(--color-white);
  font-size: 1.9rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px;
  margin: 0;
}

.upcoming_short_courses .top_heading_container {
  height: 100vh;
  display: flex;
  align-items: center;
}

.upcoming_short_courses .universal_heading_container {
  /*background: rgba(62,92,159,0.93);*/
  /*padding: 30px;*/
}

.upcoming_short_courses .universal_heading_container h1 {
  color: var(--color-white);
  background: var(--utc-color-blue-1);
  padding: 15px 50px;
  font-size: 1.0rem;
  clip-path: polygon(5% 0,100% 0,95% 100%,0% 100%);
}

.upcoming_short_courses .universal_heading_container p {
  user-select: text!important;
  text-align: start;
  padding: 15px;
  display: inline!important;
  background: var(--color-white);
  color: var(--utc-color-red);
}

.universal_heading_container span {
  display: inline-flex;
  padding: 0 7px;
  border-bottom: 2px solid var(--utc-color-blue);
}

.universal_heading_container h3 {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--utc-color-blue);
  text-transform: uppercase;
  padding: 0;
  margin: 5px 0 0 0;
}

.universal_heading_container h1 {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color);
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}

.vision_mission_container {
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}

.vision_mission_container .content_container {
  padding: 15px;
}

.vision_mission_container .content_container .icon_container {
  width: 25px;
  height: 25px;
  background: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--utc-color-blue);
  margin-bottom: 10px;
}

.vision_mission_container .content_container .icon_container i {
  color: var(--utc-color-blue);
  font-size: 1rem;
}

.vision_mission_container .content_container h3 {
  color: var(--utc-color-blue);
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.vision_mission_container .content_container p {
  padding: 0;
  margin: 0;
}

.courses_container .custom_accordion_container .heading_container .accordion-button {
  padding: 10px 16px!important;
  margin: 0;
  border-radius: 0;
}

.courses_container .custom_accordion_container .heading_container .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.courses_container .custom_accordion_container .heading_container .accordion-button {
  padding: 8px 16px;
  margin: 0;
  border-radius: 0;
}

.courses_container .custom_accordion_container .heading_container .accordion-item {
  border: none;
}

.courses_container .custom_accordion_container .heading_container .accordion-item .accordion-header {
  border: none;
}

.courses_container .custom_accordion_container .heading_container .accordion-item .accordion-header .accordion-button {
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.courses_container .custom_accordion_container .heading_container .accordion-button::after {
  width: 0;
  height: 0;
}

.courses_container .accordion .accordion-item {
  border: none;
  margin: 0;
  padding: 0;
}

.courses_container .accordion .accordion-item .accordion-collapse.collapse .accordion-body {
  margin: 0;
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .cover_image_container {
  margin: 0;
  padding-top: 60%;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .cover_image_container .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container:hover .image {
  transform: scale(1.5);
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .course_details-container {
  margin-top: 10px;
  background: #fff;
  padding: 15px;
  /*box-shadow: var(--utc-box-shadow);*/
  border-radius: 5px;
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .course_details-container h2 {
  padding: 0;
  margin: 0 0 5px 0;
  color: var(--utc-color-blue);
  font-weight: 700;
  font-size: 1.3rem;
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .course_details-container h3 {
  padding: 0;
  margin: 0 0 5px 0;
  color: var(--color);
  font-size: 1rem;
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .course_details-container .course_link_container a {
  padding: 5px 0;
  background: var(--utc-color-blue);
  display: inline-block;
  padding: 8px 16px;
  color: var(--color-white);
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 0.75rem;
  border-radius: 4px;
  border: 2px solid var(--utc-color-blue);
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .course_details-container .course_link_container a:hover {
  color: var(--utc-color-blue);
  background: var(--color-white);
}

.courses_container .custom_accordion_container .accordion .content_container .course_details .details_container .course_details-container .course_link_container a i {
  font-size: 1.0rem;
  color: inherit;
  margin-left: 5px;
  padding: 0;
}

.users_department .user_profile {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid rgba(62,92,159,0.19);
  padding: 1px;
  margin: 1px;
}

.users_department .user_profile.hod {
  border: 2px solid rgb(62,92,159);
}

.users_department .user_profile div {
  width: 100%;
  height: 100%;
}

.link_container a {
  background: var(--utc-color-blue);
  color: var(--color-white);
  border: 2px solid var(--utc-color-blue);
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 0.85rem;
  border-radius: 5px;
  box-shadow: var(--utc-box-shadow);
}

.link_container a:hover {
  background: var(--color-white);
  color: var(--utc-color-blue);
}

.cover_color_container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.cover_color_container .color_container {
  background: #fcfcfc;
}

.why_choose_us_main_container {
  /*background: rgba(62,92,159,0.95);*/
  padding: 0;
}

.why_choose_us_main_container .details-container {
  background: rgba(32,41,64,0.9);
  height: 100%;
}

.clip_path_container {
  background: var(--utc-color-red);
  padding: 5rem;
  clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

@media (max-width: 768px) {
  .clip_path_container {
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
  }
}

.why_choose_us_main_container .why_choose_us_details_container {
  /*background: var(--utc-color-yellow);*/
  padding: 20px;
  border-radius: 5px;
  /*border: 2px solid rgba(255,255,255,0.16);*/
  box-sizing: border-box;
  box-shadow: var(--utc-box-shadow);
}

@media (max-width: 360px) {
  .why_choose_us_main_container .why_choose_us_details_container {
    padding: 20px 0;
  }
}

.why_choose_us_main_container .why_choose_us_details_container.first {
  background: var(--utc-color-yellow);
  padding: 20px;
  border-radius: 5px;
}

.why_choose_us_main_container .why_choose_us_details_container h3 {
  color: var(--color-white);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1rem;
  padding: 0;
  margin: 0;
}

.why_choose_us_main_container .why_choose_us_details_container p {
  padding: 0;
  margin: 5px 0 0 0;
  color: #d0d0d0;
  font-size: 0.9rem;
}

.why_choose_us_main_container .why_choose_us_details_container a {
  padding: 0;
  margin: 5px 0 0 0;
  color: #d0d0d0;
  font-size: 0.9rem;
  text-decoration: none;
}

.why_choose_us_main_container .why_choose_us_details_container a i {
  color: inherit;
}

.news_container .details_container .image_container {
  padding-top: 60%;
  border-radius: 5px;
}

.news_container .details_container .details {
  /*padding: 15px 20px;*/
  /*background: #fff;*/
  /*box-shadow: var(--utc-box-shadow);*/
  border-radius: 8px;
  margin-top: 10px;
}

.news_container .details_container .details h4 {
  padding: 0;
  margin: 0;
  font-size: 1rem;
}

.news_container .details_container .details h2 {
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--utc-color-blue);
}

.news_container .details_container .details h2 {
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--utc-color-blue);
}

.news_container .details_container .details a {
  padding: 7px 14px;
  font-size: 0.7rem;
  background: var(--utc-color-blue);
  color: var(--color-white);
  border: 2px solid var(--utc-color-blue);
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 5px;
}

.news_container .details_container .details a:hover {
  /*color: var(--utc-color-yellow);*/
  background: var(--color-white);
}

.load_more_news_container a {
  background: var(--utc-color-blue);
  color: var(--color-white);
  border: 2px solid var(--utc-color-blue);
  padding: 10px 21px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.80rem;
}

.load_more_news_container a:hover {
  background: var(--color-white);
  color: var(--utc-color-blue);
}

.events_main_container .events-container .image_container {
  padding-top: 80%;
  border-radius: 8px;
}

.events_main_container .events-container .details_container {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #efefef;
}

.events_main_container .events-container .details_container h6 {
  background: var(--utc-color-yellow);
  color: var(--color);
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 4px 7px;
  border-radius: 8px 0 8px 0;
  margin: 0;
}

.events_main_container .events-container .details_container h2 {
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: var(--utc-color-red);
  font-size: 1.7rem;
}

.events_main_container .events-container .details_container a.read_more_event {
  background: var(--utc-color-yellow);
  border: 2px solid var(--utc-color-yellow);
  color: var(--color);
  padding: 7px 16px;
  margin-top: 10px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
}

.events_main_container .events-container .details_container a.read_more_event:hover {
  background: var(--color-white);
}

.events_main_container .side_mini_container .image_container {
  border-radius: 5px;
  overflow: hidden;
}

.events_main_container .side_mini_container .details_container h6 {
  background: var(--utc-color-yellow);
  color: var(--color);
  text-transform: uppercase;
  font-size: 0.6rem;
  padding: 4px 7px;
  border-radius: 8px 0 8px 0;
  margin: 0;
}

.events_main_container .side_mini_container .details_container h2 {
  font-weight: 700;
  color: var(--utc-color-red);
  font-size: 1.2rem;
  margin: 0;
  padding: 5px 0;
}

.events_main_container .side_mini_container .details_container p span {
  font-size: 0.8rem;
}

.events_main_container .side_mini_container .details_container p span i {
  font-size: 0.8rem;
}

.events_main_container .side_mini_container .details_container a.read_more_event {
  color: var(--utc-color-red);
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 700;
}

.events_main_container .side_mini_container .details_container a.read_more_event i {
  color: var(--utc-color-red);
  font-size: 0.9rem;
}

.latest_events_container .image_container {
  overflow: hidden;
  border-radius: 8px;
}

.latest_events_container .details_container {
  background: rgba(255,255,255,0.6);
  padding: 15px;
}

.latest_events_container .details_container h6 {
  color: var(--color);
}

.latest_events_container .details_container h6 i {
  color: inherit;
}

.latest_events_container .details_container h2 {
  color: var(--color);
  font-weight: 600;
  font-size: 1.4rem;
}

.latest_events_container .details_container a.read_more_event {
  /*background: var(--utc-color-yellow);*/
  color: var(--color);
  /*padding: 5px 13px;*/
  /*border-radius: 12px 0 12px 0;*/
}

.events_main_container .events_container_main .big_container .image_container {
  padding-top: 55%;
  border-radius: 8px;
  overflow: hidden;
}

.events_main_container .events_container_main .big_container .image_container .top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.75);
}

.events_main_container .events_container_main .big_container .image_container .top .item_container {
  background: rgba(62,92,159,0.66);
  padding: 7px 14px;
  margin: 10px;
  border-radius: 10px 0 10px 0;
}

.events_main_container .events_container_main .big_container .image_container .top p span {
  color: var(--color);
  font-weight: 600;
  font-size: 0.9rem;
}

.events_main_container .events_container_main .big_container .image_container .top p span i {
  color: var(--color);
  font-size: 0.8rem;
}

.events_main_container .events_container_main .big_container .details_container h6 {
  font-size: 0.95rem;
  font-weight: 300;
}

.events_main_container .events_container_main .big_container .details_container h2 {
  font-size: 1.0rem;
  font-weight: 700;
  color: var(--utc-color-blue);
  text-transform: uppercase;
}

.events_main_container .events_container_main .big_container .details_container .item_container p {
  font-size: 0.9rem;
  font-weight: 300;
}

.events_main_container .events_container_main .big_container .details_container .item_container p span {
  font-size: 0.9rem;
  font-weight: 300;
  color: var(--color);
}

.events_main_container .events_container_main .big_container .details_container .item_container p span i {
  font-size: 0.8rem;
  color: var(--utc-color-blue);
}

.events_main_container .events_container_main .small_container .image_container {
  min-width: 80px;
  min-height: 80px;
  border-radius: 5px;
  overflow: hidden;
}

.events_main_container .events_container_main .small_container .image_container .calendar_container {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(62,92,159,0.8);
  padding: 10px;
}

.events_main_container .events_container_main .small_container .image_container .calendar_container h2 {
  font-size: 2.0rem;
  color: var(--color-white);
  font-weight: 700;
  padding: 0;
  margin: 0;
}

.events_main_container .events_container_main .small_container .image_container .calendar_container h6 {
  font-size: 0.9rem;
  color: var(--color-white);
  font-weight: 300;
  padding: 0;
  margin: 0;
}

.events_main_container .events_container_main .small_container .details_container {
  padding: 0 0 0 15px;
}

.events_main_container .events_container_main .small_container .details_container h6 {
  font-size: 0.9rem;
  /*color: var(--color);*/
}

.events_main_container .events_container_main .small_container .details_container h6 i {
  font-size: 0.8rem;
  /*color: var(--color);*/
}

.events_main_container .events_container_main .small_container .details_container h2 {
  font-size: 1.0rem;
  font-weight: 700;
  color: var(--utc-color-blue);
  text-transform: uppercase;
}

.events_main_container .events_container_main .events_container_new {
}

.events_main_container .events_container_main .events_container_new .bg_banner {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 85%;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  z-index: -1;
}

.events_main_container .events_container_main .events_container_new span {
  color: var(--utc-color-blue);
  font-weight: 300;
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
  margin: 0 5px 0 0;
  font-size: 0.85rem;
}

.events_main_container .events_container_main .events_container_new a {
  font-weight: 700;
  color: var(--utc-color-blue);
  font-size: 1.20rem;
  line-height: 1.35rem;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.events_main_container .events_container_main .events_container_new span i {
  color: var(--utc-color-blue);
  font-size: 0.8rem;
}

.events_main_container .events_container_main .events_container_new img {
  border-radius: 5px;
}

.events_main_container a.load_more_events {
  text-transform: uppercase;
  background: var(--utc-color-blue);
  border: 2px solid var(--utc-color-blue);
  color: var(--color-white);
  padding: 8px 18px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.8rem;
  display: inline-flex;
  align-items: center;
}

.events_main_container a.load_more_events i {
  color: inherit;
}

.events_main_container a.load_more_events:hover {
  background: var(--color-white);
  color: var(--utc-color-blue);
}

.our_services_main_container {
  min-height: 60vh!important;
}

@media (max-width: 359.9px) {
  .our_services_main_container {
    min-height: auto!important;
  }
}

.our_services .services_container .cover_image_container {
  border-radius: 5px;
  overflow: hidden;
}

.our_services .services_container .details_container {
  padding: 18px;
  background: rgba(0,0,0,0.9);
}

.our_services .services_container .details_container.electrical {
  background: rgba(228,30,38,0.9);
}

.our_services .services_container .details_container.water {
  background: rgba(62,92,159,0.9);
}

.our_services .services_container .details_container.architecture {
  background: rgba(8,180,4,0.9);
}

.our_services .services_container .details_container h6 {
  padding: 0;
  margin: 0;
  color: rgba(255,255,255,0.76);
  font-size: 0.9rem;
}

.our_services .services_container .details_container h2 {
  padding: 0;
  margin: 5px 0 0 0;
  color: var(--color-white);
  font-size: 1.2rem;
  font-weight: 500;
}

.announcement_container span {
  background: var(--utc-color-blue);
  color: var(--color-white);
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 0.9rem;
  border-radius: 0;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.announcement_container marquee {
  margin-left: -10px!important;
}

.announcement_container .announcement {
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  /*text-overflow: ellipsis;*/
}

.announcements_container {
  background: #f3f3f3;
  min-height: 200px;
}

.announcements_container .carousel-inner {
  padding: 0;
}

.announcements_container span.indication {
  color: var(--color);
  padding: 0 15px 0 5px;
}

.announcements_container span.indication i {
  color: inherit;
  font-size: 2.0rem;
}

.announcements_container .controls_container {
  position: absolute;
  width: 80px;
  height: 20px;
  text-decoration: none!important;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.announcements_container .controls_container a {
  width: 40px;
  height: 25px;
  text-decoration: none!important;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  opacity: unset;
  top: 0;
  right: 0;
}

.announcements_container .controls_container a.carousel-control-prev {
  right: 45px;
  border-right: 1px solid rgba(62,92,159,0.83);
}

.announcements_container .controls_container a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 100%;
  color: var(--color-white);
  background: var(--utc-color-blue);
}

.announcements_container .controls_container a span i {
  color: inherit;
  font-size: 1rem;
}

.announcements_container .carousel-inner .carousel-item {
  /*margin-right: unset;*/
  /*margin: 0;*/
}

.announcements_container .carousel-inner .carousel-item p {
  color: var(--color);
  font-size: 1.1rem;
}

.announcements_container .carousel-inner .carousel-item p span {
  font-size: 1.1rem;
}

.announcement_label {
  background: var(--utc-color-blue);
  color: var(--color-white);
  padding: 9px 30px 9px 18px;
  text-transform: uppercase;
  font-size: 0.9rem;
  display: inline-flex;
  clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
}

.announcement_block .header_block {
  background: var(--utc-color-blue);
  padding: 15px 30px;
}

.announcement_block .header_block .universal_heading_container h3 {
  color: #c5c5c5;
}

.announcement_block .header_block .universal_heading_container h1 {
  color: var(--color-white);
}

.announcement_block .header_block .universal_heading_container p {
  color: var(--color-gray);
}

.principal_container .image_container {
  /*border: 2px solid rgba(230,230,230,0.54);*/
  border-radius: 5px;
  overflow: hidden;
}

.principal_container .details_container {
  background: var(--utc-color-blue);
  /*box-shadow: var(--utc-box-shadow);*/
  padding: 15px 25px;
}

.principal_container .details_container h6 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  color: #d7d7d7;
  font-size: 0.9rem;
}

.principal_container .details_container h2 {
  padding: 0;
  margin: 0;
  font-weight: bolder;
  color: var(--color-white);
  font-size: 1.3rem;
}

.principal_container .details_container p {
  padding: 5px 0 0 0;
  margin: 0;
  color: var(--color-gray);
}

.read_more_projects {
  /*background: var(--utc-color-blue);*/
  background: linear-gradient(45deg, rgba(62,92,159,0.93) 47%, rgba(62,92,159,0.83) 47%), var(--color-blue_);
  color: var(--color-white)!important;
  padding: 7px 16px!important;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: 7px 0 0 0;
  border-radius: 5px;
  border: 2px solid var(--utc-color-blue);
  transition: all 50s ease-in-out;
}

.read_more_projects:hover {
  /*background: var(--color-white);*/
  /*color: var(--utc-color-blue);*/
  /*animation: changeButtonGradients 0.5s ease-in-out;*/
  background: linear-gradient(45deg, rgba(62,92,159,0.83) 0%, black 44%, rgba(62,92,159,0.93) 100%), var(--utc-color-blue)!important;
}

@keyframes changeButtonGradients {
  from {
    background: linear-gradient(45deg, rgba(62,92,159,0.83) 37%, black 47%, rgba(62,92,159,0.93) 60%), var(--color-blue_);
  }
  to {
    background: linear-gradient(45deg, rgba(62,92,159,0.83) 0%, black 44%, rgba(62,92,159,0.93) 100%), var(--color-blue_);
  }
}

.our_hod {
  /*background: var(--utc-color-blue-1);*/
}

.our_hod .our_hod_banner {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: -1;
  background: var(--utc-color-blue-1);
}

.our_hod .universal_heading_container h3 {
  color: var(--border-color-1);
}

.our_hod .universal_heading_container h1 {
  color: var(--color-white);
  margin: 0;
  padding: 4px 0 10px 0;
}

.our_hod .universal_heading_container p {
  color: var(--border-color-1);
}

.our_hod .hod_container .cover_details_container {
  background: transparent;
  /*padding: 30px 15px;*/
}

.our_hod .universal_heading_container {
  background: var(--utc-color-blue-1);
  padding: 30px 15px 0 15px;
}

@media (min-width: 768px) {
  .our_hod .universal_heading_container {
    background: transparent;
  }
}

.our_hod .hod_container .image_container {
  width: 80%;
  /*height: 40px;*/
  padding-top: 100%;
  border-radius: 50%;
  /*border: 3px solid #ffffff;*/
  /*box-shadow: var(--utc-box-shadow);*/
}

.our_hod .hod_container .details_container {
  /*padding: 5px 15px;*/
  /*background: var(--color-white);*/
  /*clip-path: polygon(5% 0%,100% 0%,100% 100%,5% 100%,5% 30%,0% 20%,5% 10%);*/
  /*box-shadow: var(--utc-box-shadow);*/
  margin: 5px 0 0 0;
}

.our_hod .hod_container .detailss_container:before {
  position: absolute;
  /*font-family: FontAwesome;*/
  /*content: '\f0d9';*/
  left: -7px;
  /*background: var(--color-white);*/
  /*clip-path: polygon(5% 0%,100% 0%,100% 100%,5% 100%,5% 30%,0% 20%,5% 10%);*/
  /*box-shadow: var(--utc-box-shadow);*/
  margin: 0;
  font-weight: 700;
  /*color: var(--color-white);*/
  /*font-size: 1.5rem;*/
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent var(--utc-color-blue) transparent transparent;
  display: inline-block;
  vertical-align: middle;
  /*margin-right: 5px;*/
}

.our_hod .hod_container .details_container h6 {
  color: var(--color);
  padding: 0;
  margin: 8px 0 0 0;
  font-size: 0.8rem;
  font-weight: 200;
}

@media (max-width: 767.9px) {
  .our_hod .hod_container:nth-child(2n) .details_container h6 {
    color: var(--color-white);
  }
}

@media (max-width: 767.9px) {
  .our_hod .hod_container:nth-child(2n) .details_container h2 {
    color: var(--color-white);
  }
}

.our_hod .hod_container .details_container h2 {
  color: var(--utc-color-blue);
  padding: 0;
  margin: 5px 0 0 0;
  font-weight: 700;
  font-size: 1.0rem;
  text-transform: uppercase;
}

.application_procedures_container.one .information-container {
  background: #fbfbfb;
  margin: 0 2rem 0 0;
  padding: 0 10px;
  box-shadow: var(--utc-box-shadow);
  height: 12rem;
  clip-path: polygon(0% 0%,100% 2rem,100% 10rem,0% 100%);
}

.application_procedures_container.one .graphic_container {
  margin: 0 0 0 -4rem;
}

.application_procedures_container.one .graphic_container .left {
  width: 2rem;
  background: var(--utc-color-blue);
  height: 12rem;
  clip-path: polygon(0% 2rem,2rem 0%,100% 100%,0% 10rem);
  z-index: -1;
}

.application_procedures_container.one .graphic_container .right {
  width: 4rem;
  background: rgba(62,92,159,0.9);
  height: 12rem;
  clip-path: polygon(0% 0,100% 2rem,100% 10rem,0% 100%);
  margin-left: -1px;
}

.application_procedures_container.one .graphic_container .right span {
  color: var(--color-white);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.application_procedures_container.one .graphic_container .right span:last-child {
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: 700;
}

.application_procedures .procedures .middle_container h6 {
  font-size: 0.8rem;
  padding: 0;
  margin: 0;
  text-align: center;
  color: var(--color-gray);
  text-transform: uppercase;
}

.application_procedures .procedures .middle_container h2 {
  font-size: 1.1rem;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: var(--color-white);
  font-weight: 700;
  text-align: center;
}

.application_procedures .procedures .pro {
  padding-top: 100%;
}

.application_procedures .procedures .details_container {
  /*background: var(--color-white);*/
  /*box-shadow: var(--utc-box-shadow);*/
  padding: 10px;
  border-radius: 30px;
}

.application_procedures .procedures .details_container p {
  padding: 10px 15px;
  /*text-align: end;*/
  background: var(--color-white);
  box-shadow: var(--utc-box-shadow);
  border-radius: 5px;
}

.application_procedures .procedures .details_container pp:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 35%;
  right: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid var(--color-white);
}

.application_procedures .procedures .details_container span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  min-height: 35px;
  color: var(--color-white);
  background: var(--utc-color-blue);
  border-radius: 50%;
  font-weight: 700;
}

.application_procedures .procedures .middle_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 8px;
  /*clip-path: polygon(0% 25%,25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%);*/
  background: var(--utc-color-blue);
  /*box-shadow: var(--utc-box-shadow);*/
  border-radius: 50%;
}

footer {
  margin-top: -5px;
}

footer .bottom_footer {
  background: #324c87;
  /*background: #06161f;*/
  margin: -1px 0 0 0;
  padding: 10px 15px;
}

footer .bottom_footer p {
  padding: 0;
  margin: 0;
  color: var(--color-white);
}

footer .top_footer {
  background: var(--utc-color-blue);
  /*background: #13232c;*/
  margin: 0;
  padding: 30px 15px;
  /*clip-path: polygon(0% 20px,45% 20px,50% 0px,55% 20px,100% 20px,100% 100%,0% 100%);*/
  /*clip-path: circle(70% at top center);*/
}

footer .circlular_container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  border-color: var(--color-white) var(--color-white) var(--utc-color-blue) var(--utc-color-blue);
  margin-top: -39px;
  transform: rotate(135deg);
  padding: 24px;
}

footer .circlular_container span {
  transform: rotate(-135deg);
  color: var(--utc-color-blue);
  font-weight: 900;
  background: var(--color-white);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 15px 0;
}

footer .top_footer h2 {
  color: var(--color-white);
  font-size: 1.2rem;
  text-transform: uppercase;
}

footer .top_footer ul {
  padding: 0 0 0 17px;
  margin: 0;
}

footer .top_footer ul li {
  list-style-type: circle;
  color: var(--color-gray);
  padding: 1px 0;
  margin: 0;
}

footer .top_footer a {
  color: var(--color-gray);
  font-size: 1.1rem;
}

footer .top_footer .icon_container {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #324c87;
  margin-right: 5px;
}

footer .top_footer .icon_container i {
  color: var(--color-gray);
  font-size: 1rem;
}

footer .top_footer p {
  color: var(--color-gray);
  font-size: 1rem;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0;
  margin: 0;
}

footer .top_footer p span {
  color: inherit;
  font-size: 1rem;
  display: inline-block;
}

footer .top_footer p span i {
  color: inherit;
}

footer .top_footer .image_container {
  width: 3.5rem;
  padding: 0.5rem;
  border-radius: 5px;
  background: var(--color-white);
  box-shadow: var(--utc-box-shadow);
}

footer .top_footer h6 {
  color: var(--color-gray);
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
}

/* START SINGLE COURSE SECTION */

body {
  background: #ffffff;
}

.main_container .page_cover_block {
  width: 100%;
  height: 25rem;
}

.main_container .page_cover_block .content-block {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0.5));
}

.main_container .page_cover_block .content-block h1 {
  color: var(--color-white);
  font-weight: 700;
  padding: 0 15px;
  margin: 0 0 30px 0;
  font-size: 2.2rem;
}

.main_container .page_cover_block .content-block h3 {
  color: #b4b4b4;
  padding: 0 15px;
  margin: 0;
  font-size: 1.1rem;
  text-transform: uppercase;
}

.main_container .page_cover_block .content-block .breadcrumb {
  padding: 0;
  margin: 0 0 5px;
}

.main_container .page_cover_block .content-block .breadcrumb .breadcrumb-item {
  padding: 0;
  margin: 0;
}

.main_container .page_cover_block .content-block .breadcrumb .breadcrumb-item a {
  color: #b4b4b4;
  text-decoration: none;
}

.main_container .page_cover_block .content-block .breadcrumb .breadcrumb-item a span {
  color: inherit;
  padding: 0 4px;
  font-weight: 700;
  margin: 0;
  font-size: inherit;
  text-transform: uppercase;
  text-decoration: none;
}

.course_block_1 .hod_container .image_container {
  overflow: hidden;
  border-radius: 5px;
}

.course_block_1 .hod_container .details_container {
  background: var(--utc-color-blue);
  margin: 10px 0 0 0;
  padding: 15px;
  border-radius: 5px;
}

.course_block_1 .hod_container .details_container h5 {
  color: #e6e5e5;
  font-size: 0.75rem;
  padding: 0;
  margin: 0;
}

.course_block_1 .hod_container .details_container h2 {
  color: var(--color-white);
  font-size: 1rem;
  padding: 0;
  margin: 0;
}

.course_block_1 .cover_block {
  background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0.5));
}

.course_block_1 .cover_block .outer-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid rgb(255,255,255);
  margin: 1px;
  padding: 1px;
}

.course_block_1 .cover_block .cover_image_container {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  /*border: 2px solid var(--color-white);*/
  margin: 1px;
}

.course_block_1 .cover_block h6 {
  padding: 0;
  margin: 0;
}

.course_block_1 .cover_block span.separator {
  border-right: 2px solid rgba(142,142,142,0.87);
  padding: 5px 0;
}

.course_block_1 .cover_block h6 span {
  padding: 0;
  margin: 0;
}

.course_block_1 .cover_block h3 {
  padding: 0;
  margin: 0;
  color: var(--color-white);
  font-size: 1.4rem;
  text-transform: capitalize;
}

.course_block_1 .cover_block h3 span {
  font-size: inherit;
  color: inherit;
}

@media (max-width: 460px) {
  .course_block_2 .nav.nav-tabs .nav-item {
    width: 100%!important;
  }
}

@media (max-width: 460px) {
  .course_block_2 .nav.nav-tabs .nav-item .nav-link.active {
    border-radius: 0!important;
  }
}

.course_block_2 .nav.nav-tabs .nav-item .nav-link {
  color: var(--color);
}

.course_block_2 .nav.nav-tabs .nav-item .nav-link.active {
  background: var(--utc-color-blue)!important;
  color: var(--color-white)!important;
  border-radius: 5px;
}

.course_block_2 .nav.nav-tabs .nav-item .nav-link:hover {
  background: var(--utc-color-yellow);
  color: var(--color);
  border-radius: 5px;
}

.course_block_2 .tab-content .tab-pane .heading_block {
  margin: 20px 0 15px 0;
}

.course_block_2 .tab-content .tab-pane .heading_block h2 {
  color: var(--color);
  font-size: 1.35rem;
  font-weight: 700;
  padding: 0;
  margin: 0 0 5px 0;
}

.course_block_2 .tab-content .tab-pane .heading_block span {
  display: inline-block;
  padding: 0 10px;
  border-bottom: 2px solid var(--utc-color-blue);
}

.course_block_2 .tab-content .tab-pane .lecture_details_block .image_container {
  width: 100%;
  padding-top: 85%;
  border-radius: 5px;
}

.course_block_2 .tab-content .tab-pane .lecture_details_block .details_container {
  width: 100%;
  border-radius: 5px;
  margin-top: 15px;
  padding: 10px 8px;
  /*background: var(--color-white);*/
  /*box-shadow: var(--utc-box-shadow);*/
}

.course_block_2 .tab-content .tab-pane .lecture_details_block .details_container h3 {
  font-size: 1.1rem;
  color: var(--color);
  font-weight: 700;
  padding: 0;
  margin: 0 0 5px 0;
  display: flex;
  align-items: center;
}

.course_block_2 .tab-content .tab-pane .lecture_details_block .details_container h3 span {
  display: inline-flex;
  border-left: 2px solid var(--utc-color-blue);
  padding: 0.40rem 0;
  margin-right: 5px;
}

.course_block_2 .tab-content .tab-pane h4 {
  font-size: 1.2rem;
  color: var(--color-white);
  text-transform: uppercase;
  /*font-weight: 700;*/
  background: var(--utc-color-blue);
  padding: 8px 10px;
  margin: 0;
}

.course_block_2 .tab-content .tab-pane h5 {
  font-size: 1.1rem;
  color: var(--color);
  background: var(--utc-color-yellow);
  padding: 8px 10px;
}

.course_block_2 .tab-content .tab-pane .lecture_details_block .details_container p {
  font-size: 0.91rem;
  color: var(--color);
  padding: 0;
  margin: 0;
}

.others_block .heading_container h1 {
  font-weight: 700;
  color: var(--color);
  font-size: 1.4rem;
}

.others_block .heading_container h1 span {
  border-left: 2px solid var(--utc-color-blue);
  display: inline-block;
  padding: 7px 5px;
}

.others_block .image_container {
  padding-top: 60%;
  border-radius: 5px;
}

.others_block .details_container h6 {
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
}

.others_block .details_container h3 {
  font-size: 1.3rem;
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: var(--utc-color-blue);
}

.others_block .details_container span {
  font-size: 0.9rem;
}

.others_block .details_container a {
  font-size: 0.8rem;
  color: var(--utc-color-blue);
  background: var(--color-white);
  border: 2px solid var(--utc-color-blue);
  text-transform: uppercase;
  padding: 8px 10px;
  display: inline-block;
  margin-top: 8px;
  font-weight: 700;
  border-radius: 5px;
}

.others_block .details_container a:hover {
  font-size: 0.8rem;
  color: var(--color-white);
  background: var(--utc-color-blue);
}

.cover_container .image_container {
  border-radius: 5px;
  overflow: hidden;
}

.cover_container .image_container .details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0.5));
  display: flex;
  align-items: end;
  padding: 15px;
}

.cover_container .image_container .details h3 {
  font-size: 1.2rem;
  color: var(--color-white);
}

.cover_container .details_container h3 {
  padding: 0;
  margin: 0;
  font-weight: 700;
}

.cover_container .details_container .details {
  background: var(--utc-color-blue);
  border-radius: 5px;
  padding: 10px 15px;
}

.cover_container .details_container h3 span {
  font-size: 1.0rem;
  color: var(--color-white);
  /*font-weight: 700;*/
  text-transform: uppercase;
}

.cover_container .details_container h3 span.icon_container {
  margin-right: 5px;
}

.cover_container .details_container h3 span.icon_container i {
  color: var(--color-white);
  font-size: 1.0rem;
}

/* END SINGLE COURSE SECTION */

.timetable_container .form-label {
  padding: 0;
  margin: 0;
}

.form-label {
  padding: 0;
  margin: 0;
}

.timetable_container .form-label i {
  font-size: 0.4rem;
  color: var(--utc-color-red);
}

.form-label i {
  font-size: 0.4rem;
  color: var(--utc-color-red);
}

.timetable_container .form-control {
  height: 32px;
  border-color: #f1f2f2;
  outline: none;
  box-shadow: none;
  border-radius: 4px;
  border-width: 1px;
  background: #f4f5f7;
  box-shadow: none!important;
  appearance: revert;
}

.form-control, .form-select {
  height: 35px;
  border-color: #f7f7f7;
  outline: none;
  box-shadow: none;
  border-radius: 4px;
  border-width: 1px;
  background: #f5fdff;
  box-shadow: none!important;
  appearance: revert;
}

.form-action-button-container .btn {
  padding: 8px 16px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 0.9rem;
  border-style: solid;
  border-width: 2px;
}

.form-action-button-container .btn.submit {
  background: var(--utc-color-blue);
  color: var(--color-white);
  border-color: var(--utc-color-blue);
}

.photo_attachment_area {
  width: 132.28346457px;
  height: 170.07874016px;
  border: 1px solid var(--color-3);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.photo_attachment_area .prompt {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 15px;
  z-index: 0;
}

.photo_attachment_area .prompt span {
}

.photo_attachment_area img {
  z-index: 1;
}

.photo_attachment_area .attach_photo_field {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}

::placeholder {
  color: #cdcdcd!important;
}

.form-action-button-container .btn.submit:hover {
  background: var(--color-white);
  color: var(--utc-color-blue);
}

.form-action-button-container .btn.cancel {
  background: var(--utc-color-red);
  color: var(--color-white);
  border-color: var(--utc-color-red);
}

.form-action-button-container .btn.cancel:hover {
  background: var(--color-white);
  color: var(--utc-color-red);
}

.timetable_container .search_button {
  height: 32px;
  border-color: var(--utc-color-blue);
  outline: none;
  box-shadow: none;
  border-radius: 4px;
  border-width: 2px;
  background: var(--utc-color-blue);
  margin: 0 0 0 5px;
  color: var(--color-white);
}

.timetable_container .search_button:hover {
  color: var(--utc-color-blue);
  background: var(--color-white);
}

.form-control:hover, .form-select:hover {
  border-color: var(--border-color-focussed)!important;
}

.form-control:focus, .form-select:focus {
  border-color: var(--border-color-focussed)!important;
}

.timetable_container h1 {
  color: var(--utc-color-blue);
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0;
  margin: 0;
}

.timetable_container h3 {
  color: var(--color);
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 2px 0;
  margin: 0;
}

.timetable_container .course_block span {
  background: var(--utc-color-blue);
  color: var(--color-white);
  /*text-transform: uppercase;*/
  font-size: 1.0rem;
  padding: 8px 16px;
  margin: 0;
}

.timetable_container .course_block .export_as_pdf_button {
  background: var(--color-white);
  color: var(--utc-color-red);
  /*text-transform: uppercase;*/
  font-size: 1.0rem;
  padding: 8px 16px;
  margin: 0;
  border: 1px solid var(--utc-color-red);
}

.timetable_container .course_block .export_as_pdf_button:hover {
  background: var(--utc-color-red);
  color: var(--color-white);
}

.timetable_container .course_block .export_as_pdf_button i {
  color: inherit;
  font-size: 1.2rem;
  margin: 0 5px 0 0;
}

.application_container {
  background: var(--utc-color-blue-1);
  /*background: var(--color-white);*/
  z-index: 4;
}

.application_container .details_container h1 {
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: var(--color-white);
  font-size: 1.3rem;
  line-height: 1.3rem;
}

.application_container .details_container span {
  padding: 0;
  margin: 0;
  font-weight: normal;
  color: var(--color-white);
  font-size: 0.8rem;
}

.application_container .details_container span {
  padding: 0;
  margin: 0;
  font-weight: normal;
  color: var(--color-white);
  font-size: 0.8rem;
}

.application_container .image_container {
  width: 35px;
  margin-right: 2px;
}

.application_container .navbar-nav .nav-item {
  padding: 0;
  margin: 0;
}

.application_container .navbar-nav .nav-item .nav-link {
  padding: 20px 15px;
  margin: 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: var(--color-white);
}

@media (max-width: 768px) {
  .application_container .navbar-nav .nav-item .nav-link {
    padding: 10px 0;
  }
}

@media (max-width: 768px) {
  .application_container .navbar-nav .nav-item .nav-link.active {
    padding: 10px 15px;
    font-weight: 700;
  }
}

.application_container .navbar-nav .nav-item .nav-link.active {
  background: var(--color-white);
  color: var(--utc-color-blue);
}

.application_container .profile-container span {
  color: var(--color-3);
  font-size: 1.1rem;
}

.application_container .profile-container .profile {
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  border: 2px solid var(--color-3);
}

.application_container .profile-container .profile {
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  border: 2px solid var(--color-3);
}

.main_application_form_container .accordion {
  border: none;
}

.main_application_form_container .accordion .accordion-item {
  border: none;
}

.main_application_form_container .accordion .accordion-item .accordion-header {
  border: none;
}

.main_application_form_container .accordion .accordion-item .accordion-header .accordion-button {
  border: none!important;
  box-shadow: none;
  outline: none;
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  border-radius: 0;
}

.main_application_form_container .accordion .accordion-item .accordion-header .accordion-button .status {
}

.mmain_application_form_container .accordion .accordion-item .accordion-header .accordion-button .status.incomplete {
  background: var(--utc-color-red);
  color: var(--color-white);
  border-radius: 4px;
  padding: 4px 9px;
}

.main_application_form_container .accordion .accordion-item .accordion-header .accordion-button .status.incomplete {
  color: var(--utc-color-red);
}

.mmain_application_form_container .accordion .accordion-item .accordion-header .accordion-button .status.complete {
  background: var(--color-green);
  color: var(--color-white);
  border-radius: 4px;
  padding: 4px 9px;
}

.main_application_form_container .accordion .accordion-item .accordion-header .accordion-button .status.complete {
  color: var(--color-green);
}

.main_application_form_container .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  border: none!important;
  color: var(--color-1);
  background-color: #f8f8f8;
}

.application_main_container {
  min-width: 100vw;
  max-width: 100vw;
  min-height: 100vh;
  max-height: 100vh;
}

.application_main_container .left_side_bar {
  background: var(--utc-color-blue-1);
  min-width: 23rem;
  max-width: 23rem;
}

.application_main_container .left_side_bar ::-webkit-scrollbar {
  width: 5px;
  background: var(--color-4);
  height: 5px;
  border-radius: 20px;
}

.application_main_container .left_side_bar .heading h1 {
  padding: 15px 15px;
  margin: 0;
  color: var(--color-white);
  font-size: 1.2rem;
  font-weight: 600;
  border-bottom: 1px solid #303a54;
  text-transform: uppercase;
}

.application_main_container .left_side_bar .profile-container {
  padding: 35px 15px;
}

.application_main_container .left_side_bar .profile-container .image {
  width: 30px;
  height: 30px;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  font-weight: 600;
  border-bottom: 2px solid #303a54;
}

.application_main_container .left_side_bar .profile-container h3 {
  color: var(--color-white);
  padding: 5px 0 0 0;
  margin: 0;
  font-size: 1.3rem;
}

.application_main_container .left_side_bar .profile-container h6 {
  color: var(--color-gray);
  padding: 0;
  margin: 0;
  font-size: 1.0rem;
}

.application_main_container .left_side_bar .link-container a {
  color: var(--color-gray);
  padding: 10px 15px;
  margin: 0;
  font-size: 1.0rem;
  display: block;
  text-transform: uppercase;
}

.application_main_container .left_side_bar .link-container a.active {
  color: var(--color-white);
  background: #303a54!important;
  font-weight: 700!important;
}

.application_main_container .left_side_bar .link-container a:hover {
  color: var(--color-white);
  background: #637db8;
  font-weight: 700;
}

.application_main_container .right_side_bar {
  overflow-y: auto;
}

.application_main_container .right_side_bar ::-webkit-scrollbar {
  width: 5px;
  /*background: var(--color-4);*/
  height: 5px;
  border-radius: 20px;
}

.application_main_container .right_side_bar ::-webkit-scrollbar {
  width: 5px;
  /*background: var(--color-4);*/
  height: 5px;
  border-radius: 20px;
}

.add-item {
  background: var(--color-green);
  color: var(--color-white);
  padding: 7px 15px;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  border: 2px solid var(--color-green)!important;
}

.add-item:hover {
  background: var(--color-white);
  color: var(--color-green);
}

.button-action-container .btn {
  padding: 0;
  margin: 0;
}

.button-action-container .btn.edit {
  color: var(--color-5);
}

.button-action-container .btn.remove {
  color: var(--utc-color-red);
}

.button-action-container span {
  padding: 4px 0;
  margin: 0 4px;
}

.file_upload_container {
  border: 2px dashed var(--color-gray);
  border-radius: 4px;
  padding: 20px 15px;
}

.file_upload_container h3 {
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: var(--color);
  font-size: 1.1rem;
  text-transform: uppercase;
}

.file_upload_container p {
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
  text-align: center;
}

.file_input_field {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.service_1_container {
  padding: 30px 40px;
}

.service_1_container h3 {
  padding: 0;
  margin: 0;
  font-size: 1.05rem;
}

.service_1_container p {
  padding: 20px 0 0 0;
  margin: 0;
  font-size: 0.85rem;
  text-transform: uppercase;
}

.about_us {
  padding: 80px 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
}

@media (max-width: 576.9px) {
  .about_us {
    padding: 20px 0;
  }
}

.about_us h2 {
  padding: 0 0 15px 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.6rem;
}

.about_us p {
  padding: 0;
  margin: 0;
  text-transform: initial;
  font-weight: 300;
  text-align: center;
}

.about_us .vison_mission_container .vison_mission {
  padding: 30px;
  box-shadow: var(--utc-box-shadow);
  border-radius: 0;
}

.about_us .vison_mission_container:nth-child(1) .vison_mission {
  background: var(--utc-color-blue);
}

.about_us .vison_mission_container:nth-child(2) .vison_mission {
  background: var(--color-white);
}

.about_us .vison_mission_container:nth-child(3) .vison_mission {
  background: var(--color-white);
}

.about_us .vison_mission h3 {
  padding: 0;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
}

.about_us .vison_mission p {
  padding: 15px 0 0 0;
  margin: 0;
  text-align: start;
}

.info_graphics .circular_conatiner {
  width: 50%;
  padding-top: 50%;
  border-radius: 50%;
  background: #fff;
  /*border-top: 35px solid red;*/
  /*border-right: 10px solid green;*/
  /*border-bottom: 20px solid white;*/
  /*border-left: 10px solid #fcfcfc;*/
}

.circular_container {
  /*border: 2px solid var(--color-yellow);*/
  text-align: center;
}

.circular_container i {
  font-size: 2.5rem;
}

.circular_container i.vision {
  color: var(--color-yellow);
}

.info_graphics.middle {
  border-style: solid;
  border-width: 0 2px 0 2px;
  border-color: #ececec;
}

.circular_container i.vision {
  color: var(--color-yellow);
}

.circular_container i.core_values {
  color: var(--color-blue);
}

.circular_container i.mission {
  color: var(--color-red);
}

.info_graphics span {
  font-weight: 700;
  font-size: 1.1rem;
}

.info_graphics p {
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
}

.why_choose_us_main_container {
  min-height: 100vh;
}

.slider_container_updated h1 {
  text-transform: inherit!important;
  font-weight: 700!important;
  font-size: 3.3rem!important;
}

@media (max-width: 575.9px) {
  .slider_container_updated h1 {
    text-transform: inherit!important;
    font-weight: 700!important;
    font-size: 1.5rem!important;
  }
}

.slider_container_updated h6 {
  color: var(--color-3);
  font-weight: 100;
  font-size: 1.1rem;
}

@media (max-width: 575.9px) {
  .slider_container_updated h6 {
    font-size: 0.95rem;
  }
}

@media (min-width: 1200px) {
  .carousel_controls_container {
    display: none;
  }
}

.slider_container_updated {
}

.slider_container_updated span.separator {
  display: inline-block;
  width: 60px;
  border-bottom: 1px solid #a0a0a0;
}

.slider_container_updated h5 {
  font-size: 1.1rem;
  color: var(--color-white);
  font-weight: 200;
  padding: 0;
  margin: 0;
}

.slider_container_updated h3 {
  font-size: 2.0rem;
  font-weight: 700;
  color: var(--color-white);
  margin: 0;
  padding: 12px 0;
}

.slider_container_updated p {
  padding: 0;
  margin: 0;
  color: var(--color-white);
}

.slider_container_updated a.join_us {
  text-decoration: none;
  display: inline-block;
  background: var(--color-red-1);
  color: var(--color-white);
  border: 2px solid var(--color-red-1);
  padding: 6px 16px;
  border-radius: 4px;
  margin-top: 1.4rem;
}

.slider_container_updated a.join_us i {
  color: inherit;
}

.slider_2_container {
  position: absolute;
  width: 40vw;
  right: 9.4vw;
  bottom: 8rem;
  padding: 0;
  z-index: 1;
  /*overflow-x: hidden;*/
}

.slider_2_container .outer-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*padding-right: 7.25rem!important;*/
}

.slider_2_container .outer-container .slider_button_container {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.slider_2_container .outer-container .slider_button_container span {
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  margin: 5px;
  border: 3px solid var(--color-white);
}

.slider_2_container .content_image_container .image {
  width: 100%;
  padding-top: 8rem;
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
  border-radius: 8px;
}

.slider_2_container .content_image_container .owl-stage-outer {
  border-radius: 8px;
}

.slider_2_container .content_image_container .image.active {
  /*border-color: #aeaeae;*/
}

.slider_2_container .content_image_container .owl-item.active-slide .image {
  border-color: #ffffff;
}

.announcement_container {
  /*background: var(--color-white);*/
  padding: 0;
  margin: 0;
  /*box-shadow: var(--utc-box-shadow-1);*/
}

.announcement_container .title_block span {
  width: 100%;
  clip-path: polygon(0 0,100% 0, 100% 70%,50% 100%,0 70%);
  display: inline-block;
  padding: 7px 15px 20px 15px;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0;
  background: var(--utc-color-blue-1);
  color: var(--color-white);
  /*border-right: 2px solid var(--color-blue);*/
  animation: changeColors 3s infinite;
}

@keyframes changeColors {
  0% {
    background: var(--utc-color-blue-1);
  }
  25% {
    background: var(--utc-color-red);
  }
  75% {
    background: var(--utc-color-red);
  }
  100% {
    background: var(--utc-color-blue-1);
  }
}

@keyframes changeTextColors {
  0% {
    color: var(--utc-color-blue-1);
  }
  25% {
    color: var(--utc-color-red);
  }
  75% {
    color: var(--utc-color-red);
  }
  100% {
    color: var(--utc-color-blue-1);
  }
}

@keyframes changeBG {
  0% {
    background: var(--utc-color-blue-1);
  }
  25% {
    background: var(--utc-color-red);
  }
  75% {
    background: var(--utc-color-red);
  }
  100% {
    background: var(--utc-color-blue-1);
  }
}

.announcement_container p {
  padding: 10px 0;
  font-weight: 700;
  margin: 0;
  color: var(--color-blue);
  animation: changeTextColors 3s infinite;
}

.announcement_container a {
  text-decoration: none;
  margin-left: 0;
  background: var(--utc-color-blue-1);
  color: var(--color-white);
  font-size: 0.8rem;
  padding: 8px 16px;
  border-radius: 5px;
  text-transform: uppercase;
  animation: changeBG 3s infinite;
}

.about_us_container {
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #efefef;
}

.about_us_container .info_graphics .circular_container {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  display: flex;
  padding: 2px;
  /*align-items: center;*/
  justify-content: center;
  /*box-shadow: var(--utc-box-shadow);*/
}

.about_us_container .info_graphics .circular_container .inner_container {
  border-radius: 50%;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  box-shadow: var(--utc-box-shadow);
}

.about_us_container .info_graphics span {
  font-weight: 900;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: var(--utc-color-blue-1);
}

.about_us_container .info_graphics span:last-child {
  padding-left: 4px;
}

.about_us_container .info_graphics.second span:last-child {
  color: var(--utc-color-red);
}

.about_us_container .info_graphics.third span:last-child {
  color: var(--utc-color-blue);
}

.about_us_container .info_graphics.first span:last-child {
  color: var(--utc-color-yellow);
}

.about_us_container .info_graphics p {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 300;
}

.about_us_container .info_graphics .separator {
  height: 30px;
  margin: 4px 0;
  border: 1px solid rgba(0,0,0,0.12);
}

.about_us_container .info_graphics .circular_container i {
  font-size: 1.6rem;
}

.about_us_container .info_graphics.first .circular_container {
  border-color: var(--utc-color-yellow);
}

.about_us_container .info_graphics.first .circular_container i {
  color: var(--utc-color-yellow);
}

.about_us_container .info_graphics.second .circular_container {
  border-color: var(--utc-color-red);
}

.about_us_container .info_graphics.second .circular_container i {
  color: var(--utc-color-red);
}

.about_us_container .info_graphics.third .circular_container {
  border-color: var(--utc-color-blue);
}

.about_us_container .info_graphics.third .circular_container i {
  color: var(--utc-color-blue);
}

.about_us_container .banner_container {
}

.about_us_container .banner_container .banner_subcontainer {
  background: rgba(62,92,159,0.88);
  padding: 60px;
}

@media (max-width: 765.9px) {
  .about_us_container .banner_container .banner_subcontainer {
    padding: 30px 15px;
  }
}

.about_us_container .banner_container .banner_subcontainer span {
  color: var(--color-gray);
  padding: 0;
  margin: 0;
  font-weight: 200;
}

.about_us_container .banner_container .banner_subcontainer h3 {
  color: var(--color-white);
  padding: 5px 0 15px 0;
  margin: 0;
  font-weight: 700;
}

.about_us_container .banner_container .banner_subcontainer p {
  color: var(--color-gray);
}

.about_us_container .banner_container .banner_subcontainer a {
  text-decoration: none;
  background: var(--utc-color-blue-1);
  color: var(--color-white);
  margin: 0;
  padding: 8px 15px;
  border-radius: 5px;
  font-weight: 300;
  font-size: 0.9rem;
  border: 2px solid var(--utc-color-blue-1);
}

.about_us_container .banner_container .banner_subcontainer a:hover {
  background: transparent;
}

.upcoming_shortcourses_container {
  width: 100%;
  height: 100vh;
}

.contact_us_container {
}

.contact_us_container .icon_container {
  background: #f8f8f8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px;
  border: none;
  border-radius: 4px;
}

.contact_us_container .icon_container i {
  font-size: 1.0rem;
}

.contact_us_container .details_container {
  font-size: 1.0rem;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin: 0 0 0 10px;
  border: none;
}

.services_container_1 {
  background: var(--color-white);
  padding: 0px 0;
}

.services_container_1 .services_bg_banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-image: radial-gradient(rgba(32,41,64,0.3) 1px, transparent 1px),radial-gradient(rgba(250,250,250,0.3) 1px, transparent 1px);
  background-color: var(--utc-color-blue);
  background-position: 0 0, 10% 10%;
  background-size: 40px 40px;
  z-index: 0;
}

.services_heading_container h1, span, h3 {
  z-index: 1;
}

.services_heading_container h3 {
  color: var(--utc-color-blue)!important;
}

.services_heading_container h1 {
  font-size: 2.4rem!important;
  color: var(--utc-color-blue)!important;
}

.services_heading_container h1 strong {
  font-size: inherit;
}

.services_container_1 .elements_container {
}

.services_container_1 .container_elements {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.services_container_1 .details-container {
  padding-top: 80%;
  position: relative;
  transition: transform 1.5s ease-in-out;
  /*scroll-behavior: smooth;*/
  /*transition: all 1.5s ease-in-out;*/
}

.services_container_1 .details-container.active {
  padding-top: 120%;
}

.services_container_1 #services_slider {
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.services_container_1 .main_slider_container .button_container {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.services_container_1 .main_slider_container .button_container.prev {
  left: -15px;
}

.services_container_1 .main_slider_container .button_container.next {
  right: -15px;
}

.services_container_1 .main_slider_container .button_container .btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-radius: 50%;
  background: red;
}

.services_container_1 .main_slider_container .button_container .btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-radius: 50%;
  background: red;
}

.services_container_1 .main_slider_container .button_container .btn i {
  color: inherit;
}

.services_container_1 .main_slider_container .button_container.prev .btn {
  background: var(--color-white);
  color: var(--utc-color-blue);
  border: 3px solid var(--utc-color-blue);
}

.services_container_1 .main_slider_container .button_container.next .btn {
  background: var(--utc-color-blue);
  color: var(--color-white);
  border: 3px solid var(--color-white);
}

.services_container_1 .main_slider_container {
  width: 100%;
  /*overflow: hidden;*/
}

.services_container_1 .slider_container {
  min-width: 20%!important;
  max-width: 20%!important;
}

.services_container_1 .slider_container.resize_class:nth-child(3) .details-container {
  padding-top: 120%;
}

.services_container_1 .slider_container.resize_class .details-container {
  padding-top: 100%;
}

.services_container_1 .slider_container.resize_class:nth-child(4) .details-container {
  padding-top: 100%;
}

.services_container_1 .details-container.smaller {
  padding-top: 80%;
}

.services_container_1 .details-container .details {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(32,41,64,0.85);*/
  background: linear-gradient(to top, rgba(32,41,64,1), rgba(32,41,64,0));
  padding: 20px;
}

.services_container_1 .details-container .details h3 {
  padding: 0 0 5px 0;
  margin: 0;
  color: var(--color-white);
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 700;
}

.services_container_1 .details-container .details p {
  padding: 5px 0 10px 0;
  margin: 0;
  color: var(--color-gray);
  font-size: 0.9rem;
  display: none;
}

.services_container_1 .details-container .details:hover p {
  display: block;
  transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
}

.services_container_1 .details-container .details a {
  padding: 0;
  margin: 0;
  color: var(--color-gray);
  font-size: 0.9rem;
  text-decoration: none;
}

.services_container_1 .details-container .details a i {
  color: inherit;
  font-size: 0.9rem;
}

.services_container_1 .owl-stage-outer {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.services_container_1 .owl-stage-outer .owl-stage {
  display: flex;
  align-items: center;
  /*width: 100%!important;*/
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item {
  /*display: none;*/
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item .slider_container {
  min-width: 100%!important;
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item .slider_container .details-container {
  width: 100%!important;
  padding-top: 80%!important;
  transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item {
  visibility: hidden;
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item.active {
  visibility: visible;
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item.active_slide_second_child .slider_container .details-container {
  padding-top: 100%!important;
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item.active_slide_third_child .slider_container .details-container {
  padding-top: 120%!important;
}

.services_container_1 .owl-stage-outer .owl-stage .owl-item.active {
  display: block!important;
}

.news_image_container {
  border-radius: 8px;
  overflow: hidden;
}

.news_container img {
  border-radius: 8px;
}

.main_news_container .image_details_container {
  position: absolute;
  bottom: 0;
  padding: 30px;
  height: 100%;
  background: linear-gradient(to top,#3e5c9f 0%,rgba(62,92,159,0.17) 100%);
}

.main_news_container p, h3, span, a {
  padding: 0;
  margin: 0;
  color: var(--color-white);
}

.main_news_container a, i {
  color: var(--color-white);
  font-size: 0.95rem;
  text-decoration: none;
}

.main_news_container span {
  color: var(--color-white);
  font-size: 0.8rem;
  font-weight: 200;
}

.main_news_container span i {
  color: var(--color-white);
  font-size: 0.7rem;
}

.main_news_container p {
  color: var(--color-white);
  font-weight: 300;
  font-size: 0.9rem;
  padding: 8px 0;
}

.main_news_container h3 {
  color: var(--color-white);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.40rem;
  padding: 2px 0 10px 0;
}

.main_news_container .image_details_container {
  width: 100%;
}

.main_news_container .side_news_container {
  margin: 0 0 0 15px;
}

.main_news_container .side_news_container span {
  color: var(--color)!important;
  font-size: 0.75rem;
}

.main_news_container .side_news_container span i {
  color: var(--color)!important;
  font-size: 0.70rem;
}

.main_news_container .side_news_container h5 {
  color: var(--utc-color-blue);
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 1.20rem;
  font-weight: 700;
}

.main_news_container .side_news_container a {
  color: var(--color);
  font-size: 0.9rem;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.main_news_container .side_news_container a i {
  color: var(--color);
  font-size: 0.9rem;
}