/********** Template CSS **********/
body {
  margin: 0;
  font-family: "Noto Sans", sans-serif !important;
  font-size: 1rem;
  line-height: 30px;
  background: #ffffff;
  overflow-x: hidden;
}


.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
  font-family: "Noto Sans", sans-serif !important;
}

@media (min-width: 1200px) {

  .h1,
  h1 {
    font-size: 2.3rem;
  }
}

.h2,
h2 {
  font-size: calc(1.325rem + .9vw);
  font-family: "Noto Sans", sans-serif !important;
}

@media (min-width: 1200px) {

  .h2,
  h2 {
    font-size: 1.5rem;
  }
}

.h3,
h3 {
  font-size: calc(1.3rem + .6vw);
  font-family: "Noto Sans", sans-serif !important;
}

@media (min-width: 1200px) {

  .h3,
  h3 {
    font-size: 1.75rem;
  }
}

.h4,
h4 {
  font-size: calc(1.275rem + .3vw);
  font-family: "Noto Sans", sans-serif !important;
}

@media (min-width: 1200px) {

  .h4,
  h4 {
    font-size: 1.5rem;
  }
}

.h5,
h5 {
  font-size: 1.25rem;
}

.h6,
h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  font-size: 1rem;
  margin-bottom: 1rem
}

/*noto-sans*/
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9X6VLKzA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9e6VLKzA.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9b6VLKzA.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9W6VLKzA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9Z6VLKzA.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9V6VLKzA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9U6VLKzA.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6VI.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


a {
  cursor: pointer;
}

.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

/*** Navbar ***/
.navbar .dropdownhomes-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}

.navbar .navbar-nav .nav-link {
  margin-right: 30px;
  padding: 15px 0;
  color: #ffffff;

  font-weight: 500;
  text-transform: uppercase;
  outline: none;
}

.navbar .navbar-nav .nav-link.active {
  color: #D2DFFF !important;
  font-weight: 600;
  text-transform: capitalize;
}

.navbar .navbar-nav .nav-link:hover {
  color: #fff;
  text-transform: capitalize;
}

@media (max-width: 991.98px) {
  .navbar .navbar-nav .nav-link {
    margin-right: 0;
    padding: 10px 0;
  }

  .navbar .navbar-nav {
    border-top: 1px solid #eeeeee;
  }
}

.navbar .navbar-brand,
.navbar a.btn {
  height: auto;
  padding: 10px 0px;
}

.navbar .navbar-nav .nav-link {
  color: #fff;
  font-weight: 500;

  text-transform: capitalize;
}

.navbar.sticky-top {
  top: 0px;
  transition: 0.5s;
  background-color: #ffffff;
}

.bg-light {
  background-color: #0021472e !important;
}

@media (min-width: 992px) {
  .navbar .nav-item .dropdownhomes-menu {
    display: block;
    border: none;
    margin-top: 0;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
  }

  .navbar .nav-item:hover .dropdownhomes-menu {
    top: 100%;
    visibility: visible;
    transition: 0.5s;
    opacity: 1;
  }
}

.logos-homes11 {
  width: 110px;
  margin-right: 8px;
}

.new-g-cols {
  display: flex;
}

/* Basic layout */


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

.nav-item {
  position: relative;
}

.nav-item>a {
  display: flex;
  align-items: center;
  color: white;
  text-decoration: none;
}

.nav-item>a:hover {
  background-color: #44444403;

}

/* Font Awesome dropdown icon styling */
.dropdown-icon {
  margin-left: 8px;
  font-size: 0.7em;
  transition: transform 0.3s ease;
}

/* Rotate icon on hover */
.nav-item:hover .dropdown-icon {
  transform: rotate(180deg);
}

/* Dropdown menu */
.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #3F51B5;
  min-width: max-content;
  z-index: 1000;
}

.dropdown-menu li a {
  display: block;
  padding: 10px 15px;
  color: white;
  text-decoration: none;
}

.dropdown-menu li a:hover {
  background-color: #cccccc00;
}

