﻿.homeCardsCont .row, .homeCardsCont .d-flex {
  min-height: inherit; }

.page_content {
  position: absolute;
  bottom: 4rem;
  left: 0;
  min-height: 48vh;
  width: 100%; }
  .page_content .page_content_inner {
    min-height: 48vh; }

footer {
  position: fixed; }

.main_card {
  height: 100%; }

html:lang(en) .bgWrp .banner_content .col-xl-4 h1, html:lang(en) .bgWrp .banner_content .col-xl-4 h2 {
  margin-bottom: 0.5rem; }

html:lang(en) .bgWrp .banner_content .col-xl-4 p {
  font-size: 1rem; }

html:lang(en) .card .card-body .card-content p, html:lang(en) .card .card-body .card-content div {
  font-size: 1rem; }

.card {
  border: 0;
  background: transparent !important;
  position: relative;
  min-height: inherit;
  height: inherit;
  transition: transform 0.3s ease;
  flex: 1; }
  .card:hover {
    transform: scale(1.025); }
  .card.-odd::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background-image: url(../images/new/home_card_white.png);
    background-size: cover;
    background-repeat: no-repeat; }
  .card.-even::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background-image: url(../images/new/home_card_dark.png);
    background-size: cover;
    background-repeat: no-repeat; }
  .card .card-body {
    color: #fff;
    padding: 0;
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column; }
    .card .card-body .card-strip {
      padding: 0.75rem 1.75rem; }
      .card .card-body .card-strip h5 {
        margin-bottom: 0; }
    .card .card-body .card-content {
      padding: 3rem 2rem;
      flex-grow: 1; }
      .card .card-body .card-content .row .col-12 {
        text-align: initial; }
        .card .card-body .card-content .row .col-12 .iconwrp {
          margin-bottom: 2rem; }
      .card .card-body .card-content p, .card .card-body .card-content div {
        font-size: 1.1rem;
        line-height: 1.5; }
      .card .card-body .card-content .bottom_btn {
        margin-top: 3rem; }
        .card .card-body .card-content .bottom_btn button {
          text-decoration: none;
          background: transparent;
          position: absolute;
          bottom: 1.25rem;
          right: 1.25rem;
          font-size: 0.875rem;
          font-weight: 100;
          color: #fff;
          border: 1px solid #a1a3a4;
          white-space: nowrap;
          /*&:hover {
                        background: #c8122e;
                        border: 1px solid #c8122e;
                    }*/ }
    .card .card-body .icon_sec {
      background: #ffffff52;
      padding: 1rem;
      border-radius: 4px;
      text-align: center; }
    .card .card-body .main_video {
      max-height: 10rem;
      overflow: hidden;
      border-radius: 4px; }
    .card .card-body .contact_num_bk {
      padding: 1rem;
      background-image: url("../images/card_icon_bktrans_long.png");
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 0.25rem; }
      .card .card-body .contact_num_bk .contact_num {
        direction: ltr;
        text-align: end; }

.importantLinks {
  background: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
  padding: 0.75rem 2rem 2rem 2rem;
  height: 0;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: visibility 0.3s ease, opacity 0.3s linear; }
  .importantLinks .row {
    width: 100%;
    margin: 0; }
    .importantLinks .row button {
      background: #838383;
      color: #fff;
      border-radius: 4px;
      border: 0;
      padding: 0.15rem; }
      .importantLinks .row button i {
        font-size: 1.5rem; }
        .importantLinks .row button i:before {
          vertical-align: middle; }
    .importantLinks .row ul {
      width: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      list-style: none; }
      .importantLinks .row ul li {
        flex: 0 0 25%;
        max-width: 25%;
        text-align: center;
        position: relative; }
        .importantLinks .row ul li:after {
          content: '';
          position: absolute;
          right: 0;
          top: 30%;
          background-image: url("../images/new/implink_separator.png");
          background-size: contain;
          background-repeat: no-repeat;
          height: 50%;
          width: 1px; }
        .importantLinks .row ul li:first-child:after {
          display: none; }
        .importantLinks .row ul li a {
          height: 4rem;
          display: block;
          margin: auto;
          width: fit-content; }
          .importantLinks .row ul li a img {
            transition: transform 0.3s ease;
            width: auto;
            height: 100%; }
            .importantLinks .row ul li a img:hover {
              transform: scale(1.05); }

body.lang_arb .importantLinks .row ul li {
  position: relative; }
  body.lang_arb .importantLinks .row ul li:after {
    content: '';
    position: absolute;
    left: 0;
    background-image: url("../images/new/implink_separator.png");
    background-size: contain;
    background-repeat: no-repeat; }
  body.lang_arb .importantLinks .row ul li:last-child:after {
    display: none; }

