@import url("https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300..700&display=swap");
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "Spline Sans", sans-serif !important;
  background-color: #F4F4F4 !important;
  color: #444444 !important;
  margin-bottom: 685px !important; }
  body > * {
    background-color: #F4F4F4; }
  body ::selection {
    background-color: #bb6700;
    color: white; }

::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #cccccc;
  border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #006885;
  border-radius: 10px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b38300; }

a, button {
  text-decoration: none !important;
  color: inherit !important;
  display: block; }

ul,
ol {
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0 !important; }

figure {
  margin: 0 !important;
  overflow: hidden; }
  figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover; }

.section-gutter {
  padding-top: 90px; }

.primary-btn {
  font-size: 18px;
  font-weight: 500;
  background-color: #0189AE;
  color: #ffffff !important;
  width: fit-content;
  padding: 12px 26px;
  border-radius: 6px;
  border: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 400ms; }
  .primary-btn::before {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E29E4B;
    z-index: -1;
    transition: bottom 0.4s ease; }
  .primary-btn {
    z-index: 1; }
  .primary-btn:hover::before {
    bottom: 0; }
  .primary-btn:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4); }

.secondary-btn {
  font-size: 18px;
  font-weight: 500;
  color: #0189AE !important;
  width: fit-content;
  padding: 0 10px 4px 10px;
  border-bottom: 1px solid #0189AE;
  transition: 300ms all; }
  .secondary-btn::after {
    padding-left: 0.5rem;
    font-family: "Font Awesome 5 Free";
    content: "\f178";
    font-size: 13px;
    font-weight: 700;
    transition: 300ms all; }
  .secondary-btn:hover {
    color: #E29E4B !important;
    border-bottom: 1px solid #E29E4B; }
    .secondary-btn:hover::after {
      transform: translateX(10px) !important; }

.description {
  font-size: 18px;
  line-height: 30px;
  text-align: justify; }
  .description > * {
    margin-bottom: 16px !important; }
  .description li {
    margin-bottom: 6px; }

.scroll-tracker {
  height: .3rem;
  width: 100%;
  inset: 0 0 auto;
  background-color: #0088ad;
  position: fixed;
  transform-origin: left;
  z-index: 989; }

a.section-title:hover {
  color: #bb6700 !important; }

.section-title {
  font-size: 40px;
  font-weight: 500;
  position: relative;
  text-align: center;
  width: fit-content;
  margin: 0 auto 40px; }
  .section-title::before, .section-title::after {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #444444;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .section-title::before {
    right: 105%; }
  .section-title::after {
    left: 105%; }

.social-icons {
  z-index: 1;
  display: flex;
  gap: 14px;
  font-size: 1rem;
  margin-top: 12px; }
  .social-icons .icon-wrapper {
    width: 35px;
    height: 35px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #DADADA;
    color: #0189AE; }
    .social-icons .icon-wrapper:hover {
      background-color: #0189AE;
      color: #ffffff !important; }
    .social-icons .icon-wrapper a,
    .social-icons .icon-wrapper i {
      padding: 10px; }

.pagination {
  background-color: #E6FAFF !important;
  color: #afafaf;
  width: fit-content;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .pagination li {
    padding: 14px 18px;
    font-size: 20px;
    font-weight: 700; }
    .pagination li:hover {
      color: gray; }
    .pagination li.active {
      color: #0189AE !important; }

.owl-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%; }
  .owl-nav button {
    background-color: white !important;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #0189AE !important; }
    .owl-nav button i {
      color: #0189AE;
      font-size: 15px; }

.mfp-bg, .mfp-wrap {
  background: rgba(1, 135, 173, 0.8) !important; }

.mfp-iframe-holder .mfp-close {
  width: fit-content !important;
  width: 30px !important;
  height: 30px !important;
  background: #850000 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1px !important;
  color: white !important;
  border-radius: 50%;
  top: -20px !important;
  right: -20px !important;
  padding-top: 3px !important; }

.owl-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 16px; }
  .owl-dots .owl-dot span {
    width: 14px;
    height: 7px;
    border-radius: 10px;
    display: block;
    background: #D9D9D9; }
  .owl-dots .owl-dot.active span {
    background: #E29E4B !important;
    width: 27px;
    height: 7px; }

.breadcrumb-all {
  background: linear-gradient(180deg, #c7f3ff 25%, #f4f4f4 100%);
  padding-top: 155px;
  background-size: cover;
  height: 340px;
  position: relative;
  color: #ffffff !important; }
  .breadcrumb-all .breadcrumb-title {
    font-size: 46px;
    font-weight: 600;
    color: #0189AE;
    text-align: center;
    margin-bottom: 16px !important; }
  .breadcrumb-all .breadcrumb-content {
    text-align: center;
    bottom: 10px;
    height: fit-content;
    padding: 26px 36px;
    border-radius: 50px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.07);
    background: #ffffff;
    width: fit-content;
    margin: 0 auto; }
    .breadcrumb-all .breadcrumb-content .breadcrumb-title,
    .breadcrumb-all .breadcrumb-content ol,
    .breadcrumb-all .breadcrumb-content li {
      color: #0189AE;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 0;
      align-items: center;
      justify-content: center; }
    .breadcrumb-all .breadcrumb-content .breadcrumb-item + .breadcrumb-item::before {
      font-family: "Font Awesome 5 Free";
      content: "\f105" !important;
      color: #0189AE !important;
      font-weight: 700;
      font-size: 18px;
      padding-inline: 6px 14px;
      line-height: 8px; }
    .breadcrumb-all .breadcrumb-content .breadcrumb-item {
      font-size: 18px;
      display: flex; }
      .breadcrumb-all .breadcrumb-content .breadcrumb-item::before {
        color: #5B5B5B !important; }

div > .faq {
  margin-top: 40px; }

.accordion .accordion-item {
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
  padding-left: 0px;
  border-bottom: 1px solid #A1A1A1; }
  .accordion .accordion-item:last-child {
    border-bottom: 0; }
  .accordion .accordion-item h2, .accordion .accordion-item h3, .accordion .accordion-item h4, .accordion .accordion-item h5, .accordion .accordion-item h6 {
    margin: 0 !important; }
    .accordion .accordion-item h2 .accordion-button, .accordion .accordion-item h3 .accordion-button, .accordion .accordion-item h4 .accordion-button, .accordion .accordion-item h5 .accordion-button, .accordion .accordion-item h6 .accordion-button {
      font-size: 18px;
      color: #5B5B5B !important;
      padding-block: 24px;
      border-radius: 20px;
      padding-left: 0px;
      background-color: transparent !important; }
      .accordion .accordion-item h2 .accordion-button:focus, .accordion .accordion-item h3 .accordion-button:focus, .accordion .accordion-item h4 .accordion-button:focus, .accordion .accordion-item h5 .accordion-button:focus, .accordion .accordion-item h6 .accordion-button:focus {
        border-color: transparent;
        box-shadow: none; }
      .accordion .accordion-item h2 .accordion-button:not(.collapsed), .accordion .accordion-item h3 .accordion-button:not(.collapsed), .accordion .accordion-item h4 .accordion-button:not(.collapsed), .accordion .accordion-item h5 .accordion-button:not(.collapsed), .accordion .accordion-item h6 .accordion-button:not(.collapsed) {
        color: #5B5B5B;
        background-color: transparent !important;
        border-radius: 20px 20px 0 0;
        box-shadow: none;
        font-weight: 600; }
  .accordion .accordion-item .accordion-body {
    padding-top: 0 !important;
    color: #454545;
    padding-bottom: 0;
    border-left: 1px solid #E29E4B;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px; }

.detail-wrapper h1 {
  font-size: 2.5rem !important; }
.detail-wrapper h2, .detail-wrapper h3, .detail-wrapper h4, .detail-wrapper h5, .detail-wrapper h6 {
  font-weight: 700;
  font-size: 1.5rem !important;
  margin: 1.25rem 0 !important; }
.detail-wrapper h2 {
  margin-block: 30px !important; }
.detail-wrapper h3, .detail-wrapper h4, .detail-wrapper h5, .detail-wrapper h6 {
  margin-block: 20px !important; }
.detail-wrapper a {
  color: #0189AE !important;
  display: inline;
  border-bottom: 1px solid #0189AE; }
.detail-wrapper li {
  margin-bottom: 10px; }
.detail-wrapper blockquote {
  position: relative;
  background-color: #E6FAFF;
  padding: 40px 20px;
  font-size: 20px;
  font-style: italic;
  line-height: 30px;
  margin: 1rem 0;
  margin-block: 1.25rem !important;
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .detail-wrapper blockquote::before {
    content: url("../images/quote.svg"); }
.detail-wrapper .table-wrapper {
  overflow-x: auto;
  margin-block: 30px; }
.detail-wrapper table {
  min-width: 600px;
  padding: 8px 12px;
  margin-bottom: 0; }
  .detail-wrapper table tbody, .detail-wrapper table td, .detail-wrapper table tfoot, .detail-wrapper table th, .detail-wrapper table thead, .detail-wrapper table tr {
    border: 1px solid #EEEAEA;
    color: #444444 !important; }
  .detail-wrapper table tr:nth-child(2n) td {
    background-color: #F6F6F6; }
  .detail-wrapper table thead {
    color: #727272 !important;
    font-weight: 500; }
    .detail-wrapper table thead th {
      background-color: #E6FAFF !important;
      font-weight: 500;
      vertical-align: middle; }
.detail-wrapper .accordion-item h2 {
  background-color: transparent !important;
  color: #5B5B5B !important; }
  .detail-wrapper .accordion-item h2 .accordion-button:not(.collapsed) {
    background-color: transparent !important; }
.detail-wrapper .accordion-item .accordion-body {
  padding-left: 0;
  border-left: 0; }
.detail-wrapper p img {
  width: 100% !important;
  height: auto !important;
  border-radius: 10px; }

.table-wrapper {
  overflow-x: auto;
  margin-block: 30px; }
  .table-wrapper table {
    min-width: 600px; }

.rm-bg {
  background: #F4F4F4 !important; }

.error {
  color: red;
  font-size: 14px; }

.chat-bot-container {
  position: fixed;
  bottom: 100px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
  background-color: transparent; }
  .chat-bot-container .icon-whatsapp {
    transition: 500ms;
    z-index: 1; }
    .chat-bot-container .icon-whatsapp span {
      font-size: 30px;
      color: #ffffff;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #41c051; }
      @media (max-width: 480px) {
        .chat-bot-container .icon-whatsapp span {
          width: 40px;
          height: 40px;
          font-size: 25px; } }
      .chat-bot-container .icon-whatsapp span:hover {
        background: #00740f; }
  .chat-bot-container .icon-messenger span {
    font-size: 24px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00A0F7; }
    @media (max-width: 480px) {
      .chat-bot-container .icon-messenger span {
        width: 40px;
        height: 40px;
        font-size: 25px; } }
    .chat-bot-container .icon-messenger span:hover {
      background: #005583; }

.product-pagination-more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .product-pagination-more nav {
    display: flex;
    justify-content: center;
    width: 100%; }
  .product-pagination-more .scholar-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0; }
    .product-pagination-more .scholar-pagination > li {
      display: inline-flex;
      align-items: center; }
      .product-pagination-more .scholar-pagination > li > a,
      .product-pagination-more .scholar-pagination > li > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        padding: 0 10px;
        color: #1a1a1a !important;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        background: transparent;
        border: 0;
        outline: none;
        box-shadow: none;
        transition: color 0.2s ease; }
      .product-pagination-more .scholar-pagination > li > a:hover {
        color: #0d6efd; }
      .product-pagination-more .scholar-pagination > li.active > span {
        color: #000000 !important;
        font-weight: 700; }
      .product-pagination-more .scholar-pagination > li.disabled > span {
        color: #c9c9c9;
        cursor: default; }
      .product-pagination-more .scholar-pagination > li + li::before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 20px;
        background: #4b4b4b;
        align-self: center;
        margin: 0 2px; }

.enquiry a {
  width: max-content;
  color: #ffffff !important;
  width: max-content;
  text-align: center;
  background: #E29E4B;
  border: 3px solid #e4e4e4;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px 10px 0 0px;
  padding: 10px 16px;
  z-index: 100;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translate(-85px, -50%) rotate(90deg);
  transition: 500ms; }
  @media (max-width: 991px) {
    .enquiry a {
      top: 96.7% !important;
      width: 100% !important;
      padding: 16px 8px;
      border-radius: 0;
      animation: none;
      transform: translate(0px, -50%) rotate(0);
      font-weight: 700;
      letter-spacing: 1px; } }
  .enquiry a:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.712); }
  @media (max-width: 650px) {
    .enquiry a p {
      display: none; } }
  @media (min-width: 551px) {
    .enquiry a span {
      display: none; } }

.enquiry-modal {
  background-color: transparent !important; }
  .enquiry-modal .modal-content {
    background-color: #E6FAFF !important;
    padding: 40px; }
    .enquiry-modal .modal-content .modal-header {
      border-bottom: none; }
      .enquiry-modal .modal-content .modal-header .title {
        margin-bottom: 0px !important;
        font-size: 30px;
        font-weight: 600; }
      .enquiry-modal .modal-content .modal-header .btn-close {
        background: transparent;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 30px;
        color: #FFA3A3 !important; }
        .enquiry-modal .modal-content .modal-header .btn-close:focus {
          box-shadow: 0 0 0 0rem rgba(13, 109, 253, 0) !important; }
    .enquiry-modal .modal-content .modal-body .form-label {
      color: #808080;
      font-weight: 500; }
    .enquiry-modal .modal-content .modal-body .form-control, .enquiry-modal .modal-content .modal-body .form-select {
      color: #808080;
      border-radius: 4px;
      background-color: #ffffff;
      box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
      border: none;
      height: 46px; }
      .enquiry-modal .modal-content .modal-body .form-control::placeholder, .enquiry-modal .modal-content .modal-body .form-select::placeholder {
        color: #424242; }
      .enquiry-modal .modal-content .modal-body .form-control:focus, .enquiry-modal .modal-content .modal-body .form-select:focus {
        box-shadow: none; }
    .enquiry-modal .modal-content .modal-body textarea {
      height: 105px !important; }
    .enquiry-modal .modal-content .primary-btn {
      width: 100%;
      margin-top: 30px; }

@media (max-width: 1199px) {
  .road-map-main {
    margin: 0 !important; }
    .road-map-main .road-map-wrapper .road-map-card::before {
      right: -19% !important; }
    .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {
      left: -19% !important; }
    .road-map-main .road-map-wrapper .road-map-circle {
      width: 160px !important;
      height: 160px !important; } }
@media (max-width: 991px) {
  .why-scholarship .why-scholarship-wrapper.three-layer ul {
    display: block !important; }
    .why-scholarship .why-scholarship-wrapper.three-layer ul li {
      width: 100% !important; }

  .why-scholarship .why-scholarship-wrapper:not(.three-layer, #scholarship-pagination) .col-lg-5 ul {
    max-height: 100% !important; }

  .road-map-main .road-map-wrapper.is-active .road-map-card::before {
    display: none; }

  .section-title {
    font-size: 30px !important;
    line-height: 40px !important; }
    .section-title::after, .section-title::before {
      display: none; }

  .hero-banner .sub-title {
    font-size: 21px !important; }
  .hero-banner .title {
    font-size: 27px !important;
    line-height: 40px !important;
    margin-top: 0.5rem !important; }
  .hero-banner .description {
    margin-top: 1rem !important; }

  .course .description {
    margin-top: 1rem !important;
    margin-bottom: 20px !important; }
  .course .section-main-heading {
    font-size: 30px !important;
    line-height: 40px !important; }

  .road-map-main {
    margin: 0 !important; }

  .stats .count {
    font-size: 40px !important; }

  .stats .stats-content-wrapper {
    padding: 20px 30px !important;
    border-radius: 0 !important;
    border: none !important; }

  .blogs .blog-sub-wapper {
    padding-left: 0 !important;
    border: none !important; }
  .blogs .main-blog-card {
    font-size: 25px !important; }

  footer {
    position: relative !important;
    z-index: 1 !important; }
    footer .top-footer {
      padding-bottom: 0px !important; }

  body {
    margin-bottom: 60px !important; }

  .timeline .timeline-wrapper::after {
    z-index: -1; }
  .timeline .timeline-wrapper .timeline-individual {
    width: 100% !important;
    margin-bottom: 80px; }

  .mission-vision .nav-link {
    font-size: 20px !important;
    width: 190px !important; }

  .section-gutter {
    padding-top: 50px !important; }

  .breadcrumb-all {
    padding-top: 130px !important;
    height: 300px !important; }
    .breadcrumb-all .breadcrumb-title {
      font-size: 30px !important; }
    .breadcrumb-all .breadcrumb-content {
      padding: 20px 30px !important; }

  .process .process-card {
    padding: 30px !important;
    border-radius: 10px !important; }
    .process .process-card::after {
      font-size: 56px !important;
      line-height: 50px !important; }
    .process .process-card .title {
      font-size: 20px !important;
      line-height: 26px !important; }

  .contact-info .wrapper {
    padding: 30px 25px !important; }
    .contact-info .wrapper .title {
      font-size: 30px !important; }

  .blog-detail .wrapper {
    padding: 20px 20px !important; }
  .blog-detail .title {
    font-size: 24px !important; }

  .service-detail .service-detail-tile {
    position: static; }

  .service-detail .service-detail-tile .wrap .title {
    font-size: 18px !important;
    font-weight: 500; }

  .scholarship-program-blog .scholarship-program-card .title {
    font-size: 24px !important; }
  .scholarship-program-blog .scholarship-program-card .card-body .description {
    font-size: 18px !important;
    line-height: 28px !important; }

  .message-manager .title {
    font-size: 24px !important;
    margin-bottom: 20px !important; }

  .team-detail .designation {
    line-height: 29px !important;
    font-size: 20px !important; }
  .team-detail .name {
    font-size: 40px !important; }

  .position-filter {
    position: sticky;
    top: 0;
    z-index: 10; }
    .position-filter .service-tabs-box {
      position: sticky;
      top: 20px;
      background-color: transparent !important; }
      .position-filter .service-tabs-box .navbar-toggler {
        width: 100%;
        height: 100%;
        padding: 20px;
        font-size: 20px;
        background: #0189AE;
        color: #ffffff !important;
        text-transform: capitalize;
        font-weight: 600; }
        .position-filter .service-tabs-box .navbar-toggler:hover {
          background: #007c9e; }
        .position-filter .service-tabs-box .navbar-toggler:focus {
          text-decoration: none;
          outline: 0;
          box-shadow: 0 0 0 transparent !important; }
      .position-filter .service-tabs-box .nav {
        row-gap: 1rem;
        margin: 0 !important;
        width: 100%; }
    .position-filter .navbar-collapse {
      max-height: 80vh;
      overflow: auto; }

  .enquiry-modal .modal-content {
    padding: 10px  !important; }
    .enquiry-modal .modal-content .modal-header .title {
      font-size: 22px !important; }

  .course-detail .wrapper, .scholarship-detail .wrapper {
    padding: 30px !important; }
  .course-detail .detail-content, .scholarship-detail .detail-content {
    height: 90px !important; }

  .career-list .career-card .title {
    font-size: 20px !important;
    line-height: 27px !important; }

  .scholor-page .sub-title, .scholor-page .section-title {
    text-align: center;
    font-size: 24px !important;
    margin-bottom: 10px !important; }
  .scholor-page .description {
    font-size: 16px !important;
    line-height: 28px !important; }

  .scholors-mission-vision .mission-vision-wrapper .title {
    font-size: 30px !important;
    margin-bottom: 10px; }
  .scholors-mission-vision .mission-vision-wrapper .description {
    font-size: 16px !important; }

  section.scholors-mission-vision.vision .row {
    flex-direction: column-reverse; }

  .scholorsdetail .content .name {
    font-size: 32px !important; }
  .scholorsdetail .content .description {
    font-size: 16px !important;
    line-height: 27px !important; }
  .scholorsdetail .experties .title {
    font-size: 24px !important;
    margin-bottom: 20px !important; }
  .scholorsdetail .experties .experties-title {
    font-size: 18px !important; }
  .scholorsdetail .experties .experties-content ul li {
    font-size: 16px !important; } }
@media (max-width: 767px) {
  .services .section-title {
    position: relative !important;
    top: 0 !important; }
  .services .service-card {
    position: relative !important;
    top: 0 !important; }
    .services .service-card:hover .secondary-btn {
      transform: translateX(20px);
      margin-left: auto !important; }
    .services .service-card .figure-wrapper {
      padding: 0 !important;
      box-shadow: none !important;
      background-color: transparent !important; }
      .services .service-card .figure-wrapper figure {
        border-radius: 50% !important;
        border: 3px solid #0189AE;
        width: 50%;
        margin: 0 auto !important; }
        .services .service-card .figure-wrapper figure img {
          border-radius: 0 !important; }
    .services .service-card .service-detail {
      margin-left: 0 !important;
      border-radius: 0 !important;
      padding: 0px !important;
      text-align: center;
      background-color: transparent !important;
      box-shadow: none !important; }
      .services .service-card .service-detail .title {
        font-size: 20px !important; }
      .services .service-card .service-detail .description {
        font-size: 16px !important;
        text-align: center !important;
        -webkit-line-clamp: 2 !important; }
      .services .service-card .service-detail a {
        margin: 0 auto; }

  .team-detail .name {
    margin-top: 0 !important; } }
header {
  background: #C7F3FF !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  overflow: visible; }
  @media (max-width: 991px) {
    header {
      display: none; } }
  header nav {
    padding-top: 30px; }
    header nav ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0 !important; }
      header nav ul li {
        list-style-type: none; }
        header nav ul li button {
          background-color: transparent;
          border: 0; }
    header nav .nav-item {
      color: #3A3636;
      position: relative; }
      header nav .nav-item i {
        font-size: 14px;
        padding-left: 8px; }
      header nav .nav-item a {
        font-size: 18px; }
      header nav .nav-item:hover ul {
        opacity: 1;
        visibility: visible;
        background: #ffffff;
        border-top: 2px solid #0189AE;
        z-index: 2; }
      header nav .nav-item .nav-link {
        position: relative;
        font-size: 20px;
        font-weight: 500; }
      header nav .nav-item .active {
        color: #0189AE !important; }
      header nav .nav-item ul {
        background-color: #929292;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        padding: 1rem 1.25rem !important;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 140%;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        transition: all .25s ease;
        border-radius: 4px;
        flex-direction: column;
        align-items: start; }
        header nav .nav-item ul li {
          margin-top: 8px;
          transition: all 300ms ease;
          width: max-content;
          list-style-type: none;
          padding-block: 2px; }
          header nav .nav-item ul li a {
            display: inline-block; }
          header nav .nav-item ul li:first-child {
            margin-top: 0; }
          header nav .nav-item ul li::before {
            padding-right: .5rem;
            font-family: "Font Awesome 5 Free";
            content: "\f061";
            font-size: 13px;
            font-weight: 700; }
          header nav .nav-item ul li:hover {
            transform: translateX(0.5rem);
            color: #E29E4B !important;
            transition: all 300ms ease; }
    header nav a {
      font-size: 20px;
      font-weight: 500; }
      header nav a.active {
        color: #0189AE !important;
        border-bottom: 2px solid #0189AE; }
        header nav a.active:hover {
          color: #0189AE !important; }
      header nav a:hover {
        color: #E29E4B !important; }

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.95); }
  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: #ffffff; }
    .overlay .closebtn:hover {
      color: #ccc; }
  .overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white; }
    .overlay input[type=text]:focus-visible {
      border: 0 !important;
      outline: 0px solid red; }
    .overlay input[type=text]:hover {
      background: #f1f1f1; }
  .overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
    border: none;
    color: #ffffff !important;
    background: #0189AE; }
    .overlay button:hover {
      background: #c58000; }
  .overlay .overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto; }

.sidebar-menu {
  position: fixed;
  z-index: 1040;
  width: 100%;
  display: none;
  padding-top: 10px; }
  .sidebar-menu .search-btn {
    background-color: #0189AE;
    padding: 5px 10px;
    border: 0;
    color: #ffffff; }
    .sidebar-menu .search-btn i {
      font-size: 1rem !important; }
  .sidebar-menu .navbar {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    align-items: center;
    justify-content: space-between; }
    .sidebar-menu .navbar .navbar-brand figure {
      background-color: #ffffff;
      border-radius: 30px;
      padding: 14px 20px;
      width: 80%;
      box-shadow: 0 0 18px 2px #00000026; }
    .sidebar-menu .navbar .top-menu-wrapper {
      color: black;
      pointer-events: none; }
      .sidebar-menu .navbar .top-menu-wrapper::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        transition: background 0.5s; }
    .sidebar-menu .navbar .open-mobile-menu {
      background: none;
      color: #0189AE !important;
      position: absolute;
      right: 10px;
      font-size: 30px;
      top: 23px;
      border: 0; }
    .sidebar-menu .navbar .top-menu {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 2;
      transform: translate3d(-100%, 0, 0);
      transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
      .sidebar-menu .navbar .top-menu .nav-item {
        width: max-content;
        margin: 0 auto;
        margin-top: 1.5rem;
        position: relative;
        list-style-type: none; }
        .sidebar-menu .navbar .top-menu .nav-item:hover {
          color: #0189AE; }
        .sidebar-menu .navbar .top-menu .nav-item:hover ul {
          opacity: 1;
          visibility: visible;
          background: #ffffff;
          border-top: 2px solid #0189AE; }
        .sidebar-menu .navbar .top-menu .nav-item .nav-link {
          position: relative; }
        .sidebar-menu .navbar .top-menu .nav-item .active {
          color: #0189AE !important; }
        .sidebar-menu .navbar .top-menu .nav-item ul {
          background-color: #929292;
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          padding: 1rem 1.25rem;
          position: absolute;
          opacity: 0;
          visibility: hidden;
          z-index: 1;
          transition: all 0.25s ease;
          width: max-content;
          top: 100%;
          left: 50%;
          transform: translate(-50%, 0); }
          .sidebar-menu .navbar .top-menu .nav-item ul li {
            margin-top: 0.875rem;
            transition: all 300ms ease; }
            .sidebar-menu .navbar .top-menu .nav-item ul li:first-child {
              margin-top: 0; }
            .sidebar-menu .navbar .top-menu .nav-item ul li i {
              padding-right: 0.5rem;
              font-size: 13px; }
            .sidebar-menu .navbar .top-menu .nav-item ul li:hover {
              transform: translateX(0.5rem);
              color: #0189AE;
              transition: all 300ms ease; }
    .sidebar-menu .navbar .top-menu {
      display: flex;
      flex-direction: column;
      width: 100%;
      overflow-y: auto;
      padding: .5rem 1.5rem !important;
      background: #c1f2ff;
      height: fit-content;
      z-index: 13; }
    .sidebar-menu .navbar .top-menu-wrapper.show-offcanvas {
      pointer-events: all; }
    .sidebar-menu .navbar .top-menu-wrapper.show-offcanvas::before {
      background: #c1f2ff;
      z-index: 1; }
    .sidebar-menu .navbar .top-menu-wrapper.show-offcanvas .panel,
    .sidebar-menu .navbar .top-menu-wrapper.show-offcanvas .top-menu {
      transform: translate3d(0, 0, 0);
      transition-duration: 0.7s; }
    .sidebar-menu .navbar .top-menu-wrapper.show-offcanvas .top-menu {
      transition-delay: 0.2s; }
    .sidebar-menu .navbar ul li ul .dropdown-item:active {
      background-color: #eeeeee !important; }
    .sidebar-menu .navbar ul a {
      display: inline-block;
      font-size: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      transition: color 0.35s ease-out; }
    .sidebar-menu .navbar .has-dropdown i {
      display: none; }
    .sidebar-menu .navbar .sub-menu {
      padding: 0.5rem 1.5rem 0 1.5rem; }
      .sidebar-menu .navbar .sub-menu a {
        text-transform: capitalize;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 0rem; }
    .sidebar-menu .navbar .top-menu li + li {
      margin-top: 1.3rem; }
    .sidebar-menu .navbar .top-menu .mob-block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 40px; }
      .sidebar-menu .navbar .top-menu .mob-block .logo {
        font-size: 1.7rem;
        font-weight: 700;
        text-transform: uppercase;
        color: red; }
      .sidebar-menu .navbar .top-menu .mob-block .close-mobile-menu {
        border: none;
        background: none; }
        .sidebar-menu .navbar .top-menu .mob-block .close-mobile-menu i {
          color: #0189AE;
          font-size: 40px; }
  @media (max-width: 991px) {
    .sidebar-menu {
      display: block; } }

footer {
  background-color: #0189AE !important;
  color: #ffffff;
  padding-block: 96px 30px;
  position: relative;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: -1; }
  footer a:hover {
    color: #E29E4B !important; }
  footer .top-footer {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 30px; }
  footer .footer-bg {
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none; }
  footer .bottom-footer {
    padding-block: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px; }
    footer .bottom-footer figure img {
      filter: brightness(0) invert(1); }
    footer .bottom-footer p {
      font-size: 18px;
      font-weight: 500; }
      footer .bottom-footer p a {
        color: #C2FFAF !important;
        display: inline-block; }
    footer .bottom-footer div a {
      display: inline-block;
      padding-left: 20px;
      border-left: 1px solid #ffffff;
      margin-left: 20px; }
      footer .bottom-footer div a:first-child {
        margin-left: 0;
        padding-left: 0;
        border-left: 0; }
  footer figure {
    width: fit-content;
    filter: brightness(0) invert(1); }
  footer .description {
    margin-block: 30px; }
    footer .description a {
      display: inline;
      border-bottom: 2px solid #ffffff;
      font-weight: 500;
      margin-left: 10px; }
  footer .title {
    font-size: 24px;
    font-weight: 500;
    border-bottom: 1px solid #ffffff;
    width: fit-content;
    margin-bottom: 30px; }
  footer .links {
    padding-left: 0; }
    footer .links li {
      display: flex;
      align-items: baseline;
      font-size: 18px;
      margin-bottom: 16px; }
      footer .links li::before {
        padding-right: 0.5rem;
        font-family: "Font Awesome 5 Free";
        content: "\f105";
        font-size: 13px;
        font-weight: 700; }
      footer .links li a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    footer .links.all-links {
      display: flex;
      align-items: left;
      justify-content: left;
      flex-direction: row;
      flex-wrap: wrap;
      flex-flow: row wrap;
      align-content: flex-end; }
      footer .links.all-links li {
        width: 50%; }
  footer .wrapper {
    display: flex;
    column-gap: 16px;
    flex-wrap: wrap; }
    footer .wrapper figure {
      flex-shrink: 0; }
      footer .wrapper figure img {
        width: auto !important;
        height: auto !important; }
    footer .wrapper p {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 12px !important; }

.hero-banner {
  background: linear-gradient(180deg, #c7f3ff 25%, #f4f4f4 100%);
  padding-top: 155px; }
  .hero-banner .sub-title {
    color: #0189AE;
    font-size: 24px;
    font-weight: 600; }
  .hero-banner .title {
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
    margin-top: 1rem; }
  .hero-banner .description {
    margin-top: 2rem;
    font-size: 18px;
    color: #666666;
    line-height: 30px; }
  .hero-banner .col-md-6 {
    position: relative; }
  .hero-banner iframe {
    width: 100%; }
  .hero-banner figure {
    width: 90%;
    margin-left: auto !important;
    isolation: isolate;
    overflow: visible !important;
    position: relative; }
    .hero-banner figure .wrap-img {
      border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
      z-index: 1;
      animation: wrap 7s infinite linear alternate;
      width: 100%;
      max-width: unset; }
    .hero-banner figure::before {
      content: '';
      position: absolute;
      width: 85%;
      height: 85%;
      background-color: #E29E4B;
      left: 9%;
      top: 5%;
      z-index: -1;
      border-radius: 40% 60% 62% 38% / 32% 41% 59% 68%; }
    .hero-banner figure::after {
      content: '';
      position: absolute;
      width: 35%;
      height: 35%;
      background-color: rgba(210, 143, 48, 0.5);
      right: 0;
      bottom: 2%;
      animation: small-wrap 7s infinite linear alternate; }
  .hero-banner.about-page {
    background: #F4F4F4 !important;
    padding-top: 80px !important; }
    .hero-banner.about-page figure::after {
      display: none; }
    .hero-banner.about-page .title {
      font-size: 30px !important;
      font-weight: 500;
      line-height: 34px; }
    .hero-banner.about-page .description {
      margin-top: 20px !important; }
    .hero-banner.about-page .count-wrapper {
      display: flex;
      align-items: center;
      gap: 30px;
      margin-top: 30px; }
      .hero-banner.about-page .count-wrapper .count-content p {
        font-size: 40px;
        font-weight: 500;
        color: #0189AE; }
      .hero-banner.about-page .count-wrapper .count-content span {
        font-size: 18px; }

*:has(+ footer) {
  padding-bottom: 3rem; }

.road-map-main {
  max-height: 695px;
  overflow: auto;
  padding-top: 20px;
  padding-inline: 15px;
  box-shadow: inset 0px 0px 20px -5px rgba(0, 0, 0, 0.2);
  border-radius: 10px; }
  .road-map-main .road-map-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 175px;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 600ms ease, transform 600ms ease;
    will-change: opacity, transform; }
    .road-map-main .road-map-wrapper.is-visible {
      opacity: 1;
      transform: translateY(0); }
    .road-map-main .road-map-wrapper.is-active .road-map-card {
      background-color: #E29E4B; }
      .road-map-main .road-map-wrapper.is-active .road-map-card::before {
        background: linear-gradient(90deg, #e29e4b 0%, #0189ae 100%); }
    .road-map-main .road-map-wrapper.is-active:nth-of-type(even) .road-map-card::before {
      background: linear-gradient(90deg, #0189ae 0%, #e29e4b 100%); }
    .road-map-main .road-map-wrapper.is-active .road-map-circle .road-map-circle-text {
      transform: scale(1.2) rotate(-45deg); }
    @media (max-width: 991px) {
      .road-map-main .road-map-wrapper {
        margin-bottom: 25px;
        height: auto;
        display: block; } }
    .road-map-main .road-map-wrapper::before {
      content: "";
      width: 100%;
      clear: both;
      display: block; }
    .road-map-main .road-map-wrapper::after {
      content: "";
      width: 100%;
      clear: both;
      display: block; }
    .road-map-main .road-map-wrapper .road-map-circle {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      border: 25px solid transparent;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transform: rotate(45deg);
      border-bottom-color: #0189AE;
      border-left-color: #0189AE; }
      @media (max-width: 992px) {
        .road-map-main .road-map-wrapper .road-map-circle {
          position: unset;
          border: 25px solid #0189AE; } }
      .road-map-main .road-map-wrapper .road-map-circle .road-map-circle-text {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        background-color: #E29E4B;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        text-transform: capitalize;
        color: #fff;
        box-shadow: 0px 0px 10px 5px #00000021;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(-45deg);
        transition: 400ms all; }
    .road-map-main .road-map-wrapper .road-map-card {
      width: 35%;
      background: #0189AE;
      padding: 20px 20px;
      z-index: 1;
      position: absolute;
      left: 0;
      border-radius: 5px;
      top: 50%;
      transform: translateY(-50%);
      transition: background-color 400ms ease; }
      .road-map-main .road-map-wrapper .road-map-card::before {
        content: "";
        width: 25%;
        height: 20px;
        background: #0189AE;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -23%;
        z-index: -1;
        transition: background 400ms ease; }
      @media (max-width: 991px) {
        .road-map-main .road-map-wrapper .road-map-card {
          width: 100%;
          position: static;
          top: 0;
          transform: translateY(0); }
          .road-map-main .road-map-wrapper .road-map-card::before {
            content: "";
            width: 20px;
            height: 30%;
            top: 50%;
            transform: translateX(-50%);
            left: 50%; } }
      @media (max-width: 425px) {
        .road-map-main .road-map-wrapper .road-map-card {
          top: 45%; } }
      .road-map-main .road-map-wrapper .road-map-card .card-head {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0 0 15px !important;
        color: #fff; }
      .road-map-main .road-map-wrapper .road-map-card .card-text {
        color: #fff;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media (max-width: 1199px) {
          .road-map-main .road-map-wrapper .road-map-card .card-text {
            -webkit-line-clamp: 4; } }
    .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-circle {
      border-top-color: #0189AE;
      border-right-color: #0189AE;
      border-left-color: transparent;
      border-bottom-color: transparent; }
      @media (max-width: 991px) {
        .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-circle {
          border-color: #0189AE; } }
    .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card {
      right: 0;
      left: unset; }
      .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {
        left: -23%;
        right: unset; }
        @media (max-width: 991px) {
          .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {
            content: "";
            width: 20px;
            height: 30%;
            top: 50%;
            transform: translateX(-50%);
            left: 50%; } }
        @media (max-width: 425px) {
          .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {
            top: 45%; } }

.stats .col-lg-4:first-child .stats-content-wrapper {
  border-bottom-left-radius: 10px; }
.stats .col-lg-4:last-child .stats-content-wrapper {
  border-right: 0;
  border-bottom-right-radius: 10px; }
.stats .stats-content-wrapper {
  background-color: #ffffff;
  padding: 40px;
  border-right: 1px solid #B7B7B7;
  box-shadow: 0 7px 10px -12px black;
  height: 100%; }
.stats .count {
  font-size: 60px;
  font-weight: 300; }
.stats p {
  font-weight: 500; }

.testimonial .owl-item {
  padding: 10px; }
.testimonial .testimonial-card {
  padding: 50px 40px;
  background-color: #E6FAFF;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 10px; }
  .testimonial .testimonial-card .profile {
    display: flex;
    align-items: center;
    gap: 16px; }
    .testimonial .testimonial-card .profile figure {
      width: fit-content;
      position: relative;
      overflow: visible; }
      .testimonial .testimonial-card .profile figure img {
        border-radius: 50%; }
      .testimonial .testimonial-card .profile figure .video-play-section {
        position: absolute;
        bottom: -5px;
        right: -5px; }
        .testimonial .testimonial-card .profile figure .video-play-section .popup-youtube {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #ffffff;
          border: 2px solid #0189AE; }
          .testimonial .testimonial-card .profile figure .video-play-section .popup-youtube:hover {
            border: 2px solid #ffffff;
            background-color: #0189AE; }
            .testimonial .testimonial-card .profile figure .video-play-section .popup-youtube:hover i {
              color: #ffffff; }
        .testimonial .testimonial-card .profile figure .video-play-section i {
          color: #0189AE;
          font-size: 14px;
          padding-left: 2px; }
    .testimonial .testimonial-card .profile .name {
      font-size: 24px;
      font-weight: 500; }
  .testimonial .testimonial-card .star {
    margin-top: 16px; }
    .testimonial .testimonial-card .star img {
      margin-right: 6px;
      width: fit-content;
      display: inline; }
  .testimonial .testimonial-card .description {
    margin-block: 30px 40px !important;
    line-height: 31px;
    color: #313131; }
  .testimonial .testimonial-card .scholorship-status {
    font-size: 18px;
    color: #727272;
    font-weight: 500; }
  .testimonial .testimonial-card .scholorship-number {
    font-size: 18px;
    color: #898989;
    margin-top: 8px;
    font-weight: 500; }
  .testimonial .testimonial-card .location {
    color: #E29E4B;
    margin-top: 10px;
    font-weight: 500;
    font-size: 18px; }

@keyframes wrap {
  0% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%; }
  35% {
    border-radius: 67% 33% 39% 61% / 48% 63% 37% 52%; }
  70% {
    border-radius: 40% 60% 62% 38% / 32% 41% 59% 68%; }
  100% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%; } }
@keyframes small-wrap {
  0% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%; }
  35% {
    border-radius: 40% 60% 62% 38% / 32% 41% 59% 68%; }
  70% {
    border-radius: 67% 33% 39% 61% / 48% 63% 37% 52%; }
  100% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%; } }
.message-manager figure {
  border-radius: 16px;
  position: sticky;
  top: 0; }
.message-manager .title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 32px; }
.message-manager .manager-content-wrapper {
  background-color: #0189AE;
  color: #ffffff;
  padding: 32px 40px 26px 30px;
  border-radius: 14px; }
  .message-manager .manager-content-wrapper .name {
    font-size: 24px;
    font-weight: 600; }
  .message-manager .manager-content-wrapper .designation {
    font-size: 18px; }

.why-us figure {
  width: fit-content; }
.why-us .title {
  font-size: 20px;
  font-weight: 500;
  margin-block: 15px; }
.why-us .description {
  color: #666666; }
.why-us .contact-person-wrapper {
  padding: 16px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  text-align: center; }
  .why-us .contact-person-wrapper .name {
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px; }
  .why-us .contact-person-wrapper .designation {
    font-size: 18px;
    color: #0189AE;
    margin-block: 8px; }
  .why-us .contact-person-wrapper a {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px; }

.mission-vision .nav-link {
  background-color: #E6FAFF;
  color: #787878 !important;
  font-weight: 700;
  font-size: 26px;
  padding: 13px 36px;
  width: 230px;
  border-radius: 0 !important; }
  .mission-vision .nav-link.active {
    background-color: #0189AE !important;
    color: #ffffff !important; }
.mission-vision .tab-content figure {
  width: fit-content; }

.timeline .timeline-wrapper {
  position: relative;
  isolation: isolate; }
  .timeline .timeline-wrapper::after {
    content: '';
    width: 10px;
    height: 100%;
    background-color: #0189AE;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .timeline .timeline-wrapper .timeline-individual {
    position: relative;
    background-color: #E29E4B;
    color: #ffffff;
    padding: 37px 58px 37px 20px;
    width: 50%;
    border-radius: 10px 0 0 10px;
    margin-top: -60px; }
    .timeline .timeline-wrapper .timeline-individual::after {
      content: '';
      position: absolute;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 30px 40px 30px 0;
      border-color: transparent #0189AE transparent transparent;
      transform: rotate(0deg);
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
    .timeline .timeline-wrapper .timeline-individual:first-child {
      margin-top: 0; }
    .timeline .timeline-wrapper .timeline-individual:nth-child(2n) {
      margin-left: auto;
      border-radius: 0 10px 10px 0;
      padding: 37px 20px 37px 58px; }
      .timeline .timeline-wrapper .timeline-individual:nth-child(2n)::after {
        border-width: 30px 0 30px 40px;
        border-color: transparent transparent transparent #0189AE;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .timeline .timeline-wrapper .timeline-individual:nth-child(2n) .year {
        text-align: left; }
    .timeline .timeline-wrapper .timeline-individual .year {
      text-align: right;
      font-size: 25px;
      margin-bottom: 14px;
      font-weight: 600; }
    .timeline .timeline-wrapper .timeline-individual .description {
      font-size: 16px;
      line-height: 26px;
      height: 156px;
      overflow: auto;
      padding-right: 10px; }

.contact-info .wrapper {
  background-color: #E6FAFF;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 45px;
  height: 100%; }
  .contact-info .wrapper .title {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 30px; }
  .contact-info .wrapper .contact-content {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #C0C0C0; }
    .contact-info .wrapper .contact-content:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border: none; }
    .contact-info .wrapper .contact-content figure {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #0189AE;
      background-color: #ffffff;
      width: 61px;
      height: 61px;
      border-radius: 50%;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
      .contact-info .wrapper .contact-content figure img {
        width: auto !important;
        height: auto !important; }
    .contact-info .wrapper .contact-content p {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 5px; }
    .contact-info .wrapper .contact-content a {
      font-size: 18px; }
.contact-info .contact-form label {
  color: #444444;
  font-size: 16px;
  font-weight: 500; }
.contact-info .contact-form .form-control {
  border: 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  padding: 10px 18px; }
  .contact-info .contact-form .form-control::placeholder {
    color: #AEACAC;
    font-weight: 500; }
.contact-info .contact-form textarea {
  height: 110px; }
.contact-info .contact-form .primary-btn {
  margin-top: 26px; }

.blogs .description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.blogs .date-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #0189AE;
  font-size: 14px;
  margin-block: 16px 18px;
  font-weight: 500; }
  .blogs .date-time i {
    font-size: 16px;
    margin-right: 6px; }
.blogs .main-blog-card {
  font-size: 35px;
  padding-right: 20px; }
  .blogs .main-blog-card:hover .main-blog-title {
    color: #E29E4B !important; }
  .blogs .main-blog-card:hover figure {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8); }
    .blogs .main-blog-card:hover figure img {
      transform: rotate(2deg) scale(1.1); }
  .blogs .main-blog-card figure {
    border-radius: 4px; }
    .blogs .main-blog-card figure img {
      transition: 400ms all; }
  .blogs .main-blog-card .main-blog-title {
    margin-block: 20px 16px !important;
    line-height: 45px; }
  .blogs .main-blog-card .description {
    margin-block: 16px 19px !important; }
  .blogs .main-blog-card a {
    border-bottom: 0;
    color: #7C7C7C !important;
    padding-left: 0 !important; }
.blogs .blog-sub-wapper {
  border-left: 1px solid #AEAEAE;
  height: 100%;
  gap: 20px;
  padding-left: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }
  .blogs .blog-sub-wapper .blog-sub-card:hover .title {
    color: #E29E4B !important; }
  .blogs .blog-sub-wapper .blog-sub-card .title {
    font-size: 20px;
    line-height: 28px;
    margin-block: 16px 10px; }
.blogs .blog-card:hover .blog-title {
  color: #E29E4B !important; }
.blogs .blog-card:hover figure {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8); }
  .blogs .blog-card:hover figure img {
    transform: rotate(2deg) scale(1.1); }
.blogs .blog-card .blog-title {
  font-size: 20px;
  line-height: 32px;
  margin-block: 10px !important; }
.blogs .blog-card .date-time {
  margin-block: 16px 8px; }
.blogs .blog-card figure {
  border-radius: 4px; }
  .blogs .blog-card figure img {
    transition: 400ms all; }

.blog-detail .title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px; }
.blog-detail .share-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 10px; }
  .blog-detail .share-time .date-time {
    display: flex;
    gap: 24px; }
    .blog-detail .share-time .date-time .date {
      font-weight: 600; }
.blog-detail .wrapper {
  background-color: #E6FAFF;
  padding: 40px 20px;
  border-radius: 4px;
  position: sticky;
  top: 10px; }

.blog-related-card {
  border-bottom: 1px dashed #949494;
  padding-bottom: 14px;
  margin-bottom: 14px; }
  .blog-related-card:hover .blog-title {
    color: #0189AE; }
  .blog-related-card:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none; }
  .blog-related-card figure {
    border-radius: 4px; }
  .blog-related-card .blog-title {
    font-weight: 500;
    line-height: 22px; }
  .blog-related-card .date {
    font-size: 12px;
    margin-top: 8px; }

.toc-wrapper {
  background-color: #ffffff;
  max-width: 630px; }
  .toc-wrapper .toc-title {
    font-size: 22px;
    margin-bottom: 14px;
    font-weight: 600;
    border-bottom: 1px solid #7A7A7A;
    padding-bottom: 16px; }
  .toc-wrapper ul {
    padding-left: 0; }
    .toc-wrapper ul li {
      list-style-type: none;
      font-weight: 500; }
  .toc-wrapper .main {
    font-size: 16px;
    margin-block: 8px;
    margin-bottom: 14px; }
  .toc-wrapper .sub {
    margin-left: 26px;
    margin-bottom: 14px;
    font-size: 14px !important; }

.scholor-blog-detail .date-time-share {
  position: sticky;
  top: 20px;
  color: #838383; }
  .scholor-blog-detail .date-time-share > * {
    margin-bottom: 25px; }
  .scholor-blog-detail .date-time-share i {
    padding-right: 8px;
    font-size: 18px; }
.scholor-blog-detail .toc-wrapper {
  margin-top: 40px !important;
  border-radius: 10px;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.25);
  background-color: #E6FAFF; }
.scholor-blog-detail .wrapper {
  background-color: #E6FAFF;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.25);
  padding: 40px 20px;
  border-radius: 4px;
  position: sticky;
  top: 10px; }
  .scholor-blog-detail .wrapper .title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
    border-bottom: 1px solid #9D9D9D;
    padding-bottom: 10px; }
  .scholor-blog-detail .wrapper .blog-related-card {
    margin-bottom: 20px;
    padding-bottom: 0;
    border: none; }
    .scholor-blog-detail .wrapper .blog-related-card .blog-title {
      margin-top: 10px; }
    .scholor-blog-detail .wrapper .blog-related-card .date {
      font-size: 14px;
      color: #0189AE;
      font-weight: 500; }
      .scholor-blog-detail .wrapper .blog-related-card .date i {
        padding-right: 10px;
        font-size: 18px; }

.career-why .section-title {
  margin-bottom: 30px; }
.career-why .description {
  text-align: center;
  font-size: 20px;
  line-height: 34px; }

.career-list .career-card {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  padding: 30px;
  border-radius: 6px; }
  .career-list .career-card:hover {
    background-color: #E6FAFF; }
    .career-list .career-card:hover .title {
      color: #0189AE !important; }
  .career-list .career-card .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px; }
  .career-list .career-card .dates {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block: 14px;
    flex-wrap: wrap; }
    .career-list .career-card .dates span {
      color: #E29E4B; }
  .career-list .career-card .description {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 14px; }
  .career-list .career-card a {
    border-bottom: 0;
    padding: 0; }

.career-detail .title {
  font-size: 30px;
  margin-bottom: 18px; }
.career-detail ul {
  padding-left: 22px; }
.career-detail form .form-control {
  border: 0;
  height: 50px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }
.career-detail form textarea {
  height: 80px !important; }
.career-detail button {
  margin-top: 20px  !important;
  width: 100%; }
.career-detail .resume {
  background-color: #E29E4B;
  color: #ffffff; }
.career-detail input[type="file"]::-webkit-file-upload-button {
  padding: 13px;
  background-color: #E29E4B !important;
  color: #ffffff; }

.teams .team-card {
  position: relative; }
  .teams .team-card:hover figure {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); }
  .teams .team-card:hover .card-body {
    background-color: #E6FAFF;
    transform: translate(-50%, -10px);
    opacity: 0.8; }
  .teams .team-card figure {
    border-radius: 10px;
    transition: all 200ms; }
  .teams .team-card .card-body {
    transition: all 400ms;
    position: absolute;
    bottom: 12px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    border-radius: 8px;
    backdrop-filter: blur(4px); }
    .teams .team-card .card-body .name {
      font-size: 20px;
      font-weight: 600; }
    .teams .team-card .card-body .designation {
      margin-top: 6px;
      font-size: 14px;
      color: #383838; }

.team-detail {
  height: auto !important; }
  .team-detail .name {
    font-size: 60px;
    font-weight: 600;
    color: #0189AE;
    margin-top: 70px; }
  .team-detail .designation {
    color: #E29E4B;
    font-weight: 600;
    line-height: 41px;
    font-size: 30px; }

.team-content .description {
  border-bottom: 1px dashed #A6A6A6;
  padding-bottom: 30px; }
.team-content .title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px; }
.team-content figure {
  background-color: #383838;
  border-radius: 10px; }

.scholor-page figure {
  border-radius: 10px; }
.scholor-page .section-title {
  margin-bottom: 20px; }
.scholor-page .sub-title {
  font-size: 30px;
  font-weight: 600;
  color: #0189AE; }
.scholor-page .description {
  font-size: 22px;
  line-height: 34px; }

.scholors-mission-vision .col-lg-5 {
  background-color: #E6FAFF; }
.scholors-mission-vision .mission-vision-wrapper {
  background-color: #E6FAFF;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column; }
  .scholors-mission-vision .mission-vision-wrapper .title {
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px; }
  .scholors-mission-vision .mission-vision-wrapper .description {
    text-align: center; }
.scholors-mission-vision figure {
  position: relative; }
  .scholors-mission-vision figure .video-play-section {
    position: absolute;
    bottom: 0;
    right: 0; }
    .scholors-mission-vision figure .video-play-section .popup-youtube {
      width: 86px;
      height: 86px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #0189AE; }
      .scholors-mission-vision figure .video-play-section .popup-youtube:hover {
        background-color: #E29E4B; }
    .scholors-mission-vision figure .video-play-section i {
      color: #ffffff;
      font-size: 30px;
      padding-left: 5px;
      padding-top: 5px; }
.scholors-mission-vision.vision .video-play-section {
  left: 0;
  right: initial; }

.scholors .scholor-card {
  text-align: center;
  background-color: #E6FAFF;
  border-radius: 10px;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.25);
  padding: 60px 30px 45px;
  position: relative;
  overflow: hidden; }
  .scholors .scholor-card:hover figure::after {
    transform: translate(-50%, -50%); }
  .scholors .scholor-card:hover .name {
    color: #E29E4B; }
  .scholors .scholor-card:hover .star {
    border-color: transparent #E29E4B transparent transparent; }
  .scholors .scholor-card:hover .course {
    border: 1px dashed #0189AE; }
  .scholors .scholor-card figure {
    width: fit-content;
    border-radius: 50%;
    border: 1px solid #0189AE;
    margin: 0 auto !important;
    position: relative;
    overflow: visible;
    isolation: isolate; }
    .scholors .scholor-card figure::after {
      content: '';
      position: absolute;
      width: 96%;
      height: 96%;
      border-radius: 50%;
      border: 1px dashed #000000;
      background-color: #ffffff;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-55%, -50%);
      transform: translate(-56%, -50%);
      z-index: -1;
      transition: 400ms all; }
    .scholors .scholor-card figure img {
      border: 1px solid #0189AE;
      border-radius: 50%; }
  .scholors .scholor-card .star {
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 100px 100px 0;
    border-color: transparent #0189AE transparent transparent;
    transform: rotate(0deg);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 200ms all; }
    .scholors .scholor-card .star img {
      position: absolute;
      top: 18px;
      right: -84px; }
  .scholors .scholor-card .name {
    font-size: 24px;
    color: #0189AE;
    margin-block: 20px 8px;
    font-weight: 500;
    transition: 400ms all; }
  .scholors .scholor-card .course {
    font-weight: 500;
    width: fit-content;
    padding: 10px 30px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #C7F3FF;
    transition: 400ms all;
    border: 1px dashed transparent; }
  .scholors .scholor-card .description {
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
    text-align: center; }

.scholorsdetail .main-img {
  overflow: visible;
  isolation: isolate;
  position: sticky;
  top: 0; }
  .scholorsdetail .main-img img {
    border: 1px solid #0189AE;
    border-radius: 10px; }
  .scholorsdetail .main-img::after {
    position: absolute;
    border-radius: 10px;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px dashed #0189AE;
    background-color: #E6FAFF;
    left: -10px;
    bottom: -10px;
    z-index: -1; }
  .scholorsdetail .main-img .video-play-section {
    position: absolute;
    bottom: 0;
    right: 0; }
    .scholorsdetail .main-img .video-play-section .popup-youtube {
      width: 86px;
      height: 86px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #0189AE; }
      .scholorsdetail .main-img .video-play-section .popup-youtube:hover {
        background-color: #E29E4B; }
    .scholorsdetail .main-img .video-play-section i {
      color: #ffffff;
      font-size: 30px;
      padding-left: 5px;
      padding-top: 5px; }
.scholorsdetail .content {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #A6A6A6; }
  .scholorsdetail .content .name {
    font-size: 50px;
    color: #0189AE;
    font-weight: 600; }
  .scholorsdetail .content .course {
    font-size: 20px;
    color: #E29E4B;
    font-weight: 600;
    margin-bottom: 10px; }
  .scholorsdetail .content .description {
    font-size: 20px;
    line-height: 32px; }
.scholorsdetail .experties .title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px; }
.scholorsdetail .experties .experties-content .experties-title {
  color: #E29E4B;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px; }
.scholorsdetail .experties .experties-content ul li {
  margin-bottom: 14px;
  font-size: 20px; }
  .scholorsdetail .experties .experties-content ul li a:hover {
    color: #0189AE !important; }
  .scholorsdetail .experties .experties-content ul li a::after {
    content: url("../images/linkvector.svg");
    margin-left: 12px; }

.process {
  counter-reset: number; }
  .process .col-lg-6:nth-child(2n) .process-card {
    flex-direction: row-reverse;
    background: linear-gradient(90deg, #0092b9 0%, #e6faff 80%) !important;
    padding: 30px 100px 30px 40px !important;
    border-radius: 10px 190px 190px 10px; }
    @media (max-width: 991px) {
      .process .col-lg-6:nth-child(2n) .process-card {
        padding: 30px !important; } }
    .process .col-lg-6:nth-child(2n) .process-card .title {
      text-align: start; }
  .process .process-card {
    background: linear-gradient(270deg, #0092b9 0%, #e6faff 80%);
    padding: 30px 30px 40px 100px;
    border-radius: 190px 10px 10px 190px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
    height: 100%;
    gap: 30px; }
    .process .process-card::after {
      counter-increment: number;
      content: counter(number);
      font-size: 80px;
      color: #ffffff;
      height: 100%;
      line-height: 80px; }
    .process .process-card .title {
      font-size: 26px;
      font-weight: 500;
      margin-bottom: 16px;
      text-align: right;
      line-height: 33px; }
    .process .process-card .description {
      font-size: 16px;
      line-height: 25px; }

.scholarship-program-blog {
  background: linear-gradient(180deg, #e6faff 0%, #dac195 100%);
  padding-block: 80px 70px; }
  .scholarship-program-blog .owl-item {
    padding: 10px; }
  .scholarship-program-blog .scholarship-program-card {
    background-color: #ffffff;
    position: relative;
    isolation: isolate;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12); }
    .scholarship-program-blog .scholarship-program-card:hover::before {
      right: 15%; }
    .scholarship-program-blog .scholarship-program-card:hover::after {
      right: 30%; }
    .scholarship-program-blog .scholarship-program-card::before {
      content: '';
      position: absolute;
      clip-path: polygon(40% 0%, 100% 0, 60% 100%, 0% 100%);
      width: 70%;
      height: 100%;
      background-color: rgba(255, 211, 150, 0.4);
      right: 30px;
      right: 145px;
      right: 25%;
      top: 0px;
      transition: 400ms all;
      box-shadow: 0 5px 10px red;
      z-index: -1; }
    .scholarship-program-blog .scholarship-program-card::after {
      transition: 400ms all;
      content: "";
      width: 2px;
      height: 120%;
      background-color: rgba(255, 211, 150, 0.4);
      right: 40%;
      top: -10px;
      position: absolute;
      transform: rotate(15deg);
      z-index: -1; }
    .scholarship-program-blog .scholarship-program-card .title {
      font-size: 30px;
      font-weight: 500;
      color: #0189AE !important; }
    .scholarship-program-blog .scholarship-program-card .card-body {
      padding: 26px 24px; }
      .scholarship-program-blog .scholarship-program-card .card-body .description {
        color: #666666;
        font-size: 20px;
        margin-block: 12px;
        line-height: 32px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .scholarship-program-blog .scholarship-program-card .card-body .secondary-btn {
        color: #E29E4B !important;
        border: none;
        font-size: 20px;
        padding: 0; }
  .scholarship-program-blog .scholor-blogs {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 4px; }
    .scholarship-program-blog .scholor-blogs:hover .title {
      color: #E29E4B !important; }
    .scholarship-program-blog .scholor-blogs:hover img {
      transform: rotate(3deg) scale(1.1); }
    .scholarship-program-blog .scholor-blogs .title {
      font-size: 20px; }
    .scholarship-program-blog .scholor-blogs .date-time {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #0189AE;
      font-size: 14px;
      margin-block: 16px 18px;
      font-weight: 500; }
      .scholarship-program-blog .scholor-blogs .date-time i {
        font-size: 16px;
        margin-right: 6px; }
    .scholarship-program-blog .scholor-blogs .description {
      font-size: 16px;
      line-height: 28px;
      color: #666666;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .scholarship-program-blog .scholor-blogs img {
      transition: 300ms all; }
  .scholarship-program-blog.scholorship-list .title {
    font-size: 26px; }
  .scholarship-program-blog.scholorship-list .description {
    font-size: 18px !important;
    line-height: 32px !important; }

.filter-tags {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  z-index: 1;
  position: relative; }
  .filter-tags .title {
    font-size: 20px !important;
    font-weight: 500; }
  .filter-tags .filtertag {
    background-color: #E6FAFF;
    padding: 6px 10px;
    width: fit-content;
    border: 1px solid #a6c8ca;
    border-radius: 4px;
    font-weight: 500;
    color: #a0a0a0;
    cursor: pointer;
    height: fit-content; }
    .filter-tags .filtertag a {
      display: inline; }
    .filter-tags .filtertag:hover i {
      color: #0189AE; }
    .filter-tags .filtertag i {
      padding-left: 14px; }

.all-filter-wrapper {
  max-height: 100vh;
  overflow: auto;
  position: sticky;
  top: 0;
  padding-right: 4px; }

.all-filter {
  background-color: #E6FAFF;
  padding: 18px 12px;
  border-radius: 6px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.14);
  margin-bottom: 18px; }
  .all-filter:last-child {
    margin-bottom: 0; }
  .all-filter .filter-title {
    color: #E29E4B;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px; }
  .all-filter .wrapper {
    position: relative;
    padding-left: 24px;
    user-select: none;
    width: fit-content;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 500; }
    .all-filter .wrapper:last-child {
      margin-bottom: 0; }
    .all-filter .wrapper label {
      padding-left: 2px; }
    .all-filter .wrapper input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .all-filter .wrapper input:checked ~ .checkmark {
        background-color: #0189AE; }
        .all-filter .wrapper input:checked ~ .checkmark:after {
          display: block; }
    .all-filter .wrapper label {
      cursor: pointer; }
    .all-filter .wrapper .checkmark {
      position: absolute;
      top: -1px;
      left: 0;
      height: 18px;
      width: 18px;
      background-color: #ffffff;
      border: 1px solid #0189AE; }
      .all-filter .wrapper .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
      .all-filter .wrapper .checkmark:after {
        left: 5px;
        top: 2px;
        width: 5px;
        height: 11px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg); }

.scholarship-detail .main-img {
  max-width: 846px;
  margin: 0 auto  40px !important;
  overflow: visible; }
  .scholarship-detail .main-img img {
    border-radius: 6px; }

.why-scholarship .why-scholarship-wrapper {
  background-color: #E6FAFF;
  padding: 30px; }
  .why-scholarship .why-scholarship-wrapper figure {
    position: sticky;
    top: 0; }
  .why-scholarship .why-scholarship-wrapper ul li {
    color: #0189AE;
    font-weight: 600;
    margin-bottom: 10px; }
  .why-scholarship .why-scholarship-wrapper.three-layer ul {
    display: flex;
    align-items: left;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-end;
    column-gap: 40px; }
    .why-scholarship .why-scholarship-wrapper.three-layer ul li {
      width: 30%;
      color: #0189AE;
      font-weight: 600;
      margin-bottom: 10px; }
  .why-scholarship .why-scholarship-wrapper:not(.three-layer, #scholarship-pagination) .col-lg-7 ul {
    max-height: 400px;
    padding-right: 10px;
    overflow: auto; }

.related-scholorship-package .title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.related-scholorship-package .description {
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 24px;
  margin-bottom: 6px; }

.main-img {
  border-radius: 8px; }

.scholorship-country table thead tr th {
  background-color: #E6FAFF;
  color: #727272;
  padding: 14px; }
.scholorship-country table tbody tr td {
  padding: 12px;
  color: #444444 !important; }

.course {
  background-size: cover; }
  .course .section-sub-heading,
  .course .section-main-heading {
    text-align: start; }
  .course .section-sub-heading {
    font-size: 18px;
    font-weight: 500;
    color: #E29E4B;
    letter-spacing: 3px;
    margin-bottom: 10px; }
  .course .section-main-heading {
    font-size: 40px;
    font-weight: 500;
    color: #0189AE;
    line-height: 48px;
    padding-right: 8px; }
  .course .description {
    margin-top: 1.5rem;
    margin-bottom: 38px; }
    .course .description p {
      padding-bottom: 1.25rem; }
  .course .owl-item {
    padding: 10px; }
  .course .slide:hover figcaption {
    color: #E29E4B;
    left: 10%;
    background-color: #E6FAFF; }
  .course figure {
    position: relative;
    text-align: end; }
    .course figure img {
      width: 90% !important;
      margin-left: auto; }
    .course figure figcaption {
      position: absolute;
      color: #0189AE;
      background-color: #ffffff;
      width: 80%;
      bottom: 20px;
      left: 0px;
      text-align: start;
      padding: 14px 30px 14px 26px;
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
      transition: 400ms all; }
      .course figure figcaption .title {
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 4px;
        letter-spacing: 1px; }
      .course figure figcaption .course-number {
        color: #8b8b8b;
        font-weight: 500; }

.course-inner-list .col-lg-4:nth-child(2n) .course-inner-list-card, .course-inner-list .col-lg-4:nth-child(2n) .arrow-btn {
  background-color: #E29E4B; }
.course-inner-list .course-inner-list-card {
  padding: 20px 15px 35px;
  text-align: center;
  background-color: #0189AE;
  position: relative;
  border-radius: 10px;
  color: #ffffff !important;
  transition: 300ms all;
  display: block;
  height: 100%; }
  .course-inner-list .course-inner-list-card:hover {
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.5); }
    .course-inner-list .course-inner-list-card:hover .arrow-btn {
      transform: translate(-50%, 0) rotate(-90deg); }
  .course-inner-list .course-inner-list-card figure {
    width: fit-content;
    margin: 0 auto !important; }
  .course-inner-list .course-inner-list-card .title {
    margin-block: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px; }
  .course-inner-list .course-inner-list-card .description {
    font-size: 16px;
    line-height: 25px;
    text-align: center; }
  .course-inner-list .course-inner-list-card .arrow-btn {
    position: absolute;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0189AE;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -21px;
    color: white;
    border: 3px solid #F4F4F4;
    transition: 300ms all; }
    .course-inner-list .course-inner-list-card .arrow-btn i {
      font-size: 18px; }

.course-detail .wrapper {
  background-color: #0189AE;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-items: start;
  padding: 50px;
  color: #ffffff; }
  .course-detail .wrapper .title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px; }

.detail-content {
  background-color: #E6FAFF;
  display: flex;
  height: 118px;
  padding: 30px;
  align-items: center;
  gap: 16px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); }
  .detail-content figure {
    width: fit-content;
    height: fit-content;
    flex-shrink: 0; }
  .detail-content p {
    font-size: 18px;
    font-weight: 500; }
  .detail-content span {
    color: #666666;
    margin-top: 4px; }

.mid-banner {
  color: #ffffff; }
  .mid-banner .mid-banner-wrapper {
    isolation: isolate;
    position: relative;
    background-size: cover;
    padding: 105px 50px;
    background-position: 50% 25%;
    background: url("../images/mid-banner2.png") no-repeat; }
    .mid-banner .mid-banner-wrapper::after {
      z-index: -1;
      content: '';
      position: absolute;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(90deg, rgba(24, 25, 75, 0) 39.73%, #0085A8 100%); }
  .mid-banner .title {
    font-size: 36px;
    font-weight: 700; }
  .mid-banner .description {
    color: #ffffff;
    margin-bottom: 24px; }

.services {
  padding-bottom: 40px; }
  .services .section-title {
    position: sticky;
    top: 20px; }
  .services .service-card {
    margin-bottom: 30px;
    position: sticky;
    top: 80px; }
    .services .service-card:last-child {
      margin-bottom: 0 !important; }
    .services .service-card:hover .service-detail {
      background-color: #E6FAFF; }
      .services .service-card:hover .service-detail .title {
        color: #E29E4B !important; }
      .services .service-card:hover .service-detail .secondary-btn {
        margin-left: 10px; }
    .services .service-card:hover figure img {
      transform: scale(1.2) rotate(3deg); }
    .services .service-card .service-detail {
      background-color: #ffffff;
      margin-left: -158px;
      padding-inline: 160px 40px !important;
      padding-block: 50px;
      border-radius: 20px;
      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
      transition: 300ms all; }
      @media (max-width: 767px) {
        .services .service-card .service-detail {
          padding: 10px 0 0 0px !important; } }
      .services .service-card .service-detail .title {
        font-size: 24px;
        font-weight: 500; }
      .services .service-card .service-detail .description {
        color: #666666;
        margin-block: 14px 16px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .services .service-card .service-detail a {
        transition: all 300ms; }
    .services .service-card .figure-wrapper {
      background-color: #ffffff;
      border-radius: 50%;
      padding: 30px;
      z-index: 100;
      position: relative;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); }
      .services .service-card .figure-wrapper figure {
        border-radius: 54px; }
      .services .service-card .figure-wrapper img {
        transition: 300ms all;
        border-radius: 54px; }
    .services .service-card .flex-row-reverse .service-detail {
      margin-inline: 0 -158px !important;
      padding-inline: 40px 160px !important; }
      @media (max-width: 767px) {
        .services .service-card .flex-row-reverse .service-detail {
          padding: 10px 0 0 0px !important;
          margin: 0px !important; } }

.service-detail .main-img {
  margin: 0 auto  30px !important; }
  @media (max-width: 991px) {
    .service-detail .main-img {
      margin-bottom: 0 !important; } }
.service-detail .service-detail-tile {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 24px;
  background-color: white;
  position: sticky;
  top: 0; }
  .service-detail .service-detail-tile .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px; }
    .service-detail .service-detail-tile .wrap .title {
      font-size: 24px; }
    .service-detail .service-detail-tile .wrap figure {
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #E6FAFF;
      border-radius: 50%;
      flex-shrink: 0; }
      .service-detail .service-detail-tile .wrap figure img {
        width: auto !important;
        height: auto !important; }
  .service-detail .service-detail-tile .description {
    font-size: 16px;
    line-height: 26px; }
.service-detail table thead tr th {
  background: #E29E4B;
  padding-block: 16px !important;
  color: #ffffff; }
.service-detail table tbody tr td {
  background: transparent;
  padding-block: 36px !important;
  color: #444444 !important; }
  .service-detail table tbody tr td:first-child {
    font-size: 36px;
    width: 80px; }
  .service-detail table tbody tr td:nth-child(2n) {
    font-size: 22px; }
  .service-detail table tbody tr td:last-child {
    font-size: 18px; }
.service-detail .primary-btn {
  border-radius: 0; }

.service-modal .modal-content .modal-header .title {
  font-size: 24px !important; }

.error-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  text-align: center;
  padding: 50px 20px;
  color: #333;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

/* 404 Heading */
.error-page h1 {
  font-size: 150px;
  font-weight: 900;
  margin-bottom: 20px;
  color: #E29E4B;
  position: relative; }

.error-page h1::after {
  content: '';
  width: 80px;
  height: 6px;
  background: #E29E4B;
  display: block;
  margin: 15px auto 0;
  border-radius: 3px; }

/* Message */
.error-page .description {
  font-size: 22px;
  margin-bottom: 30px;
  max-width: 400px;
  line-height: 1.5;
  margin-block: 20px;
  text-align: center; }

/* Button */
/* Responsive */
@media (max-width: 768px) {
  .error-page h1 {
    font-size: 120px; }

  .error-page p {
    font-size: 18px; } }
@media (max-width: 480px) {
  .error-page h1 {
    font-size: 80px; }

  .error-page p {
    font-size: 16px; }

  .error-page a {
    padding: 12px 28px;
    font-size: 14px; } }
.search-results .title-section {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #0189AE; }
.search-results .search-result-item {
  margin-bottom: 10px;
  border-bottom: 1px dotted #a8a8a8;
  padding-left: 20px;
  padding-bottom: 10px; }
  .search-results .search-result-item:hover .title {
    color: #E29E4B; }
  .search-results .search-result-item:last-child {
    margin: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .search-results .search-result-item .title {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 500; }
    .search-results .search-result-item .title::before {
      padding-right: 0.5rem;
      font-family: "Font Awesome 5 Free";
      content: "\f178";
      font-size: 13px;
      font-weight: 700;
      color: #E29E4B; }
  .search-results .search-result-item p {
    padding-left: 17px; }

/*# sourceMappingURL=style.css.map */