/* Show dropdown on hover */
.nav-item:hover .dropdown-menu {
  display: block;
}

.logos-imgs {
  margin-top: 25px;
}

#topbar {
  background-color: #dee2e6;
}

.headers-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-dialog {
  max-width: 700px;
}



.modal-body .row {
  margin: 0px !important;
}




.modal-header .btn-close {
  border: 1px solid gray;
  background-color: #fff;
}

.modal-header {
  border-bottom: 0px;
}

.modal-body {
  margin-bottom: 20px;
}

.screen-tops {
  display: flex;
  align-items: center;
}

.top-navs {
  justify-content: space-between;
  align-items: center;
}

.paras-sec {
  margin: 0px !important;
}

.screen-tops a {
  margin: 0px 4px;
}

.screen-tops p {
  margin: 0px 4px !important;
  padding-top: 2px;
}

.headers-tops {
  padding: 0em 0em 0em 7.5em;
}

.lists-homies-border {
  padding-right: 10px;
  border-right: 1px solid #fff;
}

.logos-homes {
  width: 70px;
}

/*end haeder*/

/*** Footer ***/
.footer .btn.btn-social {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light);
  border: 1px solid #ffffff;
  transition: 0.3s;
}

.footer {
  background: linear-gradient(90deg, #0f172b 0%, #0c162d 0%, #162f6a 90%);
  color: #Fff;
  padding: 3rem 7.5em 3em 7.5em;
}

.footer .btn.btn-social:hover {
  color: var(--primary);
}

.footer .btn.btn-link {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left;
  color: #ffffff;

  font-weight: normal;
  text-transform: capitalize;
  transition: 0.3s;
}

.footer .btn.btn-link::before {
  position: relative;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

.footer .btn.btn-link:hover {
  color: var(--primary);
  letter-spacing: 1px;
  box-shadow: none;
}

.footer .copyright {
  padding: 25px 0;

  border-top: 1px solid rgba(256, 256, 256, 0.1);
}

.footer .copyright a {
  color: var(--light);
}

.footer .copyright a:hover {
  color: var(--primary);
}


.back-to-top {
  background-color: #ffffff !important;
  color: #002147 !important;
  border-color: #002147 !important;
  background-size: cover;
}

.fivefooter-homes {
  text-align: left;
  margin-bottom: 0.5px !important;
  text-transform: uppercase;
}

.footer-links-list {
  display: grid;
  grid-template-columns: 40% 40%;
  padding-inline-start: 0px;
  color: rgb(255, 255, 255);
  gap: 20px 16px;
  list-style: none;
}

.footer-links-list li {
  position: relative;
  transform: translateX(-5px);
}

.footer-links-list .align-items-center {
  align-items: center !important;
}

.anchor-homes-nw {
  color: #fff;

  font-weight: 600;
}

.footers-homs {
  margin: 0px;
}

.paras-footers-text {

  font-weight: 600;
  margin: 0px;
  line-height: 30px;
}

.footer .fa-chevron-right {
  color: #fff;

}

/*footer end*/




/* Icon CSS */



.dropdownhomes {
  position: relative;
  display: inline-block;
}

.dropdownhomes-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdownhomes-content a {
  color: black;
  padding: 4px;
  text-decoration: none;
  display: block;
}

.dropdownhomes-content a:hover {
  background-color: #ddd;
}

.dropdownhomes:hover .dropdownhomes-content {
  display: block;
}

.dropdownhomes:hover .dropbtn {
  background-color: #dc143c;
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-instagram:before {
  content: "\f16d";
}

#course1 {
  background-color: #002147;
  margin-bottom: 26px;
}

.bhil-head {
  margin-top: 20px;
  color: #fff;
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #444;
}

.cousre-imgs img {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  border-radius: 8px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background-color: #002147;
  border-color: #dee2e6 #dee2e6 #fff;
}



#nav-tabContent {
  border-radius: 0px 0px 8px 8px;
  padding: 10px;
  border: 1px solid #80808052;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.nav-tabs .nav-link.active {
  color: #fff !important;
}

.nav-link {
  display: block;
  padding: 14px 16px;
}

.navbar {
  display: flow;
  width:100%;
}

.navbar-main {
  background-color: transparent !important;
}

.container-mains {
  margin: 0px !important;
  justify-content: space-between;
}

.top-nav-menu {
  justify-content: space-between;
  align-items: center;
  padding-left: 48px;
  padding: 0em 7.5em;
  background-color: #162f6a;
}

.logos-homes1 {
  width: 550px;
}

.navbar-nav a {
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  color: #0087ca;
  text-decoration: none;
}

.navbar-nav a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.08em;
  bottom: 0;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.navbar-nav a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.navbar-nav a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  color: #fff !important;
  height: 0.08em;
  bottom: 0;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.navbar-nav a {
  color: #FFF !important;
}


.rows-newhomes {
  margin: 0px;
}

.cols-newhomes {
  padding: 0px;
}

.cols-newhomes1 {
  padding: 0px;
}


.nav-item {
  display: inline-block;
  padding: .7em 1em !important;
  border: 0;
  /* background: #d9f2f2; */
  font-style: normal !important;
  color: #000 !important;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 0px !important;
  /* border-left: 1px solid #ccc; */
  /* border-right: 1px solid #ccc; */
}

.span-newhomes {
  display: inline-block;
  font-size: 1rem;
}


.span-newhomes.active {
  color: #fff;
}

.nav-item.active {
  /* background-color: #0f5757; */
  color: #fff !important;
}

#topbar1 {
  /* background-color: #d9f2f2; */
  border-top: 1px solid #ccc;
  align-items: center;
}

