﻿body {
  font-family: 'Poppins'; }

.homepage {
  height: calc(100vh);
  margin: 0;
  background-image: url("images/main/homebg.jpg");
  background-size: cover;
  background-position-y: -280px;
  background-position-x: center;
  background-repeat: no-repeat;
  position: relative; }
  .homepage .headerrowwrapper {
    background: linear-gradient(to bottom, #e0caa3, rgba(224, 202, 163, 0));
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    height: 220px;
    padding: 20px 20px 0 20px; }
  .homepage .headerrow {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .homepage .headerrow .logocontainer {
      display: flex;
      flex-direction: row;
      justify-content: flex-start; }
      .homepage .headerrow .logocontainer .logobox {
        margin-right: 8px; }
      .homepage .headerrow .logocontainer .logoboxtxt {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: start; }
        .homepage .headerrow .logocontainer .logoboxtxt h1 {
          font-size: 26px;
          font-weight: 900;
          color: #0a1c44;
          margin: 0;
          padding: 0;
          margin-top: 18px; }
        .homepage .headerrow .logocontainer .logoboxtxt h4 {
          font-size: 18px;
          font-weight: 700;
          color: #0a1c44;
          margin: 0;
          padding: 0;
          margin-top: 3px; }
    .homepage .headerrow .topmenucontainer {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      grid-gap: 10px; }
      .homepage .headerrow .topmenucontainer .topmenucontent {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: baseline;
        gap: 10px;
        margin-top: 5px; }
        .homepage .headerrow .topmenucontainer .topmenucontent a {
          font-weight: 600;
          text-transform: uppercase;
          color: #0a1c44; }
      .homepage .headerrow .topmenucontainer .searchbox {
        margin-top: 1px; }
        .homepage .headerrow .topmenucontainer .searchbox input {
          font-family: 'Helvetica', FontAwesome, sans-serif;
          border: solid 1px #091d42;
          border-radius: 6px;
          background-color: transparent; }
        .homepage .headerrow .topmenucontainer .searchbox input::placeholder {
          color: #0a1c44;
          opacity: 1; }
  .homepage .mainmenucontainer {
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .homepage .mainmenucontainer .mainmenucontainer_in {
      width: 1300px;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .homepage .mainmenucontainer .mainmenucontainer_in a {
        text-transform: uppercase;
        color: #0a1b46;
        font-weight: 800;
        font-size: 20px; }
  .homepage .mainstripcontainer {
    position: absolute;
    top: 70%;
    right: 0; }
    .homepage .mainstripcontainer .mainstripbadge {
      background-color: #0a1c44;
      text-transform: uppercase;
      color: #e2cba2;
      font-size: 46px;
      font-weight: 700;
      padding: 5px 40px;
      cursor: pointer; }

.content_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 40px;
  margin: 40px 0;
  overflow: hidden; }
  .content_container .section_heading_section {
    margin-top: 30px;
    margin-bottom: 20px; }
    .content_container .section_heading_section h1 {
      color: #0a1c44;
      font-size: 46px;
      line-height: 46px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      margin: 0;
      padding: 0; }
    .content_container .section_heading_section p {
      margin: 2px 0 0 0;
      padding: 0;
      color: #0a1c44;
      font-size: 20px;
      line-height: 20px;
      text-align: center;
      font-weight: 500; }
  .content_container .content_container_in {
    width: 1300px; }
  .content_container .welcome_page {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px; }
    .content_container .welcome_page .welcome_page_content {
      margin: 20px 0 0 20px; }
      .content_container .welcome_page .welcome_page_content h2 {
        color: #0a1c44;
        font-weight: 900;
        font-size: 36px;
        text-transform: uppercase; }
        .content_container .welcome_page .welcome_page_content h2 .secondcolortxt {
          color: #ba9d59;
          font-weight: 300; }
  .content_container .rector_message_page {
    padding: 20px; }
    .content_container .rector_message_page .rector_message_container {
      height: 355px;
      width: 100%;
      overflow: hidden;
      background: linear-gradient(to right, #090a29, rgba(33, 34, 64, 0.97));
      display: flex;
      flex-direction: row;
      justify-content: flex-start; }
      .content_container .rector_message_page .rector_message_container .message_content {
        width: 890px;
        padding: 20px; }
        .content_container .rector_message_page .rector_message_container .message_content h2 {
          color: #bc9f59;
          text-transform: uppercase;
          font-size: 34px;
          font-weight: 400;
          margin: 0;
          padding: 0; }
          .content_container .rector_message_page .rector_message_container .message_content h2.secondheading {
            color: #fff;
            font-weight: 700;
            margin: 6px 0; }
        .content_container .rector_message_page .rector_message_container .message_content p {
          color: #ffffff; }
      .content_container .rector_message_page .rector_message_container .rector_bg {
        background: url("images/main/rector_message.jpg");
        width: 402px;
        height: 355px; }
  .content_container .stay_updated_page {
    margin-top: 80px; }
    .content_container .stay_updated_page .stayupdatedcarousel .stayupdatedcarousel-cell {
      width: 320px;
      height: 400px;
      margin: 0 5px;
      position: relative; }
      .content_container .stay_updated_page .stayupdatedcarousel .stayupdatedcarousel-cell .stayupdated_carousel_heading_box {
        height: 180px;
        width: 100%;
        background: linear-gradient(to bottom, rgba(10, 28, 68, 0.5), #0a1c44);
        position: absolute;
        bottom: 0px;
        left: 0; }
        .content_container .stay_updated_page .stayupdatedcarousel .stayupdatedcarousel-cell .stayupdated_carousel_heading_box .heading_inner_box {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 5px;
          padding: 0 10px;
          margin-top: 80px; }
        .content_container .stay_updated_page .stayupdatedcarousel .stayupdatedcarousel-cell .stayupdated_carousel_heading_box .heading_date {
          text-decoration: underline;
          color: #fff;
          margin: 0;
          padding: 0;
          text-transform: uppercase;
          font-size: 11px; }
        .content_container .stay_updated_page .stayupdatedcarousel .stayupdatedcarousel-cell .stayupdated_carousel_heading_box .read_more_btn {
          cursor: pointer;
          text-transform: uppercase;
          text-decoration: none;
          border: solid 1px #fff;
          color: #fff;
          margin: 5px 0 0 0;
          padding: 0 5px;
          font-size: 11px; }
        .content_container .stay_updated_page .stayupdatedcarousel .stayupdatedcarousel-cell .stayupdated_carousel_heading_box h2 {
          color: #bb9e5a;
          font-weight: 700;
          font-size: 16px;
          text-transform: uppercase;
          margin: 0;
          padding: 0;
          cursor: pointer;
          display: flex;
          flex-direction: column;
          justify-content: flex-end; }
  .content_container .upcoming_page {
    margin-top: 80px; }
    .content_container .upcoming_page .upcomingcarousal .upcomingcarousal-cell {
      width: 273px;
      margin: 0 5px; }
      .content_container .upcoming_page .upcomingcarousal .upcomingcarousal-cell .upcoming_text_box {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
        padding: 0 2px;
        margin-top: 10px; }
        .content_container .upcoming_page .upcomingcarousal .upcomingcarousal-cell .upcoming_text_box .heading_date {
          text-decoration: underline;
          color: #0a1b46;
          margin: 0;
          padding: 0;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: bold; }
        .content_container .upcoming_page .upcomingcarousal .upcomingcarousal-cell .upcoming_text_box .read_more_btn {
          cursor: pointer;
          text-transform: uppercase;
          text-decoration: none;
          border: solid 1px #0a1c44;
          color: #0a1c44;
          margin: 5px 0 0 0;
          padding: 0 5px;
          font-size: 11px; }
        .content_container .upcoming_page .upcomingcarousal .upcomingcarousal-cell .upcoming_text_box h2 {
          color: #0a1c44;
          font-weight: 700;
          font-size: 16px;
          text-transform: uppercase;
          margin: 0;
          padding: 0;
          cursor: pointer;
          display: flex;
          flex-direction: column;
          justify-content: flex-end; }
  .content_container .admissions_page {
    margin-top: 80px; }
    .content_container .admissions_page .admissions_page_bg_container {
      background: url("images/main/admission_bg.jpg");
      height: 634px;
      width: 100%;
      background-position: center; }
      .content_container .admissions_page .admissions_page_bg_container .admission_info_boxes {
        padding: 454px 0 0 0;
        display: flex;
        flex-direction: row;
        justify-content: center; }
        .content_container .admissions_page .admissions_page_bg_container .admission_info_boxes .admission_info_box {
          text-transform: uppercase;
          color: #fff;
          font-weight: 700;
          font-size: 28px;
          border: solid 1px #fff;
          border-bottom: none;
          padding: 70px 0;
          position: relative;
          width: 300px;
          text-align: center; }
          .content_container .admissions_page .admissions_page_bg_container .admission_info_boxes .admission_info_box a {
            color: #fff;
            text-decoration: none; }
            .content_container .admissions_page .admissions_page_bg_container .admission_info_boxes .admission_info_box a:hover {
              text-decoration: underline; }
          .content_container .admissions_page .admissions_page_bg_container .admission_info_boxes .admission_info_box .university_cap {
            background: #fff;
            border-radius: 50px;
            width: 50px;
            height: 50px;
            text-align: center;
            color: #0a1c44;
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            top: -25px;
            left: 50%;
            font-size: 32px; }
  .content_container .scholorships_page {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 60px; }
    .content_container .scholorships_page .scholorship_page_content {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      gap: 10px; }
      .content_container .scholorships_page .scholorship_page_content .scholorship_right_col {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
      .content_container .scholorships_page .scholorship_page_content .bg_image_container {
        position: relative; }
        .content_container .scholorships_page .scholorship_page_content .bg_image_container .scholorship_page_heading_box {
          height: 140px;
          width: 100%;
          background: linear-gradient(to bottom, rgba(10, 28, 68, 0.5), #0a1c44);
          position: absolute;
          bottom: 0px;
          left: 0; }
          .content_container .scholorships_page .scholorship_page_content .bg_image_container .scholorship_page_heading_box h1 {
            color: #fff;
            font-weight: 700;
            font-size: 36px;
            text-transform: uppercase;
            margin: 0;
            padding: 20px;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 140px; }
            .content_container .scholorships_page .scholorship_page_content .bg_image_container .scholorship_page_heading_box h1 .lighttxt {
              font-weight: 300; }
            .content_container .scholorships_page .scholorship_page_content .bg_image_container .scholorship_page_heading_box h1 .secondcolortxt {
              color: #bb9e5a; }
  .content_container .why_bahria_university_page {
    margin-top: 50px; }
    .content_container .why_bahria_university_page .iconscontainer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 10px; }
      .content_container .why_bahria_university_page .iconscontainer .iconbox {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center; }
        .content_container .why_bahria_university_page .iconscontainer .iconbox .icontxtcontainer p {
          color: #0a1c44;
          text-transform: uppercase;
          text-align: center;
          font-size: 22px;
          line-height: 22px; }
          .content_container .why_bahria_university_page .iconscontainer .iconbox .icontxtcontainer p strong {
            display: block;
            font-size: 28px;
            font-weight: 900;
            text-transform: none;
            margin: 18px 0 6px 0; }
  .content_container .academics_page {
    margin-top: 50px; }
    .content_container .academics_page .academicsboxcontainer {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      gap: 10px; }
      .content_container .academics_page .academicsboxcontainer .academicsbox {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 330px; }
        .content_container .academics_page .academicsboxcontainer .academicsbox img {
          width: 330px;
          height: 250px; }
        .content_container .academics_page .academicsboxcontainer .academicsbox .academicsboxtxtcontainer {
          background-color: #0a1c44; }
          .content_container .academics_page .academicsboxcontainer .academicsbox .academicsboxtxtcontainer h2 {
            text-transform: uppercase;
            color: #ba9d59;
            font-weight: 900;
            font-size: 20px;
            padding: 10px;
            text-align: center;
            margin: 0;
            border-top: dotted 1px #ffffff;
            border-bottom: dotted 1px #ffffff; }
          .content_container .academics_page .academicsboxcontainer .academicsbox .academicsboxtxtcontainer p {
            margin-top: 10px;
            color: #fff;
            text-align: center; }
  .content_container .bu_campuses_page {
    margin-top: 80px; }
    .content_container .bu_campuses_page .bu_campus_cell .bu_campus_heading_box {
      margin-top: 168px;
      height: 120px;
      background: linear-gradient(to bottom, rgba(10, 28, 68, 0.5), #0a1c44); }
      .content_container .bu_campuses_page .bu_campus_cell .bu_campus_heading_box h1 {
        color: #fff;
        font-weight: 700;
        font-size: 36px;
        text-transform: uppercase;
        margin: 0;
        padding: 20px;
        cursor: pointer; }
        .content_container .bu_campuses_page .bu_campus_cell .bu_campus_heading_box h1 .lighttxt {
          font-weight: 300; }
        .content_container .bu_campuses_page .bu_campus_cell .bu_campus_heading_box h1 .secondcolortxt {
          color: #bb9e5a; }
    .content_container .bu_campuses_page .bu_campuses_row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin: 20px 0; }
      .content_container .bu_campuses_page .bu_campuses_row .bucampus1 {
        background: url("images/main/campuses/1.jpg");
        background-repeat: no-repeat;
        background-position: center;
        width: 645px;
        height: 288px; }
      .content_container .bu_campuses_page .bu_campuses_row .bucampus2 {
        background: url("images/main/campuses/2.jpg");
        background-repeat: no-repeat;
        background-position: center;
        width: 645px;
        height: 288px; }
      .content_container .bu_campuses_page .bu_campuses_row .bucampus3 {
        background: url("images/main/campuses/3.jpg");
        background-repeat: no-repeat;
        background-position: center;
        width: 430px;
        height: 288px; }
      .content_container .bu_campuses_page .bu_campuses_row .bucampus4 {
        background: url("images/main/campuses/4.jpg");
        background-repeat: no-repeat;
        background-position: center;
        width: 430px;
        height: 288px; }
      .content_container .bu_campuses_page .bu_campuses_row .bucampus5 {
        background: url("images/main/campuses/5.jpg");
        background-repeat: no-repeat;
        background-position: center;
        width: 430px;
        height: 288px; }
      .content_container .bu_campuses_page .bu_campuses_row .bucampus6 {
        background: url("images/main/campuses/6.jpg");
        background-repeat: no-repeat;
        background-position: center;
        width: 645px;
        height: 288px; }
      .content_container .bu_campuses_page .bu_campuses_row .bucampus7 {
        background: url("images/main/campuses/7.jpg");
        background-repeat: no-repeat;
        background-position: center;
        width: 645px;
        height: 288px; }
  .content_container .research_innovation_page {
    margin-top: 60px; }
    .content_container .research_innovation_page .researchboxcontainer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap; }
      .content_container .research_innovation_page .researchboxcontainer .researchbox {
        width: 421px; }
        .content_container .research_innovation_page .researchboxcontainer .researchbox .researchboxtxt {
          background-color: #bb9e5a;
          color: #fff;
          height: 175px;
          padding: 20px; }
          .content_container .research_innovation_page .researchboxcontainer .researchbox .researchboxtxt h2 {
            font-size: 26px;
            font-weight: 700;
            line-height: 30px;
            padding: 0;
            margin: 0;
            text-transform: uppercase; }
          .content_container .research_innovation_page .researchboxcontainer .researchbox .researchboxtxt p {
            margin: 10px 0 0 0;
            font-size: 14px;
            font-weight: normal; }
  .content_container .facilities_page {
    margin-top: 50px; }
    .content_container .facilities_page .facilitiescarousel .facilitiescarousel-cell {
      width: 500px;
      height: 550px;
      margin: 0 5px;
      position: relative; }
      .content_container .facilities_page .facilitiescarousel .facilitiescarousel-cell .facilitiescarousel_heading_box {
        height: 120px;
        width: 100%;
        background: linear-gradient(to bottom, rgba(10, 28, 68, 0.5), #0a1c44);
        position: absolute;
        bottom: 0px;
        left: 0; }
        .content_container .facilities_page .facilitiescarousel .facilitiescarousel-cell .facilitiescarousel_heading_box h2 {
          color: #fff;
          font-weight: 700;
          font-size: 36px;
          text-transform: uppercase;
          margin: 0;
          padding: 20px;
          cursor: pointer;
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 140px; }
  .content_container .support_centers_page {
    margin-top: 60px;
    border: solid 4px #13397a;
    border-right: none;
    border-left: none;
    background-color: #fff; }
    .content_container .support_centers_page .support_center_content {
      margin: 3px 0;
      background-color: #0a1c44;
      padding: 20px 40px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start; }
      .content_container .support_centers_page .support_center_content .spport_center_left_content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; }
        .content_container .support_centers_page .support_center_content .spport_center_left_content h1 {
          color: #bb9e5a;
          text-transform: uppercase;
          font-size: 24px;
          font-weight: 700;
          width: 230px;
          margin-right: 10px; }
      .content_container .support_centers_page .support_center_content .support_center_right_content {
        margin-left: 80px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        .content_container .support_centers_page .support_center_content .support_center_right_content .right_content_item {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          margin: 4px 0; }
          .content_container .support_centers_page .support_center_content .support_center_right_content .right_content_item p {
            color: #fff;
            margin: 17px 0 0 3px; }
  .content_container .footer_page {
    margin-top: 30px;
    height: 320px;
    background-color: #0a1c44;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 20px;
    gap: 50px; }
    .content_container .footer_page h2 {
      color: #bb9e5a;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 18px;
      margin: 0;
      padding: 0; }
      .content_container .footer_page h2.small {
        font-size: 14px; }
    .content_container .footer_page .footer_col1 .links_box_1 {
      margin-top: 40px; }
    .content_container .footer_page .footer_col1 .links_box_2 {
      margin-top: 30px; }
    .content_container .footer_page .footer_col1 ul.links_list {
      padding: 0; }
      .content_container .footer_page .footer_col1 ul.links_list li {
        list-style-type: none;
        margin: 2px 0 2px 0; }
        .content_container .footer_page .footer_col1 ul.links_list li a {
          color: #fff;
          text-decoration: none;
          font-size: 12px; }
          .content_container .footer_page .footer_col1 ul.links_list li a:hover {
            text-decoration: underline; }
    .content_container .footer_page .footer_col3 h2 {
      margin: 15px 0 10px 0;
      text-align: center; }
    .content_container .footer_page .footer_col3 .social_icons_box {
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-top: 60px; }
      .content_container .footer_page .footer_col3 .social_icons_box .social_icon {
        display: block;
        border: solid 2px #fff;
        border-radius: 99px;
        margin: 0px 2px;
        width: 30px;
        height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .content_container .footer_page .footer_col3 .social_icons_box .social_icon i {
          font-size: 14px;
          color: #fff; }
    .content_container .footer_page .footer_col4 .address_item {
      border-bottom: dashed 1px #bb9e5a;
      padding: 3px 0; }
      .content_container .footer_page .footer_col4 .address_item p {
        margin: 0;
        padding: 0; }
      .content_container .footer_page .footer_col4 .address_item .address_title {
        color: #bb9e5a;
        font-size: 10px; }
      .content_container .footer_page .footer_col4 .address_item .address_detail {
        color: #fff;
        font-size: 10px; }
      .content_container .footer_page .footer_col4 .address_item:last-child {
        border-bottom: none; }
  .content_container .footer_last {
    background-color: #bb9e5a;
    height: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .content_container .footer_last .footer_last_col1 {
      color: #fff;
      font-size: 11px;
      text-transform: uppercase;
      margin: 8px 0 0 80px; }
    .content_container .footer_last .footer_last_col2 {
      font-size: 11px;
      margin: 8px 80px 0 0; }
      .content_container .footer_last .footer_last_col2 strong {
        margin-left: 40px; }
        .content_container .footer_last .footer_last_col2 strong a {
          color: #000;
          text-decoration: none; }
          .content_container .footer_last .footer_last_col2 strong a:hover {
            text-decoration: underline; }
