@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);

*,
p {
  margin: 0
}

.btn-outline-primary,
.btn-primary {
  --bs-btn-border-color: #211860;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-border-color: #211860
}

.common-text,
.outline-common-btn {
  font-size: 18px;
  text-align: left;
  letter-spacing: 0;
  font-weight: 400
}

.latest-notification-sec .card-title,
section.latest-notification-sec .blog-cards p {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.blog-list-item h5,
.blog-list-item p,
.latest-notification-sec .card-title {
  display: -webkit-box;
  display: -webkit-box
}

.banner-btn,
.dropdown-menu li a {
  text-transform: capitalize
}

.fixed-header,
.navigation-sec {
  transition: .3s
}

* {
  padding: 0;
  box-sizing: border-box;
  font-family: Poppins, sans-serif
}

a {
  text-decoration: none
}

p {
  letter-spacing: .02em;
  line-height: 26px
}

h6 {
  margin-bottom: 0
}

img {
  max-width: 100%
}

:root {
  --bs-primary-rgb: #211860;
  --bs-link-color: #211860;
  --bs-primary: #4DFFFF;
  --primary-color: #4DFFFF;
  --lite-primary-color: rgba(21, 155, 240, 0.1);
  --opacity2-primary-color: rgba(21, 155, 240, 0.2);
  --light-text-color: rgba(27, 30, 40, 1);
  --red-color: rgba(255, 0, 0, 1)
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #211860;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #211860
}

.btn-outline-primary {
  --bs-btn-color: #211860;
  --bs-btn-hover-bg: #211860;
  --bs-btn-hover-border-color: #211860;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-bg: #211860;
  --bs-btn-active-border-color: #211860;
  --bs-btn-disabled-color: #211860;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none
}

.btn-outline-primary:hover {
  color: #fff !important
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #211860;
  --bs-nav-link-color: #4DFFFF
}

.text-primary {
  color: #211860 !important
}

.common-text {
  line-height: 1.5
}

.outline-common-btn {
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, .7);
  line-height: 28px
}

.blog_text_title,
.course-wrap tbody tr td:nth-child(2),
.course-wrap thead tr th:nth-child(2),
.shadow.popular-item {
  text-align: center
}

.common-btn {
  background-color: var(--primary-color) !important;
  border: none;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  display: inline-block
}

.common-edit-btn {
  border: 1px solid var(--primary-color);
  color: #fff;
  border-radius: 5px;
  font-weight: 600
}

.section-card-title {
  color: var(--light-text-color)
}

.primary-title-color {
  color: var(--primary-color)
}

.banner-sec {
  background: linear-gradient(to right, rgb(0 0 0 / 70%) 70%, rgb(86 124 237 / 30%)) top center/cover no-repeat, url(../images/banner.webp) top center/cover no-repeat;
  height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff
}

.banner-box.text-center.pt-3.pt-lg-5 {
  padding: 0 !important
}

.service-img img {
  width: 60px;
  height: 60px;
  transition: .8s
}

.card-text {
  display: flex;
  align-items: center;
  padding: .3em 0;
  font-size: .9em
}

.blog-cards {
  background: #fff;
  box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .15);
  border-radius: 10px
}

.blog-cards img {
  border: 1px solid #d9d9d9;
  height: 100px;
  object-fit: contain
}

.blogBanner img,
.object-fit-cover {
  object-fit: cover
}

.blog-cards.blog-list-item img {
  height: 170px;
  width: 100%;
  object-fit: cover
}

.user_details_blog img {
  width: 35px;
  height: 35px
}

.blog_text_title {
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0;
  padding: .2em 0
}

.blog_text_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  padding: .2em 0;
  margin-top: 6px;
  color: #4e25b0;
  min-height: 46px
}

.blog_text_text span {
  font-size: 14px
}

.footer-sec {
  background: #24231f
}

.footer-about img {
  max-width: 250px
}

