﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap');


/* GLOBAL FORCE FONT */
html, body {
  font-family: 'Noto Sans', sans-serif !important;
  overflow-x:hidden;
}


/* NAVBAR FIX */
.navbar, .navbar * {
  font-family: 'Noto Sans', sans-serif !important;
}

/* HEADINGS FIX */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: 600;
}

 p {
  font-family: 'Noto Sans', sans-serif !important;
  text-align:justify;
}

/* FOOTER FIX */
footer, .footer, .footer * {
  font-family: 'Noto Sans', sans-serif !important;
}

       

        .section h2 {
            font-weight: 700;
            margin-bottom: 30px;
        }

        .dgt-img {
            max-height: 60px;
            margin-left: 10px;
        }

        .h-clmn {
            display: inline-block;
            vertical-align: middle;
        }

        .dgt-h {
            float: right;
        }

        .mw-fixed {
            max-width: 1140px;
            margin: auto;
        }

        @media (max-width: 768px) {
            .h-clmn, .dgt-h {
                display: block;
                text-align: center;
                float: none;
                margin-bottom: 10px;
            }

            .dgt-img {
                margin: 5px;
            }
        }
		.hover-shadow {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-shadow:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.pra{
	background-color: #002147;
}
.bottom-border {
    border-bottom: 3px solid #002147;
}

.text-medium {
    font-size: 1rem;
}
.shadow-new {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.text-color {
	color:#002147;
}

.card-text
{
	color:#000 !important
}
a {
    color: #002147;
    text-decoration: none;
}




/* ----------------------------------------------------
   NAVBAR DESIGN
----------------------------------------------------- */

/* Navbar background and height */
.navbar-bg {
  background: #0D4075;
  min-height: 50px;
}

/* Navbar container spacing */
.navbar {
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Navbar links */
.navbar-nav .nav-link {
  color: #fff;
  padding: 0.5rem 1.2rem; /* gap between menu items */
  font-size: 0.95rem;
  white-space: nowrap;
}

/* Hover effect on links */
.navbar-nav .nav-link:hover {
  color: #ffcc00;
  background: transparent;
}

/* Active / current page */
.navbar-nav .nav-link.active {
  border: 1px solid #fff;
  border-radius: 3px;
}

/* ----------------------------------------------------
   DROPDOWN MENU STYLE
----------------------------------------------------- */

.dropdown-menu {
  background-color: #fff;
  min-width: 200px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

/* Dropdown items */
.dropdown-item {
  color: #000;
  padding: 0.45rem 1rem;
}

.dropdown-item:hover {
  background-color: #f2f2f2;
  color: #000;
}

/* ----------------------------------------------------
   HOVER DROPDOWN (Desktop Only)
----------------------------------------------------- */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  /* Highlight parent item when hovered */
  .navbar .dropdown:hover > .nav-link {
    color: #ffcc00;
  }
}

/* ----------------------------------------------------
   MOBILE BEHAVIOR (Bootstrap default)
----------------------------------------------------- */

/* On mobile, dropdown should only open on click */
@media (max-width: 991px) {
  .dropdown-menu {
    display: none; /* hidden by default */
  }
  .dropdown-menu.show {
    display: block; /* shown when BS adds .show */
  }
}


.navbar .nav-link {
    margin-right: 15px;   /* gap between menu items */
}



.top-menu {
  color: #fff;
  font-size: 14px;
}

.top-menu .top-link {
  color: #fff;
  text-decoration: none;
  margin: 0 6px;
}

.top-menu .top-link:hover {
  text-decoration: underline;
}

.divider {
  margin: 0 6px;
  color: #fff;
}

.lang-dropdown {
  background: #02263c;
  color: #fff;
  border: none;
  padding: 2px 6px;
  border-radius: 3px;
}

.fontsize-group .font-btn {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.fontsize-group .font-btn:hover {
  text-decoration: underline;
}

/* Font Resize Classes */
.body-small {
  font-size: 14px !important;
}

.body-normal {
  font-size: 16px !important;
}

.body-large {
  font-size: 20px !important;
}


/* ============================= */
/* MAIN TABLE */
/* ============================= */

.custom-training-table > table.views-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: 'Noto Sans', sans-serif;
}

/* HEADER */
.custom-training-table thead th {
  background: #1f4e79;
  color: #fff;
  padding: 12px;
  font-size: 14px;
  text-align: justify;
  border: 1px solid #d0d7de;
}

/* BODY CELLS */
.custom-training-table tbody td {
  background: #eaf3f8;
  padding: 14px;
  border: 1px solid #d0d7de;
  vertical-align: middle;
}

/* REMOVE EXTRA HEIGHT */
.custom-training-table tbody tr {
  height: auto !important;
}

/* ALTERNATE ROW */
.custom-training-table tbody tr:nth-child(even) td {
  background: #f4f9fc;
}

/* ============================= */
/* COLUMN WIDTH FIX */
/* ============================= */

.custom-training-table td:nth-child(1) {
  width: 60px;
  text-align: center;
}

.custom-training-table td:nth-child(2) {
  width: 220px;
}

.custom-training-table td:nth-child(3) {
  width: 350px;
}

.custom-training-table td:nth-child(4) {
  width: 320px;
}

.custom-training-table td:nth-child(5) {
  width: 80px;
  text-align: center;
}

.custom-training-table td:nth-child(6) {
  width: 120px;
  text-align: center;
}

/* ============================= */
/* 🔥 NESTED TABLE */
/* ============================= */

.custom-training-table td table.views-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: 1px solid #cfd8dc;
  margin-top: 5px;
}



/* NESTED CELLS */
.custom-training-table td table.views-table td {
  padding: 8px;
  text-align: center;
  border: 1px solid #d0d7de;
  font-size: 13px;
}

/* ALTERNATE ROWS */
.custom-training-table td table.views-table tr:nth-child(even) td {
  background: #ffffff;
}

/* ============================= */
/* APPLY BUTTON */
/* ============================= */

.custom-training-table a {
  display: inline-block;
  background: #1f6ed4;
  color: #fff !important;
  padding: 8px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
}

.custom-training-table a:hover {
  background: #1557a0;
}

/* ============================= */
/* FIX DRUPAL EXTRA WRAPPER */
/* ============================= */

.custom-training-table td > div {
  height: auto !important;
}