.new-left-homes {
  padding: 5px;
  align-items: center;
}





.logos-home1 {
  /* width: 160px; */
}


.six-homes-cols {
  padding: 0px;
}

.headers-home-row {
  margin: 0px;
  /* padding: 10px; */
  align-items: center;
}

.new-left-homes2 {
  display: flex;
  justify-content: end;
  align-items: center;
}

.offcanva-six1 {
  border: 1px solid gray;
  border-radius: 8px;
  padding: 18px 10px;
  text-align: center;
  align-content: center;
  margin: 10px 0px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #fff;
  height: 110px;
}

#offcanvasRightLabel {

  margin-top: 20px;

  font-weight: 700;

  color: #162f6a;
}

.offcans-para {
  color: #162f6a;
  font-weight: 600;
}

.new-left-homes3 {
  display: flex;
  margin: 0px;
}

li.lists-homies {
  list-style: none;
}

.dropbtn {
  background-color: #4caf5000;
  color: white;
  /* padding: 16px; */
  /* */
  border: none;
  cursor: pointer;
}

.dropdownhomes {
  position: relative;
  display: inline-block;
}

.dropdownhomes-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdownhomes-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdownhomes-content a:hover {
  background-color: #ccc
}

.dropdownhomes:hover .dropdownhomes-content {
  display: block;
}

.dropdownhomes:hover .dropbtn {
  background-color: #4c607c;
}

.six-homes-cols .search {
  width: 75%;
  margin: auto;
  border: 1px solid #d9f2f2;
  border-bottom: 2px solid #0f5757;
  border-radius: 10px 10px 0px 0px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.six-homes-cols .search select {
  padding: 0;
  border: none;
  outline: none;
  width: 15%;
  cursor: pointer;
  background: transparent;
}

.six-homes-cols .search input {
  width: 75%;
  padding: 0;
  border: none;
  outline: none;
  margin-left: 10px;

}

.six-homes-cols .search button {
  width: 10%;
  padding: 0;
  border: none;
  outline: none;

  margin: auto;
  margin-right: 0;
  color: rgb(139, 139, 139);
  border-left: 1px solid #ccc;
  background: white;
}

@media only screen and (max-width: 600px) {
  .six-homes-cols .search {
    width: 100%;
    flex-wrap: wrap;
  }

  .six-homes-cols .search select {
    width: 100%;
  }
}

i.fas.fa-search {
  /* color: #0f5757; */
}

.border-homes4 {
  width: 100%;
  margin-bottom: 0px;
}

.logo-slider {
  overflow: hidden;
  padding: 0px 0 0 0;
  white-space: nowrap;
  background-color: #d3d9e7;
  position: relative;
}

.bottom-disclaim {
  text-align: center;

  border-top: 1px solid #ccc;
  padding: 14px 0px 0px 0px;
  margin-top: 20px;
}

.disclaims-paras {
  font-weight: 700;
  margin: 0.5px !important;
}

.disclaims-paras1 {
  margin-bottom: 0.5px !important;
  margin-top: 0px !important;
}

#mar-newhomes .fas.fa-arrow-right {
  font-size: 1rem;
  color: #000;
}

