@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: 0.5px;
}
ul {
  margin-bottom: 0;
  padding-left: 0;
}
a {
  text-decoration: none !important;
  color: #000 !important;
  font-size: 15px !important;
}
ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}
button {
  border: none;
  background-color: transparent;
}
body {
  font-family: "Source Sans 3", serif;
}
.cersor_pointer {
  cursor: pointer;
}
.header {
  box-shadow: 0px 0px 5px #0000006e;
}
.btn_success {
  background-color: #143358 !important;
}
.w_65 {
  width: 65%;
}
.custom_container {
  width: 90%;
  margin: 0 auto;
}
.head_urls a {
  font-weight: 500;
}
.w_1 {
  width: 25%;
}
.w_2 {
  width: 50%;
}
.w_3 {
  width: 25%;
}
.find_search {
  box-shadow: 0px 2px 3px #0000004d;
}
.search_form i {
  right: 15px;
  transform: translateY(-50%);
}
.head_urlsafter li a {
  transition: 0.3s ease all;
  position: relative;
}
.head_urlsafter li a::after {
  content: "";
  background: #143358;
  height: 2px;
  border-radius: 10px;
  width: 0%;
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease all;
}
.head_urlsafter li a:hover::after {
  content: "";
  background: #143358;
  height: 2px;
  border-radius: 10px;
  width: 100%;
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease all;
}
.head_urlsafter li a:hover {
  transition: 0.3s ease all;
  color: #d16c00 !important;
}
.footer {
  background: #f8f9f8;
}
.foot_div p {
  font-size: 15px;
  font-weight: 500;
}
.foot_div img {
  width: 18%;
}
.foot_1,
.foot_2,
.foot_3,
.foot_4,
.foot_5 {
  width: 20%;
}
.foot_1 h6,
.foot_2 h6,
.foot_3 h6,
.foot_4 h6,
.foot_5 h6 {
  font-weight: 700;
}
.foot_1 a,
.foot_2 a,
.foot_3 a,
.foot_4 a,
.foot_5 a {
  color: #143358 !important;
  font-size: 15px !important;
  font-weight: 500;
  margin: 5px 0;
  display: block;
  transition: 0.3s ease all;
  position: relative;
  display: inline-block;
}
.foot_1 a::after,
.foot_2 a::after,
.foot_3 a::after,
.foot_4 a::after,
.foot_5 a::after {
  content: "";
  background: #143358;
  height: 2px;
  border-radius: 10px;
  width: 0%;
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease all;
}
.foot_1 a:hover::after,
.foot_2 a:hover::after,
.foot_3 a:hover::after,
.foot_4 a:hover::after,
.foot_5 a:hover::after {
  content: "";
  background: #143358;
  height: 2px;
  border-radius: 10px;
  width: 100%;
  display: inline-block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease all;
}
.foot_1 a:hover,
.foot_2 a:hover,
.foot_3 a:hover,
.foot_4 a:hover,
.foot_5 a:hover {
  transition: 0.3s ease all;
  margin-left: 5px;
  color: #d16c00 !important;
}
.social_icon {
  gap: 15px;
}
.table {
  border-collapse: collapse;
  vertical-align: middle;
  table-layout: auto;
  word-wrap: keep-all;
  white-space: normal;
}
.table tr th,
.table tr td {
  border: solid 1px #3333334f;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}
.table tr th {
  font-size: 15px;
  font-weight: 600;
}
.social_icon a i {
  font-size: 30px;
}
.foot_end img {
  width: 120px;
  border-radius: 10px;
}
.app_store {
  gap: 10px;
}
.banner {
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  color: #fff;
}
.text_shad {
  text-shadow: 1px 0px 10px #000;
}
.bg_shadow {
  background-color: #000000d1;
}
.banner_div1 h1 {
  font-size: 35px;
}
.banner_div1 p {
  font-size: 15px;
}
.w_15 {
  width: 10%;
}
.card1 h2,
.card2 h2,
.card3 h2 {
  font-size: 25px;
}
.card1 p,
.card2 p,
.card3 p {
  font-size: 15px;
  font-weight: 500;
}
.card.card1,
.card.card2,
.card.card3 {
  display: flex;
  position: relative;
  overflow: hidden;
  border: solid 1px #143358;
  height: auto;
  overflow: auto;
  transition: all 0.3s ease;
  background-color: #fff;
  color: #000;
}
.card.card1:hover,
.card.card2:hover,
.card.card3:hover {
  background-color: #143358;
  transition: all 0.3s ease;
  color: #fff;
}
.main .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
}
.card_gallery {
  overflow: hidden;
}
.card_gallery-image {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 70%;
}
.card_gallery-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
.tabset .tab-panel {
  display: none;
  border-radius: 0px 5px 5px 5px;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}