.icon-bg {
  width: 30px;
  height: 30px;
  background-color: rgb(63 90 183);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #2d97a9
}

.copyright-text {
  font-size: .9rem
}

.footer-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0;
  text-align: left;
  color: #51fffe
}

.blogBanner img {
  height: 60vh;
  width: 100%
}

.latest-notification-sec .card-title {
  min-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-line-clamp: 2
}

.statusListInput {
  border: none;
  border-bottom: 1px solid var(--primary-color);
  padding: .5em .8em
}

.latest-blog-sec .form-floating label {
  padding-left: 2em !important
}

.latest-blog-sec .form-floating iconify-icon {
  top: 33%;
  left: 2%
}

#navbarSupportedContent .nav-item .nav-link {
  color: #000;
  font-weight: 400;
  padding: 0;
  text-transform: capitalize
}

#navbarSupportedContent ul li {
  margin: 0 1rem
}

.login-btn {
  min-width: 130px
}

.cus-drop.dropdown-toggle::after {
  border: 0
}

.fw-500,
figure.table tr td:first-child {
  font-weight: 500
}

.left-img {
  width: 60px
}

.cmn-header-text {
  color: #3e3e3e;
  max-width: 80%;
  margin: 0 auto
}

.about-content.text-center.col-12.col-md-12.mx-auto>h3,
.common-heading {
  font-size: 2rem;
  font-weight: 600
}

.footer-bottm-sec {
  background: #36384e
}

.footer-company a,
.footer-service a,
.footer-support a,
li.breadcrumb-item,
li.breadcrumb-item a {
  color: #fff
}

.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.active,
.footer-service a:hover,
.top-contact-details li svg {
  color: #4dffff
}

.testimonial-card img {
  width: 100px !important;
  border-radius: 50%;
  margin: 0 auto
}

.blog-item .left-img {
  width: 150px
}

.offers-sec {
  background: linear-gradient(45deg, rgba(81, 255, 254, 50%), rgba(34, 20, 97, 50%));
  padding: 2.5rem 0
}

.banner-bg-gradient {
  background: linear-gradient(315deg, rgba(81, 255, 254, 80%), rgba(34, 20, 97, 80%))
}

.text-theme {
  background-color: #ffa801
}

.banner-text {
  font-size: 3.5rem;
  line-height: 50px;
  margin-bottom: 2rem
}

.banner-btn {
  padding: 1rem 2.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-search-box input::placeholder {
  color: #adb5bd
}

.banner-para-text {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300
}

.fw-600,
.writer-name {
  font-weight: 600
}

.explore-programs-sec {
  background: #4a24ab
}

.programs-item li a {
  font-size: .9rem;
  font-weight: 600;
  color: #000
}

.explore-programs-item li a {
  color: #333
}

.popular-courses-sec {
  background-color: #20155a
}

.downloadApp-content {
  background: linear-gradient(45deg, rgba(34, 20, 97, 60%), rgba(81, 255, 254, 60%));
  padding: .5rem 2.5rem
}

.line {
  background: #4dffff;
  width: 120px;
  height: 7px;
  display: inline-block;
  border-radius: 10px
}

section.latest-notification-sec .blog-cards p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  padding-bottom: 0 !important;
  margin-bottom: 1rem
}

.navbar-nav .nav-link.active {
  color: #5e2ed0 !important;
  font-weight: 600 !important
}

.navbar-nav .nav-link:hover {
  color: #4dffff !important
}

.home .navigation-sec {
  width: 100%;
  background: rgb(255 255 255);
  backdrop-filter: blur(2px);
  z-index: 999
}

.writer-name {
  font-size: 14px
}

.publish-date {
  background: #211860;
  color: #fff;
  border-radius: 5px
}