.more-homess .fas.fa-arrow-right {
  font-size: 1rem;
  color: #fff;

}

.org-color .fas.fa-arrow-right {
  font-size: 1rem;
  color: #843333;

}

.read-haats-homes .fas.fa-arrow-right {
  font-size: 1rem;
  color: #fff;

}

span.spns-offcnavs {
  color: #000;
  font-weight: 700;
  font-size: 1.5rem;
}

span.spns-offcnavs .fas {
  color: #000;
  font-size: 1.5rem;
}

.spns-offcnavs .far {
  color: #000;
}

.logo-slider:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 55s slide infinite linear;
}

.logos-slide img {
  margin: 0 40px;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.main-right-gatha .btn-primary {
  background-color: transparent;
  padding: 0px;
  border: none;
}

.main-right-gatha #offcanvasRight {
  background-color: #d2dfff;
}

#logoss-homies {
  background-color: #d3d9e7;
}

.name-homeis {
  color: #fff;
}

.cols-newhomes1 {
  background-image: url(../image/right-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#imgs-borders-home {
  background-image: url(../image/back-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}



.box {
  background: white;
  border-radius: 20px;
  display: grid;
  padding: 20px;
  grid-template-columns: 64px 1fr;
  position: relative;
}

.box-icon {
  display: grid;
  place-items: center;
}

.box-label {
  height: 64px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  color: #000;
  font-weight: 600;
  font-size: 0.938rem;
}

.box-title {
  white-space: nowrap;
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 1.438rem;
  font-weight: 600;
  color: #843333;
  padding-top: 16px;
}

.box-image {
  width: 100%;
  height: 300px;
  border-radius: 18px 0 18px 0;
  overflow: hidden;
}

.box-image img {
  width: 100%;
  height: 300px;
  display: block;
}

.studio-button {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  background: #843333;
  color: white;
  padding: 8px 14px;
  border-radius: 50px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  transition: 0.35s ease all;
  overflow: hidden;
  max-width: 40px;
  /* icon size */
  height: 40px;
}

.studio-button-icon {
  position: relative;
}

.studio-button-label {
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 8px;
  opacity: 0;
  transform: translateX(10px);
  transition: 0.25s ease all;
}

.box:hover .studio-button {
  max-width: 100%;
}

.box:hover .studio-button-label {
  opacity: 1;
  transform: translateX(0);
  transition: 0.25s 0.1s ease-in opacity, 0.15s 0.1s cubic-bezier(.175, .885, .32, 1.275) transform;
}

#three-cards {
  background-image: url('../img/back-bg.png');
  background-size: cover;
  padding: 4rem 0rem;
  margin-top: 102px;
}

.icons-imgs {
  background: linear-gradient(90deg, rgb(227 209 209) 0%, rgb(119 29 29) 0%, rgb(25 24 24) 90%);
  width: 100%;
}



/*ntpc*/
.row-nrpc {
  margin: 0px;
}

.nrpc-cols {
  padding: 0px;
}

.row-nrpc1 {
  margin: 0px;
}

.nrpc-cols1 {
  padding: 0px;
}

#owl-demo .item img {
  display: block;
  width: 100%;
  border-radius: 8px;
  height: 400px;
  object-fit: cover;
}