.tabset > label {
  position: relative;
  display: inline-block;
  padding: 12px 25px;
  border: 1px solid #143358;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px 5px 0 0;
}
.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
  color: #fff;
  background: #143358;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #143358;
}
.tab-panel {
  padding: 20px;
  background-color: #143358;
}
.tab-panels table th {
  background-color: #d0cdcd;
}
.tab-panels table td {
  padding: 5px 10px;
}
.btn_enquiry {
  background: #d16c00;
  font-size: 14px !important;
  font-weight: 500;
}
a.btn_success {
  font-size: 14px !important;
  font-weight: 500;
}

.new-login {
  background-color: #eee;
  padding: 20px;
  position: fixed;
  display: none;
  animation: zoom 0.6s ease-in-out forwards;
  position: fixed;
  border-radius: 6px;
}
.form {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.close {
  font-size: 50px;
  user-select: none;
  cursor: pointer;
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-20px);
  margin: 10px;
}
.close:hover {
  opacity: 0.7;
}
.image {
  border-radius: 100px;
  width: 130px;
  height: 130px;
  margin: 0px auto;
  position: relative;
}
.checkbox-login {
  cursor: pointer;
}
@keyframes zoom {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.fa-eye-slash {
  display: none;
}
.login_modal .btn-close {
  top: -9px;
  right: -23px;
  font-size: 10px;
  font-weight: 800;
  color: #000 !important;
  opacity: 1 !important;
}
.modal_content {
  background: #ddd;
}
.login_modal .modal_diolog {
  height: calc(100vh - 5em);
  width: 30% !important;
}
.forgot_password a {
  color: #143358 !important;
  font-weight: 500;
}
.forgot_password {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.enquiry_modal .btn-close {
  top: -9px;
  right: -23px;
  font-size: 10px;
  font-weight: 800;
  color: #000 !important;
  opacity: 1 !important;
}
.fs_12 {
  font-size: 12px;
}
.enquiry_modal input::placeholder,
.login_modal input::placeholder,
.enquiry_modal textarea::placeholder {
  color: #33333388;
}
.enquiry_modal .modal-content,
.login_modal .modal-content {
  box-shadow: inset 0px 0px 5px 1px #000000d6;
  border: none;
  padding: 5px 20px 20px;
}
.reg_color {
  color: #d16c00;
}
.you_about {
  background: #1a2b47;
  color: #ffffff;
  border-radius: 10px;
}
.enquiry_modal .modal_diolog {
  max-width: 600px;
}
.enquiry_modal form label,
.login_modal form label {
  font-weight: 600;
}
.btnsuccess {
  background: #143358 !important;
  color: #fff !important;
}
.enqueiry_form input,
.enqueiry_form textarea,
.enqueiry_form select {
  box-shadow: 0px 3px 7px -4px #000000a3;
}
.enqueiry_form select {
  padding: 0.58rem 0.75rem;
}
.fs_small {
  font-size: 12px;
}
.btnsuccess[type="button"] {
  box-shadow: 0px 5px 10px -4px #000000;
}
.top_emd {
  top: 10px;
  right: 12px;
  color: #fff !important;
  transition: all 0.3s ease;
}
.top_emd:hover {
  color: skyblue !important;
  transition: all 0.3s ease;
}
.aplly_now {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #d16c00;
  transition: all 0.3s ease;
}
.aplly_now:hover {
  background: #143358;
  transition: all 0.3s ease;
}
.aplly_now i {
  font-size: 15px;
  margin-top: 4px;
  margin-left: 3px;
}
.cntrl_fnt {
  font-size: 12px;
}
.w_95 {
  width: 95%;
}
.card_bodyp p {
  font-size: 13px;
  font-weight: 500;
}
.card_bodyp p strong {
  font-size: 14px;
}
.top_Colleges .card-header {
  background: #143358;
  color: #fff;
}
.top_Colleges .card {
  border: solid 2px #143358;
  transition: all 0.3s ease;
}
.top_Colleges .card:hover {
  background: #ddd;
  transition: all 0.3s ease;
  transform: scale(1.02);
}
.banner_home {
  height: 400px;
  position: relative;
}
.slider-texst h1 {
  transform: translate(-50%, -50%);
  color: #fff;
  width: 50%;
}
.slider-one,
.slider-two,
.slider-three,
.slider-four {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  overflow: hidden;
  animation: slider-one 12s linear infinite;
  .slider-one-image,
  .slider-two-image,
  .slider-three-image,
  .slider-four-image {
    width: 110%;
    height: 100%;
    background-image: url("../images/slider/b2.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation: zoom-out 3s linear infinite;
  }
}
.slider-text {
  position: absolute;
  top: 40%;
  left: 5%;
  color: #ffffff;
  width: 60%;
  text-transform: capitalize;
  animation: text-up 12s linear infinite;
  transform: translateY(100px);
  animation-delay: 0s;
}
.slider-text h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}
.slider-text p {
  font-size: 18px;
  line-height: 28px;
}
.slider-two {
  animation: slider-two 12s linear infinite;
  .slider-two-image {
    background-image: url("../images/slider/b3.jpg");
    .slider-text {
      animation-delay: 3s;
    }
  }
}
.slider-three {
  animation: slider-three 12s linear infinite;
  .slider-three-image {
    background-image: url("../images/slider/b1.jpg");
    .slider-text {
      animation-delay: 6s;
    }
  }
}
.slider-four {
  animation: slider-four 12s linear infinite;
  .slider-four-image {
    background-image: url("../images/slider/b4.jpg");
    .slider-text {
      animation-delay: 9s;
    }
  }
}
@keyframes text-up {
  10% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes zoom-out {
  100% {
    width: 100%;
  }
}
@keyframes slider-one {
  0% {
    visibility: visible;
  }
  25% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  75% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes slider-two {
  0% {
    visibility: hidden;
  }
  25% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
  }
  75% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes slider-three {
  0% {
    visibility: hidden;
  }
  25% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  75% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes slider-four {
  0% {
    visibility: hidden;
  }
  25% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  75% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.top_cities .card img {
  width: 100px;
  height: 70px;
}
.top_cities .card {
  transition: 0.3s ease all;
}
.top_cities .card:hover {
  transition: 0.3s ease all;
  transform: scale(1.07);
  box-shadow: 0px 0px 6px 2px #000;
  background-color: #143358;
  color: #fff;
  img {
    filter: brightness(3.5);
  }
}
.wrap_btns {
  transition: 0.3s ease all;
  border: solid 1px #333;
}
.wrap_btns:hover {
  transition: 0.3s ease all;
  border-color: #fff !important;
  background: #143358;
  box-shadow: 0px 2px 12px 0px #000000d9;
  color: #fff !important;
  transform: scale(1.07);
}
.text_data {
  box-shadow: inset 0px 0px 3px #000;
}
.blog_sec .card {
  box-shadow: inset 0px 0px 3px #000;
  border-radius: 15px;
  img {
    overflow: hidden;
    transition: 0.3s ease all;
  }
}
.blog_sec .card:hover {
  box-shadow: 0px 2px 10px 0px #000000b3;
  transition: 0.3s ease all;
  img {
    transform: scale(1.02);
    transition: 0.3s ease all;
  }
  .read_blog {
    background: #d16c00;
    transition: 0.3s ease all;
  }
}
.read_blog {
  background: #143358;
  color: #fff !important;
  transition: 0.3s ease all;
}
.date_tag {
  font-size: 12px;
  color: #143358;
  padding: 3px 10px;
  border-radius: 12px;
  top: 8px;
  right: 8px;
}
.fs_14 {
  font-size: 13px;
  font-weight: 400;
  color: #000000a6;
}
.update_view {
  transition: 0.3s ease all;
  border: solid 2px #143358;
}
.update_view:hover {
  background: #143358;
  color: #fff !important;
  transition: 0.3s ease all;
}
.signup_modal .modal_content {
  /* background: #143358; */
  background: linear-gradient(
    130deg,
    rgba(8, 0, 153, 1) 0%,
    rgba(9, 9, 121, 1) 35%,
    rgba(1, 21, 26, 1) 100%
  );
  color: #fff;
}
.flex_gap {
  gap: 1px;
}
.signup_modal .modal_diolog {
  max-width: 830px;
}
.signup_modal .btn-close {
  top: -24px;
  right: -14px;
}
.form_bg {
  background-color: #fff;
  border-radius: 10px;
  padding: 13px;
  box-shadow: 0px 0px 6px #000 inset;
}
.w_50.bg_primary {
  text-shadow: 0px 2px 10px #000;
}
.w_50.bg_primary ul li {
  line-height: 35px;
}
.fsize_13 {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  padding: 5px 5px;
  border-radius: 6px;
}
.signip_form input::placeholder,
.signip_form select {
  font-size: 12px;
  font-weight: 500;
  color: #33333388;
  z-index: 9;
}
.term_cond {
  font-size: 12px;
  text-align: center;
  margin: 19px 0 0;
  font-weight: 500;
  color: #00000091;
}
.signup_modal .btn-close {
  filter: invert(100%) sepia(79%) saturate(748%) hue-rotate(192deg)
    brightness(98%) contrast(101%);
}
.content {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  .switch {
    line-height: 0;
  }
}
.switch input {
  display: none;
}
.switch small {
  display: inline-block;
  width: 43px;
  height: 18px;
  background: #7d7d7d;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}
.switch small:after {
  content: "No";
  position: absolute;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  width: 100%;
  left: 0px;
  text-align: right;
  padding: 0 6px;
  box-sizing: border-box;
  line-height: 18px;
}
.switch small:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  transition: 0.3s;
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
}
.switch input:checked ~ small {
  background: #143358;
  transition: 0.3s;
}
.switch input:checked ~ small:before {
  transform: translate(25px, 0px);
  transition: 0.3s;
}
.switch input:checked ~ small:after {
  content: "Yes";
  text-align: left;
}
.switchSmall {
  display: inline-block;
}
.switchSmall input {
  display: none;
}
.switchSmall small {
  display: inline-block;
  width: 32px;
  height: 16px;
  background: #455a64;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}
.switchSmall small:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  transition: 0.3s;
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
}
.switchSmall input:checked ~ small {
  background: #4fc5c5;
  transition: 0.3s;
}
.switchSmall input:checked ~ small:before {
  transform: translate(16px, 0px);
  transition: 0.3s;
}
.btn_signup {
  transition: 0.3s ease all;
}
.btn_signup:hover {
  transition: 0.3s ease all;
  background: #d16c00 !important;
}
.flexgap_after {
  position: relative;
}
.flexgap_after::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 49.5%;
  transform: translateX(-50%);
  background-color: #fff;
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
  }
}
.slider {
  background: pr;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.gif_file .card {
  background: #143358;
  transition: 0.3s ease all;

  &:hover {
    background: #d16c00;
    transition: 0.3s ease all;
    .icon_image {
      transform: scale(1.1);
      transition: 0.3s ease all;
      img {
        transform: scale(1.1);
        transition: 0.3s ease all;
      }
    }
  }
}
.w-80 {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.icon_image {
  width: 100px;
  height: 90px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  img {
    width: 50%;
    object-fit: contain;
    transition: 0.3s ease all;
  }
}
.gif_btns a:hover {
  background: #d16c00;
  transition: 0.3s ease all;
}
.step {
  opacity: 0.5;
  transition: all 0.5s ease-in-out;
  font-size: 12px;
}
.step.active {
  background-color: #d1fae5;
  color: #065f46;
  opacity: 1;
  font-weight: 600;
}
#show-sidebar,
#sidebar {
  display: none;
}
.bg_ight {
  background-color: #ddd;
}
.eli_pred form {
  box-shadow: 0px 0px 10px #0900002b;
  background: #eee;
  select,
  input,
  input::placeholder {
    border-color: #ddd !important;
    font-size: 13px;
    color: #333;
  }
  select,
  input {
    box-shadow: 0px 3px 7px -4px #000000a3;
  }
}
.aplly_nowbtn {
  color: #fff !important;
  background: #143358 !important;
  transition: 0.3s ease all !important;
}
.aplly_nowbtn:hover {
  color: #fff;
  background: #d16c00 !important;
  transition: 0.3s ease all !important;
}

.proceed_aplly {
  color: #fff !important;
  background: #d16c00 !important;
  transition: 0.3s ease all !important;
}
.proceed_aplly:hover {
  color: #000 !important;
  background: #fff !important;
  transition: 0.3s ease all !important;
}
.fs_13 {
  font-size: 13px !important;
}




    .header-nav .container { position: relative; }

    /* Search bar overrides */
    
    .find-autocomplete-results { position: absolute; background: #fff; border: 1px solid #ccc; width: 100%; list-style: none; padding: 0; margin: 0; z-index: 9999; top: 100%; left: 0; border-radius: 5px; box-shadow: 0px 4px 6px rgba(0,0,0,0.1); }
    .find-autocomplete-results li { padding: 8px; cursor: pointer; color: black; font-size: 14px; }
    .find-autocomplete-results li:hover { background-color: #f0f0f0; }

    /* New Mega-menu styling */
.hidden-nav-list-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #004436;
  z-index: 9999;
  display: block; /* NOT flex here */
}
   .hidden-nav-list {
  display: flex;
  flex-direction: row; /* Ensure children are side-by-side */
  min-height: 400px;
  width: 100%;
}

    
    
    .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .175em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
    
 .main-menu-list {
  width: 240px;
  flex-shrink: 0;
  background: #004436;
  list-style: none;
  padding: 0;
  margin: 0;
}
    
    .main-menu-list li {
      padding: 16px 20px;
      cursor: pointer;
      transition: background 0.2s;
      position: relative;
    }
    
    .main-menu-list li:hover {
      background: #e9ecef;
    }
    
    .main-menu-list li.active {
      background: #0056b3;
      color: #fff;
    }
    
    .main-menu-list li .cat-desc {
      display: none;
      font-size: 12px;
      color: #fff;
      margin-top: 4px;
      opacity: 0.8;
    }
    
    .main-menu-list li.active .cat-desc {
      display: block;
    }
    
   .sub-menu-cards {
  flex: 1;
  padding: 16px;
  background-color: #ffffff;
  overflow-y: auto;
}
    
    .cards-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 16px;
    }
    
    .card-item {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      padding: 16px;
      position: relative;
      transition: transform 0.2s, box-shadow 0.2s;
      border: 1px solid #eee;
    }
    
    .card-item:hover {
      transform: translateY(-4px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    
    .card-item .best-roi {
      position: absolute;
      top: 12px;
      right: 12px;
      background: #eafaf1;
      color: #28a745;
      font-size: 10px;
      padding: 4px 6px;
      border-radius: 4px;
    }
    
    .card-item .icon {
      text-align: center;
      font-size: 28px;
      margin-bottom: 12px;
      color: #007bff;
    }
    
    .card-item h3 {
      font-size: 16px;
      margin: 8px 0;
      color: #333;
    }
    
    .card-item .duration {
      display: inline-block;
      font-size: 12px;
      color: #0056b3;
      background: #e7f1ff;
      padding: 4px 8px;
      border-radius: 12px;
      margin-bottom: 8px;
    }
    
    .card-item .compare {
      font-size: 12px;
      color: #555;
      margin-bottom: 12px;
    }
    
    .card-item .view-spec {
      display: inline-block;
      font-size: 14px;
      color: #0056b3;
      text-decoration: none;
      font-weight: 500;
    }
    
    .card-item .view-spec:hover {
      text-decoration: underline;
    }
    
    /* Submenu container background */
.hidden-nav-list-wrap {
    z-index: 9999;
  background: #004436; /* Green background */
}

/* Main left list background (column with categories) */
.main-menu-list {
  background: #004436;
}

/* Active item in left list */
.main-menu-list li.active {
  background: #ff7900; /* Orange */
  color: #ffffff;      /* White text */
}

/* Default text color for list items */
.main-menu-list li {
  color: #ffffff;
}

/* Hover effect */
.main-menu-list li:hover {
  background: #ff7900; /* Orange on hover */
  color: #fff;
}

/* Category description text */
.main-menu-list li .cat-desc {
  color: #ffffff;
  opacity: 0.9;
}

/* Sub-menu cards background (optional: white or light gray) */
.sub-menu-cards {
  background-color: #ffffff;
}

/* Card elements */
.card-item {
  background: #ffffff;
  color: #004436; /* Dark green text */
}

/* Card title */
.card-item h3 {
  color: #004436;
}

/* Duration badge */
.card-item .duration {
  background-color: #ff7900;
  color: #ffffff;
}

/* View Colleges link */
.card-item .view-spec {
  color: #004436;
}

/* View Colleges hover */
.card-item .view-spec:hover {
  color: #ff7900;
  text-decoration: underline;
}
.main-menu-list li {
  position: relative;
  padding-right: 30px; /* Space for the arrow */
}

/* Right arrow icon */
.main-menu-list li::after {
  content: '\f105'; /* Font Awesome Unicode for right arrow */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff; /* Arrow color */
  font-size: 14px;
  pointer-events: none;
}

/* Active state arrow color */
.main-menu-list li.active::after {
  color: #ffffff;
}
.sidebar-wrapper .hidden-nav-list {
    display: flex !important;
}

    /*--------------------03-06-2025 ------------------*/

img.object-fit-cover {
    width: 150px;
    height: 180px;
    object-fit: cover !important;
}

.user-actions {
  margin-top:10px;
  .logins{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.hidden-nav-list {
    left: 50% !important;
    width: 90% !important;
    transform: translateX(-50%);
    box-shadow: 0px 2px 2px #000;
    z-index: 999999 !important;
    padding-bottom: 0 !important;
    padding-top: 10px !important;
}

.hidden-nav-list[style="display: block;"]{
  display: flex !important;
}

.card-item{
  a.view-spec{
    background: #004436;
    padding: 2px 11px;
    border-radius: 13px;
    font-size: 13px !important;
    color: #fff !important;
    font-weight: 500;
  }
}

.nav-lists.d-none.d-lg-block{
  margin-top: 10px;
}
.w_2.find-search-bar{
  position: relative;
}
.fa-solid.fa-magnifying-glass.position-absolute.top-50{
  position: absolute;
  right: 15px;
    top: 11px !important;
}
.card-item {
    transform: translateY(-4px) !important;
    box-shadow: 0 1px 5px #00000087 !important;
}
@media only screen and (max-width: 1301px) {
  .filter-area.mb-4.p-3.sticky-top{
    z-index: -1;
  }
}
@media only screen and (max-width: 768px) {
  .w_2{
    margin: 10px 0 5px;
  }
  .mob-main-menu{
    border-radius: 5px;
    width: 40px;
    height: 30px;
    transition-delay: 0.3s;
    align-items: center;
    justify-content: center;
    display: flex !important;
    background: #065f46;
    color: #fff !important;
  }
  .login-btn, .signup-btn{
    width: 100px;
    text-align: center;
    padding: 3px 5px !important;
    height: 30px;
  }
  #mainMenu{
    z-index: 99999999999999 !important;
    ul{
      margin-top: 4px !important;
      z-index: 999999999999;
    }
  }
  .menu-overlay .close-button {
    top: 2px !important;
    right: 14px !important;
    font-size: 30px !important;
  }
  #subCoursesMenu{
    background: #000000cc;
    .back-button{
      color: #fff !important;
      font-size: 14px !important;
    }
  }
  #mobileSubCoursesList{
    margin-top: 10px !important;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 20px;
  }
  .card h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 0 5px !important;
  }
  .action a{
    background: #004436;
    padding: 2px 11px;
    border-radius: 13px;
    font-size: 13px !important;
    color: #fff !important;
    font-weight: 500;
  }
  .card .details {
    color: #333 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
  }
  .footer .d-flex.flex-wrap{
    gap: 5%;
  }
  .foot_1, .foot_2, .foot_3, .foot_4, .foot_5 {
    width: 45% !important;
  }
}
.card.cardflex_col {
  padding: 0px !important;
  .text_data{
    width: 100%;
  }
  img{
    width: 250px !important;
    height: 250px !important;
  }
}
.w_3 a:nth-child(1){
  display: block;
}
#collegeAdminRegisterForm{
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    div.mb-3{
      width: 48%;
    }
    .mb-3.form-check{
      width: 100%;
    }
}