﻿@media (min-width: 1700px) {
  .wdth-80 {
    width: 85% !important; }
  p, a {
    font-size: 1.2rem; } }

@media (min-width: 1200px) and (max-width: 1699px) {
  .wdth-80 {
    width: 90% !important; }
  p, a {
    font-size: 1.1rem; } }

.-txtsmall {
  font-size: 1.15rem; }

h1 {
  color: #927112;
  margin: 1.5rem 0; }

.inv_home_section1 {
  padding-top: 7rem;
  padding-bottom: 7rem; }
  .inv_home_section1 h2 {
    font-weight: 600; }
  .inv_home_section1 p {
    margin-bottom: 1.5rem; }
  .inv_home_section1 .ownership_sec {
    margin: auto; }
    .inv_home_section1 .ownership_sec a.btn {
      min-width: 18rem; }

.investor_services {
  padding-top: 8rem; }
  .investor_services a {
    text-align: center;
    margin-bottom: 4rem; }
    .investor_services a .imgWrp {
      margin-bottom: 1rem; }
    .investor_services a h2 {
      margin-bottom: 1rem; }

.ownership_structure {
  text-align: center;
  /*padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 3rem;*/ }
  .ownership_structure .col-lg-6.border-right {
    border-right: 1px solid #d9c58d; }
  .ownership_structure h2 {
    font-size: 2.25rem;
    color: #927112; }
  .ownership_structure a {
    font-size: 1.5rem;
    color: #000;
    text-decoration: underline !important; }
  .ownership_structure .table-responsive {
    width: 90%;
    margin: auto; }
    .ownership_structure .table-responsive .table {
      text-align: initial; }
      .ownership_structure .table-responsive .table th {
        font-size: 1.5rem;
        color: #927112;
        font-weight: 400; }
        .ownership_structure .table-responsive .table th:last-child {
          text-align: center; }
      .ownership_structure .table-responsive .table td {
        border-bottom: 1px solid #927112; }
    .ownership_structure .table-responsive .table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #fbf3db; }
    .ownership_structure .table-responsive .desc p {
      margin-bottom: 0.35rem;
      font-size: 1rem; }
    .ownership_structure .table-responsive .desc a {
      font-size: 1rem;
      text-decoration: underline !important;
      color: #927112; }

.financial_reports {
  padding-bottom: 2rem; }
  .financial_reports .green_sec {
    text-align: center;
    padding: 2rem 0; }
    .financial_reports .green_sec h1 {
      color: #fff; }
    .financial_reports .green_sec p {
      font-size: 1.3rem; }
  .financial_reports .reports {
    padding-top: 2rem; }
    .financial_reports .reports .nav-tabs {
      justify-content: space-between;
      border-bottom: 0; }
      .financial_reports .reports .nav-tabs .nav-item button {
        color: #000;
        font-size: 1.75rem;
        border: 0; }
        .financial_reports .reports .nav-tabs .nav-item button.active {
          font-size: 1.5rem;
          font-weight: 600;
          border-bottom: 2px solid #000; }
    .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list {
      margin-top: 2rem;
      width: 88%; }
      .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list a {
        color: #000; }
      .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list p {
        color: #927112; }
      .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li {
        border-bottom: 1px solid #000;
        position: relative;
        padding-bottom: 0; }
        .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li img {
          position: absolute;
          top: 8px;
          left: 0;
          margin-top: 0.75rem; }
        .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li i {
          color: #000;
          margin-top: 0.75rem; }
        .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li a {
          text-align: initial;
          padding-left: 4rem;
          font-weight: 600;
          font-size: 1.5rem;
          padding-top: 0.75rem;
          padding-bottom: 1.5rem; }
        .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li .subcatsec {
          border-top: 1px solid #000;
          padding-top: 0.75rem;
          padding-bottom: 0.75rem; }
          .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li .subcatsec p {
            padding: 0; }
          .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li .subcatsec .en_ar_reports a {
            padding: 0;
            background: #4baaa4;
            border-radius: 2rem;
            text-align: center;
            color: #fff;
            padding: 0.35rem;
            font-size: 1.2rem;
            font-weight: 400; }

.disclosures .yellow_sec {
  text-align: center;
  padding: 4rem 0 8rem 0; }
  .disclosures .yellow_sec h1 {
    color: #fff; }
  .disclosures .yellow_sec .nav-tabs {
    margin-top: 2rem;
    justify-content: space-between;
    border-bottom: 0; }
    .disclosures .yellow_sec .nav-tabs .nav-link {
      color: #fff;
      font-size: 1.75rem; }
      .disclosures .yellow_sec .nav-tabs .nav-link.active {
        background: transparent;
        border: 1px solid transparent;
        font-weight: 600;
        border-bottom: 2px solid #fff; }
        .disclosures .yellow_sec .nav-tabs .nav-link.active:hover {
          border-bottom: 2px solid #fff; }
      .disclosures .yellow_sec .nav-tabs .nav-link:hover {
        border: 1px solid transparent;
        margin: 0 !important; }
      .disclosures .yellow_sec .nav-tabs .nav-link:focus-visible {
        border: 1px solid transparent;
        margin: 0 !important;
        box-shadow: none; }
  .disclosures .yellow_sec .tab-content {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem; }
    .disclosures .yellow_sec .tab-content .mobTitle {
      display: none; }
    .disclosures .yellow_sec .tab-content .tab-pane {
      color: #fff; }
      .disclosures .yellow_sec .tab-content .tab-pane .content {
        padding: 0 0.5rem;
        padding-top: 1.5rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid #fff;
        color: #fff;
        text-align: initial; }
        .disclosures .yellow_sec .tab-content .tab-pane .content span, .disclosures .yellow_sec .tab-content .tab-pane .content a {
          font-size: 1.35rem;
          color: #fff; }
          .disclosures .yellow_sec .tab-content .tab-pane .content span i:before, .disclosures .yellow_sec .tab-content .tab-pane .content a i:before {
            vertical-align: middle;
            font-size: 1.4em; }

.dividends {
  padding: 2rem 0; }
  .dividends h1 {
    text-align: center;
    margin-bottom: 2rem; }
  .dividends .row {
    margin-top: 2rem; }
    .dividends .row .desc {
      padding: 0 5rem 0 7rem; }
      .dividends .row .desc h3 {
        font-size: 2rem;
        color: #927112;
        text-align: center;
        margin-bottom: 2rem; }
      .dividends .row .desc .contact {
        margin-bottom: 1rem; }
        .dividends .row .desc .contact span {
          font-size: 1.2rem; }
        .dividends .row .desc .contact a {
          color: #000; }
        .dividends .row .desc .contact .email a {
          text-decoration: underline !important; }
    .dividends .row .imgwrp img {
      width: 100%; }

.bkimg {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .bkimg.-comm_invbanner_img {
    background-image: url("../img/investor_banner.png"); }

.green_sec {
  background: #4baaa4;
  padding: 2rem 0; }
  .green_sec h2 {
    color: #fff;
    margin-bottom: 1.75rem; }
  .green_sec p, .green_sec a {
    color: #fff;
    font-weight: 500; }
  .green_sec .inv-list ul {
    padding: 0;
    list-style: none; }
    .green_sec .inv-list ul li {
      padding: 12px 0px;
      position: relative;
      display: flex;
      justify-content: space-between; }
      .green_sec .inv-list ul li span {
        color: #ffffff;
        font-size: 1.5rem;
        font-weight: 500; }
        .green_sec .inv-list ul li span.inv_name {
          display: block;
          position: relative;
          line-height: 24px;
          font-weight: 500;
          padding: 0 40px;
          outline: none;
          cursor: pointer;
          position: relative;
          transition: all 0.5s ease 0s; }
        .green_sec .inv-list ul li span::before {
          content: "";
          background-image: url(../img/check.png);
          background-position: left;
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          left: 0;
          width: 30px;
          height: 30px; }

.divident_sec {
  text-align: center;
  margin: 2rem 0; }

.yellow_sec {
  background: #927112;
  padding: 4rem 0; }
  .yellow_sec .section_tabs_desk .nav-tabs {
    justify-content: space-around;
    border-bottom: 0; }
    .yellow_sec .section_tabs_desk .nav-tabs .nav-link {
      background: transparent;
      color: #fff;
      border: none;
      font-size: 1.875rem;
      font-weight: 400;
      margin-bottom: 3rem; }
      .yellow_sec .section_tabs_desk .nav-tabs .nav-link.active {
        font-weight: 600;
        border-bottom: 3px solid #fff; }
  .yellow_sec .section_tabs_desk .tab-content {
    padding: 2rem 0; }
    .yellow_sec .section_tabs_desk .tab-content ul li a {
      text-align: center; }
    .yellow_sec .section_tabs_desk .tab-content ul li .fin_rep_subsec .iconWrp {
      height: 4rem; }
      .yellow_sec .section_tabs_desk .tab-content ul li .fin_rep_subsec .iconWrp img {
        height: 100%; }
    .yellow_sec .section_tabs_desk .tab-content ul li div.show {
      margin-top: 1rem;
      border-top: 1px solid #c9b889;
      padding-top: 18px; }
      .yellow_sec .section_tabs_desk .tab-content ul li div.show .d-flex {
        justify-content: space-around; }
        .yellow_sec .section_tabs_desk .tab-content ul li div.show .d-flex button {
          margin: 0 4px;
          background: #fff;
          padding: 0.75rem 0.875rem;
          color: #927112;
          font-weight: 600; }
          .yellow_sec .section_tabs_desk .tab-content ul li div.show .d-flex button:hover {
            background: #4baaa4;
            color: #fff; }
  .yellow_sec .section_tabs_desk .en_ar_reports .col-sm-6 {
    text-align: center; }
    .yellow_sec .section_tabs_desk .en_ar_reports .col-sm-6 a {
      background: #fff;
      height: 3.5rem;
      width: 3.5rem;
      padding: 0;
      /* margin: 0; */
      line-height: 2.25;
      color: #927112;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center; }

.inv_enquries {
  margin: 2rem 0; }
  .inv_enquries .address_sec {
    background: #03879a;
    color: #fff;
    padding: 2rem;
    padding-left: 7rem; }
    .inv_enquries .address_sec p {
      color: #fff;
      margin-bottom: 0.25rem; }
  .inv_enquries .contact_form {
    width: 85%;
    margin: auto; }
    .inv_enquries .contact_form .form-group {
      margin-bottom: 1.75rem;
      /*input[type="text"], textarea {
                border: 1px solid #afafaf;
                background: #f1f1f1;
                border-radius: 8px;
            }*/ }
      .inv_enquries .contact_form .form-group .arabictxt {
        float: right; }
      .inv_enquries .contact_form .form-group label {
        font-weight: 500; }
      .inv_enquries .contact_form .form-group input[type="text"] {
        height: 44px; }
    .inv_enquries .contact_form .captcha img {
      /*        min-height: 5rem;*/ }
    .inv_enquries .contact_form .captcha .cantReadTxt {
      text-align: end;
      font-size: 0.875rem;
      font-weight: 600; }
      .inv_enquries .contact_form .captcha .cantReadTxt a {
        font-size: 0.875rem; }

.map_pins a {
  margin-right: 1.5rem; }

.reports_flex_mob {
  /* display: none;*/ }
  .reports_flex_mob .reports_link {
    margin-bottom: 1.5rem; }
    .reports_flex_mob .reports_link h5 {
      font-size: 1.6rem;
      font-weight: bold;
      position: relative;
      margin-bottom: 0.5em;
      color: #fff;
      cursor: pointer;
      padding-bottom: 0.5rem;
      display: none; }
    .reports_flex_mob .reports_link .content {
      display: none;
      transition: all 0.3s ease; }
      .reports_flex_mob .reports_link .content .faq-list a {
        text-align: center;
        /*  &:hover {
                        color: #4baaa4;
                    }*/
        /*  &[aria-expanded="true"] {
                        color: #4baaa4;
                    }*/ }
        .reports_flex_mob .reports_link .content .faq-list a::before {
          display: none; }
    .reports_flex_mob .reports_link.active h5 {
      border-bottom: 3px solid #fff; }
    .reports_flex_mob .reports_link.active .content {
      transition: all 0.3s ease;
      display: block; }

@media (min-width: 991px) {
  .gal_link a {
    justify-content: flex-end; }
    .gal_link a img {
      min-height: 2.25rem;
      margin-right: 0.5rem; } }

/*.category_mob {
    .reports_link {

        h5 {
            font-size: 2.75rem;
            color: #fff;
        }

        ul {
            display: none;
        }

        &.active {
            ul {
                display: block;
            }
        }
    }
}*/
@media (min-width: 1200px) and (max-width: 1500px) {
  .inv_enquries .contact_form .form-group input[type="text"] {
    margin-bottom: 0;
    height: 36px; }
  .inv_enquries .contact_form .captcha img {
    min-height: 3rem; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .inv_home_section1 {
    width: 90%; }
    .inv_home_section1 .ownership_sec {
      width: 70%; }
  .green_sec .inv-list ul li span {
    font-size: 1.25rem; }
    .green_sec .inv-list ul li span::before {
      height: 22px;
      width: 22px; }
  .yellow_sec .section_tabs_desk .tab-content {
    padding: 2rem 0; }
  .inv_enquries .contact_form .form-group {
    margin-bottom: 1rem; }
    .inv_enquries .contact_form .form-group input[type="text"] {
      margin-bottom: 0;
      height: 30px; }
  .inv_enquries .contact_form .captcha img {
    min-height: 3rem; } }

@media (min-width: 992px) and (max-width: 1024px) {
  .inv_home_section1 {
    width: 90%; }
    .inv_home_section1 .ownership_sec {
      width: 75%; }
  .green_sec .inv-list ul li span {
    font-size: 1.25rem; }
    .green_sec .inv-list ul li span::before {
      height: 22px;
      width: 22px; }
  .yellow_sec .section_tabs_desk .tab-content {
    padding: 0; }
  .inv_enquries .contact_form .form-group {
    margin-bottom: 1rem; }
    .inv_enquries .contact_form .form-group input[type="text"] {
      margin-bottom: 0;
      height: 30px; }
  .inv_enquries .contact_form .captcha img {
    min-height: 3rem; } }

@media (max-width: 991px) {
  .inv_home_section1 {
    margin-top: 2rem;
    width: 85%; }
    .inv_home_section1 .ownership_sec {
      width: 85%; }
  .green_sec h2 {
    margin-bottom: 1.25rem; }
  .green_sec .col-lg-6:first-child {
    margin-bottom: 2rem;
    padding-bottom: 1rem; }
    .green_sec .col-lg-6:first-child .inv-list ul li span {
      font-size: 1.25rem; }
  .yellow_sec .section_tabs_desk .tab-content {
    padding: 2rem 0; }
  .yellow_sec .section_tabs_desk .nav-tabs .nav-link {
    font-size: 1.3rem; }
  /*.category_mob {
        flex-wrap: wrap;
        .reports_link {
            width: 100%;

            h5 {
                font-size: 2.5rem;
            }
            ul {
                list-style: none;
                padding: 0;
                margin: 0;

                display: none;
                transition: all 0.3s ease;
            }

            &.active {
                ul {
                    display: block;

                }
            }
        }
    }*/
  .section_tabs_desk {
    /*display: none;*/ }
    .section_tabs_desk .nav-tabs {
      display: none; }
  .reports_flex_mob {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative; }
    .reports_flex_mob .reports_link {
      width: 100%;
      border-bottom: 1px solid #fff; }
      .reports_flex_mob .reports_link h5 {
        font-size: 1.75rem;
        border-bottom: none !important;
        display: block; }
        .reports_flex_mob .reports_link h5::after {
          background-image: url("../img/btn_arrow.png");
          background-size: contain;
          background-repeat: no-repeat;
          height: 24px;
          width: 24px;
          content: '';
          position: absolute;
          right: 1rem;
          transform: rotate(90deg);
          top: 0.5rem; }
      .reports_flex_mob .reports_link ul {
        display: none; }
      .reports_flex_mob .reports_link.active ul {
        display: block;
        list-style: none;
        padding-right: 1.5rem; }
        .reports_flex_mob .reports_link.active ul li {
          color: #fff;
          font-size: 1.5rem;
          margin-bottom: 1.5rem;
          padding-bottom: 0.5rem;
          align-items: center;
          border: none; }
          .reports_flex_mob .reports_link.active ul li a {
            text-align: start !important;
            position: relative;
            font-size: 1.875rem;
            margin-bottom: 1rem; }
            .reports_flex_mob .reports_link.active ul li a .icon-show, .reports_flex_mob .reports_link.active ul li a .icon-close {
              left: 8rem !important;
              font-size: 1.6rem; }
            .reports_flex_mob .reports_link.active ul li a .icon-close {
              top: -6px; }
          .reports_flex_mob .reports_link.active ul li .subcatsec {
            padding: 0.5rem 2rem; }
            .reports_flex_mob .reports_link.active ul li .subcatsec .justify-content-center {
              justify-content: flex-start !important; }
              .reports_flex_mob .reports_link.active ul li .subcatsec .justify-content-center .iconWrp {
                height: 2.5rem; }
              .reports_flex_mob .reports_link.active ul li .subcatsec .justify-content-center .en_ar_reports a {
                height: 2.5rem;
                width: 2.5rem;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1.2rem; }
      .reports_flex_mob .reports_link .content .faq-list {
        width: 100% !important; }
        .reports_flex_mob .reports_link .content .faq-list ul {
          padding: 0 !important; } }

@media (max-width: 767px) {
  .inv_home_section1 {
    text-align: start; }
    .inv_home_section1 .ownership_sec {
      width: 100%; }
      .inv_home_section1 .ownership_sec .justify-content-around {
        justify-content: flex-start !important;
        margin: 2rem 0 !important; }
        .inv_home_section1 .ownership_sec .justify-content-around .btn {
          margin: 0.5rem 0; }
  .green_sec h2 {
    font-size: 1.75rem; }
  .green_sec .inv-list ul li span {
    font-size: 1.25rem; }
  .reports_flex_mob .reports_link h5 {
    font-size: 1.25rem; }
  .reports_flex_mob .reports_link ul li {
    margin-bottom: 0 !important; }
    .reports_flex_mob .reports_link ul li a {
      font-size: 1.25rem !important; }
  .inv_enquries .address_sec .map_pins {
    flex-wrap: wrap; }
    .inv_enquries .address_sec .map_pins a {
      margin: 0.25rem 0; } }

@media (min-width: 1200px) and (max-width: 1700px) {
  .dnir_shareholder .inv-list ul li span {
    font-size: 1.2rem; }
  .green_sec .inv-list ul li span::before {
    width: 20px;
    height: 20px; }
  .reports_flex_mob .reports_link .content .faq-list .subcatsec .iconWrp {
    height: 2.5rem; }
  .yellow_sec .section_tabs_desk .en_ar_reports .col-sm-6 a {
    height: 2.5rem; }
  .yellow_sec .section_tabs_desk .nav-tabs .nav-link {
    font-size: 1.375rem; }
  .yellow_sec .section_tabs_desk .nav-tabs .nav-link.active {
    border-bottom: 2px solid #fff; } }

@media (min-width: 1441px) and (max-width: 1599px) {
  .dividends .row .desc {
    padding: 0 5rem 0 6rem; }
    .dividends .row .desc h3 {
      font-size: 1.75rem; }
  .inv_enquries .address_sec {
    padding-left: 6rem; } }

@media (min-width: 1200px) and (max-width: 1440px) {
  .ownership_structure {
    /*padding-left: 2rem;
        padding-right: 2rem;*/ }
  .financial_reports .reports .nav-tabs .nav-item button {
    font-size: 1.5rem; }
    .financial_reports .reports .nav-tabs .nav-item button.active {
      font-size: 1.3rem; }
  .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li a {
    font-size: 1.2rem; }
  .disclosures .yellow_sec {
    padding: 4rem 0; }
    .disclosures .yellow_sec .nav-tabs .nav-link {
      font-size: 1.5rem; }
    .disclosures .yellow_sec .tab-content {
      width: 90%; }
      .disclosures .yellow_sec .tab-content .tab-pane .content span, .disclosures .yellow_sec .tab-content .tab-pane .content a {
        font-size: 1.2rem; }
  .dividends .row {
    margin-top: 2rem; }
    .dividends .row .desc {
      padding: 0 2rem 0 4rem; }
      .dividends .row .desc h3 {
        font-size: 1.55rem; }
  .inv_enquries .address_sec {
    padding-left: 4rem; } }

@media (max-width: 1199px) {
  .ownership_structure {
    /*   padding-left: 2rem;
        padding-right: 2rem;*/ }
  .financial_reports .reports .nav-tabs .nav-item button {
    font-size: 1.5rem; }
    .financial_reports .reports .nav-tabs .nav-item button.active {
      font-size: 1.3rem; }
  .financial_reports .reports .reports_flex_mob .reports_link .content .faq-list li a {
    font-size: 1.2rem; }
  .disclosures .yellow_sec {
    padding: 4rem 0; }
    .disclosures .yellow_sec .nav-tabs .nav-link {
      font-size: 1.4rem; }
    .disclosures .yellow_sec .tab-content {
      width: 100%; }
      .disclosures .yellow_sec .tab-content .tab-pane .content span, .disclosures .yellow_sec .tab-content .tab-pane .content a {
        font-size: 1.2rem; }
  .dividends .row {
    margin-top: 2rem; }
    .dividends .row .desc {
      padding: 0 1rem 0 4rem; }
      .dividends .row .desc h3 {
        font-size: 1.55rem; }
  .inv_enquries .address_sec {
    padding-left: 4rem; }
  .inv_enquries .contact_form {
    padding-right: 1rem; } }

@media (max-width: 991px) {
  .ownership_structure h2 {
    font-size: 1.75rem; }
  .ownership_structure .col-lg-6 {
    margin-bottom: 2rem; }
    .ownership_structure .col-lg-6.border-right {
      border-right: 0; }
  .section_tabs_desk {
    padding: 0 1rem; }
  .financial_reports p {
    padding: 0 1rem; }
  .reports_flex_mob .reports_link {
    padding: 0 1rem; }
    .reports_flex_mob .reports_link h5 {
      color: #000; }
  .disclosures .yellow_sec h1 {
    margin-top: 0; }
  .disclosures .yellow_sec .nav-tabs {
    display: none; }
  .disclosures .yellow_sec .tab-content {
    padding: 0 1.5rem;
    margin-top: 1rem; }
    .disclosures .yellow_sec .tab-content .mobTitle {
      display: block;
      color: #fff;
      text-align: initial;
      font-size: 1.875rem;
      margin-bottom: 0;
      margin-top: 2rem; }
      .disclosures .yellow_sec .tab-content .mobTitle.active {
        font-weight: 600; }
    .disclosures .yellow_sec .tab-content .tab-pane {
      margin-bottom: 1rem; } }