#owl-demo .owl-item.active {
  height: 400px;
}

#owl-demo .item {
  height: 400px;
}

.social-ntpcs {
  border: 1px solid #a3bbf3;
  background-color: #D2DFFF;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 24px 16px;
}

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

.btn-outline-light1 {
  color: #fff;
  background-color: #162f6a;
  font-size: 1.2rem;
}

.whats-new {
  width: 100%;
  padding: 30px 5px 0px 5px;
  border-radius: 8px;

}

.whats-new h2 {
  color: #1f2f72;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.whats-new h2 i {
  color: #1f2f72;
}

.news-list {
  background: #162f6a;
  color: #fff;
  border-radius: 6px;
  padding: 15px;
  min-height: 500px;
  max-height: 550px;
  overflow-y: auto;
}

.news-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.875rem;
}

.news-item:last-child {
  border-bottom: none;
}

.news-item i {
  color: #fff;
}

.view-more {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

.view-more button {
  background: #d2dfff;
  color: #0f2f72;
  border: 2px solid #adacac;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 6px 14px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px;
  font-size: 0.875rem;
}

.view-more button i {
  margin-left: 5px;
}

/* Custom scrollbar */
.news-list::-webkit-scrollbar {
  width: 6px;
}

.news-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

.news-list::-webkit-scrollbar-track {
  background: transparent;
}

#nrpc-part {
  padding: 20px;
  background-color: #fff;
}

.nrpc-col-two {
  padding-left: 20px;
  /* background-color: #162f6a; */
}

.ntpc-icons1 {
  text-align: center;
  justify-content: center;
  display: flex;
  font-size: 2.625rem;
  margin-bottom: 10px;
  color: #fff;
}

.fas.fa-images.ntpc-icons1 {
  text-align: center;
  justify-content: center;
  display: flex;
  font-size: 2.625rem;
}

.main-icons {
  text-align: center;
  margin: 0px;
}

.uk-heading-bullet {
  text-align: center;
}

.uk-heading-bullet::before {
  display: none !important;
}

.nrpc-cols2 {
  padding: 0px;
  /* border-radius: 8px; */
}

.nrpc-col-two2 {
  background-color: #a3bbf3;
  padding: 50px 0px;
  border-radius: 8px;
  margin-top: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

section#porque-sec {
  border-radius: 8px;
  background-color: #162f6a;
  width: 80%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 50px 0px;
  border-left: 8px solid #5279d7;
  margin: auto;
}

.tab-block {
  width: 100%;
  height: auto;
  margin: 20px auto 0px auto;
}

.tab-block .tab-mnu {
  display: block;
  padding: 0px;
  width: 100%;
  margin: 0px;
  list-style: none;
}

.tab-block .tab-mnu:after {
  content: '';
  display: table;
  clear: both;
}

.tab-block .tab-mnu li {
  box-sizing: border-box;
  border-radius: 8px 8px 0px 0px;
  float: left;
  background-color: #d5dadd;
  font-weight: 600;
  color: #223146;
  width: max-content;
  /* 650px / 5 */
  font-size: 0.938rem;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}

.tab-block .tab-mnu li:not(:last-child) {
  border-right: 1px solid #4c607c;
}

.tab-block .tab-mnu li:hover:not(.active) {
  background-color: #c3c9cc;
  /* lighten(#b2bbc0, 5%) approximation */
}

.tab-block .tab-mnu .active {
  background-color: #fff;
  color: #162f6a;
  border-bottom: 1px solid #e2e6e7;
  /* lighten($fontc, 55%) approximation */
  border-radius: 8px 8px 0px 0px;
  font-weight: 600;
  cursor: default;
}

.tab-block .tab-cont {
  box-sizing: border-box;
  border-top: 1px solid white;
  background-color: white;
  color: #3f4749;
  /* darken(#596165, 20%) approximation */
  border-radius: 0px 8px 8px 8px;
}

.tab-block .tab-cont .tab-pane {
  padding: 10px 10px;
  margin-top: 13px;
  background-color: transparent;
}