.blog-list-item p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: .5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.blog-list-item h5,
.clg-name {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.btn-style-2 {
  background-color: #0a58ca;
  color: #fff
}

.btn-style-2:hover {
  background-color: #211860;
  color: #fff
}

.add-title {
  background: rgb(112 236 241 / 50%)
}

.contact-icon-list li:not(:last-child) {
  border-bottom: 1px solid #c1c1c1;
  margin-bottom: .5rem;
  padding-bottom: .5rem
}

.contact-icon-box {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem
}

.text-sm {
  font-size: .9rem;
  line-height: 20px
}

.contact-form input {
  line-height: 36px
}

input#searchLocation {
  outline: 0;
  box-shadow: none !important
}

.explore-programs-item .nav-link {
  border: 1px solid #c1c1c1;
  margin: .5rem .3rem;
  color: #333;
  background: #fff
}

li.nav-item.dropdown-main .sub-1 li:hover .sub-2,
li.nav-item.dropdown-main .sub-2 li:hover .sub-3,
li.nav-item.dropdown-main:hover .sub-1 {
  display: block;
  opacity: 1
}

ul.dropdown-menu.sub-2 {
  left: 99%;
  top: 15%
}

ul.dropdown-menu.sub-3 {
  left: 99%;
  top: 25%
}

ul.dropdown-menu li {
  margin: 0 !important;
  position: relative
}

ul.dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #c1c1c1
}

ul.dropdown-menu li a {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.fixed-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  z-index: 999
}

.fixed-header .navbar-brand img {
  max-height: 50px;
  transition: .3s
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
  background-color: #211860c2
}

.footer-service ul li:not(:last-child) {
  margin-right: 1rem
}

.contact-title {
  background-color: #ddd
}

.readMore-btn:hover {
  color: #0fbcf9 !important
}

.about-content p {
  text-align: justify
}

.readMore-btn.fw-500.text-primary.text-capitalize {
  text-align: right;
  margin-top: 6px
}

.clg-name {
  display: -webkit-box;
  font-size: 1.1rem
}

.college-list-item .blog-item .left-img {
  width: 150px;
  border-right: 1px solid #cdcdcd;
  padding: 5px;
  object-fit: contain !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}

.college-list-item .blog-item .left-img img {
  max-height: 80px;
  width: auto
}

.active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: #211860;
  border-color: #211860
}

.college-list-item .blog-item .card-body {
  width: 90% !important
}

.bg-theme-primary {
  background-color: #211860
}

.top-contact-details li:not(:last-child) {
  margin-right: 1.5rem
}

#courseDropdown {
  top: 100%;
  width: 100%;
  max-height: 400px;
  padding-right: 1rem;
  overflow-y: auto
}

#courseDropdown::-webkit-scrollbar,
.select-course::-webkit-scrollbar,
div#pills-home .programs-item::-webkit-scrollbar {
  width: 5px
}

#courseDropdown::-webkit-scrollbar-track,
.select-course::-webkit-scrollbar-track,
div#pills-home .programs-item::-webkit-scrollbar-track {
  background: #f1f1f1
}

#courseDropdown::-webkit-scrollbar-thumb,
.select-course::-webkit-scrollbar-thumb,
div#pills-home .programs-item::-webkit-scrollbar-thumb {
  background: #888
}

#courseDropdown::-webkit-scrollbar-thumb:hover,
.select-course::-webkit-scrollbar-thumb:hover,
div#pills-home .programs-item::-webkit-scrollbar-thumb:hover {
  background: #555
}

div#pills-home .programs-item {
  max-height: 200px;
  min-height: 200px;
  overflow-y: auto;
  padding-right: .5rem
}

.course-wrap thead tr th {
  width: 33%
}

.blog-cards.card-body {
  margin: .4rem 0
}

.blog-item .card-body.py-2.ps-2.ps-lg-3 {
  width: 100%
}

.course-wrap td {
  vertical-align: middle
}

.drop-query {
  background: #46c2fb
}

.accordion-button {
  font-size: 1.1rem;
  padding: .5rem 1rem
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #211860;
  box-shadow: none !important
}