@media (min-width: 1441px) and (max-width: 1600px) {
  .page_content {
    min-height: 42vh; }
    .page_content .page_content_inner {
      min-height: 42vh; }
  .card .card-body .card-content {
    padding: 2rem 1rem; }
    .card .card-body .card-content .row .col-12 .iconwrp {
      margin-bottom: 1rem; }
    .card .card-body .card-content p, .card .card-body .card-content div {
      font-size: 0.9rem;
      line-height: 1.5; }
    .card .card-body .card-content .bottom_btn {
      margin-top: 1rem; } }

@media (min-width: 1200px) and (max-width: 1440px) {
  .page_content {
    min-height: 38vh;
    bottom: 3.5rem; }
    .page_content .page_content_inner {
      min-height: 38vh; }
  .bgWrp .banner_content {
    padding-top: 10%; }
  footer {
    padding: 1rem 0.5rem; }
    footer ul li {
      padding: 0 0.25rem; }
      footer ul li p, footer ul li a {
        font-size: 0.75rem; }
  .card .card-body .card-strip {
    padding: 0.5rem 1rem; }
  .card .card-body h5 {
    font-size: 1rem;
    margin-bottom: 0.75rem; }
  .card .card-body .card-content {
    padding: 1.5rem 1rem; }
    .card .card-body .card-content .row .col-12 .iconwrp {
      margin-bottom: 1rem;
      max-width: 3rem; }
    .card .card-body .card-content .w-90 {
      max-width: 100%; }
    .card .card-body .card-content p, .card .card-body .card-content div {
      font-size: 0.85rem; }
    .card .card-body .card-content .bottom_btn {
      margin-top: 1rem; } }

@media (max-width: 1199px) {
  .logoWrp {
    max-width: 30rem; }
  .page_content {
    position: relative;
    bottom: unset;
    left: unset; }
  footer {
    position: relative; }
    footer .iconwrp {
      position: relative;
      top: unset;
      left: unset;
      transform: unset;
      margin: auto; }
  .card .card-body .card-strip {
    padding: 0.65rem 1.5rem; }
    .card .card-body .card-strip h5 {
      font-size: 1rem; }
  .card .card-body .card-content {
    padding: 2rem 1rem 1rem 2rem; }
    .card .card-body .card-content p, .card .card-body .card-content div {
      font-size: 0.875rem; }
    .card .card-body .card-content .row .col-12 .iconwrp {
      max-width: 3rem;
      margin-bottom: 1rem; }
  .importantLinks .row {
    /*ul {
                li {
                    a {
                        img {
                            max-width: 6rem;
                        }
                    }
                }
            }*/ }
    .importantLinks .row button i {
      font-size: 1.25rem; } }

@media (max-width: 991px) {
  .page_content {
    margin-top: 1rem; }
  .homeCardsCont .d-flex {
    flex-wrap: wrap; }
  .card {
    flex: 0 0 100%;
    max-width: 100%; }
  .importantLinks ul {
    flex-wrap: wrap; }
    .importantLinks ul li {
      flex: 0 0 50% !important;
      max-width: 50% !important;
      margin-bottom: 1rem; }
      .importantLinks ul li::after {
        background-image: none !important; } }

@media (max-width: 767px) {
  .home_banner .banner_content .col-xl-3.col-md-6 {
    display: none; }
  .home_banner .banner_content .col-xl-3.head_main_disp {
    display: block; }
  .page_content {
    padding: 0; }
    .page_content .content .card .card-body .row {
      margin-left: 0;
      margin-right: 0; }
    .page_content .content .card .card-body .col-4 {
      padding: 0 0.35rem; }
    .page_content .content .card .card-body .col-8 {
      padding: 0 0.35rem; }
    .page_content .content .card .card-body .main_video {
      max-height: 18rem !important; }
      .page_content .content .card .card-body .main_video img {
        width: 100%; }
    .page_content .content .card .card-body .bottom_btn button, .page_content .content .card .card-body .bottom_btn a {
      position: relative;
      left: 0.25rem; }
    .page_content .content .card .card-body .contact_num_bk {
      padding: 0.5rem; }
    .page_content .content .content_1 .card.mb-2 {
      margin-bottom: 0 !important; }
    .page_content .content .content_2 img.mt-2 {
      margin-top: 0 !important; } }

@media (max-width: 575px) {
  .page_content .page_content_inner.homeCardsCont {
    min-height: unset; }
  .card {
    height: auto; }
  .importantLinks ul li a {
    height: 3rem !important; } }