.nrpc-col-two3 {
  background-color: #162f6a;
  border-radius: 8px;
  padding: 18px;
}

.vertical-marquee {
  height: 300px;
  overflow: hidden;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
  /* border: 1px solid #ccc; */
  background: #fff;
  padding: 10px;
  margin-bottom: 16px;
  font-family: sans-serif;
  border-radius: 8px;
  position: relative;
}

.marquee-inner {
  display: flex;
  flex-direction: column;
  padding: 0px;
  animation: scroll-loop 18s linear infinite;
}

.marquee-group {
  display: flex;
  flex-direction: column;
}

.marquee-item {
  /* height: 40px; */
  /* line-height: 40px; */
  padding: 10px 3px;
  box-sizing: border-box;
  font-size: 0.938rem;
  border-bottom: 1px solid #ccc;
}

@keyframes scroll-loop {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-360px);
  }
}




/*whats*/
/* Pause on hover (optional) */
.vertical-marquee:hover .marquee-inner {
  animation-play-state: paused;
}

.title-whats {
  color: #fff;
}

.vertical-marquee {
height: 308px;
  /* Adjust as needed */
  overflow: hidden;
  position: relative;
}

.marquee-inner {
  display: flex;
  flex-direction: column;
  animation: scroll-up 10s linear infinite;
}

@keyframes scroll-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}

.marquee-paused {
  animation-play-state: paused !important;
}

.cols-nrpcs-whats {
  display: flex;
  justify-content: space-between;
}

.view-tabs {
  border: 1px solid #3f51b5;
  color: #Fff;
  padding: 10px;
  margin: 10px;
  background-color: #3f51b5;
}

button#toggle-marquee {
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  line-height: 32px;
}

.whats-heads h2 {
  margin-top: 16px;
  padding: 0px 10px;
  font-weight: 600;
  color: #fff;
}

#whats-news {
  background: #282828;
  padding: 30px 0;
}

/*end*/



/*slider home*/
#my-carousel-wrapper {
  max-width: 100% !important;
  position: relative;
  margin: auto;

}

#my-carousel-wrapper img {
  height: 500px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#my-carousel-wrapper #toggle-autoplay {
  background-color: #fff;
  color: #002147;
  border-radius: 8px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 999;
  padding: 2px 10px;
  border: none;
  font-size: 1.25rem;
}

#my-carousel-wrapper #prev {
  position: absolute;
  top: 50%;
  left: 10px;
  line-height: 30px;
  border-radius: 50%;
  height: 36px;
  align-items: center;
  width: 36px;
  font-size: 1.25rem;
  transform: translateY(-50%);
  z-index: 999;
  /* border-radius: 8px; */
  /* padding: 2px 8px; */
  color: #002147;
  border: 1px solid #002147;
}

#my-carousel-wrapper #next {
  position: absolute;
  top: 50%;
  right: 10px;
  color: #002147;
  border-radius: 50%;
  height: 36px;


  align-items: center;
  width: 36px;
  transform: translateY(-50%);
  z-index: 999;
  font-size: 1.25rem;
  padding: 2px 8px;
  border: 1px solid #002147;
}

#my-carousel-wrapper #next .fa-chevron-right {
  color: #002147;
}

/*End*/

/*box*/
.box-docs-nrpc {
  margin: 0px;
}

.box-rights-doc {
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 1.8rem 0rem;
  border: 1px solid #162f6a45;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  border-bottom: 3px solid #162f6a;
}

.document-titles {
  text-align: center;
  color: #162f6a;
  font-size: 1.2em;
  margin: 0px;
}

.icons-docs {
  font-size: 2em;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  color: #162f6a;
}

.recents-docs {
  color: #162f6a;
  padding: 0px 0px 0px 10px;
  margin-bottom: 1.2rem;
    font-weight: 700;
}

.nrpc-col-boxs {
  padding: 10px;
}

/*end*/

.lefts-boxs {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  border-radius: 8px;
}