.accordion-button:not(.collapsed)::after {
  filter: brightness(100)
}

.founder .card-body {
  background: #211860;
  color: #fff;
  text-align: center
}

.card.founder {
  padding-top: 1rem
}

figure.table table {
  border: 1px solid #ddd;
  width: 100%
}

figure.table tr td {
  padding: .5rem;
  border: 1px solid #ddd
}

figure.table {
  margin-top: 1rem;
  margin-bottom: 2rem
}

h3.py-2.px-3.banner-bg-gradient.text-white.text-capitalize~p {
  padding: 0 1rem 1rem
}

.privacy-policy h4,
.terms-condition h4 {
  color: #211860
}

input#searchInput {
  outline: 0;
  box-shadow: none
}

.privacy-policy ul li {
  margin: .7rem 0
}

.privacy-policy a,
.terms-condition a {
  color: #0fbcf9
}

.testimonial-card .card-body p.pt-3 {
  min-height: 100px
}

.easy-step-item:not(:last-child),
.row.mission-wrap {
  margin-bottom: 1rem
}

.easy-step-item {
  padding: 1rem;
  border-radius: 10px
}

.easy-step-item.shadow-lg {
  position: relative;
  padding-left: 4rem;
  display: flex;
  align-items: center
}

.easy-step-item p:first-child {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.2rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15)
}

.easy-step-item:nth-child(odd) p:first-child {
  color: #fff;
  background: #5327c1;
  left: -3rem
}

.easy-step-item.shadow-lg:nth-child(odd) {
  background: #6234d6;
  color: #fff
}

.easy-step-item.shadow-lg:nth-child(2n+0) {
  padding-left: 0;
  padding-right: 4rem;
  text-align: right;
  background: #91fdfc
}

.easy-step-item:nth-child(2n+0) p:first-child {
  left: inherit;
  right: -3rem;
  background: #74e1e0
}

.easy-step-item h3 {
  font-size: 1.3rem;
  margin-top: 1rem
}

.popular-item span p {
  min-height: 130px
}

#all-programs.owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
  background-color: #46c2fb
}

.accordion-button strong {
  font-weight: 500;
  padding: 5px;
  background: #21186024;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px
}

.maintained-by {
  font-size: 12px
}

.select-course {
  overflow-y: scroll;
  max-height: 250px
}

.our-vission-content {
  background: rgb(31 18 94);
  margin-top: 3rem
}

.our-mission-content {
  background: rgb(76 44 176)
}

.mission-item p {
  font-size: .9rem;
  line-height: 24px;
  margin-top: .7rem
}

.mission-item h3 {
  font-size: 1.1rem !important
}

.mission-item {
  padding: 1rem;
  border: 1px solid #ffffff7d;
  height: 100%;
  border-radius: 10px
}

.usp-list {
  margin-top: 1rem
}

.usp-list li {
  font-size: .9rem;
  line-height: 22px
}

.blog-cards.blog-list-item .card-body.flex-wrap.flex-column {
  word-break: break-all
}

.blog-list-item p {
  padding-bottom: 0 !important
}

#multiSelectDropdown {
  white-space: normal
}

.latest-notification-sec {
  background: linear-gradient(45deg, #4e25b0, #51fffe)
}


.milestone-section {
  background-color: #f9f9f9;
  position: relative;
}

.milestone-timeline {
  position: relative;
  padding-top: 30px;
}

.milestone-timeline::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  height: 4px;
  background: #ddd;
  z-index: 0;
}

.milestone-step {
  position: relative;
  z-index: 1;
  flex: 1 1 22%;
  min-width: 200px;
}

.milestone-icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #211860;
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.milestone-step h5 {
  font-weight: 600;
  margin-top: 15px;
}

.milestone-step p {
  font-size: 14px;
  color: #555;
  max-width: 200px;
  margin: 0 auto;
}