.ministers-titles {
   background-color: #162f6a;
   margin: 0px;
   padding: 10px 10px;
   color: #fff;
   font-size: 1em;
   border-radius: 8px 8px 0px 0px;
}

.flexs-boxs1 {
  background-color: #d5dadddb;
  display: flex;
  align-items: center;
}

img.head-officer-img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  padding: 10px;
}

p.lefts-paras-boxes {
  margin: 0px;
  color: #000;
}

/* Make dropdown open on hover */
.nav-item.dropdown:hover .dropdown-menu-layer {
  display: grid !important;
  /* force grid layout */
  grid-template-columns: repeat(4, 220px);
  /* 4 columns, fixed width */
  background-color: #3F51B5;
  border-radius: 8px;

}

/* Hide by default */
.dropdown-menu-layer {
  display: none;
  position: absolute;
  padding: 10px;
  gap: 8px;
  /* spacing between columns */
  min-width: max-content;
  /* avoid squish */
  min-height: 200px;
  /* your required height */
  z-index: 999;
}

/* List item styling */
.dropdown-menu-layer li {
  list-style: none;
  width: 220px;
  /* fixed width */
}

/* Link styling */
.dropdown-menu-layer li a {
  display: block;
  padding: 5px 8px;
  white-space: normal;
}

/* Responsive: 2 columns on tablets */
@media (max-width: 768px) {
  .nav-item.dropdown:hover .dropdown-menu-layer {
    grid-template-columns: repeat(2, 150px);
  }
}

/* Responsive: 1 column on mobile */
@media (max-width: 480px) {
  .nav-item.dropdown:hover .dropdown-menu-layer {
    grid-template-columns: 150px;
  }
}

.menus-titles {
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  font-size: 1.1em;
}

.sub-navs li {
  list-style: none;
  width: 220px;
  font-size: 1rem;
  line-height: 20px;
}


.sub-navs {
  padding-left: 0px;
}

.dropdown-menu-layer li {
  height: auto;
  /* <--- forces li to stay content height */
}

.minister_profile_span {
  color: #444;
}

.reflected-text {
  /* display: grid; */
  text-align: left;
  align-items: center;
}


.details-logo-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.gradient-text {
  font-weight: bold;
  font-size: 1.60rem;
  /* Gradient text */
  background: linear-gradient(to bottom, #162f6a, #2B6FA6); /* light → dark blue */
  background-clip: text;
  /* -webkit-background-clip: text; */
  color: transparent;             /* make text transparent to show gradient */
  padding: 0px;
  margin: 0px;
  line-height: 1.5;
}
.six-homes-cols-second{
   padding: 0px;
   background-image: url('../images/header-banner.png');
   background-repeat: no-repeat;
   min-height: 140px;
   background-size: cover;
}
.for-phone-right{
  display: none;
}

/* Banner Section */
.banner-shorts {
  background: url("../images/5.png") center/cover no-repeat;
  height: 100px;
  display: flex;
  align-items: center;
  padding-left: 80px;
  color: #fff;
  padding: 0em 7.5em;
  position: relative;
}

.banner-shorts::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 32, 91, 0.5); /* Overlay with blue tint */
}

.banner-content-shorts {
  position: relative;
  z-index: 2;
}

.banner-shorts h1 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
  color:#fff;
}

.underline-shorts {
  width: 80px;
  height: 5px;
  background: #fff; /* orange underline */
  margin-top: 10px;
  border-radius: 3px;
}
/*end short banner*/


   .search-section {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between!important;
  }

    .search-section label {
      font-weight: bold;
      margin-right: 10px;
    }

    .search-section input {
      padding: 6px 10px;
      width: 250px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    .full-page-nrpc {
    padding: 2.5em 0em;
}

td {
    color: #444;
}
.btns-downloads {
    color: #162f6a;
    font-size: 1.125rem;
    background-color: #ddd;
    font-weight: 600;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #000;
    border-radius: 8px;
    background-position: 50%;
}

.new-banners-add {
    height: 535px;
    object-fit: cover;
        border-radius: 8px;
}
.minister_profile_span-para{
  line-height: 20px;

}


/* Banner Section */
.about-page .banner-shorts {
  background: url("../images/7.png") center/cover no-repeat;
  height: 100px;
  display: flex;
  align-items: center;
  padding-left: 80px;
  color: #fff;
  padding: 0em 7.5em;
  position: relative;
}

.about-page .banner-shorts::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 32, 91, 0.5); /* Overlay with blue tint */
}

.about-page .banner-content-shorts {
  position: relative;
  z-index: 2;
}

.about-page .banner-shorts h1 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
  color:#fff;
}

.about-page .underline-shorts {
  width: 80px;
  height: 5px;
  background: #fff; /* orange underline */
  margin-top: 10px;
  border-radius: 3px;
}
/*end short banner*/


.visionbox {
    border-radius: 0.625em;
    padding: 1em;
    background-color: #ebeaea;
}

.about-vision {
    color: #0b2641;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 1.5em;
}

.about-vision1 {
    color: #000;
    text-transform: capitalize;
}
.object-title {
    color: #13406c;
}

.objectivebox {
    border: 0.05em solid #d6e5f5;
    border-radius: 0.625em;
    padding: 1em;
    min-height: 18em;
    background-color: #d6e5f5;
}
.accordian-parts {
    padding: 1.4em 0em;
}

.about-page p{
  color:#444;
}

.accordion-item {
    margin: 0.55em 0em;
    font-size: 1.6rem;
    border: 0.05em solid #CCC!important;
    border-radius:8px;
}

.accordion-body {
    font-size: 1rem;
    color: #444;
}
.aboutcontent{
  padding: 2.5em 0em;
}
.left-details-logo {
    display: flex;
    align-items: center;
}

.logo-right {
    width: 110px;
}





/* ============================================
   CMS HTML Table Global Override
   CustomPage, InnerPageLayout, MeetingandCommittees
   ============================================ */

/* Wrapper jo already exist karte hain */
.inner-page-content-new table,
.meetings-section table,
.about-page table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 14px;
}

/* THEAD background */
.inner-page-content-new table thead tr,
.meetings-section table thead tr,
.about-page table thead tr {
  background-color: #162f6a !important;
}

/* TH styling */
.inner-page-content-new table thead th,
.meetings-section table thead th,
.about-page table thead th {
  background-color: #162f6a !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  text-align: left !important;
  font-weight: 600 !important;
  border: 1px solid #0f2050 !important;
  white-space: nowrap;
}

/* TD styling */
.inner-page-content-new table tbody td,
.meetings-section table tbody td,
.about-page table tbody td {
  padding: 10px 14px !important;
  border: 1px solid #dee2e6 !important;
  color: #333333 !important;
  vertical-align: middle !important;
}

/* Alternating rows */
.inner-page-content-new table tbody tr:nth-child(even),
.meetings-section table tbody tr:nth-child(even),
.about-page table tbody tr:nth-child(even) {
  background-color: #f5f7fa !important;
}

/* Hover effect */
.inner-page-content-new table tbody tr:hover,
.meetings-section table tbody tr:hover,
.about-page table tbody tr:hover {
  background-color: #eef1f7 !important;
  transition: background-color 0.2s ease;
}

/* Responsive scroll */
.inner-page-content-new .table-responsive {
  overflow-x: auto;
}

/* ===== CMS Table Styles ===== */
.table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    font-family: inherit;
}

.custom-table th,
.custom-table td {
    border: 1px solid #dee2e6;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
}

.custom-table thead tr th,
.custom-table tbody tr th {
    background-color: #162f6a;
    color: #ffffff;
    font-weight: 600;
    white-space: nowrap;
}

.custom-table tbody tr:nth-child(even) {
    background-color: #f5f7fa;
}

.custom-table tbody tr:hover {
    background-color: #e8edf5;
}

.custom-table a {
    color: #162f6a;
    text-decoration: underline;
}

.custom-table a:hover {
    color: #0056b3;
}